@charset "UTF-8";
/*--------------------------------------------
* 【注意】直接編集禁止【注意】
* --------------------------------------------
* custom.cssは直接編集しないでください。
* custom.sassを修正しコンパイルして使用するようにお願いします。
* 修正するファイルはdcms_media/css/sass/custom.scssです。
* 修正後は以下のディレクトリにファイルをインポートしてください
* 
* 
* ============================================
* sassディレクトリ
* ============================================
*   > custom.css 
*   > custom.sass
*   > custom.css.map
* 
* ============================================
* cssディレクトリ
* ============================================
*   > custom.css 
* 
* --------------------------------------------*/
/*-----------------------------------------------------------------*/
/*utility*/
/*------------------------------------------------------------------*/
.inner {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
  max-width: 980px;
}

.inner-xl {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}

.inner-xxl {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1400px;
}

/* color */
.fc__main {
  color: #045DBB;
}

.fc__accent01 {
  color: #FFDD00;
}

.fc__accent01_050 {
  color: #FFFBDF;
}

.fc__accent02 {
  color: #44AF85;
}

.fc__warning {
  color: #D80929;
}

.fc__blk {
  color: #000;
}

.fc__text {
  color: #333;
}

.fc__wht {
  color: #ffffff;
}

.fc__gray_050 {
  color: #F0F0F0;
}

.fc__gray_075 {
  color: #e6e6e6;
}

.fc__gray_100 {
  color: #eee;
}

.fc__gray_200 {
  color: #ddd;
}

.fc__gray_300 {
  color: #d4d4d4;
}

.fc__gray_400 {
  color: #EAEAEA;
}

.fc__gray_500 {
  color: #666;
}

.bg__main {
  background-color: #045DBB;
}

.bg__accent01 {
  background-color: #FFDD00;
}

.bg__accent01_050 {
  background-color: #FFFBDF;
}

.bg__accent02 {
  background-color: #44AF85;
}

.bg__warning {
  background-color: #D80929;
}

.bg__blk {
  background-color: #000;
}

.bg__text {
  background-color: #333;
}

.bg__wht {
  background-color: #ffffff;
}

.bg__gray_050 {
  background-color: #F0F0F0;
}

.bg__gray_075 {
  background-color: #e6e6e6;
}

.bg__gray_100 {
  background-color: #eee;
}

.bg__gray_200 {
  background-color: #ddd;
}

.bg__gray_300 {
  background-color: #d4d4d4;
}

.bg__gray_400 {
  background-color: #EAEAEA;
}

.bg__gray_500 {
  background-color: #666;
}

/*-----------------------------------------------------------------------
Text styles 
-----------------------------------------------------------------------*/
/* hedding size */
.u-h1 {
  font-size: calc(26px + 34 * (100vw - 375px) / 1545);
  font-weight: 600;
  line-height: 1.3;
}
.u-h2 {
  font-size: calc(24px + 21 * (100vw - 375px) / 1545);
  line-height: 1.3;
}
.u-h3 {
  font-size: calc(20px + 3 * (100vw - 375px) / 1545);
  line-height: 1.3;
}
.u-h4 {
  font-size: calc(18px + 2 * (100vw - 375px) / 1545);
  line-height: 1.3;
}
.u-h5 {
  font-size: calc(17px + 2 * (100vw - 375px) / 1545);
  line-height: 1.3;
}
.u-h6 {
  font-size: calc(16px + 1 * (100vw - 375px) / 1545);
  line-height: 1.3;
}

/* font-size */
.fz10 {
  font-size: 10px;
}

.fz11 {
  font-size: 11px;
}

.fz12 {
  font-size: 12px;
}

.fz13 {
  font-size: 13px;
}

.fz14 {
  font-size: 14px;
}

.fz15 {
  font-size: 15px;
}

.fz16 {
  font-size: 16px;
}

.fz17 {
  font-size: 17px;
}

.fz18 {
  font-size: 18px;
}

.fz19 {
  font-size: 19px;
}

.fz20 {
  font-size: 20px;
}

.fz21 {
  font-size: 21px;
}

.fz22 {
  font-size: 22px;
}

.fz23 {
  font-size: 23px;
}

.fz24 {
  font-size: 24px;
}

.fz25 {
  font-size: 25px;
}

.fz26 {
  font-size: 26px;
}

.fz27 {
  font-size: 27px;
}

.fz28 {
  font-size: 28px;
}

.fz29 {
  font-size: 29px;
}

.fz30 {
  font-size: 30px;
}

.fz31 {
  font-size: 31px;
}

.fz32 {
  font-size: 32px;
}

.fz33 {
  font-size: 33px;
}

.fz34 {
  font-size: 34px;
}

.fz35 {
  font-size: 35px;
}

.fz36 {
  font-size: 36px;
}

.fz37 {
  font-size: 37px;
}

.fz38 {
  font-size: 38px;
}

.fz39 {
  font-size: 39px;
}

.fz40 {
  font-size: 40px;
}

.fz41 {
  font-size: 41px;
}

.fz42 {
  font-size: 42px;
}

.fz43 {
  font-size: 43px;
}

.fz44 {
  font-size: 44px;
}

.fz45 {
  font-size: 45px;
}

.fz46 {
  font-size: 46px;
}

.fz47 {
  font-size: 47px;
}

.fz48 {
  font-size: 48px;
}

.fz49 {
  font-size: 49px;
}

.fz50 {
  font-size: 50px;
}

.fz51 {
  font-size: 51px;
}

.fz52 {
  font-size: 52px;
}

.fz53 {
  font-size: 53px;
}

.fz54 {
  font-size: 54px;
}

.fz55 {
  font-size: 55px;
}

.fz56 {
  font-size: 56px;
}

.fz57 {
  font-size: 57px;
}

.fz58 {
  font-size: 58px;
}

.fz59 {
  font-size: 59px;
}

.fz60 {
  font-size: 60px;
}

.fz61 {
  font-size: 61px;
}

.fz62 {
  font-size: 62px;
}

.fz63 {
  font-size: 63px;
}

.fz64 {
  font-size: 64px;
}

.fz65 {
  font-size: 65px;
}

.fz66 {
  font-size: 66px;
}

.fz67 {
  font-size: 67px;
}

.fz68 {
  font-size: 68px;
}

.fz69 {
  font-size: 69px;
}

.fz70 {
  font-size: 70px;
}

.fz71 {
  font-size: 71px;
}

.fz72 {
  font-size: 72px;
}

.fz73 {
  font-size: 73px;
}

.fz74 {
  font-size: 74px;
}

.fz75 {
  font-size: 75px;
}

.fz76 {
  font-size: 76px;
}

.fz77 {
  font-size: 77px;
}

.fz78 {
  font-size: 78px;
}

.fz79 {
  font-size: 79px;
}

.fz80 {
  font-size: 80px;
}

.fz81 {
  font-size: 81px;
}

.fz82 {
  font-size: 82px;
}

.fz83 {
  font-size: 83px;
}

.fz84 {
  font-size: 84px;
}

.fz85 {
  font-size: 85px;
}

.fz86 {
  font-size: 86px;
}

.fz87 {
  font-size: 87px;
}

.fz88 {
  font-size: 88px;
}

.fz89 {
  font-size: 89px;
}

.fz90 {
  font-size: 90px;
}

.fz91 {
  font-size: 91px;
}

.fz92 {
  font-size: 92px;
}

.fz93 {
  font-size: 93px;
}

.fz94 {
  font-size: 94px;
}

.fz95 {
  font-size: 95px;
}

.fz96 {
  font-size: 96px;
}

.fz97 {
  font-size: 97px;
}

.fz98 {
  font-size: 98px;
}

.fz99 {
  font-size: 99px;
}

.fz100 {
  font-size: 100px;
}

@media screen and (max-width: 979.8px) {
  .fz10tb {
    font-size: 10px !important;
  }
  .fz11tb {
    font-size: 11px !important;
  }
  .fz12tb {
    font-size: 12px !important;
  }
  .fz13tb {
    font-size: 13px !important;
  }
  .fz14tb {
    font-size: 14px !important;
  }
  .fz15tb {
    font-size: 15px !important;
  }
  .fz16tb {
    font-size: 16px !important;
  }
  .fz17tb {
    font-size: 17px !important;
  }
  .fz18tb {
    font-size: 18px !important;
  }
  .fz19tb {
    font-size: 19px !important;
  }
  .fz20tb {
    font-size: 20px !important;
  }
  .fz21tb {
    font-size: 21px !important;
  }
  .fz22tb {
    font-size: 22px !important;
  }
  .fz23tb {
    font-size: 23px !important;
  }
  .fz24tb {
    font-size: 24px !important;
  }
  .fz25tb {
    font-size: 25px !important;
  }
  .fz26tb {
    font-size: 26px !important;
  }
  .fz27tb {
    font-size: 27px !important;
  }
  .fz28tb {
    font-size: 28px !important;
  }
  .fz29tb {
    font-size: 29px !important;
  }
  .fz30tb {
    font-size: 30px !important;
  }
  .fz31tb {
    font-size: 31px !important;
  }
  .fz32tb {
    font-size: 32px !important;
  }
  .fz33tb {
    font-size: 33px !important;
  }
  .fz34tb {
    font-size: 34px !important;
  }
  .fz35tb {
    font-size: 35px !important;
  }
  .fz36tb {
    font-size: 36px !important;
  }
  .fz37tb {
    font-size: 37px !important;
  }
  .fz38tb {
    font-size: 38px !important;
  }
  .fz39tb {
    font-size: 39px !important;
  }
  .fz40tb {
    font-size: 40px !important;
  }
  .fz41tb {
    font-size: 41px !important;
  }
  .fz42tb {
    font-size: 42px !important;
  }
  .fz43tb {
    font-size: 43px !important;
  }
  .fz44tb {
    font-size: 44px !important;
  }
  .fz45tb {
    font-size: 45px !important;
  }
  .fz46tb {
    font-size: 46px !important;
  }
  .fz47tb {
    font-size: 47px !important;
  }
  .fz48tb {
    font-size: 48px !important;
  }
  .fz49tb {
    font-size: 49px !important;
  }
  .fz50tb {
    font-size: 50px !important;
  }
  .fz51tb {
    font-size: 51px !important;
  }
  .fz52tb {
    font-size: 52px !important;
  }
  .fz53tb {
    font-size: 53px !important;
  }
  .fz54tb {
    font-size: 54px !important;
  }
  .fz55tb {
    font-size: 55px !important;
  }
  .fz56tb {
    font-size: 56px !important;
  }
  .fz57tb {
    font-size: 57px !important;
  }
  .fz58tb {
    font-size: 58px !important;
  }
  .fz59tb {
    font-size: 59px !important;
  }
  .fz60tb {
    font-size: 60px !important;
  }
  .fz61tb {
    font-size: 61px !important;
  }
  .fz62tb {
    font-size: 62px !important;
  }
  .fz63tb {
    font-size: 63px !important;
  }
  .fz64tb {
    font-size: 64px !important;
  }
  .fz65tb {
    font-size: 65px !important;
  }
  .fz66tb {
    font-size: 66px !important;
  }
  .fz67tb {
    font-size: 67px !important;
  }
  .fz68tb {
    font-size: 68px !important;
  }
  .fz69tb {
    font-size: 69px !important;
  }
  .fz70tb {
    font-size: 70px !important;
  }
  .fz71tb {
    font-size: 71px !important;
  }
  .fz72tb {
    font-size: 72px !important;
  }
  .fz73tb {
    font-size: 73px !important;
  }
  .fz74tb {
    font-size: 74px !important;
  }
  .fz75tb {
    font-size: 75px !important;
  }
  .fz76tb {
    font-size: 76px !important;
  }
  .fz77tb {
    font-size: 77px !important;
  }
  .fz78tb {
    font-size: 78px !important;
  }
  .fz79tb {
    font-size: 79px !important;
  }
  .fz80tb {
    font-size: 80px !important;
  }
  .fz81tb {
    font-size: 81px !important;
  }
  .fz82tb {
    font-size: 82px !important;
  }
  .fz83tb {
    font-size: 83px !important;
  }
  .fz84tb {
    font-size: 84px !important;
  }
  .fz85tb {
    font-size: 85px !important;
  }
  .fz86tb {
    font-size: 86px !important;
  }
  .fz87tb {
    font-size: 87px !important;
  }
  .fz88tb {
    font-size: 88px !important;
  }
  .fz89tb {
    font-size: 89px !important;
  }
  .fz90tb {
    font-size: 90px !important;
  }
  .fz91tb {
    font-size: 91px !important;
  }
  .fz92tb {
    font-size: 92px !important;
  }
  .fz93tb {
    font-size: 93px !important;
  }
  .fz94tb {
    font-size: 94px !important;
  }
  .fz95tb {
    font-size: 95px !important;
  }
  .fz96tb {
    font-size: 96px !important;
  }
  .fz97tb {
    font-size: 97px !important;
  }
  .fz98tb {
    font-size: 98px !important;
  }
  .fz99tb {
    font-size: 99px !important;
  }
  .fz100tb {
    font-size: 100px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .fz10-sp {
    font-size: 10px !important;
  }
  .fz11-sp {
    font-size: 11px !important;
  }
  .fz12-sp {
    font-size: 12px !important;
  }
  .fz13-sp {
    font-size: 13px !important;
  }
  .fz14-sp {
    font-size: 14px !important;
  }
  .fz15-sp {
    font-size: 15px !important;
  }
  .fz16-sp {
    font-size: 16px !important;
  }
  .fz17-sp {
    font-size: 17px !important;
  }
  .fz18-sp {
    font-size: 18px !important;
  }
  .fz19-sp {
    font-size: 19px !important;
  }
  .fz20-sp {
    font-size: 20px !important;
  }
  .fz21-sp {
    font-size: 21px !important;
  }
  .fz22-sp {
    font-size: 22px !important;
  }
  .fz23-sp {
    font-size: 23px !important;
  }
  .fz24-sp {
    font-size: 24px !important;
  }
  .fz25-sp {
    font-size: 25px !important;
  }
  .fz26-sp {
    font-size: 26px !important;
  }
  .fz27-sp {
    font-size: 27px !important;
  }
  .fz28-sp {
    font-size: 28px !important;
  }
  .fz29-sp {
    font-size: 29px !important;
  }
  .fz30-sp {
    font-size: 30px !important;
  }
  .fz31-sp {
    font-size: 31px !important;
  }
  .fz32-sp {
    font-size: 32px !important;
  }
  .fz33-sp {
    font-size: 33px !important;
  }
  .fz34-sp {
    font-size: 34px !important;
  }
  .fz35-sp {
    font-size: 35px !important;
  }
  .fz36-sp {
    font-size: 36px !important;
  }
  .fz37-sp {
    font-size: 37px !important;
  }
  .fz38-sp {
    font-size: 38px !important;
  }
  .fz39-sp {
    font-size: 39px !important;
  }
  .fz40-sp {
    font-size: 40px !important;
  }
  .fz41-sp {
    font-size: 41px !important;
  }
  .fz42-sp {
    font-size: 42px !important;
  }
  .fz43-sp {
    font-size: 43px !important;
  }
  .fz44-sp {
    font-size: 44px !important;
  }
  .fz45-sp {
    font-size: 45px !important;
  }
  .fz46-sp {
    font-size: 46px !important;
  }
  .fz47-sp {
    font-size: 47px !important;
  }
  .fz48-sp {
    font-size: 48px !important;
  }
  .fz49-sp {
    font-size: 49px !important;
  }
  .fz50-sp {
    font-size: 50px !important;
  }
  .fz51-sp {
    font-size: 51px !important;
  }
  .fz52-sp {
    font-size: 52px !important;
  }
  .fz53-sp {
    font-size: 53px !important;
  }
  .fz54-sp {
    font-size: 54px !important;
  }
  .fz55-sp {
    font-size: 55px !important;
  }
  .fz56-sp {
    font-size: 56px !important;
  }
  .fz57-sp {
    font-size: 57px !important;
  }
  .fz58-sp {
    font-size: 58px !important;
  }
  .fz59-sp {
    font-size: 59px !important;
  }
  .fz60-sp {
    font-size: 60px !important;
  }
  .fz61-sp {
    font-size: 61px !important;
  }
  .fz62-sp {
    font-size: 62px !important;
  }
  .fz63-sp {
    font-size: 63px !important;
  }
  .fz64-sp {
    font-size: 64px !important;
  }
  .fz65-sp {
    font-size: 65px !important;
  }
  .fz66-sp {
    font-size: 66px !important;
  }
  .fz67-sp {
    font-size: 67px !important;
  }
  .fz68-sp {
    font-size: 68px !important;
  }
  .fz69-sp {
    font-size: 69px !important;
  }
  .fz70-sp {
    font-size: 70px !important;
  }
  .fz71-sp {
    font-size: 71px !important;
  }
  .fz72-sp {
    font-size: 72px !important;
  }
  .fz73-sp {
    font-size: 73px !important;
  }
  .fz74-sp {
    font-size: 74px !important;
  }
  .fz75-sp {
    font-size: 75px !important;
  }
  .fz76-sp {
    font-size: 76px !important;
  }
  .fz77-sp {
    font-size: 77px !important;
  }
  .fz78-sp {
    font-size: 78px !important;
  }
  .fz79-sp {
    font-size: 79px !important;
  }
  .fz80-sp {
    font-size: 80px !important;
  }
  .fz81-sp {
    font-size: 81px !important;
  }
  .fz82-sp {
    font-size: 82px !important;
  }
  .fz83-sp {
    font-size: 83px !important;
  }
  .fz84-sp {
    font-size: 84px !important;
  }
  .fz85-sp {
    font-size: 85px !important;
  }
  .fz86-sp {
    font-size: 86px !important;
  }
  .fz87-sp {
    font-size: 87px !important;
  }
  .fz88-sp {
    font-size: 88px !important;
  }
  .fz89-sp {
    font-size: 89px !important;
  }
  .fz90-sp {
    font-size: 90px !important;
  }
  .fz91-sp {
    font-size: 91px !important;
  }
  .fz92-sp {
    font-size: 92px !important;
  }
  .fz93-sp {
    font-size: 93px !important;
  }
  .fz94-sp {
    font-size: 94px !important;
  }
  .fz95-sp {
    font-size: 95px !important;
  }
  .fz96-sp {
    font-size: 96px !important;
  }
  .fz97-sp {
    font-size: 97px !important;
  }
  .fz98-sp {
    font-size: 98px !important;
  }
  .fz99-sp {
    font-size: 99px !important;
  }
  .fz100-sp {
    font-size: 100px !important;
  }
}
/*font-weight*/
.fw100 {
  font-weight: 100;
}

.fw200 {
  font-weight: 200;
}

.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.fw800 {
  font-weight: 800;
}

.fw900 {
  font-weight: 900;
}

/*indent*/
.indent {
  text-indent: -1em;
  padding-left: 1em;
}

/*改行*/
.only-pc {
  display: block;
}
@media screen and (max-width: 979.8px) {
  .only-pc {
    display: none;
  }
}
.only-pc-tb {
  display: block;
}
@media screen and (max-width: 689.8px) {
  .only-pc-tb {
    display: none;
  }
}
.only-pc-sp {
  display: block;
}
@media screen and (max-width: 979.8px) {
  .only-pc-sp {
    display: none;
  }
}
@media screen and (max-width: 689.8px) {
  .only-pc-sp {
    display: block;
  }
}
.only-tb {
  display: none;
}
@media screen and (max-width: 979.8px) {
  .only-tb {
    display: block;
  }
}
@media screen and (max-width: 689.8px) {
  .only-tb {
    display: none;
  }
}
.only-tb-sp {
  display: none;
}
@media screen and (max-width: 979.8px) {
  .only-tb-sp {
    display: block;
  }
}
.only-sp {
  display: none;
}
@media screen and (max-width: 689.8px) {
  .only-sp {
    display: block;
  }
}

/*-----------------------------------------------------------------------
other styles
-----------------------------------------------------------------------*/
/* width 1%～100% */
.u-w0 {
  width: 0%;
}

.u-w1 {
  width: 1%;
}

.u-w2 {
  width: 2%;
}

.u-w3 {
  width: 3%;
}

.u-w4 {
  width: 4%;
}

.u-w5 {
  width: 5%;
}

.u-w6 {
  width: 6%;
}

.u-w7 {
  width: 7%;
}

.u-w8 {
  width: 8%;
}

.u-w9 {
  width: 9%;
}

.u-w10 {
  width: 10%;
}

.u-w11 {
  width: 11%;
}

.u-w12 {
  width: 12%;
}

.u-w13 {
  width: 13%;
}

.u-w14 {
  width: 14%;
}

.u-w15 {
  width: 15%;
}

.u-w16 {
  width: 16%;
}

.u-w17 {
  width: 17%;
}

.u-w18 {
  width: 18%;
}

.u-w19 {
  width: 19%;
}

.u-w20 {
  width: 20%;
}

.u-w21 {
  width: 21%;
}

.u-w22 {
  width: 22%;
}

.u-w23 {
  width: 23%;
}

.u-w24 {
  width: 24%;
}

.u-w25 {
  width: 25%;
}

.u-w26 {
  width: 26%;
}

.u-w27 {
  width: 27%;
}

.u-w28 {
  width: 28%;
}

.u-w29 {
  width: 29%;
}

.u-w30 {
  width: 30%;
}

.u-w31 {
  width: 31%;
}

.u-w32 {
  width: 32%;
}

.u-w33 {
  width: 33%;
}

.u-w34 {
  width: 34%;
}

.u-w35 {
  width: 35%;
}

.u-w36 {
  width: 36%;
}

.u-w37 {
  width: 37%;
}

.u-w38 {
  width: 38%;
}

.u-w39 {
  width: 39%;
}

.u-w40 {
  width: 40%;
}

.u-w41 {
  width: 41%;
}

.u-w42 {
  width: 42%;
}

.u-w43 {
  width: 43%;
}

.u-w44 {
  width: 44%;
}

.u-w45 {
  width: 45%;
}

.u-w46 {
  width: 46%;
}

.u-w47 {
  width: 47%;
}

.u-w48 {
  width: 48%;
}

.u-w49 {
  width: 49%;
}

.u-w50 {
  width: 50%;
}

.u-w51 {
  width: 51%;
}

.u-w52 {
  width: 52%;
}

.u-w53 {
  width: 53%;
}

.u-w54 {
  width: 54%;
}

.u-w55 {
  width: 55%;
}

.u-w56 {
  width: 56%;
}

.u-w57 {
  width: 57%;
}

.u-w58 {
  width: 58%;
}

.u-w59 {
  width: 59%;
}

.u-w60 {
  width: 60%;
}

.u-w61 {
  width: 61%;
}

.u-w62 {
  width: 62%;
}

.u-w63 {
  width: 63%;
}

.u-w64 {
  width: 64%;
}

.u-w65 {
  width: 65%;
}

.u-w66 {
  width: 66%;
}

.u-w67 {
  width: 67%;
}

.u-w68 {
  width: 68%;
}

.u-w69 {
  width: 69%;
}

.u-w70 {
  width: 70%;
}

.u-w71 {
  width: 71%;
}

.u-w72 {
  width: 72%;
}

.u-w73 {
  width: 73%;
}

.u-w74 {
  width: 74%;
}

.u-w75 {
  width: 75%;
}

.u-w76 {
  width: 76%;
}

.u-w77 {
  width: 77%;
}

.u-w78 {
  width: 78%;
}

.u-w79 {
  width: 79%;
}

.u-w80 {
  width: 80%;
}

.u-w81 {
  width: 81%;
}

.u-w82 {
  width: 82%;
}

.u-w83 {
  width: 83%;
}

.u-w84 {
  width: 84%;
}

.u-w85 {
  width: 85%;
}

.u-w86 {
  width: 86%;
}

.u-w87 {
  width: 87%;
}

.u-w88 {
  width: 88%;
}

.u-w89 {
  width: 89%;
}

.u-w90 {
  width: 90%;
}

.u-w91 {
  width: 91%;
}

.u-w92 {
  width: 92%;
}

.u-w93 {
  width: 93%;
}

.u-w94 {
  width: 94%;
}

.u-w95 {
  width: 95%;
}

.u-w96 {
  width: 96%;
}

.u-w97 {
  width: 97%;
}

.u-w98 {
  width: 98%;
}

.u-w99 {
  width: 99%;
}

.u-w100 {
  width: 100%;
}

@media screen and (max-width: 979.8px) {
  .u-w0tb {
    width: 0%;
  }
  .u-w1tb {
    width: 1%;
  }
  .u-w2tb {
    width: 2%;
  }
  .u-w3tb {
    width: 3%;
  }
  .u-w4tb {
    width: 4%;
  }
  .u-w5tb {
    width: 5%;
  }
  .u-w6tb {
    width: 6%;
  }
  .u-w7tb {
    width: 7%;
  }
  .u-w8tb {
    width: 8%;
  }
  .u-w9tb {
    width: 9%;
  }
  .u-w10tb {
    width: 10%;
  }
  .u-w11tb {
    width: 11%;
  }
  .u-w12tb {
    width: 12%;
  }
  .u-w13tb {
    width: 13%;
  }
  .u-w14tb {
    width: 14%;
  }
  .u-w15tb {
    width: 15%;
  }
  .u-w16tb {
    width: 16%;
  }
  .u-w17tb {
    width: 17%;
  }
  .u-w18tb {
    width: 18%;
  }
  .u-w19tb {
    width: 19%;
  }
  .u-w20tb {
    width: 20%;
  }
  .u-w21tb {
    width: 21%;
  }
  .u-w22tb {
    width: 22%;
  }
  .u-w23tb {
    width: 23%;
  }
  .u-w24tb {
    width: 24%;
  }
  .u-w25tb {
    width: 25%;
  }
  .u-w26tb {
    width: 26%;
  }
  .u-w27tb {
    width: 27%;
  }
  .u-w28tb {
    width: 28%;
  }
  .u-w29tb {
    width: 29%;
  }
  .u-w30tb {
    width: 30%;
  }
  .u-w31tb {
    width: 31%;
  }
  .u-w32tb {
    width: 32%;
  }
  .u-w33tb {
    width: 33%;
  }
  .u-w34tb {
    width: 34%;
  }
  .u-w35tb {
    width: 35%;
  }
  .u-w36tb {
    width: 36%;
  }
  .u-w37tb {
    width: 37%;
  }
  .u-w38tb {
    width: 38%;
  }
  .u-w39tb {
    width: 39%;
  }
  .u-w40tb {
    width: 40%;
  }
  .u-w41tb {
    width: 41%;
  }
  .u-w42tb {
    width: 42%;
  }
  .u-w43tb {
    width: 43%;
  }
  .u-w44tb {
    width: 44%;
  }
  .u-w45tb {
    width: 45%;
  }
  .u-w46tb {
    width: 46%;
  }
  .u-w47tb {
    width: 47%;
  }
  .u-w48tb {
    width: 48%;
  }
  .u-w49tb {
    width: 49%;
  }
  .u-w50tb {
    width: 50%;
  }
  .u-w51tb {
    width: 51%;
  }
  .u-w52tb {
    width: 52%;
  }
  .u-w53tb {
    width: 53%;
  }
  .u-w54tb {
    width: 54%;
  }
  .u-w55tb {
    width: 55%;
  }
  .u-w56tb {
    width: 56%;
  }
  .u-w57tb {
    width: 57%;
  }
  .u-w58tb {
    width: 58%;
  }
  .u-w59tb {
    width: 59%;
  }
  .u-w60tb {
    width: 60%;
  }
  .u-w61tb {
    width: 61%;
  }
  .u-w62tb {
    width: 62%;
  }
  .u-w63tb {
    width: 63%;
  }
  .u-w64tb {
    width: 64%;
  }
  .u-w65tb {
    width: 65%;
  }
  .u-w66tb {
    width: 66%;
  }
  .u-w67tb {
    width: 67%;
  }
  .u-w68tb {
    width: 68%;
  }
  .u-w69tb {
    width: 69%;
  }
  .u-w70tb {
    width: 70%;
  }
  .u-w71tb {
    width: 71%;
  }
  .u-w72tb {
    width: 72%;
  }
  .u-w73tb {
    width: 73%;
  }
  .u-w74tb {
    width: 74%;
  }
  .u-w75tb {
    width: 75%;
  }
  .u-w76tb {
    width: 76%;
  }
  .u-w77tb {
    width: 77%;
  }
  .u-w78tb {
    width: 78%;
  }
  .u-w79tb {
    width: 79%;
  }
  .u-w80tb {
    width: 80%;
  }
  .u-w81tb {
    width: 81%;
  }
  .u-w82tb {
    width: 82%;
  }
  .u-w83tb {
    width: 83%;
  }
  .u-w84tb {
    width: 84%;
  }
  .u-w85tb {
    width: 85%;
  }
  .u-w86tb {
    width: 86%;
  }
  .u-w87tb {
    width: 87%;
  }
  .u-w88tb {
    width: 88%;
  }
  .u-w89tb {
    width: 89%;
  }
  .u-w90tb {
    width: 90%;
  }
  .u-w91tb {
    width: 91%;
  }
  .u-w92tb {
    width: 92%;
  }
  .u-w93tb {
    width: 93%;
  }
  .u-w94tb {
    width: 94%;
  }
  .u-w95tb {
    width: 95%;
  }
  .u-w96tb {
    width: 96%;
  }
  .u-w97tb {
    width: 97%;
  }
  .u-w98tb {
    width: 98%;
  }
  .u-w99tb {
    width: 99%;
  }
  .u-w100tb {
    width: 100%;
  }
}
@media screen and (max-width: 689.8px) {
  .u-w0-sp {
    width: 0%;
  }
  .u-w1-sp {
    width: 1%;
  }
  .u-w2-sp {
    width: 2%;
  }
  .u-w3-sp {
    width: 3%;
  }
  .u-w4-sp {
    width: 4%;
  }
  .u-w5-sp {
    width: 5%;
  }
  .u-w6-sp {
    width: 6%;
  }
  .u-w7-sp {
    width: 7%;
  }
  .u-w8-sp {
    width: 8%;
  }
  .u-w9-sp {
    width: 9%;
  }
  .u-w10-sp {
    width: 10%;
  }
  .u-w11-sp {
    width: 11%;
  }
  .u-w12-sp {
    width: 12%;
  }
  .u-w13-sp {
    width: 13%;
  }
  .u-w14-sp {
    width: 14%;
  }
  .u-w15-sp {
    width: 15%;
  }
  .u-w16-sp {
    width: 16%;
  }
  .u-w17-sp {
    width: 17%;
  }
  .u-w18-sp {
    width: 18%;
  }
  .u-w19-sp {
    width: 19%;
  }
  .u-w20-sp {
    width: 20%;
  }
  .u-w21-sp {
    width: 21%;
  }
  .u-w22-sp {
    width: 22%;
  }
  .u-w23-sp {
    width: 23%;
  }
  .u-w24-sp {
    width: 24%;
  }
  .u-w25-sp {
    width: 25%;
  }
  .u-w26-sp {
    width: 26%;
  }
  .u-w27-sp {
    width: 27%;
  }
  .u-w28-sp {
    width: 28%;
  }
  .u-w29-sp {
    width: 29%;
  }
  .u-w30-sp {
    width: 30%;
  }
  .u-w31-sp {
    width: 31%;
  }
  .u-w32-sp {
    width: 32%;
  }
  .u-w33-sp {
    width: 33%;
  }
  .u-w34-sp {
    width: 34%;
  }
  .u-w35-sp {
    width: 35%;
  }
  .u-w36-sp {
    width: 36%;
  }
  .u-w37-sp {
    width: 37%;
  }
  .u-w38-sp {
    width: 38%;
  }
  .u-w39-sp {
    width: 39%;
  }
  .u-w40-sp {
    width: 40%;
  }
  .u-w41-sp {
    width: 41%;
  }
  .u-w42-sp {
    width: 42%;
  }
  .u-w43-sp {
    width: 43%;
  }
  .u-w44-sp {
    width: 44%;
  }
  .u-w45-sp {
    width: 45%;
  }
  .u-w46-sp {
    width: 46%;
  }
  .u-w47-sp {
    width: 47%;
  }
  .u-w48-sp {
    width: 48%;
  }
  .u-w49-sp {
    width: 49%;
  }
  .u-w50-sp {
    width: 50%;
  }
  .u-w51-sp {
    width: 51%;
  }
  .u-w52-sp {
    width: 52%;
  }
  .u-w53-sp {
    width: 53%;
  }
  .u-w54-sp {
    width: 54%;
  }
  .u-w55-sp {
    width: 55%;
  }
  .u-w56-sp {
    width: 56%;
  }
  .u-w57-sp {
    width: 57%;
  }
  .u-w58-sp {
    width: 58%;
  }
  .u-w59-sp {
    width: 59%;
  }
  .u-w60-sp {
    width: 60%;
  }
  .u-w61-sp {
    width: 61%;
  }
  .u-w62-sp {
    width: 62%;
  }
  .u-w63-sp {
    width: 63%;
  }
  .u-w64-sp {
    width: 64%;
  }
  .u-w65-sp {
    width: 65%;
  }
  .u-w66-sp {
    width: 66%;
  }
  .u-w67-sp {
    width: 67%;
  }
  .u-w68-sp {
    width: 68%;
  }
  .u-w69-sp {
    width: 69%;
  }
  .u-w70-sp {
    width: 70%;
  }
  .u-w71-sp {
    width: 71%;
  }
  .u-w72-sp {
    width: 72%;
  }
  .u-w73-sp {
    width: 73%;
  }
  .u-w74-sp {
    width: 74%;
  }
  .u-w75-sp {
    width: 75%;
  }
  .u-w76-sp {
    width: 76%;
  }
  .u-w77-sp {
    width: 77%;
  }
  .u-w78-sp {
    width: 78%;
  }
  .u-w79-sp {
    width: 79%;
  }
  .u-w80-sp {
    width: 80%;
  }
  .u-w81-sp {
    width: 81%;
  }
  .u-w82-sp {
    width: 82%;
  }
  .u-w83-sp {
    width: 83%;
  }
  .u-w84-sp {
    width: 84%;
  }
  .u-w85-sp {
    width: 85%;
  }
  .u-w86-sp {
    width: 86%;
  }
  .u-w87-sp {
    width: 87%;
  }
  .u-w88-sp {
    width: 88%;
  }
  .u-w89-sp {
    width: 89%;
  }
  .u-w90-sp {
    width: 90%;
  }
  .u-w91-sp {
    width: 91%;
  }
  .u-w92-sp {
    width: 92%;
  }
  .u-w93-sp {
    width: 93%;
  }
  .u-w94-sp {
    width: 94%;
  }
  .u-w95-sp {
    width: 95%;
  }
  .u-w96-sp {
    width: 96%;
  }
  .u-w97-sp {
    width: 97%;
  }
  .u-w98-sp {
    width: 98%;
  }
  .u-w99-sp {
    width: 99%;
  }
  .u-w100-sp {
    width: 100%;
  }
}
.u-w260 {
  max-width: 260px;
  width: 100%;
}
.u-w360 {
  max-width: 360px;
  width: 100%;
}

/*
flex
-----------------------------------------------------------------*/
.u-flex {
  display: flex;
  flex-wrap: wrap;
}
.u-flex .left-sm {
  width: 30%;
  margin-right: 4%;
}
.u-flex .left-lg {
  width: 66%;
  margin-right: 4%;
}
.u-flex .left-md {
  width: 48%;
  margin-right: 2%;
}
.u-flex .right-sm {
  width: 30%;
}
.u-flex .right-md {
  width: 48%;
  margin-left: 2%;
}
.u-flex .right-lg {
  width: 66%;
}
@media screen and (max-width: 689.8px) {
  .u-flex .left-sm, .u-flex .left-md, .u-flex .left-lg {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .u-flex .right-sm, .u-flex .right-md, .u-flex .right-lg {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-top: 15px;
  }
}
.u-flex.col221 {
  gap: 40px;
}
.u-flex.col221 .col {
  width: calc((100% - 80px) / 2);
}
@media screen and (max-width: 689.8px) {
  .u-flex.col221 {
    width: 100%;
  }
}
.u-flex.col321 {
  gap: 25px;
}
.u-flex.col321 .col {
  width: calc((100% - 50px) / 3);
}
@media screen and (max-width: 979.8px) {
  .u-flex.col321 .col {
    width: calc((100% - 50px) / 2);
  }
}
@media screen and (max-width: 689.8px) {
  .u-flex.col321 .col {
    width: 100%;
  }
}
.u-flex.col331 {
  gap: 40px;
}
.u-flex.col331 .col {
  width: calc((100% - 80px) / 3);
}
@media screen and (max-width: 689.8px) {
  .u-flex.col331 {
    width: 100%;
  }
}

.jsc-start {
  justify-content: flex-start;
}

@media screen and (max-width: 979.8px) {
  .jsc-start-tb {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 689.8px) {
  .jsc-start-sp {
    justify-content: flex-start;
  }
}

.jsc-end {
  justify-content: flex-end;
}

@media screen and (max-width: 979.8px) {
  .jsc-end-tb {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 689.8px) {
  .jsc-end-sp {
    justify-content: flex-end;
  }
}

.jsc-center {
  justify-content: center;
}

@media screen and (max-width: 979.8px) {
  .jsc-center-tb {
    justify-content: center;
  }
}

@media screen and (max-width: 689.8px) {
  .jsc-center-sp {
    justify-content: center;
  }
}

.jsc-space-between {
  justify-content: space-between;
}

@media screen and (max-width: 979.8px) {
  .jsc-space-between-tb {
    justify-content: space-between;
  }
}

@media screen and (max-width: 689.8px) {
  .jsc-space-between-sp {
    justify-content: space-between;
  }
}

.jsc-space-around {
  justify-content: space-around;
}

@media screen and (max-width: 979.8px) {
  .jsc-space-around-tb {
    justify-content: space-around;
  }
}

@media screen and (max-width: 689.8px) {
  .jsc-space-around-sp {
    justify-content: space-around;
  }
}

.jsc-space-evenly {
  justify-content: space-evenly;
}

@media screen and (max-width: 979.8px) {
  .jsc-space-evenly-tb {
    justify-content: space-evenly;
  }
}

@media screen and (max-width: 689.8px) {
  .jsc-space-evenly-sp {
    justify-content: space-evenly;
  }
}

.al-center {
  align-items: center;
}

@media screen and (max-width: 979.8px) {
  .al-center-tb {
    align-items: center;
  }
}

@media screen and (max-width: 689.8px) {
  .al-center-sp {
    align-items: center;
  }
}

.al-flex-start {
  align-items: flex-start;
}

@media screen and (max-width: 979.8px) {
  .al-flex-start-tb {
    align-items: flex-start;
  }
}

@media screen and (max-width: 689.8px) {
  .al-flex-start-sp {
    align-items: flex-start;
  }
}

.al-flex-end {
  align-items: flex-end;
}

@media screen and (max-width: 979.8px) {
  .al-flex-end-tb {
    align-items: flex-end;
  }
}

@media screen and (max-width: 689.8px) {
  .al-flex-end-sp {
    align-items: flex-end;
  }
}

.al-stretch {
  align-items: stretch;
}

@media screen and (max-width: 979.8px) {
  .al-stretch-tb {
    align-items: stretch;
  }
}

@media screen and (max-width: 689.8px) {
  .al-stretch-sp {
    align-items: stretch;
  }
}

.al-baseline {
  align-items: baseline;
}

@media screen and (max-width: 979.8px) {
  .al-baseline-tb {
    align-items: baseline;
  }
}

@media screen and (max-width: 689.8px) {
  .al-baseline-sp {
    align-items: baseline;
  }
}

.fd-row {
  flex-direction: row;
}

@media screen and (max-width: 979.8px) {
  .fd-row-tb {
    flex-direction: row;
  }
}

@media screen and (max-width: 689.8px) {
  .fd-row-sp {
    flex-direction: row;
  }
}

.fd-row-reverse {
  flex-direction: row-reverse;
}

@media screen and (max-width: 979.8px) {
  .fd-row-reverse-tb {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 689.8px) {
  .fd-row-reverse-sp {
    flex-direction: row-reverse;
  }
}

.fd-column {
  flex-direction: column;
}

@media screen and (max-width: 979.8px) {
  .fd-column-tb {
    flex-direction: column;
  }
}

@media screen and (max-width: 689.8px) {
  .fd-column-sp {
    flex-direction: column;
  }
}

.fd-column-reverse {
  flex-direction: column-reverse;
}

@media screen and (max-width: 979.8px) {
  .fd-column-reverse-tb {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 689.8px) {
  .fd-column-reverse-sp {
    flex-direction: column-reverse;
  }
}

/*
grid
-----------------------------------------------------------------*/
.u-grid {
  display: grid;
}
.u-grid.col1 {
  grid-template-columns: repeat(1, 1fr);
}
.u-grid.col2 {
  grid-template-columns: repeat(2, 1fr);
}
.u-grid.col3 {
  grid-template-columns: repeat(3, 1fr);
}
.u-grid.col4 {
  grid-template-columns: repeat(4, 1fr);
}
.u-grid.col5 {
  grid-template-columns: repeat(5, 1fr);
}
.u-grid.col6 {
  grid-template-columns: repeat(6, 1fr);
}
.u-grid.col-15-auto {
  grid-template-columns: 15% auto;
}
.u-grid.col-auto-15 {
  grid-template-columns: auto 15%;
}
.u-grid.col-20-auto {
  grid-template-columns: 20% auto;
}
.u-grid.col-auto-20 {
  grid-template-columns: auto 20%;
}
.u-grid.col-25-auto {
  grid-template-columns: 25% auto;
}
.u-grid.col-auto-25 {
  grid-template-columns: auto 25%;
}
.u-grid.col-30-auto {
  grid-template-columns: 30% auto;
}
.u-grid.col-auto-30 {
  grid-template-columns: auto 30%;
}
.u-grid.col-35-auto {
  grid-template-columns: 35% auto;
}
.u-grid.col-auto-35 {
  grid-template-columns: auto 35%;
}
.u-grid.col-40-auto {
  grid-template-columns: 40% auto;
}
.u-grid.col-auto-40 {
  grid-template-columns: auto 40%;
}
.u-grid.col-45-auto {
  grid-template-columns: 45% auto;
}
.u-grid.col-auto-45 {
  grid-template-columns: auto 45%;
}
@media screen and (max-width: 979.8px) {
  .u-grid.col1tb {
    grid-template-columns: repeat(1, 1fr);
  }
  .u-grid.col2tb {
    grid-template-columns: repeat(2, 1fr);
  }
  .u-grid.col3tb {
    grid-template-columns: repeat(3, 1fr);
  }
  .u-grid.col4tb {
    grid-template-columns: repeat(4, 1fr);
  }
  .u-grid.col5tb {
    grid-template-columns: repeat(5, 1fr);
  }
  .u-grid.col6tb {
    grid-template-columns: repeat(6, 1fr);
  }
  .u-grid.col-15-autotb {
    grid-template-columns: 15% auto;
  }
  .u-grid.col-auto-15tb {
    grid-template-columns: auto 15%;
  }
  .u-grid.col-20-autotb {
    grid-template-columns: 20% auto;
  }
  .u-grid.col-auto-20tb {
    grid-template-columns: auto 20%;
  }
  .u-grid.col-25-autotb {
    grid-template-columns: 25% auto;
  }
  .u-grid.col-auto-25tb {
    grid-template-columns: auto 25%;
  }
  .u-grid.col-30-autotb {
    grid-template-columns: 30% auto;
  }
  .u-grid.col-auto-30tb {
    grid-template-columns: auto 30%;
  }
  .u-grid.col-35-autotb {
    grid-template-columns: 35% auto;
  }
  .u-grid.col-auto-35tb {
    grid-template-columns: auto 35%;
  }
  .u-grid.col-40-autotb {
    grid-template-columns: 40% auto;
  }
  .u-grid.col-auto-40tb {
    grid-template-columns: auto 40%;
  }
  .u-grid.col-45-autotb {
    grid-template-columns: 45% auto;
  }
  .u-grid.col-auto-45tb {
    grid-template-columns: auto 45%;
  }
}
@media screen and (max-width: 689.8px) {
  .u-grid.col1-sp {
    grid-template-columns: repeat(1, 1fr);
  }
  .u-grid.col2-sp {
    grid-template-columns: repeat(2, 1fr);
  }
  .u-grid.col3-sp {
    grid-template-columns: repeat(3, 1fr);
  }
  .u-grid.col4-sp {
    grid-template-columns: repeat(4, 1fr);
  }
  .u-grid.col5-sp {
    grid-template-columns: repeat(5, 1fr);
  }
  .u-grid.col6-sp {
    grid-template-columns: repeat(6, 1fr);
  }
  .u-grid.col-15-auto-sp {
    grid-template-columns: 15% auto;
  }
  .u-grid.col-auto-15-sp {
    grid-template-columns: auto 15%;
  }
  .u-grid.col-20-auto-sp {
    grid-template-columns: 20% auto;
  }
  .u-grid.col-auto-20-sp {
    grid-template-columns: auto 20%;
  }
  .u-grid.col-25-auto-sp {
    grid-template-columns: 25% auto;
  }
  .u-grid.col-auto-25-sp {
    grid-template-columns: auto 25%;
  }
  .u-grid.col-30-auto-sp {
    grid-template-columns: 30% auto;
  }
  .u-grid.col-auto-30-sp {
    grid-template-columns: auto 30%;
  }
  .u-grid.col-35-auto-sp {
    grid-template-columns: 35% auto;
  }
  .u-grid.col-auto-35-sp {
    grid-template-columns: auto 35%;
  }
  .u-grid.col-40-auto-sp {
    grid-template-columns: 40% auto;
  }
  .u-grid.col-auto-40-sp {
    grid-template-columns: auto 40%;
  }
  .u-grid.col-45-auto-sp {
    grid-template-columns: 45% auto;
  }
  .u-grid.col-auto-45-sp {
    grid-template-columns: auto 45%;
  }
}

/* gap */
.gap5 {
  gap: 5px !important;
}

.gap10 {
  gap: 10px !important;
}

.gap15 {
  gap: 15px !important;
}

.gap20 {
  gap: 20px !important;
}

.gap25 {
  gap: 25px !important;
}

.gap30 {
  gap: 30px !important;
}

.gap35 {
  gap: 35px !important;
}

.gap40 {
  gap: 40px !important;
}

.gap45 {
  gap: 45px !important;
}

.gap50 {
  gap: 50px !important;
}

.gap55 {
  gap: 55px !important;
}

.gap60 {
  gap: 60px !important;
}

.gap65 {
  gap: 65px !important;
}

.gap70 {
  gap: 70px !important;
}

.gap75 {
  gap: 75px !important;
}

.gap80 {
  gap: 80px !important;
}

.gap85 {
  gap: 85px !important;
}

.gap90 {
  gap: 90px !important;
}

.gap95 {
  gap: 95px !important;
}

.gap100 {
  gap: 100px !important;
}

@media screen and (max-width: 979.8px) {
  .gap5tb {
    gap: 5px !important;
  }
  .gap10tb {
    gap: 10px !important;
  }
  .gap15tb {
    gap: 15px !important;
  }
  .gap20tb {
    gap: 20px !important;
  }
  .gap25tb {
    gap: 25px !important;
  }
  .gap30tb {
    gap: 30px !important;
  }
  .gap35tb {
    gap: 35px !important;
  }
  .gap40tb {
    gap: 40px !important;
  }
  .gap45tb {
    gap: 45px !important;
  }
  .gap50tb {
    gap: 50px !important;
  }
  .gap55tb {
    gap: 55px !important;
  }
  .gap60tb {
    gap: 60px !important;
  }
  .gap65tb {
    gap: 65px !important;
  }
  .gap70tb {
    gap: 70px !important;
  }
  .gap75tb {
    gap: 75px !important;
  }
  .gap80tb {
    gap: 80px !important;
  }
  .gap85tb {
    gap: 85px !important;
  }
  .gap90tb {
    gap: 90px !important;
  }
  .gap95tb {
    gap: 95px !important;
  }
  .gap100tb {
    gap: 100px !important;
  }
}
@media screen and (max-width: 689.8px) {
  .gap5-sp {
    gap: 5px !important;
  }
  .gap10-sp {
    gap: 10px !important;
  }
  .gap15-sp {
    gap: 15px !important;
  }
  .gap20-sp {
    gap: 20px !important;
  }
  .gap25-sp {
    gap: 25px !important;
  }
  .gap30-sp {
    gap: 30px !important;
  }
  .gap35-sp {
    gap: 35px !important;
  }
  .gap40-sp {
    gap: 40px !important;
  }
  .gap45-sp {
    gap: 45px !important;
  }
  .gap50-sp {
    gap: 50px !important;
  }
  .gap55-sp {
    gap: 55px !important;
  }
  .gap60-sp {
    gap: 60px !important;
  }
  .gap65-sp {
    gap: 65px !important;
  }
  .gap70-sp {
    gap: 70px !important;
  }
  .gap75-sp {
    gap: 75px !important;
  }
  .gap80-sp {
    gap: 80px !important;
  }
  .gap85-sp {
    gap: 85px !important;
  }
  .gap90-sp {
    gap: 90px !important;
  }
  .gap95-sp {
    gap: 95px !important;
  }
  .gap100-sp {
    gap: 100px !important;
  }
}
.mt-auto {
  margin-top: auto;
}

.section-py {
  padding: 100px 0;
}

/*button*/
.p-maker__button {
  min-width: 280px;
}
.p-maker__button-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 32px;
}
.p-maker__button a {
  background-color: #FFDD00;
  box-sizing: border-box;
  border: solid 1px #FFDD00;
  box-shadow: 0 4px 0 0 #FB9903;
  border-radius: 4px;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  height: 100%;
  width: 100%;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  position: relative;
}
.p-maker__button a::before {
  content: "";
}
.p-maker__button a:hover {
  box-shadow: 0 2px 0 0 #FB9903;
  transform: translateY(3px);
}
.p-maker__button.-thin a {
  background-color: #FDE781;
  border: solid 1px #FDE781;
}

/*page hero*/
.p-maker-hero {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 0;
}
.p-maker-hero::before {
  content: " ";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.p-maker-hero__inner {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  width: 96%;
  z-index: 1;
}
.p-maker-hero__title {
  color: #ffffff;
  font-size: 60px;
  font-weight: 400;
  line-height: 1.3;
}
.p-maker-hero__text {
  margin-top: 32px;
}
.p-maker-hero__text p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 1rem;
}
.p-maker-hero__text p:first-child {
  margin-top: 0;
}

/*title*/
.icon-title__top,
.icon-title__left {
  font-size: calc(20px + 4 * (100vw - 375px) / 1545);
  display: flex;
  gap: 10px;
  line-height: 1.3;
}

.icon-title__top {
  flex-direction: column;
}
.icon-title__top_image {
  box-sizing: border-box;
  height: 45px;
  width: 45px;
}
.icon-title__top_image img {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.icon-title__left {
  align-items: center;
  gap: 10px;
}
.icon-title__left--image, .icon-title__left--number {
  background-color: #F0F0F0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 30px;
  height: 30px;
  width: 30px;
  padding: 5px;
  position: relative;
}
.icon-title__left--image.--cta {
  background-color: transparent;
  padding: 0;
  height: 40px;
  width: 40px;
}
.icon-title__left--image img {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.icon-title__left--number {
  font-size: 25px;
}
.icon-title__left .title {
  flex: 1;
  padding-top: 5px;
}

.p-maker-title_bb {
  border-bottom: solid 2px #eee;
}

.p-maker-title {
  border-left: solid 5px #FFDD00;
  padding-left: 8px;
}

/*background*/
.p-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 0;
  position: relative;
}
.p-bg::before {
  content: " ";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.85);
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.p-bg__content {
  position: relative;
  z-index: 1;
}

/*lead*/
.p-maker-lead {
  display: flex;
  align-items: center;
  gap: 40px;
}
.p-maker-lead__content {
  width: 60%;
}
.p-maker-lead__text {
  margin-top: 24px;
}
.p-maker-lead__text p {
  font-size: 18px;
  margin-top: 14px;
}
.p-maker-lead__text p:first-child {
  margin-top: 0;
}
.p-maker-lead__image {
  flex: 1;
}

/*card*/
.p-product-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.p-product-card__img.-icon {
  text-align: center;
  height: 100px;
}
.p-product-card__img img {
  box-sizing: border-box;
  margin: auto;
  object-fit: contain;
  height: 100%;
  width: auto;
}

/*p-flow*/
.p-flow__wrap {
  display: flex;
  align-items: center;
  margin-left: 20px;
  position: relative;
}
.p-flow__wrap::before {
  content: "";
  background: #ddd;
  border-radius: 20px;
  display: block;
  margin-left: -129px;
  position: absolute;
  height: calc(100% + 40px);
  width: 18px;
  left: 120px;
  top: -20px;
}
.p-flow__content {
  padding: 0;
}
.p-flow__content li {
  list-style-type: none;
  position: relative;
}
.p-flow__content li:not(:last-child) {
  margin-bottom: 60px;
}
.p-flow__item {
  padding-left: 55px;
  position: relative;
}
.p-flow__item::before, .p-flow__item::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
}
.p-flow__item::before {
  background: #FFDD00;
  border-radius: 50%;
  left: -4px;
  margin-top: -5px;
  height: 10px;
  width: 10px;
}
.p-flow__item::after {
  border-bottom: 1px dashed #999;
  left: 5px;
  position: absolute;
  width: 50px;
}
.p-flow__title {
  color: #333;
  font-size: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}
.p-flow__title_icon {
  background: #FFDD00;
  color: #333;
  display: inline-block;
  font-size: 20px;
  line-height: 2;
  margin-right: 0.3em;
  text-align: center;
  height: 2em;
  width: 2em;
}
.p-flow__text {
  font-size: 16px;
  margin-left: 0;
}

/*cta*/
.c-contact-cta {
  background-color: #333;
  border-radius: 5px;
  color: #ffffff;
  margin: 80px auto;
  padding: 80px 40px;
}
.c-contact-cta__consultation_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px;
  margin-top: 30px;
}
.c-contact-cta__consultation_content .col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: auto;
  min-width: 350px;
}
.c-contact-cta__consultation_title {
  font-size: calc(24px + 21 * (100vw - 375px) / 1545);
  line-height: 1.3;
  text-align: center;
}
.c-contact-cta__tel a {
  color: #ffffff;
  font-size: 40px;
  text-decoration: none;
  line-height: 1.3;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}/*# sourceMappingURL=custom.css.map */