@charset "utf-8";
/* /////////////////////////////
      Parts
///////////////////////////// */
/***********************
        wrapper
***********************/
.w-1200{
  box-sizing: border-box;
  width: 100%;
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
}
/***********************
        title
***********************/
/***********************
        color
***********************/
.color_red{color: #a92224;}
.color_red02 {color: #e83637;}
.color_white{color: #fff;}
.color_brown{color:#543618}
.color_brown02{color:#69523e}
.color_orange{color:#ffa800}
.color_blue{color: #006edf;}
.color_black{color: #000;}
.color_glay{color: #9fa0a0;}
.bg_black{background-color: #000;}
.bg_gray{background-color: #9fa0a0;}
.bg_white{background-color: #fff;}
.bg_orange{background-color: #ffa800;}
/***********************
        margin
***********************/
.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;}
.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;}
.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;}
.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;}

/***********************
        padding
***********************/
.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;}
.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;}
.pt120{padding-top: 120px;}
.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;}

/***********************
        font
***********************/
.font100{font-size: 100px;}
.font80{font-size: 80px;}
.font50{font-size: 50px;}
.font48{font-size: 48px;}
.font40{font-size: 40px;}
.font38{font-size: 38px;}
.font36{font-size: 36px;}
.font34{font-size: 34px;}
.font32{font-size: 32px;}
.font30{font-size: 30px;}
.font28{font-size: 28px;}
.font26{font-size: 26px;}
.font24{font-size: 24px;}
.font22{font-size: 22px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font17{font-size: 17px;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.font13{font-size: 13px;}
.font12{font-size: 12px;}
.font11{font-size: 11px;}
.font10{font-size: 10px;}

.line10{line-height: 1;}
.line11{line-height: 1.1;}
.line12{line-height: 1.2;}
.line13{line-height: 1.3;}
.line14{line-height: 1.4;}
.line15{line-height: 1.5;}
.line16{line-height: 1.6;}
.line17{line-height: 1.7;}
.line18{ line-height: 1.8; }
.line19{line-height: 1.9;}
.line20{line-height: 2;}
.line25{line-height: 2.5;}

.ls01{letter-spacing: 1px;}
.ls02{letter-spacing: 2px;}
.ls03{letter-spacing: 3px;}
.ls04{letter-spacing: 4px;}
.ls05{letter-spacing: 5px;}

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

/******************
      list
*******************/
.flex_list{display: flex;justify-content: space-between;}
.flex_list.start{justify-content: flex-start;}
.flex_list.end{justify-content:flex-end;}
.flex_list.center{justify-content: center;}
.flex_list.around{justify-content:space-around;}
.flex_list.middle {align-items: center;}
.flex_list.bottom {align-items: flex-end;}
.flex_list.top {align-items: flex-start;}
.flex_list.wrap{flex-wrap: wrap;}
.flex_list.nowrap{flex-wrap: nowrap;}
.culm-3::after{content:"";display: block;width:30%;}
.w-5{width: 5%}
.w-10{width: 10%}
.w-15{width: 15%}
.w-17{width: 17%}
.w-20{width: 20%}
.w-22{width: 22%}
.w-23{width: 23%}
.w-24{width: 24%}
.w-25{width: 25%}
.w-30{width: 30%}
.w-31{width: 31%}
.w-32{width: 32%}
.w-33{width: 33%}
.w-34{width: 34%}
.w-35{width: 35%}
.w-38{width: 38%}
.w-40{width: 40%}
.w-41{width: 41%}
.w-42{width: 42%}
.w-43{width: 43%}
.w-45{width: 45%}
.w-46{width: 46%}
.w-47{width: 47%}
.w-48{width: 48%}
.w-50{width: 50%}
.w-55{width: 55%}
.w-60{width: 60%}
.w-65{width: 65%}
.w-70{width: 70%}
.w-75{width: 75%}
.w-80{width: 80%}
.w-85{width: 85%}
.w-90{width: 90%}
.w-95{width: 95%}
.w-100{width: 100%}

/***********************
      animation
***********************/
.delay01 {
  animation-delay: 0.1s;
  transition-delay: 0.1s;
}
.delay02 {
  animation-delay: 0.2s;
  transition-delay: 0.2s;
}
.delay03 {
  animation-delay: 0.3s;
  transition-delay: 0.3s;
}
.delay04 {
  animation-delay: 0.4s;
  transition-delay: 0.4s;
}
.delay05 {
  animation-delay: 0.5s;
  transition-delay: 0.5s;
}
.delay06 {
  animation-delay: 0.6s;
  transition-delay: 0.6s;
}
.delay07 {
  animation-delay: 0.7s;
  transition-delay: 0.7s;
}
.delay08 {
  animation-delay: 0.8s;
  transition-delay: 0.8s;
}
.delay09 {
  animation-delay: 0.9s;
  transition-delay: 0.9s;
}
.delay10 {
  animation-delay: 1s;
  transition-delay: 1s;
}
.delay11 {
  animation-delay: 1.1s;
  transition-delay: 1.1s;
}
.delay12 {
  animation-delay: 1.2s;
  transition-delay: 1.2s;
}
.delay13 {
  animation-delay: 1.3s;
  transition-delay: 1.3s;
}
.delay14 {
  animation-delay: 1.4s;
  transition-delay: 1.4s;
}
.delay15 {
  animation-delay: 1.5s;
  transition-delay: 1.5s;
}
.delay16 {
  animation-delay: 1.6s;
  transition-delay: 1.6s;
}
.delay17 {
  animation-delay: 1.7s;
  transition-delay: 1.7s;
}
.delay25 {
  animation-delay: 2.5s;
  transition-delay: 2.5s;
}
.animated {
  opacity: 0;
}
.animation {
  opacity: 1;
}
/***********************
        font
***********************/



/******************
      hover
*******************/
/***********************
        other
***********************/
.is-pc{display: block;}
.is-sp{display: none;}
.clearfix::after{content: "";clear: both;display: block;}
.op1{opacity: 1 !important; }
.op{display: block;cursor: pointer;transition: .3s;}
.op:hover{opacity: 0.7;}
.rel{position: relative;}
.abs{position: absolute;}
.sta{position: static;}
.medium{font-weight: 500;}
.bold{font-weight: bold;}
.auto{margin: 0 auto;}
.inline{display: inline-block;}
.block{display: block;}
.wrapper{max-width: 1000px;padding: 0 20px;margin: 0 auto;}
.fl{float:left;}
.fr{float:right;}

@media screen and (max-width:1280px){
  .font100{font-size: 50px;}
  .font80{font-size: 50px;}
  .font50{font-size: 40px;}
  .font40{font-size: 36px;}
  .font48{font-size: 36px;}
  .font38{font-size: 34px;}
  .font36{font-size: 32px;}
  .font34{font-size: 30px;}
  .font32{font-size: 28px;}
  .font30{font-size: 26px;}
  .font28{font-size: 24px;}
  .font26{font-size: 24px;}
  .font24{font-size: 22px;}
  .font22{font-size: 20px;}
  .font20{font-size: 18px;}
}
@media screen and (max-width:768px){
  .font50{font-size: 24px;}
  .font40,.font48{font-size: 24px;}
  .font38{font-size: 24px;}
  .font36{font-size: 22px;}
  .font34{font-size: 22px;}
  .font32{font-size: 22px;}
  .font30{font-size: 20px;}
  .font28{font-size: 20px;}
  .font26{font-size: 18px;}
  .font24{font-size: 18px;}
  .font22{font-size: 16px;}
  .font20,.font18{font-size: 16px;}
  .font16{font-size: 14px;}
  .font14{font-size: 12px;}
  .font13,.font12{font-size: 11px;}
  .is-pc{display: none;}
  .is-sp{display: block;}
  .ta-c_sp{text-align: center;}
  .ta-r_sp{text-align: right;}
  .ta-l_sp{text-align: left;}
  .wrap_sp{flex-wrap: wrap;}
  .mb15,.mb20,.mb25,.mb30,.mb35{margin-bottom: 10px;}
  .mb40,.mb45,.mb50,.mb55{margin-bottom: 20px;}
  .mb60,.mb65,.mb70,.mb75{margin-bottom: 30px;}
  .mb80,.mb85,.mb90,.mb95{margin-bottom: 40px;}
  .mb100{margin-bottom: 50px;}
  .mt15,.mt20,.mt25,.mt30,.mt35{margin-top: 10px;}
  .mt40,.mt45,.mt50,.mt55{margin-top: 20px;}
  .mt60,.mt65,.mt70,.mt75{margin-top: 30px;}
  .mt80,.mt85,.mt90,.mt95{margin-top: 40px;}
  .mt100{margin-top: 50px;}
  .mr15,.mr20,.mr25,.mr30,.mr35{margin-right: 10px;}
  .mr40,.mr45,.mr50,.mr55{margin-right: 20px;}
  .mr60,.mr65,.mr70,.mr75{margin-right: 30px;}
  .mr80,.mr85,.mr90,.mr95{margin-right: 40px;}
  .mr100{margin-top: 50px;}
  .ml15,.ml20,.ml25,.ml30,.ml35{margin-left: 10px;}
  .ml40,.ml45,.ml50,.ml55{margin-left: 20px;}
  .ml60,.ml65,.ml70,.ml75{margin-left: 30px;}
  .ml80,.ml85,.ml90,.ml95{margin-left: 40px;}
  .ml100{margin-top: 50px;}
  .pb15,.pb20,.pb25,.pb30,.pb35{padding-bottom: 10px;}
  .pb40,.pb45,.pb50,.pb55{padding-bottom: 20px;}
  .pb60,.pb65,.pb70,.pb75{padding-bottom: 30px;}
  .pb80,.pb85,.pb90,.pb95{padding-bottom: 40px;}
  .pb100{padding-bottom: 50px;}
  .pt15,.pt20,.pt25,.pt30,.pt35{padding-top: 10px;}
  .pt40,.pt45,.pt50,.pt55{padding-top: 20px;}
  .pt60,.pt65,.pt70,.pt75{padding-top: 30px;}
  .pt80,.pt85,.pt90,.pt95{padding-top: 40px;}
  .pt100,.pt120{padding-top: 50px;}
  .pr15,.pr20,.pr25,.pr30,.pr35{padding-right: 10px;}
  .pr40,.pr45,.pr50,.pr55{padding-right: 20px;}
  .pr60,.pr65,.pr70,.pr75{padding-right: 30px;}
  .pr80,.pr85,.pr90,.pr95{padding-right: 40px;}
  .pr100{padding-right: 50px;}
  .pl15,.pl20,.pl25,.pl30,.pl35{padding-left: 10px;}
  .pl40,.pl45,.pl50,.pl55{padding-left: 20px;}
  .pl60,.pl65,.pl70,.pl75{padding-left: 30px;}
  .pl80,.pl85,.pl90,.pl95{padding-left: 40px;}
  .pl100{padding-left: 50px;}
  .w-100_sp{width: 100%;}
  .w-80_sp{width: 80%;}
  .mb10_sp{margin-bottom: 10px;}
  .mb20_sp{margin-bottom: 20px;}
  .mb30_sp{margin-bottom: 30px;}
  .mb40_sp{margin-bottom: 40px;}
  .mb50_sp{margin-bottom: 50px;}
}