@charset 'utf-8';
/*
layout.css
*/

/* -----------------------------------
  CSS名
----------------------------------- */
@media screen and (min-width: 1025px) {

}
@media screen and (min-width: 1200px) {

}

/* -----------------------------------
  color
----------------------------------- */
.u-c-red {
  color: #ea3223;
}

/* -----------------------------------
  display
----------------------------------- */
.u-d-n {display: none !important;}
.u-d-i {display: inline !important;}
.u-d-b {display: block !important;}
.u-d-f {display: flex !important;}
@media screen and (min-width: 768px) {
  .u-d-n-mb {display: none !important;}
  .u-d-i-mb {display: inline !important;}
  .u-d-b-mb {display: block !important;}
  .u-d-f-mb {display: flex !important;}
}
@media screen and (min-width: 1025px) {
  .u-d-n-tb {display: none !important;}
  .u-d-i-tb {display: inline !important;}
  .u-d-b-tb {display: block !important;}
  .u-d-f-tb {display: flex !important;}
}
@media screen and (min-width: 1200px) {
  .u-d-n-pc {display: none !important;}
  .u-d-i-pc {display: inline !important;}
  .u-d-b-pc {display: block !important;}
  .u-d-f-pc {display: flex !important;}
}

/* -----------------------------------
  flex
----------------------------------- */
.u-d-f {display: flex !important;}
.u-ai-c {align-items: center !important;}
.u-ai-fs {align-items: flex-start !important;}
.u-ai-fe {align-items: flex-end !important;}
.u-jc-c {justify-content: center !important;}
.u-jc-fs {justify-content: flex-start !important;}
.u-jc-fe {justify-content: flex-end !important;}
.u-jc-sb {justify-content: space-between !important;}
.u-jc-sa {justify-content: space-around !important;}
.u-fd-rr {flex-direction: row-reverse !important;}
.u-fd-cr {flex-direction: column-reverse !important;}
.u-fw-w {flex-wrap: wrap !important;}
@media screen and (min-width: 1025px) {
  .u-d-f-tb {display: flex !important;}
  .u-ai-c-tb {align-items: center !important;}
  .u-ai-fs-tb {align-items: flex-start !important;}
  .u-ai-fe-tb {align-items: flex-end !important;}
  .u-jc-c-tb {justify-content: center !important;}
  .u-jc-fs-tb {justify-content: flex-start !important;}
  .u-jc-fe-tb {justify-content: flex-end !important;}
  .u-jc-sb-tb {justify-content: space-between !important;}
  .u-jc-sa-tb {justify-content: space-around !important;}
  .u-fd-rr-tb {flex-direction: row-reverse !important;}
  .u-fd-cr-tb {flex-direction: column-reverse !important;}
  .u-fw-w-tb {flex-wrap: wrap !important;}
}
@media screen and (min-width: 1200px) {
  .u-d-f-pc {display: flex !important;}
  .u-ai-c-pc {align-items: center !important;}
  .u-ai-fs-pc {align-items: flex-start !important;}
  .u-ai-fe-pc {align-items: flex-end !important;}
  .u-jc-c-pc {justify-content: center !important;}
  .u-jc-fs-pc {justify-content: flex-start !important;}
  .u-jc-fe-pc {justify-content: flex-end !important;}
  .u-jc-sb-pc {justify-content: space-between !important;}
  .u-jc-sa-pc {justify-content: space-around !important;}
  .u-fd-rr-pc {flex-direction: row-reverse !important;}
  .u-fd-cr-pc {flex-direction: column-reverse !important;}
  .u-fw-w-pc {flex-wrap: wrap !important;}
}

/* -----------------------------------
  fontweight
----------------------------------- */
.u-fw-n {font-weight: 500 !important;}
.u-fw-b {font-weight: 700 !important;}

/* -----------------------------------
  fontsize
----------------------------------- */
.u-fs-60 {font-size: 60% !important;}
.u-fs-70 {font-size: 70% !important;}
.u-fs-80 {font-size: 80% !important;}
.u-fw-90 {font-size: 90% !important;}
.u-fw-100 {font-size: 100% !important;}
.u-fw-110 {font-size: 110% !important;}
.u-fs-120 {font-size: 120% !important;}

/* -----------------------------------
  fontfamiry
----------------------------------- */
.u-ff-Roboto {font-family: 'Roboto', sans-serif;}
.u-ff-NotoSansJP {font-family: 'Noto Sans JP', sans-serif;}
.u-ff-YuMincho {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

/* -----------------------------------
  textalign
----------------------------------- */
.u-ta-r {text-align: right !important;}
.u-ta-l {text-align: left !important;}
.u-ta-c {text-align: center !important;}

/* -----------------------------------
  textdecoration
----------------------------------- */
.u-td-u {text-decoration: underline !important;}

/* -----------------------------------
  margin
----------------------------------- */
.u-m0 {margin: 0 !important;}
.u-mb0 {margin-bottom: 0 !important;}
.u-mb1em {margin-bottom: 1em !important;}
.u-mb5 {margin-bottom: 5px !important;}
.u-mb10 {margin-bottom: 10px !important;}
.u-mb15 {margin-bottom: 15px !important;}
.u-mb20 {margin-bottom: 20px !important;}
.u-mb30 {margin-bottom: 30px !important;}
.u-mb40 {margin-bottom: 40px !important;}
.u-mb50 {margin-bottom: 50px !important;}
.u-mb60 {margin-bottom: 60px !important;}
.u-mb70 {margin-bottom: 70px !important;}
.u-mb80 {margin-bottom: 80px !important;}
.u-mr0 {margin-right: 0px !important;}
.u-mr10 {margin-right: 10px !important;}
@media screen and (min-width: 1025px) {
  .u-m0-tb {margin: 0 !important;}
  .u-mb0-tb {margin-bottom: 0 !important;}
  .u-mb1em-tb {margin-bottom: 1em !important;}
  .u-mb5-tb {margin-bottom: 5px !important;}
  .u-mb10-tb {margin-bottom: 10px !important;}
  .u-mb15-tb {margin-bottom: 15px !important;}
  .u-mb20-tb {margin-bottom: 20px !important;}
  .u-mb30-tb {margin-bottom: 30px !important;}
  .u-mb40-tb {margin-bottom: 40px !important;}
  .u-mb50-tb {margin-bottom: 50px !important;}
  .u-mb60-tb {margin-bottom: 60px !important;}
  .u-mb70-tb {margin-bottom: 70px !important;}
  .u-mb80-tb {margin-bottom: 80px !important;}
  .u-mr10-tb {margin-right: 10px !important;}
}
@media screen and (min-width: 1200px) {
  .u-m0-pc {margin: 0 !important;}
  .u-mb0-pc {margin-bottom: 0 !important;}
  .u-mb1em-pc {margin-bottom: 1em !important;}
  .u-mb5-pc {margin-bottom: 5px !important;}
  .u-mb10-pc {margin-bottom: 10px !important;}
  .u-mb15-pc {margin-bottom: 15px !important;}
  .u-mb20-pc {margin-bottom: 20px !important;}
  .u-mb30-pc {margin-bottom: 30px !important;}
  .u-mb40-pc {margin-bottom: 40px !important;}
  .u-mb50-pc {margin-bottom: 50px !important;}
  .u-mb60-pc {margin-bottom: 60px !important;}
  .u-mb70-pc {margin-bottom: 70px !important;}
  .u-mb80-pc {margin-bottom: 80px !important;}
  .u-mr10-pc {margin-right: 10px !important;}
}

/* -----------------------------------
  padding
----------------------------------- */
/*top*/
.u-pt1em {padding-top: 1em !important;}
.u-pt5 {padding-top: 5px !important;}
.u-pt10 {padding-top: 10px !important;}
.u-pt15 {padding-top: 15px !important;}
.u-pt20 {padding-top: 20px !important;}
.u-pt30 {padding-top: 30px !important;}
.u-pt40 {padding-top: 40px !important;}
.u-pt50 {padding-top: 50px !important;}
.u-pt60 {padding-top: 60px !important;}
.u-pt70 {padding-top: 70px !important;}
/*bottom*/
.u-pb0 {padding-bottom: 0em !important;}
.u-pb1em {padding-bottom: 1em !important;}
.u-pb5 {padding-bottom: 5px !important;}
.u-pb10 {padding-bottom: 10px !important;}
.u-pb15 {padding-bottom: 15px !important;}
.u-pb20 {padding-bottom: 20px !important;}
.u-pb30 {padding-bottom: 30px !important;}
.u-pb40 {padding-bottom: 40px !important;}
.u-pb50 {padding-bottom: 50px !important;}
.u-pb60 {padding-bottom: 60px !important;}
.u-pb70 {padding-bottom: 70px !important;}
.u-pb100 {padding-bottom: 100px !important;}
@media screen and (min-width: 1025px) {
  /*top*/
  .u-pt1em-tb {padding-top: 1em !important;}
  .u-pt5-tb {padding-top: 5px !important;}
  .u-pt10-tb {padding-top: 10px !important;}
  .u-pt15-tb {padding-top: 15px !important;}
  .u-pt20-tb {padding-top: 20px !important;}
  .u-pt30-tb {padding-top: 30px !important;}
  .u-pt40-tb {padding-top: 40px !important;}
  .u-pt50-tb {padding-top: 50px !important;}
  .u-pt60-tb {padding-top: 60px !important;}
  .u-pt70-tb {padding-top: 70px !important;}
  /*bottom*/
  .u-pb0-tb {padding-bottom: 0em !important;}
  .u-pb1em-tb {padding-bottom: 1em !important;}
  .u-pb5-tb {padding-bottom: 5px !important;}
  .u-pb10-tb {padding-bottom: 10px !important;}
  .u-pb15-tb {padding-bottom: 15px !important;}
  .u-pb20-tb {padding-bottom: 20px !important;}
  .u-pb30-tb {padding-bottom: 30px !important;}
  .u-pb40-tb {padding-bottom: 40px !important;}
  .u-pb50-tb {padding-bottom: 50px !important;}
  .u-pb60-tb {padding-bottom: 60px !important;}
  .u-pb70-tb {padding-bottom: 70px !important;}
  .u-pb100-tb {padding-bottom: 100px !important;}
}
@media screen and (min-width: 1200px) {
  /*top*/
  .u-pt1em-pc {padding-top: 1em !important;}
  .u-pt5-pc {padding-top: 5px !important;}
  .u-pt10-pc {padding-top: 10px !important;}
  .u-pt15-pc {padding-top: 15px !important;}
  .u-pt20-pc {padding-top: 20px !important;}
  .u-pt30-pc {padding-top: 30px !important;}
  .u-pt40-pc {padding-top: 40px !important;}
  .u-pt50-pc {padding-top: 50px !important;}
  .u-pt60-pc {padding-top: 60px !important;}
  .u-pt70-pc {padding-top: 70px !important;}
  /*bottom*/
  .u-pb0-pc {padding-bottom: 0em !important;}
  .u-pb1em-pc {padding-bottom: 1em !important;}
  .u-pb5-pc {padding-bottom: 5px !important;}
  .u-pb10-pc {padding-bottom: 10px !important;}
  .u-pb15-pc {padding-bottom: 15px !important;}
  .u-pb20-pc {padding-bottom: 20px !important;}
  .u-pb30-pc {padding-bottom: 30px !important;}
  .u-pb40-pc {padding-bottom: 40px !important;}
  .u-pb50-pc {padding-bottom: 50px !important;}
  .u-pb60-pc {padding-bottom: 60px !important;}
  .u-pb70-pc {padding-bottom: 70px !important;}
  .u-pb100-pc {padding-bottom: 100px !important;}
}

.c-col-2,
.c-col-3 {
  display: flex;
  justify-content: space-between;
}
.c-col-3 {
  flex-wrap: wrap;
}
.c-col-3::after{
  content: "";
  display: block;
  width: 32%;
}
.c-col-2_inner {
  max-width: 50%;
}
.c-col-2_inner:nth-child(2) {
  padding: 0 60px;
}
.c-col-3_inner {
  width: 32%;
}
@media screen and (max-width: 1024px) {
  .c-col-2 {
    display: block;
  }
  .c-col-2 {
    margin-bottom: 50px;
  }
  .c-col-2:last-child {
    margin-bottom: 0;
  }
  .c-col-3::after{
    width: 48%;
  }
  .c-col-2_inner {
    margin: 0 auto 20px;
    max-width: 373px;
  }
  .c-col-2_inner:nth-child(2) {
    padding: 0;
  }
  .c-col-3_inner {
    width: 48%;
  }
}