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

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

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

}

/* -----------------------------------
  color
----------------------------------- */
:root {
  --color-yellow: #FFFF00;
  --color-green1: #52A846;
  --color-green2: #2A8D1D;
  --color-lightbrown: #F5EEE6;
  --color-brown: #A56D23;
  --color-black: #000;
  --color-gray1: #616161;
  --color-gray2: #9E9E9E;
  --color-gray3: #BABABA;
  --color-gray4: #DFDFDF;
  --color-gray5: #F1F1F1;
  --color-white: #FFFFFF;
}

.u-c-green {
  color: var(--color-green1);
}

/* -----------------------------------
  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: 769px) {
  .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-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;}

/* -----------------------------------
  textalign
----------------------------------- */
.u-ta-r {text-align: right !important;}
.u-ta-l {text-align: left !important;}
.u-ta-c {text-align: center !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;}
@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;}
}
@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;}
}

/* -----------------------------------
  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;}
}

/* -----------------------------------
  CTA
----------------------------------- */
.c-btn_lay01 .c-btn_anchor {
  background: var(--color-green1);
  border-radius: 50px;
  border: 1px solid var(--color-green1);
  color:  var(--color-white);
  display: block;
  font-weight: 700;
  font-size: 17px;
  margin: 0 auto;
  padding: 20px 0;
  width: 260px;
  position: relative;
  text-align: center;
}
.c-btn_lay01 .c-btn_anchor::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f061";
  color: var(--color-yellow);
  position: absolute;
  right: 40px;
  transition: .3s;
}
.c-btn_lay01 .c-btn_anchor:hover {
  background: var(--color-white);
  color: var(--color-green1);
}
.c-btn_lay01 .c-btn_anchor:hover::after {
  color: var(--color-green1);
}
@media screen and (max-width: 1024px) {
  .c-btn_lay01 .c-btn_anchor {
    font-size: 14px;
  }
}
@media screen and (min-width: 1200px) {

}

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