@charset "utf-8";

/* /////////////////////////////
      Parts
///////////////////////////// */
/***********************
        wrapper
***********************/
@media screen and (min-width:768px) {
  #container{
    min-width: 1280px;
    overflow: hidden;
  }
  .w-1400{
    max-width: 1400px;
    padding: 0 40px;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .w-1300{
    max-width: 1300px;
    padding: 0 40px;;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .w-1200{
    max-width: 1200px;
    padding: 0 40px;;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .w-1160{
    max-width: 1160px;
    padding: 0 40px;;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .w-1100{
    max-width: 1100px;
    padding: 0 40px;;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .w-1040{
    max-width: 1040px;
    padding: 0 40px;;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .w-1000{
    max-width: 1000px;
    padding: 0 40px;;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .w-960{
    max-width: 960px;
    padding: 0 40px;
    margin: 0 auto;
    box-sizing: content-box;
  }
}
@media screen and (max-width:767px) {
  #container{
    min-width: unset;
  }
  .w-1400,.w-1300,.w-1200,.w-1160,.w-1100,.w-1040,.w-1000,.w-960 {
    padding: 0 6%;
  }
}

/***********************
        title
***********************/
@media screen and (min-width:768px) {
  .ttl-logo-top {
    font-size: 36px;
    text-align: center;
    padding-top: 70px;
    background: url(../img/design/icon-logo.png) center / contain no-repeat;
    background-size: 34px;
    background-position: 50% 0;
  }
  .ttl-mail {
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    padding: 40px 0;
    background-color: #666;
    color: #fff;
  }
}
@media screen and (max-width:767px) {
  .ttl-logo-top {
    font-size: 7.4vw;
    text-align: center;
    padding-top: 12.5vw;
    background: url(../img/design/icon-logo.png) center / contain no-repeat;
    background-size: 5.2vw;
    background-position: 50% 0;
  }
  .ttl-mail {
    font-size: 4.348vw;
    text-align: center;
    font-weight: bold;
    padding: 5vw 0;
    background-color: #666;
    color: #fff;
  }
}

/***********************
        button
***********************/
/***********************
        color
***********************/
.color-white{color: #000;}
.color-black{color: #fff;}
.color-gray{color: #666;}
.color-orange{color: #EB6100;}

.bg-white{background-color: #212121;}
.bg-black{background-color: #212121;}
 /***********************
        margin
***********************/
@media screen and (min-width:768px) {
  .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;}
  .mb110{margin-bottom: 110px;}
  .mb120{margin-bottom: 120px;}
  .mb130{margin-bottom: 130px;}
  .mb140{margin-bottom: 140px;}
  .mb150{margin-bottom: 150px;}
  .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;}
  .mt110{margin-top: 110px;}
  .mt120{margin-top: 120px;}
  .mt130{margin-top: 130px;}
  .mt140{margin-top: 140px;}
  .mt150{margin-top: 150px;}
  .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;}
}
@media screen and (max-width:767px) {
  .mb5{margin-bottom: 1.25vw;}
  .mb10{margin-bottom: 2.5vw;}
  .mb15{margin-bottom: 3.75vw;}
  .mb20{margin-bottom: 5vw;}
  .mb25{margin-bottom: 6.25vw;}
  .mb30{margin-bottom: 7.5vw;}
  .mb35{margin-bottom: 8.75vw;}
  .mb40{margin-bottom: 10vw;}
  .mb45{margin-bottom: 11.25vw;}
  .mb50{margin-bottom: 12.5vw;}
  .mb55{margin-bottom: 13.75vw;}
  .mb60{margin-bottom: 15vw;}
  .mb65{margin-bottom: 16.25vw;}
  .mb70{margin-bottom: 17.5vw;}
  .mb75{margin-bottom: 18.75vw;}
  .mb80{margin-bottom: 20vw;}
  .mb85{margin-bottom: 21.25vw;}
  .mb90{margin-bottom: 22.5vw;}
  .mb95{margin-bottom: 23.75vw;}
  .mb100{margin-bottom: 25vw;}
  .mb110{margin-bottom: 27.5vw;}
  .mb120{margin-bottom: 30vw;}
  .mb130{margin-bottom: 32.5vw;}
  .mb140{margin-bottom: 35vw;}
  .mb150{margin-bottom: 27.5vw;}
  .mt5{margin-top: 1.25vw;}
  .mt10{margin-top: 2.5vw;}
  .mt15{margin-top: 3.75vw;}
  .mt20{margin-top: 5vw;}
  .mt25{margin-top: 6.25vw;}
  .mt30{margin-top: 7.5vw;}
  .mt35{margin-top: 8.75vw;}
  .mt40{margin-top: 10vw;}
  .mt45{margin-top: 11.25vw;}
  .mt50{margin-top: 12.5vw;}
  .mt55{margin-top: 13.75vw;}
  .mt60{margin-top: 15vw;}
  .mt65{margin-top: 16.25vw;}
  .mt70{margin-top: 17.5vw;}
  .mt75{margin-top: 18.75vw;}
  .mt80{margin-top: 20vw;}
  .mt85{margin-top: 21.25vw;}
  .mt90{margin-top: 22.5vw;}
  .mt95{margin-top: 23.75vw;}
  .mt100{margin-top: 25vw;}
  .mt110{margin-top: 27.5vw;}
  .mt120{margin-top: 30vw;}
  .mt130{margin-top: 32.5vw;}
  .mt140{margin-top: 35vw;}
  .mt150{margin-top: 27.5vw;}
  .mr5{margin-right: 1.25vw;}
  .mr10{margin-right: 2.5vw;}
  .mr15{margin-right: 3.75vw;}
  .mr20{margin-right: 5vw;}
  .mr25{margin-right: 6.25vw;}
  .mr30{margin-right: 7.5vw;}
  .mr35{margin-right: 8.75vw;}
  .mr40{margin-right: 10vw;}
  .mr45{margin-right: 11.25vw;}
  .mr50{margin-right: 12.5vw;}
  .mr55{margin-right: 13.75vw;}
  .mr60{margin-right: 15vw;}
  .mr65{margin-right: 16.25vw;}
  .mr70{margin-right: 17.5vw;}
  .mr75{margin-right: 18.75vw;}
  .mr80{margin-right: 20vw;}
  .mr85{margin-right: 21.25vw;}
  .mr90{margin-right: 22.5vw;}
  .mr95{margin-right: 23.75vw;}
  .mr100{margin-right: 25vw;}
  .ml5{margin-left: 1.25vw;}
  .ml10{margin-left: 2.5vw;}
  .ml15{margin-left: 3.75vw;}
  .ml20{margin-left: 5vw;}
  .ml25{margin-left: 6.25vw;}
  .ml30{margin-left: 7.5vw;}
  .ml35{margin-left: 8.75vw;}
  .ml40{margin-left: 10vw;}
  .ml45{margin-left: 11.25vw;}
  .ml50{margin-left: 12.5vw;}
  .ml55{margin-left: 13.75vw;}
  .ml60{margin-left: 15vw;}
  .ml65{margin-left: 16.25vw;}
  .ml70{margin-left: 17.5vw;}
  .ml75{margin-left: 18.75vw;}
  .ml80{margin-left: 20vw;}
  .ml85{margin-left: 21.25vw;}
  .ml90{margin-left: 22.5vw;}
  .ml95{margin-left: 23.75vw;}
  .ml100{margin-left: 25vw;}
}

/***********************
        padding
***********************/
@media screen and (min-width:768px) {
  .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;}
  .pb110{padding-bottom: 110px;}
  .pb120{padding-bottom: 120px;}
  .pb130{padding-bottom: 130px;}
  .pb140{padding-bottom: 140px;}
  .pb150{padding-bottom: 150px;}
  .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;}
  .pt110{padding-top: 110px;}
  .pt120{padding-top: 120px;}
  .pt130{padding-top: 130px;}
  .pt140{padding-top: 140px;}
  .pt150{padding-top: 150px;}
  .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;}
}
@media screen and (max-width:767px) {
  .pb5{padding-bottom: 1.25vw;}
  .pb10{padding-bottom: 2.5vw;}
  .pb15{padding-bottom: 3.75vw;}
  .pb20{padding-bottom: 5vw;}
  .pb25{padding-bottom: 6.25vw;}
  .pb30{padding-bottom: 7.5vw;}
  .pb35{padding-bottom: 8.75vw;}
  .pb40{padding-bottom: 10vw;}
  .pb45{padding-bottom: 11.25vw;}
  .pb50{padding-bottom: 12.5vw;}
  .pb55{padding-bottom: 13.75vw;}
  .pb60{padding-bottom: 15vw;}
  .pb65{padding-bottom: 16.25vw;}
  .pb70{padding-bottom: 17.5vw;}
  .pb75{padding-bottom: 18.75vw;}
  .pb80{padding-bottom: 20vw;}
  .pb85{padding-bottom: 21.25vw;}
  .pb90{padding-bottom: 22.5vw;}
  .pb95{padding-bottom: 23.75vw;}
  .pb100{padding-bottom: 25vw;}
  .pb110{padding-bottom: 27.5vw;}
  .pb120{padding-bottom: 30vw;}
  .pb130{padding-bottom: 32.5vw;}
  .pb140{padding-bottom: 35vw;}
  .pb150{padding-bottom: 27.5vw;}
  .pt5{padding-top: 1.25vw;}
  .pt10{padding-top: 2.5vw;}
  .pt15{padding-top: 3.75vw;}
  .pt20{padding-top: 5vw;}
  .pt25{padding-top: 6.25vw;}
  .pt30{padding-top: 7.5vw;}
  .pt35{padding-top: 8.75vw;}
  .pt40{padding-top: 10vw;}
  .pt45{padding-top: 11.25vw;}
  .pt50{padding-top: 12.5vw;}
  .pt55{padding-top: 13.75vw;}
  .pt60{padding-top: 15vw;}
  .pt65{padding-top: 16.25vw;}
  .pt70{padding-top: 17.5vw;}
  .pt75{padding-top: 18.75vw;}
  .pt80{padding-top: 20vw;}
  .pt85{padding-top: 21.25vw;}
  .pt90{padding-top: 22.5vw;}
  .pt95{padding-top: 23.75vw;}
  .pt100{padding-top: 25vw;}
  .pt110{padding-top: 27.5vw;}
  .pt120{padding-top: 30vw;}
  .pt130{padding-top: 32.5vw;}
  .pt140{padding-top: 35vw;}
  .pt150{padding-top: 27.5vw;}
  .pr5{padding-right: 1.25vw;}
  .pr10{padding-right: 2.5vw;}
  .pr15{padding-right: 3.75vw;}
  .pr20{padding-right: 5vw;}
  .pr25{padding-right: 6.25vw;}
  .pr30{padding-right: 7.5vw;}
  .pr35{padding-right: 8.75vw;}
  .pr40{padding-right: 10vw;}
  .pr45{padding-right: 11.25vw;}
  .pr50{padding-right: 12.5vw;}
  .pr55{padding-right: 13.75vw;}
  .pr60{padding-right: 15vw;}
  .pr65{padding-right: 16.25vw;}
  .pr70{padding-right: 17.5vw;}
  .pr75{padding-right: 18.75vw;}
  .pr80{padding-right: 20vw;}
  .pr85{padding-right: 21.25vw;}
  .pr90{padding-right: 22.5vw;}
  .pr95{padding-right: 23.75vw;}
  .pr100{padding-right: 25vw;}
  .pl5{padding-left: 1.25vw;}
  .pl10{padding-left: 2.5vw;}
  .pl15{padding-left: 3.75vw;}
  .pl20{padding-left: 5vw;}
  .pl25{padding-left: 6.25vw;}
  .pl30{padding-left: 7.5vw;}
  .pl35{padding-left: 8.75vw;}
  .pl40{padding-left: 10vw;}
  .pl45{padding-left: 11.25vw;}
  .pl50{padding-left: 12.5vw;}
  .pl55{padding-left: 13.75vw;}
  .pl60{padding-left: 15vw;}
  .pl65{padding-left: 16.25vw;}
  .pl70{padding-left: 17.5vw;}
  .pl75{padding-left: 18.75vw;}
  .pl80{padding-left: 20vw;}
  .pl85{padding-left: 21.25vw;}
  .pl90{padding-left: 22.5vw;}
  .pl95{padding-left: 23.75vw;}
  .pl100{padding-left: 25vw;}
}

/***********************
        animation
***********************/
.delay01 { -webkit-animation-delay:0.1s; animation-delay:0.1s;}
.delay02 { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.delay03 { -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.delay04 { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay05 { -webkit-animation-delay:0.5s; animation-delay:0.5s; }
.delay06 { -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.delay07 { -webkit-animation-delay:0.7s; animation-delay:0.7s; }
.delay08 { -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.delay09 { -webkit-animation-delay:0.9s; animation-delay:0.9s; }
.delay10 { -webkit-animation-delay:1s; animation-delay:1s;}
.delay11 { -webkit-animation-delay:1.1s; animation-delay:1.1s; }
.delay12 { -webkit-animation-delay:1.2s; animation-delay:1.2s; }
.delay13 { -webkit-animation-delay:1.3s; animation-delay:1.3s; }
.delay14 { -webkit-animation-delay:1.4s; animation-delay:1.4s; }
.delay15 { -webkit-animation-delay:1.5s; animation-delay:1.5s; }
.delay16 { -webkit-animation-delay:1.6s; animation-delay:1.6s; }
.delay17 { -webkit-animation-delay:1.7s; animation-delay:1.7s; }
.delay18 { -webkit-animation-delay:1.8s; animation-delay:1.8s; }
.delay19 { -webkit-animation-delay:1.9s; animation-delay:1.9s; }
.delay20 { -webkit-animation-delay:2s; animation-delay:2s;}
.delay21 { -webkit-animation-delay:2.1s; animation-delay:2.1s;}
.delay22 { -webkit-animation-delay:2.2s; animation-delay:2.2s; }
.delay23 { -webkit-animation-delay:2.3s; animation-delay:2.3s; }
.delay24 { -webkit-animation-delay:2.4s; animation-delay:2.4s; }
.delay25 { -webkit-animation-delay:2.5s; animation-delay:2.5s; }
.delay26 { -webkit-animation-delay:2.6s; animation-delay:2.6s; }
.delay27 { -webkit-animation-delay:2.7s; animation-delay:2.7s; }
.delay28 { -webkit-animation-delay:2.8s; animation-delay:2.8s; }
.delay29 { -webkit-animation-delay:2.9s; animation-delay:2.9s; }
.delay30 { -webkit-animation-delay:3s; animation-delay:3s;}
.delay31 { -webkit-animation-delay:3.1s; animation-delay:3.1s; }
.delay32 { -webkit-animation-delay:3.2s; animation-delay:3.2s; }
.delay33 { -webkit-animation-delay:3.3s; animation-delay:3.3s; }
.delay34 { -webkit-animation-delay:3.4s; animation-delay:3.4s; }
.delay35 { -webkit-animation-delay:3.5s; animation-delay:3.5s; }
.delay36 { -webkit-animation-delay:3.6s; animation-delay:3.6s; }
.delay37 { -webkit-animation-delay:3.7s; animation-delay:3.7s; }
.delay38 { -webkit-animation-delay:3.8s; animation-delay:3.8s; }
.delay39 { -webkit-animation-delay:3.9s; animation-delay:3.9s; }
.delay40 { -webkit-animation-delay:4s; animation-delay:4s;}
.animated{opacity: 0;}
.animation{opacity: 1;}


/***********************
        font
***********************/
@media screen and (min-width:768px) {
  .font60{font-size: 60px;}
  .font50{font-size: 50px;}
  .font48{font-size: 48px;}
  .font42{font-size: 42px;}
  .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;}
  .font27{font-size: 27px;}
  .font26{font-size: 26px;}
  .font25{font-size: 25px;}
  .font24{font-size: 24px;}
  .font23{font-size: 23px;}
  .font22{font-size: 22px;}
  .font21{font-size: 21px;}
  .font20{font-size: 20px;}
  .font19{font-size: 19px;}
  .font18{font-size: 18px;}
  .font17{font-size: 17px;}
  .font16{font-size: 16px;}
  .font15{font-size: 15px;}
  .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;}
.line21{line-height: 2.1;}
.line22{line-height: 2.2;}
.line23{line-height: 2.3;}
.line24{line-height: 2.4;}
.line25{line-height: 2.5;}
.line30{line-height: 3;}

.ls0{letter-spacing: 0;}
.ls01{letter-spacing: 0.1em;}
.ls02{letter-spacing: 0.2em;}
.ls03{letter-spacing: 0.3em;}
.ls04{letter-spacing: 0.4em;}
.ls05{letter-spacing: 0.5em;}

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

@media screen and (max-width:767px) {
  .font60{font-size: 13.2vw;}
  .font50{font-size: 11.6vw;}
  .font48{font-size: 11.2vw;}
  .font42{font-size: 10vw;}
  .font40{font-size: 9.6vw;}
  .font38{font-size: 9.2vw;}
  .font36{font-size: 8.6vw;}
  .font34{font-size: 8vw;}
  .font32{font-size: 6.8vw;}
  .font30{font-size: 6.6vw;}
  .font28{font-size: 6.4vw;}
  .font27{font-size: 6.2vw;}
  .font26{font-size: 6vw;}
  .font25{font-size: 5.8vw;}
  .font24{font-size: 5.6vw;}
  .font23{font-size: 5.4vw;}
  .font22{font-size: 5.2vw;}
  .font21{font-size: 5vw;}
  .font20{font-size: 4.8vw;}
  .font19{font-size: 4.6vw;}
  .font18{font-size: 4.348vw;}
  .font17{font-size: 4.1vw;}
  .font16{font-size: 3.865vw;}
  .font15{font-size: 1.5rem;}
  .font14{font-size: 3.382vw;}
  .font13{font-size: 3.2vw;}
  .font12{font-size: 3vw;}
  .font11{font-size: 2.8vw;}
  .font10{font-size: 2.7vw;}

  .ta-c-sp{text-align: center;}
  .ta-l-sp{text-align: left;}
  .ta-r-sp{text-align: right;}
  .ta-j-sp{text-align: justify;}
}
/******************
      list
*******************/
.flex{display: flex;justify-content: space-between;}
.flex.start{justify-content: flex-start;}
.flex.end{justify-content:flex-end;}
.flex.center{justify-content: center;}
.flex.around{justify-content:space-around;}
.flex.middle {align-items: center;}
.flex.top {align-items: flex-start;}
.flex.bottom {align-items: flex-end;}
.flex.wrap{flex-wrap: wrap;}
.flex.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-18{width: 18%}
.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-49{width: 49%}
.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%}
@media screen and (max-width:768px){
  .flex.start-sp{justify-content: flex-start;}
  .flex.end-sp{justify-content:flex-end;}
  .flex.center-sp{justify-content: center;}
  .flex.around-sp{justify-content:space-around;}
  .flex.middle-sp {align-items: center;}
  .flex.bottom-sp {align-items: flex-end;}
  .flex.wrap-sp{flex-wrap: wrap;}
  .w-48-sp{width: 48%;}
  .w-49-sp{width: 49%;}
  .w-50-sp{width: 50%;}
  .w-100-sp{width: 100%;}
}
/***********************
        other
***********************/
.pc{display: block!important;}
.sp{display: none!important;}
.pc2{display: inline-block;}
.sp2{display: none;}
.flex.pc{display: flex;}
.flex.sp{display: none;}
.separate{border-bottom: 1px solid #231815;}
.bdr-btm{border-bottom: 1px solid;}
.bdr-top{border-top: 1px solid;}
.underline{text-decoration: underline;}
.clearfix::after{content: "";clear: both;display: block;}
.op1{opacity: 1; }
.op{display: block;cursor: pointer;transition: .3s;}
.op:hover{opacity: 0.7;}
.rel{position: relative;}
.abs{position: absolute;}
.abs-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.light{font-weight: lighter;}
.normal{font-weight: normal;}
.medium{font-weight: 500;}
.bold{font-weight: bold;}
.exbold{font-weight: 900;}
.auto{margin: 0 auto;}
.inline{display: inline-block;}
.block{display: block;}
.fl{float:left;}
.fr{float:right;}
.marker {background: linear-gradient(transparent 70%, #ffe400 30%);}
.anc-link{padding-top: 50px;margin-top: -50px;}
.order01{order: 1}
.order02{order: 2}
@media screen and (max-width:768px){
  .pc{display: none!important;}
  .sp{display: block!important;}
  .pc2{display: none;}
  .sp2{display:inline-block;}
  .flex.pc{display: none;}
  .flex.sp{display: flex;}
  .order01-sp{order: 1}
  .order02-sp{order: 2}
  .flex.between-sp{justify-content: space-between;}
}