/* ---------------------------- */
/* Base
/* ---------------------------- */

@font-face {
  font-family: 'simplonbp';
  src: url(../font/simplonbpsimplonbp-regular-webfont.ttf) format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'simplonbp';
  src: url(../font/simplonbp-medium-webfont.ttf) format('truetype');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'simplonbp';
  src: url(../font/simplonbp-bold-webfont.ttf) format('truetype');
  font-weight: 700;
  font-display: swap;
}

*{ box-sizing: border-box; }

.en{ font-family: 'simplonbp' , Avenir,"Helvetica Neue", HelveticaNeue, Verdana, Helvetica, Arial, Roboto, YuGothic, Meiryo UI, MS PGothic, sans-serif; }
.ja{ font-family: "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", Verdana, Meiryo, sans-serif; }

html {
  font-size: 62.5%;
}
main .l-inner{ margin: 0 auto; }
main .l-inner article {
  width: 100%;
  font-size: 1.6rem;
  letter-spacing: .05em;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; 
  color: #000;
  background-color: #FCFBF7;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.ftool-wrapper {
  background-color: #fff;
}
.ftool-wrapper p{ line-height: 1em; }
.ftool-wrapper .col--02--C{
  width: auto;
}

body{ margin: 0; font-family: "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", Verdana, Meiryo, sans-serif; }

img {
  vertical-align: bottom;
  width: 100%;
}

.fv {
  margin: 0 auto;
  max-width: 1400px;
}

img {
  vertical-align: bottom;
  width: 100%;
}
 /*fix*/
.pc { display: block; }
.sp { display: none!important; }
.container { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 15px; position: relative; z-index: 2; }
.container1 { width: 100%; max-width: 1000px; margin: 0 auto; }
 
/* flex */
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

/* -ms-flex-direction */
.f_direction{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.f_row-reverse{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse; }
.f_column{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.f_column-reverse{ -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

/* flex-wrap */
.f_wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
.f_nowrap{ -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.f_wrap-reverse{ -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }
.f_row-wrap{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; }

/* justify-content */
.f_jc-start{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.f_jc-end{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; }
.f_jc-center{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.f_jc-between{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.f_jc-around{ -ms-flex-pack: distribute; justify-content: space-around; }

/* align-items */
.f_ai-stretch{ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.f_ai-start{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.f_ai-end{ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.f_ai-center{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.f_ai-baseline{ -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

/* align-content */
.f_ac-stretch{ -ms-flex-line-pack: stretch; align-content: stretch; }
.f_ac-start{ -ms-flex-line-pack: start; align-content: flex-start; }
.f_ac-end{ -ms-flex-line-pack: end; align-content: flex-end; }
.f_ac-center{ -ms-flex-line-pack: center; align-content: center; }
.f_ac-between{ -ms-flex-line-pack: justify; align-content: space-between; }
.f_ac-around{ -ms-flex-line-pack: distribute; align-content: space-around; }

/* align-self */
.f_as-auto{ -ms-flex-item-align:auto; align-self:auto; }
.f_as-start{ -ms-flex-item-align: start; align-self: flex-start; }
.f_as-end{ -ms-flex-item-align: end; align-self: flex-end; }
.f_as-center{ -ms-flex-item-align: center; align-self: center; }
.f_as-baseline{ -ms-flex-item-align: baseline; align-self: baseline; }
.f_as-stretch{ -ms-flex-item-align: stretch; align-self: stretch; }


.align-l{ text-align: left; }
.align-r{ text-align: right; }
.align-c{ text-align: center; }

.ver-t{ vertical-align: top; }
.ver-m{ vertical-align: middle; }
.ver-b{ vertical-align: bottom; }

.w5{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

.ma5{ margin: 5px; }
.ma10{ margin: 10px; }
.ma15{ margin: 15px; }
.ma20{ margin: 20px; }
.ma25{ margin: 25px; }
.ma30{ margin: 30px; }
.ma35{ margin: 35px; }
.ma40{ margin: 40px; }
.ma45{ margin: 45px; }
.ma50{ margin: 50px; }
.ma55{ margin: 55px; }
.ma60{ margin: 60px; }
.ma65{ margin: 65px; }
.ma70{ margin: 70px; }
.ma75{ margin: 75px; }
.ma80{ margin: 80px; }
.ma85{ margin: 85px; }
.ma90{ margin: 90px; }
.ma95{ margin: 95px; }
.ma100{ margin: 100px; }

.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }
.mt35{ margin-top: 35px; }
.mt40{ margin-top: 40px; }
.mt45{ margin-top: 45px; }
.mt50{ margin-top: 50px; }
.mt55{ margin-top: 55px; }
.mt60{ margin-top: 60px; }
.mt65{ margin-top: 65px; }
.mt70{ margin-top: 70px; }
.mt75{ margin-top: 75px; }
.mt80{ margin-top: 80px; }
.mt85{ margin-top: 85px; }
.mt90{ margin-top: 90px; }
.mt95{ margin-top: 95px; }
.mt100{ margin-top: 100px; }

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb25{ margin-bottom: 25px; }
.mb30{ margin-bottom: 30px; }
.mb35{ margin-bottom: 35px; }
.mb40{ margin-bottom: 40px; }
.mb45{ margin-bottom: 45px; }
.mb50{ margin-bottom: 50px; }
.mb55{ margin-bottom: 55px; }
.mb60{ margin-bottom: 60px; }
.mb65{ margin-bottom: 65px; }
.mb70{ margin-bottom: 70px; }
.mb75{ margin-bottom: 75px; }
.mb80{ margin-bottom: 80px; }
.mb85{ margin-bottom: 85px; }
.mb90{ margin-bottom: 90px; }
.mb95{ margin-bottom: 95px; }
.mb100{ margin-bottom: 100px; }

.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml25{ margin-left: 25px; }
.ml30{ margin-left: 30px; }
.ml35{ margin-left: 35px; }
.ml40{ margin-left: 40px; }
.ml45{ margin-left: 45px; }
.ml50{ margin-left: 50px; }
.ml55{ margin-left: 55px; }
.ml60{ margin-left: 60px; }
.ml65{ margin-left: 65px; }
.ml70{ margin-left: 70px; }
.ml75{ margin-left: 75px; }
.ml80{ margin-left: 80px; }
.ml85{ margin-left: 85px; }
.ml90{ margin-left: 90px; }
.ml95{ margin-left: 95px; }
.ml100{ margin-left: 100px; }

.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.mr25{ margin-right: 25px; }
.mr30{ margin-right: 30px; }
.mr35{ margin-right: 35px; }
.mr40{ margin-right: 40px; }
.mr45{ margin-right: 45px; }
.mr50{ margin-right: 50px; }
.mr55{ margin-right: 55px; }
.mr60{ margin-right: 60px; }
.mr65{ margin-right: 65px; }
.mr70{ margin-right: 70px; }
.mr75{ margin-right: 75px; }
.mr80{ margin-right: 80px; }
.mr85{ margin-right: 85px; }
.mr90{ margin-right: 90px; }
.mr95{ margin-right: 95px; }
.mr100{ margin-right: 100px; }

.pa5{ padding: 5px; }
.pa10{ padding: 10px; }
.pa15{ padding: 15px; }
.pa20{ padding: 20px; }
.pa25{ padding: 25px; }
.pa30{ padding: 30px; }
.pa35{ padding: 35px; }
.pa40{ padding: 40px; }
.pa45{ padding: 45px; }
.pa50{ padding: 50px; }
.pa55{ padding: 55px; }
.pa60{ padding: 60px; }
.pa65{ padding: 65px; }
.pa70{ padding: 70px; }
.pa75{ padding: 75px; }
.pa80{ padding: 80px; }
.pa85{ padding: 85px; }
.pa90{ padding: 90px; }
.pa95{ padding: 95px; }
.pa100{ padding: 100px; }

.pt5{ padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pt25{ padding-top: 25px; }
.pt30{ padding-top: 30px; }
.pt35{ padding-top: 35px; }
.pt40{ padding-top: 40px; }
.pt45{ padding-top: 45px; }
.pt50{ padding-top: 50px; }
.pt55{ padding-top: 55px; }
.pt60{ padding-top: 60px; }
.pt65{ padding-top: 65px; }
.pt70{ padding-top: 70px; }
.pt75{ padding-top: 75px; }
.pt80{ padding-top: 80px; }
.pt85{ padding-top: 85px; }
.pt90{ padding-top: 90px; }
.pt95{ padding-top: 95px; }
.pt100{ padding-top: 100px; }

.pb5{ padding-bottom: 5px; }
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; }
.pb25{ padding-bottom: 25px; }
.pb30{ padding-bottom: 30px; }
.pb35{ padding-bottom: 35px; }
.pb40{ padding-bottom: 40px; }
.pb45{ padding-bottom: 45px; }
.pb50{ padding-bottom: 50px; }
.pb55{ padding-bottom: 55px; }
.pb60{ padding-bottom: 60px; }
.pb65{ padding-bottom: 65px; }
.pb70{ padding-bottom: 70px; }
.pb75{ padding-bottom: 75px; }
.pb80{ padding-bottom: 80px; }
.pb85{ padding-bottom: 85px; }
.pb90{ padding-bottom: 90px; }
.pb95{ padding-bottom: 95px; }
.pb100{ padding-bottom: 100px; }

.pl5{ padding-left: 5px; }
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl25{ padding-left: 25px; }
.pl30{ padding-left: 30px; }
.pl35{ padding-left: 35px; }
.pl40{ padding-left: 40px; }
.pl45{ padding-left: 45px; }
.pl50{ padding-left: 50px; }
.pl55{ padding-left: 55px; }
.pl60{ padding-left: 60px; }
.pl65{ padding-left: 65px; }
.pl70{ padding-left: 70px; }
.pl75{ padding-left: 75px; }
.pl80{ padding-left: 80px; }
.pl85{ padding-left: 85px; }
.pl90{ padding-left: 90px; }
.pl95{ padding-left: 95px; }
.pl100{ padding-left: 100px; }

.pr5{ padding-right: 5px; }
.pr10{ padding-right: 10px; }
.pr15{ padding-right: 15px; }
.pr20{ padding-right: 20px; }
.pr25{ padding-right: 25px; }
.pr30{ padding-right: 30px; }
.pr35{ padding-right: 35px; }
.pr40{ padding-right: 40px; }
.pr45{ padding-right: 45px; }
.pr50{ padding-right: 50px; }
.pr55{ padding-right: 55px; }
.pr60{ padding-right: 60px; }
.pr65{ padding-right: 65px; }
.pr70{ padding-right: 70px; }
.pr75{ padding-right: 75px; }
.pr80{ padding-right: 80px; }
.pr85{ padding-right: 85px; }
.pr90{ padding-right: 90px; }
.pr95{ padding-right: 95px; }
.pr100{ padding-right: 100px; }

.t_regular{ font-weight: 400; }
.t_medium{ font-weight: 500; }
.t_sem-bold{ font-weight: 600; }
.t_bold{ font-weight: 700; }
.t_extra-bold{ font-weight: 900; }

.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{ opacity: 0; }
.fadeIn{ animation-name: fadeInAnime; animation-duration:1s; animation-fill-mode:forwards; opacity:0; }
  @keyframes fadeInAnime{
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }

.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.box-wrapper{ margin-bottom:130px; }
.box-wrapper *{ letter-spacing: 0; }
.ftool-wrapper .col--02--C > div,
.ftool-wrapper .description{ margin-bottom: 0; }

.box-wrapper .fv{ background: #F4F3EE; padding: 70px 0; width: 100%; max-width: 100%; }

.box-wrapper p{ line-height: 2em; }
.box-wrapper .catch-box{ margin-bottom: 200px; }
.box-wrapper .catch-box h2{ font-size: 2.5rem; position: relative; margin-top: 165px; }
.box-wrapper .catch-box h2:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; height: 20px; width: 1px; background: #000; }
.box-wrapper .catch-box p{ font-size: 1.4rem; }

.box-wrapper .item-wrapper{ max-width: 750px; margin: auto; gap: 85px 0; border-left: 1px solid #000; }
.box-wrapper .item-box img.text-img{ max-height: 45px; width: auto; position: absolute; }
.box-wrapper .item-box img.text-img-l{ bottom: 20px; left: 35px; }
.box-wrapper .item-box img.text-img-r{ top: 20px; right: 20px; }
.box-wrapper .img-box12 img.text-img-l{ top: 20px; bottom: unset; }
.box-wrapper .img-box13 img.text-img-r, .box-wrapper .img-box19 img.text-img-r{ bottom: 20px; top: unset; }

.box-wrapper .item-box .img-box{ position: relative; }
.box-wrapper .item-box{ overflow: hidden; padding: 0 85px; }
.box-wrapper .item-box .item-flex{ gap: 40px 0; }
.box-wrapper .item-box .item-flex > *{ width: 100%; }
.box-wrapper .item-box .text-box{ background: #F4F3EE; padding: 35px; gap: 30px 0; }
.box-wrapper .item-box .text-box p { font-size: 1.3rem; margin: 0; }
.box-wrapper .item-box .text-box .bar{ margin: auto; height: 1px; width: 10px; background: #000; }
.box-wrapper .item-box > .bar{ height: 1px; background: #000; }
.box-wrapper li p{ margin: 0; line-height: 1em; }

.box-wrapper p.grey{ color: #868686; font-size: 1.3rem; margin: 15px 0 0 0!important; }

.credit ul li a::after{ content: '';
  display: table-cell;
  padding-left: 20px;
  width: 54px;
  height: 21px;
  background: url(../images/btn.svg) top right/54px no-repeat; }
.credit ul{ margin: 0; gap: 15px 0; padding: 0; }
.credit ul li a{ display: table; }
.credit ul li,
.credit ul li a{ word-break: break-all!important; position: relative; font-size: 1.4rem; font-weight: 400; color: #000; text-decoration: none; }
.credit ul li a p{ word-break: break-all!important; font-size: 1.4rem; }
.credit ul li{ list-style: none; }
             
#sns-account{ margin-top: 200px; gap: 50px 0; }
#sns-account h3{ font-size: 2.2rem; }
#sns-account p{ font-size: 1.4rem; }
#sns-account img{ display: block; max-width: 100px; width: 100%; margin: 0 auto; }
#sns-account img.instagram{ max-width: 50px; }


@media screen and (max-width: 750px) {
  .pc { display: none!important; }
  .sp { display: block!important; }

  .container{ padding: 0 20px; }
  .fv .container{ padding: 0; }
  .box-wrapper .fv{ padding: 25px 0 0 0; }
  .box-wrapper .catch-box{ margin-bottom: 130px; }
  .box-wrapper .catch-box h2{ margin-top: 75px; }
  .box-wrapper .catch-box p{ font-size: 1.28rem; margin-bottom: 0; }

  .mt100{ margin-top: 70px; }

  .box-wrapper .item-box{ padding: 0 20px; }

  .credit ul li a,
  .credit ul li p{ font-size: 1.2rem; }

  .credit ul li a::after{ padding-left: 10px; width: 40px; background-size: 40px; background-position: 100% 2px; }


  .box-wrapper .item-box img.text-img-r{ top: 15px; right: 15px; }
  .box-wrapper .item-box img.text-img-l{ bottom: 15px; left: 25px; }
  .box-wrapper .item-box img.text-img{ max-height: 23px; }
  .box-wrapper .item-wrapper{ gap: 30px 0; }
  .box-wrapper .item-box .text-box{ gap: 20px 0; padding: 20px; }

  #sns-account{ margin-top: 100px; }

}




/*# sourceMappingURL=style.css.map */