@charset "utf-8";

/* --------------------------------------------------
media query format
---------------------------------------------------*/
@media only screen and (max-width:736px) {
}

/* --------------------------------------------------
cont_access
---------------------------------------------------*/
#catch {
  background: url(../imgs/bg.jpg) top center no-repeat;
  background-size: contain;
}

#catch .wrap {
  margin: 0 auto 60px auto;
  padding: 90px 0 0 0;
}

@media only screen and (max-width:736px) {

#catch .wrap {
  margin: 0 auto;
  padding: 5% calc(100vw * 20 / 640);
}
}

#catch dl {
}

#catch dl dt {
  flex-basis: 40.5%;
}

@media only screen and (max-width:736px) {

#catch dl dt {
  flex-basis: 100%;
}
}

#catch dl dt img:nth-of-type(2) {
  margin: 5% 0 0 0;
}

#catch dl dd {
  flex-basis: 57%;
}

@media only screen and (max-width:736px) {

#catch dl dd {
  flex-basis: 100%;
}
}

#catch .pos {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}

@media only screen and (max-width:736px) {

#catch .pos {
  position: relative;
  bottom: auto;
  left: auto;
  padding: 2.5% 0 5% 0;
}
}

#catch .pos .ttl {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  line-height: 3rem;
  padding: 2.5% 0;
}

@media only screen and (max-width:736px) {

#catch .pos .ttl {
  font-size: calc(100vw * 36 / 640);
  line-height: calc(100vw * 40 / 640);
}
}

#catch .pos .text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 30px;
  line-height: 3rem;
}

@media only screen and (max-width:736px) {

#catch .pos .text {
  font-size: calc(100vw * 24 / 640);
  line-height: calc(100vw * 40 / 640);
}
}

/* --------------------------------------------------
cont_access
---------------------------------------------------*/
#cont_access ul.colBox {
}

#cont_access ul.colBox li {
  flex-basis: calc(100% / 3);
}

@media all and (-ms-high-contrast: none) {

#cont_access ul.colBox li {
  flex-basis: 33.3%;
}
}

@media only screen and (max-width:736px) {

#cont_access ul.colBox li {
  flex-basis: 100%;
}
}