/* padding&margin start */
.mt-1{ margin-top: -1px !important; }
.mb0{margin-bottom: 0px !important;;} .mb5{margin-bottom: 5px !important;} .mb10{margin-bottom: 10px !important;} .mb15{margin-bottom: 15px !important;} .mb20{margin-bottom: 20px !important;} .mb25{margin-bottom: 25px !important;} .mb30{margin-bottom: 30px !important;} .mb35{margin-bottom: 35px !important;} .mb40{margin-bottom: 40px !important;} .mb45{margin-bottom: 45px !important;} .mb50{margin-bottom: 50px !important;} .mb55{margin-bottom: 55px !important;} .mb60{margin-bottom: 60px !important;} .mb65{margin-bottom: 65px !important;} .mb70{margin-bottom: 70px !important;} .mb75{margin-bottom: 75px !important;} .mb80{margin-bottom: 80px !important;} .mb85{margin-bottom: 85px !important;} .mb90{margin-bottom: 90px !important;} .mb95{margin-bottom: 95px !important;} .mb100{margin-bottom: 100px !important;} .mt0{margin-top: 0px !important;} .mt5{margin-top: 5px !important;} .mt10{margin-top: 10px !important;} .mt15{margin-top: 15px !important;} .mt20{margin-top: 20px !important;} .mt25{margin-top: 25px !important;} .mt30{margin-top: 30px !important;} .mt35{margin-top: 35px !important;} .mt40{margin-top: 40px !important;} .mt45{margin-top: 45px !important;} .mt50{margin-top: 50px !important;} .mt55{margin-top: 55px !important;} .mt60{margin-top: 60px !important;} .mt65{margin-top: 65px !important;} .mt70{margin-top: 70px !important;} .mt75{margin-top: 75px !important;} .mt80{margin-top: 80px !important;} .mt85{margin-top: 85px !important;} .mt90{margin-top: 90px !important;} .mt95{margin-top: 95px !important;} .mt100{margin-top: 100px !important;} .ml0{margin-left: 0px !important;} .ml5{margin-left: 5px !important;} .ml10{margin-left: 10px !important;} .ml15{margin-left: 15px !important;} .ml20{margin-left: 20px !important;} .ml25{margin-left: 25px !important;} .ml30{margin-left: 30px !important;} .ml35{margin-left: 35px !important;} .ml40{margin-left: 40px !important;} .ml45{margin-left: 45px !important;} .ml50{margin-left: 50px !important;} .ml55{margin-left: 55px !important;} .ml60{margin-left: 60px !important;} .ml65{margin-left: 65px !important;} .ml70{margin-left: 70px !important;} .ml75{margin-left: 75px !important;} .ml80{margin-left: 80px !important;} .ml85{margin-left: 85px !important;} .ml90{margin-left: 90px !important;} .ml95{margin-left: 95px !important;} .ml100{margin-left: 100px !important;} .mr0{margin-right: 0px !important;} .mr5{margin-right: 5px !important;} .mr10{margin-right: 10px !important;} .mr15{margin-right: 15px !important;} .mr20{margin-right: 20px !important;} .mr25{margin-right: 25px !important;} .mr30{margin-right: 30px !important;} .mr35{margin-right: 35px !important;} .mr40{margin-right: 40px !important;} .mr45{margin-right: 45px !important;} .mr50{margin-right: 50px !important;} .mr55{margin-right: 55px !important;} .mr60{margin-right: 60px !important;} .mr65{margin-right: 65px !important;} .mr70{margin-right: 70px !important;} .mr75{margin-right: 75px !important;} .mr80{margin-right: 80px !important;} .mr85{margin-right: 85px !important;} .mr90{margin-right: 90px !important;} .mr95{margin-right: 95px !important;} .mr100{margin-right: 100px !important;}

.pb0{padding-bottom: 0px !important;} .pb5{padding-bottom: 5px !important;} .pb10{padding-bottom: 10px !important;} .pb15{padding-bottom: 15px !important;} .pb20{padding-bottom: 20px !important;} .pb25{padding-bottom: 25px !important;} .pb30{padding-bottom: 30px !important;} .pb35{padding-bottom: 35px !important;} .pb40{padding-bottom: 40px !important;} .pb45{padding-bottom: 45px !important;} .pb50{padding-bottom: 50px !important;} .pb55{padding-bottom: 55px !important;} .pb60{padding-bottom: 60px !important;} .pb65{padding-bottom: 65px !important;} .pb70{padding-bottom: 70px !important;} .pb75{padding-bottom: 75px !important;} .pb80{padding-bottom: 80px !important;} .pb85{padding-bottom: 85px !important;} .pb90{padding-bottom: 90px !important;} .pb95{padding-bottom: 95px !important;} .pb100{padding-bottom: 100px !important;} .pt0{padding-top: 0px !important;} .pt5{padding-top: 5px !important;} .pt10{padding-top: 10px !important;} .pt15{padding-top: 15px !important;} .pt20{padding-top: 20px !important;} .pt25{padding-top: 25px !important;} .pt30{padding-top: 30px !important;} .pt35{padding-top: 35px !important;} .pt40{padding-top: 40px !important;} .pt45{padding-top: 45px !important;} .pt50{padding-top: 50px !important;} .pt55{padding-top: 55px !important;} .pt60{padding-top: 60px !important;} .pt65{padding-top: 65px !important;} .pt70{padding-top: 70px !important;} .pt75{padding-top: 75px !important;} .pt80{padding-top: 80px !important;} .pt85{padding-top: 85px !important;} .pt90{padding-top: 90px !important;} .pt95{padding-top: 95px !important;} .pt100{padding-top: 100px !important;} .pl0{padding-left: 0px !important;} .pl5{padding-left: 5px !important;} .pl10{padding-left: 10px !important;} .pl15{padding-left: 15px !important;} .pl20{padding-left: 20px !important;} .pl25{padding-left: 25px !important;} .pl30{padding-left: 30px !important;} .pl35{padding-left: 35px !important;} .pl40{padding-left: 40px !important;} .pl45{padding-left: 45px !important;} .pl50{padding-left: 50px !important;} .pl55{padding-left: 55px !important;} .pl60{padding-left: 60px !important;} .pl65{padding-left: 65px !important;} .pl70{padding-left: 70px !important;} .pl75{padding-left: 75px !important;} .pl80{padding-left: 80px !important;} .pl85{padding-left: 85px !important;} .pl90{padding-left: 90px !important;} .pl95{padding-left: 95px !important;} .pl100{padding-left: 100px !important;} .pr0{padding-right: 0px !important;} .pr5{padding-right: 5px !important;} .pr10{padding-right: 10px !important;} .pr15{padding-right: 15px !important;} .pr20{padding-right: 20px !important;} .pr25{padding-right: 25px !important;} .pr30{padding-right: 30px !important;} .pr35{padding-right: 35px !important;} .pr40{padding-right: 40px !important;} .pr45{padding-right: 45px !important;} .pr50{padding-right: 50px !important;} .pr55{padding-right: 55px !important;} .pr60{padding-right: 60px !important;} .pr65{padding-right: 65px !important;} .pr70{padding-right: 70px !important;} .pr75{padding-right: 75px !important;} .pr80{padding-right: 80px !important;} .pr85{padding-right: 85px !important;} .pr90{padding-right: 90px !important;} .pr95{padding-right: 95px !important;} .pr100{padding-right: 100px !important;}

.w100p{width: 100% !important;}
.ml150{ margin-left: 150px !important; }

@media screen and (max-width: 1280px){
.mb0-pc{margin-bottom: 0px !important;} .mb5-pc{margin-bottom: 5px !important;} .mb10-pc{margin-bottom: 10px !important;} .mb15-pc{margin-bottom: 15px !important;} .mb20-pc{margin-bottom: 20px !important;} .mb25-pc{margin-bottom: 25px !important;} .mb30-pc{margin-bottom: 30px !important;} .mb35-pc{margin-bottom: 35px !important;} .mb40-pc{margin-bottom: 40px !important;} .mb45-pc{margin-bottom: 45px !important;} .mb50-pc{margin-bottom: 50px !important;} .mb55-pc{margin-bottom: 55px !important;} .mb60-pc{margin-bottom: 60px !important;} .mb65-pc{margin-bottom: 65px !important;} .mb70-pc{margin-bottom: 70px !important;} .mb75-pc{margin-bottom: 75px !important;} .mb80-pc{margin-bottom: 80px !important;} .mb85-pc{mafzrgin-bottom: 85px !important;} .mb90-pc{margin-bottom: 90px !important;} .mb95-pc{margin-bottom: 95px !important;} .mb100-pc{margin-bottom: 100px !important;} .mt0-pc{margin-top: 0px !important;} .mt5-pc{margin-top: 5px !important;} .mt10-pc{margin-top: 10px !important;} .mt15-pc{margin-top: 15px !important;} .mt20-pc{margin-top: 20px !important;} .mt25-pc{margin-top: 25px !important;} .mt30-pc{margin-top: 30px !important;} .mt35-pc{margin-top: 35px !important;} .mt40-pc{margin-top: 40px !important;} .mt45-pc{margin-top: 45px !important;} .mt50-pc{margin-top: 50px !important;} .mt55-pc{margin-top: 55px !important;} .mt60-pc{margin-top: 60px !important;} .mt65-pc{margin-top: 65px !important;} .mt70-pc{margin-top: 70px !important;} .mt75-pc{margin-top: 75px !important;} .mt80-pc{margin-top: 80px !important;} .mt85-pc{margin-top: 85px !important;} .mt90-pc{margin-top: 90px !important;} .mt95-pc{margin-top: 95px !important;} .mt100-pc{margin-top: 100px !important;} .ml0-pc{margin-left: 0px !important;} .ml5-pc{margin-left: 5px !important;} .ml10-pc{margin-left: 10px !important;} .ml15-pc{margin-left: 15px !important;} .ml20-pc{margin-left: 20px !important;} .ml25-pc{margin-left: 25px !important;} .ml30-pc{margin-left: 30px !important;} .ml35-pc{margin-left: 35px !important;} .ml40-pc{margin-left: 40px !important;} .ml45-pc{margin-left: 45px !important;} .ml50-pc{margin-left: 50px !important;} .ml55-pc{margin-left: 55px !important;} .ml60-pc{margin-left: 60px !important;} .ml65-pc{margin-left: 65px !important;} .ml70-pc{margin-left: 70px !important;} .ml75-pc{margin-left: 75px !important;} .ml80-pc{margin-left: 80px !important;} .ml85-pc{margin-left: 85px !important;} .ml90-pc{margin-left: 90px !important;} .ml95-pc{margin-left: 95px !important;} .ml100-pc{margin-left: 100px !important;} .mr0-pc{margin-right: 0px !important;} .mr5-pc{margin-right: 5px !important;} .mr10-pc{margin-right: 10px !important;} .mr15-pc{margin-right: 15px !important;} .mr20-pc{margin-right: 20px !important;} .mr25-pc{margin-right: 25px !important;} .mr30-pc{margin-right: 30px !important;} .mr35-pc{margin-right: 35px !important;} .mr40-pc{margin-right: 40px !important;} .mr45-pc{margin-right: 45px !important;} .mr50-pc{margin-right: 50px !important;} .mr55-pc{margin-right: 55px !important;} .mr60-pc{margin-right: 60px !important;} .mr65-pc{margin-right: 65px !important;} .mr70-pc{margin-right: 70px !important;} .mr75-pc{margin-right: 75px !important;} .mr80-pc{margin-right: 80px !important;} .mr85-pc{margin-right: 85px !important;} .mr90-pc{margin-right: 90px !important;} .mr95-pc{margin-right: 95px !important;} .mr100-pc{margin-right: 100px !important;}

.pb0-pc{padding-bottom: 0px !important;} .pb5-pc{padding-bottom: 5px !important;} .pb10-pc{padding-bottom: 10px !important;} .pb15-pc{padding-bottom: 15px !important;} .pb20-pc{padding-bottom: 20px !important;} .pb25-pc{padding-bottom: 25px !important;} .pb30-pc{padding-bottom: 30px !important;} .pb35-pc{padding-bottom: 35px !important;} .pb40-pc{padding-bottom: 40px !important;} .pb45-pc{padding-bottom: 45px !important;} .pb50-pc{padding-bottom: 50px !important;} .pb55-pc{padding-bottom: 55px !important;} .pb60-pc{padding-bottom: 60px !important;} .pb65-pc{padding-bottom: 65px !important;} .pb70-pc{padding-bottom: 70px !important;} .pb75-pc{padding-bottom: 75px !important;} .pb80-pc{padding-bottom: 80px !important;} .pb85-pc{padding-bottom: 85px !important;} .pb90-pc{padding-bottom: 90px !important;} .pb95-pc{padding-bottom: 95px !important;} .pb100-pc{padding-bottom: 100px !important;} .pt0-pc{padding-top: 0px !important;} .pt5-pc{padding-top: 5px !important;} .pt10-pc{padding-top: 10px !important;} .pt15-pc{padding-top: 15px !important;} .pt20-pc{padding-top: 20px !important;} .pt25-pc{padding-top: 25px !important;} .pt30-pc{padding-top: 30px !important;} .pt35-pc{padding-top: 35px !important;} .pt40-pc{padding-top: 40px !important;} .pt45-pc{padding-top: 45px !important;} .pt50-pc{padding-top: 50px !important;} .pt55-pc{padding-top: 55px !important;} .pt60-pc{padding-top: 60px !important;} .pt65-pc{padding-top: 65px !important;} .pt70-pc{padding-top: 70px !important;} .pt75-pc{padding-top: 75px !important;} .pt80-pc{padding-top: 80px !important;} .pt85-pc{padding-top: 85px !important;} .pt90-pc{padding-top: 90px !important;} .pt95-pc{padding-top: 95px !important;} .pt100-pc{padding-top: 100px !important;} .pl0-pc{padding-left: 0px !important;} .pl5-pc{padding-left: 5px !important;} .pl10-pc{padding-left: 10px !important;} .pl15-pc{padding-left: 15px !important;} .pl20-pc{padding-left: 20px !important;} .pl25-pc{padding-left: 25px !important;} .pl30-pc{padding-left: 30px !important;} .pl35-pc{padding-left: 35px !important;} .pl40-pc{padding-left: 40px !important;} .pl45-pc{padding-left: 45px !important;} .pl50-pc{padding-left: 50px !important;} .pl55-pc{padding-left: 55px !important;} .pl60-pc{padding-left: 60px !important;} .pl65-pc{padding-left: 65px !important;} .pl70-pc{padding-left: 70px !important;} .pl75-pc{padding-left: 75px !important;} .pl80-pc{padding-left: 80px !important;} .pl85-pc{padding-left: 85px !important;} .pl90-pc{padding-left: 90px !important;} .pl95-pc{padding-left: 95px !important;} .pl100-pc{padding-left: 100px !important;} .pr0-pc{padding-right: 0px !important;} .pr5-pc{padding-right: 5px !important;} .pr10-pc{padding-right: 10px !important;} .pr15-pc{padding-right: 15px !important;} .pr20-pc{padding-right: 20px !important;} .pr25-pc{padding-right: 25px !important;} .pr30-pc{padding-right: 30px !important;} .pr35-pc{padding-right: 35px !important;} .pr40-pc{padding-right: 40px !important;} .pr45-pc{padding-right: 45px !important;} .pr50-pc{padding-right: 50px !important;} .pr55-pc{padding-right: 55px !important;} .pr60-pc{padding-right: 60px !important;} .pr65-pc{padding-right: 65px !important;} .pr70-pc{padding-right: 70px !important;} .pr75-pc{padding-right: 75px !important;} .pr80-pc{padding-right: 80px !important;} .pr85-pc{padding-right: 85px !important;} .pr90-pc{padding-right: 90px !important;} .pr95-pc{padding-right: 95px !important;} .pr100-pc{padding-right: 100px !important;}
}

@media screen and (max-width: 840px){
.mt0-mo{margin-top: 0px !important;} .mt005-mo{margin-top: 0.5vw !important;} .mt01-mo{margin-top: 1vw !important;} .mt015-mo{margin-top: 1.5vw !important;} .mt02-mo{margin-top: 2vw !important;} .mt025-mo{margin-top: 2.5vw !important;} .mt03-mo{margin-top: 3vw !important;} .mt035-mo{margin-top: 3.5vw !important;} .mt04-mo{margin-top: 4vw !important;} .mt045-mo{margin-top: 4.5vw !important;} .mt05-mo{margin-top: 5vw !important;} .mt055-mo{margin-top: 5.5vw !important;} .mt06-mo{margin-top: 6vw !important;} .mt065-mo{margin-top: 6.5vw !important;} .mt07-mo{margin-top: 7vw !important;} .mt075-mo{margin-top: 7.5vw !important;} .mt08-mo{margin-top: 8vw !important;} .mt085-mo{margin-top: 8.5vw !important;} .mt09-mo{margin-top: 9vw !important;} .mt095-mo{margin-top: 9.5vw !important;} .mt0100-mo{margin-top: 10vw !important;} .mt0105-mo{margin-top: 10.5vw !important;} .mt011-mo{margin-top: 11vw !important;} .mt0115-mo{margin-top: 11.5vw !important;} .mt0120-mo{margin-top: 12vw !important;} .mt0125-mo{margin-top: 12.5vw !important;} .mt0130-mo{margin-top: 13vw !important;} .mt0135-mo{margin-top: 13.5vw !important;} .mt0140-mo{margin-top: 14vw !important;} .mt0145-mo{margin-top: 14.5vw !important;} .mt0150-mo{margin-top: 15vw !important;}
.mb0-mo{margin-bottom: 0px !important;} .mb005-mo{margin-bottom: 0.5vw !important;} .mb01-mo{margin-bottom: 1vw !important;} .mb015-mo{margin-bottom: 1.5vw !important;} .mb02-mo{margin-bottom: 2vw !important;} .mb025-mo{margin-bottom: 2.5vw !important;} .mb03-mo{margin-bottom: 3vw !important;} .mb035-mo{margin-bottom: 3.5vw !important;} .mb04-mo{margin-bottom: 4vw !important;} .mb045-mo{margin-bottom: 4.5vw !important;} .mb05-mo{margin-bottom: 5vw !important;} .mb055-mo{margin-bottom: 5.5vw !important;} .mb06-mo{margin-bottom: 6vw !important;} .mb065-mo{margin-bottom: 6.5vw !important;} .mb07-mo{margin-bottom: 7vw !important;} .mb075-mo{margin-bottom: 7.5vw !important;} .mb08-mo{margin-bottom: 8vw !important;} .mb085-mo{margin-bottom: 8.5vw !important;} .mb09-mo{margin-bottom: 9vw !important;} .mb095-mo{margin-bottom: 9.5vw !important;} .mb0100-mo{margin-bottom: 10vw !important;} .mb0105-mo{margin-bottom: 10.5vw !important;} .mb011-mo{margin-bottom: 11vw !important;} .mb0115-mo{margin-bottom: 11.5vw !important;} .mb0120-mo{margin-bottom: 12vw !important;} .mb0125-mo{margin-bottom: 12.5vw !important;} .mb0130-mo{margin-bottom: 13vw !important;} .mb0135-mo{margin-bottom: 13.5vw !important;} .mb0140-mo{margin-bottom: 14vw !important;} .mb0145-mo{margin-bottom: 14.5vw !important;} .mb0150-mo{margin-bottom: 15vw !important;}
.ml0-mo{margin-left: 0px !important;} .ml005-mo{margin-left: 0.5vw !important;} .ml01-mo{margin-left: 1vw !important;} .ml015-mo{margin-left: 1.5vw !important;} .ml02-mo{margin-left: 2vw !important;} .ml025-mo{margin-left: 2.5vw !important;} .ml03-mo{margin-left: 3vw !important;} .ml035-mo{margin-left: 3.5vw !important;} .ml04-mo{margin-left: 4vw !important;} .ml045-mo{margin-left: 4.5vw !important;} .ml05-mo{margin-left: 5vw !important;} .ml055-mo{margin-left: 5.5vw !important;} .ml06-mo{margin-left: 6vw !important;} .ml065-mo{margin-left: 6.5vw !important;} .ml07-mo{margin-left: 7vw !important;} .ml075-mo{margin-left: 7.5vw !important;} .ml08-mo{margin-left: 8vw !important;} .ml085-mo{margin-left: 8.5vw !important;} .ml09-mo{margin-left: 9vw !important;} .ml095-mo{margin-left: 9.5vw !important;} .ml0100-mo{margin-left: 10vw !important;} .ml0105-mo{margin-left: 10.5vw !important;} .ml011-mo{margin-left: 11vw !important;} .ml0115-mo{margin-left: 11.5vw !important;} .ml0120-mo{margin-left: 12vw !important;} .ml0125-mo{margin-left: 12.5vw !important;} .ml0130-mo{margin-left: 13vw !important;} .ml0135-mo{margin-left: 13.5vw !important;} .ml0140-mo{margin-left: 14vw !important;} .ml0145-mo{margin-left: 14.5vw !important;} .ml0150-mo{margin-left: 15vw !important;}
.mr0-mo{margin-right: 0px !important;} .mr005-mo{margin-right: 0.5vw !important;} .mr01-mo{margin-right: 1vw !important;} .mr015-mo{margin-right: 1.5vw !important;} .mr02-mo{margin-right: 2vw !important;} .mr025-mo{margin-right: 2.5vw !important;} .mr03-mo{margin-right: 3vw !important;} .mr035-mo{margin-right: 3.5vw !important;} .mr04-mo{margin-right: 4vw !important;} .mr045-mo{margin-right: 4.5vw !important;} .mr05-mo{margin-right: 5vw !important;} .mr055-mo{margin-right: 5.5vw !important;} .mr06-mo{margin-right: 6vw !important;} .mr065-mo{margin-right: 6.5vw !important;} .mr07-mo{margin-right: 7vw !important;} .mr075-mo{margin-right: 7.5vw !important;} .mr08-mo{margin-right: 8vw !important;} .mr085-mo{margin-right: 8.5vw !important;} .mr09-mo{margin-right: 9vw !important;} .mr095-mo{margin-right: 9.5vw !important;} .mr0100-mo{margin-right: 10vw !important;} .mr0105-mo{margin-right: 10.5vw !important;} .mr011-mo{margin-right: 11vw !important;} .mr0115-mo{margin-right: 11.5vw !important;} .mr0120-mo{margin-right: 12vw !important;} .mr0125-mo{margin-right: 12.5vw !important;} .mr0130-mo{margin-right: 13vw !important;} .mr0135-mo{margin-right: 13.5vw !important;} .mr0140-mo{margin-right: 14vw !important;} .mr0145-mo{margin-right: 14.5vw !important;} .mr0150-mo{margin-right: 15vw !important;}

.pt0-mo{padding-top: 0px !important;} .pt005-mo{padding-top: 0.5vw !important;} .pt01-mo{padding-top: 1vw !important;} .pt015-mo{padding-top: 1.5vw !important;} .pt02-mo{padding-top: 2vw !important;} .pt025-mo{padding-top: 2.5vw !important;} .pt03-mo{padding-top: 3vw !important;} .pt035-mo{padding-top: 3.5vw !important;} .pt04-mo{padding-top: 4vw !important;} .pt045-mo{padding-top: 4.5vw !important;} .pt05-mo{padding-top: 5vw !important;} .pt055-mo{padding-top: 5.5vw !important;} .pt06-mo{padding-top: 6vw !important;} .pt065-mo{padding-top: 6.5vw !important;} .pt07-mo{padding-top: 7vw !important;} .pt075-mo{padding-top: 7.5vw !important;} .pt08-mo{padding-top: 8vw !important;} .pt085-mo{padding-top: 8.5vw !important;} .pt09-mo{padding-top: 9vw !important;} .pt095-mo{padding-top: 9.5vw !important;} .pt0100-mo{padding-top: 10vw !important;} .pt0105-mo{padding-top: 10.5vw !important;} .pt011-mo{padding-top: 11vw !important;} .pt0115-mo{padding-top: 11.5vw !important;} .pt0120-mo{padding-top: 12vw !important;} .pt0125-mo{padding-top: 12.5vw !important;} .pt0130-mo{padding-top: 13vw !important;} .pt0135-mo{padding-top: 13.5vw !important;} .pt0140-mo{padding-top: 14vw !important;} .pt0145-mo{padding-top: 14.5vw !important;} .pt0150-mo{padding-top: 15vw !important;}
.pb0-mo{padding-bottom: 0px !important;} .pb005-mo{padding-bottom: 0.5vw !important;} .pb01-mo{padding-bottom: 1vw !important;} .pb015-mo{padding-bottom: 1.5vw !important;} .pb02-mo{padding-bottom: 2vw !important;} .pb025-mo{padding-bottom: 2.5vw !important;} .pb03-mo{padding-bottom: 3vw !important;} .pb035-mo{padding-bottom: 3.5vw !important;} .pb04-mo{padding-bottom: 4vw !important;} .pb045-mo{padding-bottom: 4.5vw !important;} .pb05-mo{padding-bottom: 5vw !important;} .pb055-mo{padding-bottom: 5.5vw !important;} .pb06-mo{padding-bottom: 6vw !important;} .pb065-mo{padding-bottom: 6.5vw !important;} .pb07-mo{padding-bottom: 7vw !important;} .pb075-mo{padding-bottom: 7.5vw !important;} .pb08-mo{padding-bottom: 8vw !important;} .pb085-mo{padding-bottom: 8.5vw !important;} .pb09-mo{padding-bottom: 9vw !important;} .pb095-mo{padding-bottom: 9.5vw !important;} .pb0100-mo{padding-bottom: 10vw !important;} .pb0105-mo{padding-bottom: 10.5vw !important;} .pb011-mo{padding-bottom: 11vw !important;} .pb0115-mo{padding-bottom: 11.5vw !important;} .pb0120-mo{padding-bottom: 12vw !important;} .pb0125-mo{padding-bottom: 12.5vw !important;} .pb0130-mo{padding-bottom: 13vw !important;} .pb0135-mo{padding-bottom: 13.5vw !important;} .pb0140-mo{padding-bottom: 14vw !important;} .pb0145-mo{padding-bottom: 14.5vw !important;} .pb0150-mo{padding-bottom: 15vw !important;}
.pl0-mo{padding-left: 0px !important;} .pl005-mo{padding-left: 0.5vw !important;} .pl01-mo{padding-left: 1vw !important;} .pl015-mo{padding-left: 1.5vw !important;} .pl02-mo{padding-left: 2vw !important;} .pl025-mo{padding-left: 2.5vw !important;} .pl03-mo{padding-left: 3vw !important;} .pl035-mo{padding-left: 3.5vw !important;} .pl04-mo{padding-left: 4vw !important;} .pl045-mo{padding-left: 4.5vw !important;} .pl05-mo{padding-left: 5vw !important;} .pl055-mo{padding-left: 5.5vw !important;} .pl06-mo{padding-left: 6vw !important;} .pl065-mo{padding-left: 6.5vw !important;} .pl07-mo{padding-left: 7vw !important;} .pl075-mo{padding-left: 7.5vw !important;} .pl08-mo{padding-left: 8vw !important;} .pl085-mo{padding-left: 8.5vw !important;} .pl09-mo{padding-left: 9vw !important;} .pl095-mo{padding-left: 9.5vw !important;} .pl0100-mo{padding-left: 10vw !important;} .pl0105-mo{padding-left: 10.5vw !important;} .pl011-mo{padding-left: 11vw !important;} .pl0115-mo{padding-left: 11.5vw !important;} .pl0120-mo{padding-left: 12vw !important;} .pl0125-mo{padding-left: 12.5vw !important;} .pl0130-mo{padding-left: 13vw !important;} .pl0135-mo{padding-left: 13.5vw !important;} .pl0140-mo{padding-left: 14vw !important;} .pl0145-mo{padding-left: 14.5vw !important;} .pl0150-mo{padding-left: 15vw !important;}
.pr0-mo{padding-right: 0px !important;} .pr005-mo{padding-right: 0.5vw !important;} .pr01-mo{padding-right: 1vw !important;} .pr015-mo{padding-right: 1.5vw !important;} .pr02-mo{padding-right: 2vw !important;} .pr025-mo{padding-right: 2.5vw !important;} .pr03-mo{padding-right: 3vw !important;} .pr035-mo{padding-right: 3.5vw !important;} .pr04-mo{padding-right: 4vw !important;} .pr045-mo{padding-right: 4.5vw !important;} .pr05-mo{padding-right: 5vw !important;} .pr055-mo{padding-right: 5.5vw !important;} .pr06-mo{padding-right: 6vw !important;} .pr065-mo{padding-right: 6.5vw !important;} .pr07-mo{padding-right: 7vw !important;} .pr075-mo{padding-right: 7.5vw !important;} .pr08-mo{padding-right: 8vw !important;} .pr085-mo{padding-right: 8.5vw !important;} .pr09-mo{padding-right: 9vw !important;} .pr095-mo{padding-right: 9.5vw !important;} .pr0100-mo{padding-right: 10vw !important;} .pr0105-mo{padding-right: 10.5vw !important;} .pr011-mo{padding-right: 11vw !important;} .pr0115-mo{padding-right: 11.5vw !important;} .pr0120-mo{padding-right: 12vw !important;} .pr0125-mo{padding-right: 12.5vw !important;} .pr0130-mo{padding-right: 13vw !important;} .pr0135-mo{padding-right: 13.5vw !important;} .pr0140-mo{padding-right: 14vw !important;} .pr0145-mo{padding-right: 14.5vw !important;} .pr0150-mo{padding-right: 15vw !important;}
.w100p-mo{width: 100% !important;}
}

.w0p{width: 0% !important;} .w5p{width: 5% !important;} .w10p{width: 10% !important;} .w15p{width: 15% !important;} .w20p{width: 20% !important;} .w25p{width: 25% !important;} .w30p{width: 30% !important;} .w35p{width: 35% !important;} .w40p{width: 40% !important;} .w45p{width: 45% !important;} .w50p{width: 50% !important;} .w55p{width: 55% !important;} .w60p{width: 60% !important;} .w65p{width: 65% !important;} .w70p{width: 70% !important;} .w75p{width: 75% !important;} .w80p{width: 80% !important;} .w85p{width: 85% !important;} .w90p{width: 90% !important;} .w95p{width: 95% !important;} .w100p{width: 100% !important;}

@media screen and (max-width: 840px){
    .w0p_mo{width: 0% !important;} .w5p_mo{width: 5% !important;} .w10p_mo{width: 10% !important;} .w15p_mo{width: 15% !important;} .w20p_mo{width: 20% !important;} .w25p_mo{width: 25% !important;} .w30p_mo{width: 30% !important;} .w35p_mo{width: 35% !important;} .w40p_mo{width: 40% !important;} .w45p_mo{width: 45% !important;} .w48p_mo{width: 48% !important;} .w49p_mo{width: 49% !important;} .w50p_mo{width: 50% !important;} .w55p_mo{width: 55% !important;} .w60p_mo{width: 60% !important;} .w65p_mo{width: 65% !important;} .w70p_mo{width: 70% !important;} .w75p_mo{width: 75% !important;} .w80p_mo{width: 80% !important;} .w85p_mo{width: 85% !important;} .w90p_mo{width: 90% !important;} .w95p_mo{width: 95% !important;} .w100p_mo{width: 100% !important;} .maw-none-mo{ max-width:none !important;}
}

.pr-mt-xxxl{margin-top: var(--pr-xxxl) !important;}
.pr-pt-xxxl{padding-top: var(--pr-xxxl) !important;}
.pr-mb-xxxl{margin-bottom: var(--pr-xxxl) !important;}
.pr-pb-xxxl{padding-bottom: var(--pr-xxxl) !important;}

.pr-mt-xxl{margin-top: var(--pr-xxl) !important;}
.pr-pt-xxl{padding-top: var(--pr-xxl) !important;}
.pr-mb-xxl{margin-bottom: var(--pr-xxl) !important;}
.pr-pb-xxl{padding-bottom: var(--pr-xxl) !important;}

.pr-mt-xl{margin-top: var(--pr-xl) !important;}
.pr-pt-xl{padding-top: var(--pr-xl) !important;}
.pr-mb-xl{margin-bottom: var(--pr-xl) !important;}
.pr-pb-xl{padding-bottom: var(--pr-xl) !important;}

.pr-mt-l{margin-top: var(--pr-l) !important;}
.pr-pt-l{padding-top: var(--pr-l) !important;}
.pr-mb-l{margin-bottom: var(--pr-l) !important;}
.pr-pb-l{padding-bottom: var(--pr-l) !important;}

.pr-mt-n{margin-top: var(--pr-n) !important;}
.pr-pt-n{padding-top: var(--pr-n) !important;}
.pr-mb-n{margin-bottom: var(--pr-n) !important;}
.pr-pb-n{padding-bottom: var(--pr-n) !important;}

.pr-mt-s{margin-top: var(--pr-s) !important;}
.pr-pt-s{padding-top: var(--pr-s) !important;}
.pr-mb-s{margin-bottom: var(--pr-s) !important;}
.pr-pb-s{padding-bottom: var(--pr-s) !important;}

.pr-mt-sn{margin-top:  var(--pr-sn) !important;}
.pr-pt-sn{padding-top:  var(--pr-sn) !important;}
.pr-mb-sn{margin-bottom:  var(--pr-sn) !important;}
.pr-pb-sn{padding-bottom:  var(--pr-sn) !important;}

.pr-mt-ss{margin-top: var(--pr-ss) !important;}
.pr-pt-ss{padding-top: var(--pr-ss) !important;}
.pr-mb-ss{margin-bottom: var(--pr-ss) !important;}
.pr-pb-ss{padding-bottom: var(--pr-ss) !important;}

.pr-mt-sss{margin-top: var(--pr-sss) !important;}
.pr-pt-sss{padding-top: var(--pr-sss) !important;}
.pr-mb-sss{margin-bottom: var(--pr-sss) !important;}
.pr-pb-sss{padding-bottom: var(--pr-sss) !important;}


@media screen and (max-width: 1280px){

    .pr-top-margin{margin-top: 70px; margin-bottom: 100px;}

    .pr-mt-xxxl{margin-top: var(--pr-xxxl) !important;}
    .pr-pt-xxxl{padding-top: var(--pr-xxxl) !important;}
    .pr-mb-xxxl{margin-bottom: var(--pr-xxxl) !important;}
    .pr-pb-xxxl{padding-bottom: var(--pr-xxxl) !important;}

    .pr-mt-xxl{margin-top: var(--pr-xxl) !important;}
    .pr-pt-xxl{padding-top: var(--pr-xxl) !important;}
    .pr-mb-xxl{margin-bottom: var(--pr-xxl) !important;}
    .pr-pb-xxl{padding-bottom: var(--pr-xxl) !important;}

    .pr-mt-xl{margin-top: var(--pr-xl) !important;}
    .pr-pt-xl{padding-top: var(--pr-xl) !important;}
    .pr-mb-xl{margin-bottom: var(--pr-xl) !important;}
    .pr-pb-xl{padding-bottom: var(--pr-xl) !important;}

    .pr-mt-l{margin-top: var(--pr-l) !important;}
    .pr-pt-l{padding-top: var(--pr-l) !important;}
    .pr-mb-l{margin-bottom: var(--pr-l) !important;}
    .pr-pb-l{padding-bottom: var(--pr-l) !important;}

    .pr-mt-n{margin-top: var(--pr-n) !important;}
    .pr-pt-n{padding-top: var(--pr-n) !important;}
    .pr-mb-n{margin-bottom: var(--pr-n) !important;}
    .pr-pb-n{padding-bottom: var(--pr-n) !important;}

    .pr-mt-s{margin-top: var(--pr-s) !important;}
    .pr-pt-s{padding-top: var(--pr-s) !important;}
    .pr-mb-s{margin-bottom: var(--pr-s) !important;}
    .pr-pb-s{padding-bottom: var(--pr-s) !important;}

    .pr-mt-sn{margin-top: var(--pr-sn) !important;}
    .pr-pt-sn{padding-top: var(--pr-sn) !important;}
    .pr-mb-sn{margin-bottom: var(--pr-sn) !important;}
    .pr-pb-sn{padding-bottom: var(--pr-sn) !important;}

    .pr-mt-ss{margin-top: var(--pr-ss) !important;}
    .pr-pt-ss{padding-top: var(--pr-ss) !important;}
    .pr-mb-ss{margin-bottom: var(--pr-ss) !important;}
    .pr-pb-ss{padding-bottom: var(--pr-ss) !important;}

    .pr-mt-sss{margin-top: var(--pr-sss) !important;}
    .pr-pt-sss{padding-top: var(--pr-sss) !important;}
    .pr-mb-sss{margin-bottom: var(--pr-sss) !important;}
    .pr-pb-sss{padding-bottom: var(--pr-sss) !important;}

}

@media screen and (max-width: 840px){
    .pr-top-margin{margin-top: 9vw;margin-bottom: 11vw;}

    .pr-mt-xxxl{margin-top: var(--pr-xxxl) !important;}
    .pr-pt-xxxl{padding-top: var(--pr-xxxl) !important;}
    .pr-mb-xxxl{margin-bottom: var(--pr-xxxl) !important;}
    .pr-pb-xxxl{padding-bottom: var(--pr-xxxl) !important;}

    .pr-mt-xxl{margin-top: var(--pr-xl) !important;}
    .pr-pt-xxl{padding-top: var(--pr-xl) !important;}
    .pr-mb-xxl{margin-bottom: var(--pr-xl) !important;}
    .pr-pb-xxl{padding-bottom: var(--pr-xl) !important;}

    .pr-mt-xl{margin-top: var(--pr-xl) !important;}
    .pr-pt-xl{padding-top: var(--pr-xl) !important;}
    .pr-mb-xl{margin-bottom: var(--pr-xl) !important;}
    .pr-pb-xl{padding-bottom: var(--pr-xl) !important;}

    .pr-mt-l{margin-top: var(--pr-l) !important;}
    .pr-pt-l{padding-top: var(--pr-l) !important;}
    .pr-mb-l{margin-bottom: var(--pr-l) !important;}
    .pr-pb-l{padding-bottom: var(--pr-l) !important;}

    .pr-mt-n{margin-top: var(--pr-n) !important;}
    .pr-pt-n{padding-top: var(--pr-n) !important;}
    .pr-mb-n{margin-bottom: var(--pr-n) !important;}
    .pr-pb-n{padding-bottom: var(--pr-n) !important;}


    .pr-mt-s{margin-top: var(--pr-s) !important;}
    .pr-pt-s{padding-top: var(--pr-s) !important;}
    .pr-mb-s{margin-bottom: var(--pr-s) !important;}
    .pr-pb-s{padding-bottom: var(--pr-s) !important;}

    .pr-mt-sn{margin-top: var(--pr-sn) !important;}
    .pr-pt-sn{padding-top: var(--pr-sn) !important;}
    .pr-mb-sn{margin-bottom: var(--pr-sn) !important;}
    .pr-pb-sn{padding-bottom: var(--pr-sn) !important;}

    .pr-mt-ss{margin-top: var(--pr-ss) !important;}
    .pr-pt-ss{padding-top: var(--pr-ss) !important;}
    .pr-mb-ss{margin-bottom: var(--pr-ss) !important;}
    .pr-pb-ss{padding-bottom: var(--pr-ss) !important;}

    .pr-mt-ss{margin-top: var(--pr-sss) !important;}
    .pr-pt-ss{padding-top: var(--pr-sss) !important;}
    .pr-mb-ss{margin-bottom: var(--pr-sss) !important;}
    .pr-pb-ss{padding-bottom: var(--pr-sss) !important;}

    .pr-mt-xxxl-mo{margin-top: 13vw !important;}
    .pr-pt-xxxl-mo{padding-top: 13vw !important;}
    .pr-mb-xxxl-mo{margin-bottom: 13vw !important;}
    .pr-pb-xxxl-mo{padding-bottom: 13vw !important;}

    .pr-mt-xxl-mo{margin-top: 11vw !important;}
    .pr-pt-xxl-mo{padding-top: 11vw !important;}
    .pr-mb-xxl-mo{margin-bottom: 11vw !important;}
    .pr-pb-xxl-mo{padding-bottom: 11vw !important;}

    .pr-mt-xl-mo{margin-top: 9vw !important;}
    .pr-pt-xl-mo{padding-top: 9vw !important;}
    .pr-mb-xl-mo{margin-bottom: 9vw !important;}
    .pr-pb-xl-mo{padding-bottom: 9vw !important;}

    .pr-mt-l-mo{margin-top: 7vw !important;}
    .pr-pt-l-mo{padding-top: 7vw !important;}
    .pr-mb-l-mo{margin-bottom: 7vw !important;}
    .pr-pb-l-mo{padding-bottom: 7vw !important;}

    .pr-mt-n-mo{margin-top: 6vw !important;}
    .pr-pt-n-mo{padding-top: 6vw !important;}
    .pr-mb-n-mo{margin-bottom: 6vw !important;}
    .pr-pb-n-mo{padding-bottom: 6vw !important;}


    .pr-mt-s-mo{margin-top: 5vw !important;}
    .pr-pt-s-mo{padding-top: 5vw !important;}
    .pr-mb-s-mo{margin-bottom: 5vw !important;}
    .pr-pb-s-mo{padding-bottom: 5vw !important;}

    .pr-mt-sn-mo{margin-top: 4vw !important;}
    .pr-pt-sn-mo{padding-top: 4vw !important;}
    .pr-mb-sn-mo{margin-bottom: 4vw !important;}
    .pr-pb-sn-mo{padding-bottom: 4vw !important;}

    .pr-mt-ss-mo{margin-top: 3vw !important;}
    .pr-pt-ss-mo{padding-top: 3vw !important;}
    .pr-mb-ss-mo{margin-bottom: 3vw !important;}
    .pr-pb-ss-mo{padding-bottom: 3vw !important;}
}

.pr-top-margin{margin-top: 100px; margin-bottom: 130px;}

.pos-r{ position: relative; }
.hide-m{}
.view-m{display: none !important;}
@media screen and (max-width: 840px){
    .hide-m{display: none !important;}
    .hide-mo{display: none !important;}
    .view-m{display: block !important;}
    .view-m.inline{display: inline-block !important;}
}


.bdt0{border-top: 0 !important;} .bdb0{border-bottom: 0 !important;} .bdl0{border-left: 0 !important;} .bdr0{border-right: 0 !important;} .bdt1{border-top-width: 1px !important;} .bdb1{border-bottom-width: 1px !important;} .bdl1{border-left-width: 1px !important;} .bdr1{border-right-width: 1px !important;} 

.bd-gray{border: 1px solid #ddd;}
.bd-black{border-color: #222;}
.bdrs0{border-radius: 0 !important;}
.bdrs5{border-radius: 5px !important;}
.bdrs10{border-radius: 10px !important;}

.ta-l{ text-align: left !important; } .ta-c{ text-align: center !important; } .ta-r{ text-align: right !important; } 
@media screen and (max-width: 1280px){
.ta-l-pc{ text-align: left !important; }.ta-c-pc{ text-align: center !important; }.ta-r-pc{ text-align: right !important; }
}
@media screen and (max-width: 840px){
.ta-l-mo{ text-align: left !important; } .ta-c-mo{ text-align: center !important; } .ta-r-mo{ text-align: right !important; } 
}

.d-b{display: block;}
.d-ib{display: inline-block;}
.d-flex{ display: flex !important; }
.d-iflex{ display: inline-flex !important; }
.jc-fs{ justify-content: flex-start !important; }
.jc-fe{ justify-content: flex-end !important; }
.jc-c{justify-content: center !important;}
.jc-sb{justify-content: space-between !important;}
.ai-c{align-items: center !important;}
.ai-s{align-items: stretch !important;}
.ai-fe{align-items: flex-end !important;}
.fd-col{ flex-direction:column !important; }
.fd-rev{ flex-direction:row-reverse !important; }

@media screen and (max-width: 1280px){
  .d-b-pc{display: block  !important; }
}

@media screen and (max-width: 840px){
  .d-b-mo{ display: block  !important; }
  .d-ib-mo{display: inline-block  !important;}
  .d-flex-mo{ display: flex  !important; }
  .jc-sf-mo{ justify-content: flex-start !important; }
  .jc-c-mo{justify-content: center  !important;}
  .jc-sb-mo{justify-content: space-between  !important;}
  .ai-fs-mo{align-items: flex-start !important;}
  .ai-c-mo{align-items: center  !important;}
  .ai-fe-mo{align-items: flex-end  !important;}
  .fd-col-mo{ flex-direction:column !important; }
}
.fz0{font-size: 0 !important;}
.ff-u{text-transform: uppercase;}
.fz-tit1{ font-size: var(--fz-tit1); }
.fz-xxl{ font-size: var(--fz-xxl); }
.fz-xl{ font-size: var(--fz-xl); }
.fz-l{ font-size: var(--fz-l); }
.fz-nl{ font-size: var(--fz-nl); }
.fz-n{ font-size: var(--fz-n); }
.fz-s{ font-size: var(--fz-s); }
.fz-sn{ font-size:var(--fz-sn); }
.fz-sss{ font-size: var(--fz-sss); }
.fz-xs{ font-size: var(--fz-xs); }
.fz-xss{ font-size: var(--fz-xss); }
@media screen and (max-width: 840px){
    .fz-s{ font-size: var(--fz-s); }
    .fz-n{ font-size: var(--fz-n); }
    .fz-sss{ font-size: var(--fz-sss); }


    .fz0-mo{font-size: 0 !important;}
	.fz-tit1-mo{ font-size: var(--fz-tit1) !important;; }
	.fz-xxl-mo{ font-size: var(--fz-xxl) !important;; }
	.fz-xl-mo{ font-size: var(--fz-xl) !important;; }
	.fz-l-mo{ font-size: var(--fz-l) !important;; }
	.fz-nl-mo{ font-size: var(--fz-nl) !important;; }
	.fz-n-mo{ font-size: var(--fz-n) !important;; }
	.fz-s-mo{ font-size: var(--fz-s) !important;; }
	.fz-sn-mo{ font-size:var(--fz-sn); }
	.fz-sss-mo{ font-size: var(--fz-sss) !important;; }
	.fz-xs-mo{ font-size: var(--fz-xs) !important;; }
	.fz-xss-mo{ font-size: var(--fz-xss) !important;; }
}

.fw-s{ font-weight:var(--fw-e);  }
.fw-el{ font-weight:var(--fw-el);  }
.fw-l{ font-weight:var(--fw-l);  }
.fw-r{ font-weight:var(--fw-r);  }
.fw-m{ font-weight:var(--fw-m);  }
.fw-sb{ font-weight:var(--fw-sb);  }
.fw-b{ font-weight:var(--fw-b);  }
.fw-eb{ font-weight:var(--fw-eb);  }


.color-gray{ color: #86919b; }
.color-gray2{ color: #97aebc; }
.color-yellow{ color: var(--color-yellow); }
.color-yellow2{ color: var(--color-yellow2); }

.bg-cover{ background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }

.lh1{ line-height: 1; }
.lh12{ line-height: 1.2; }
.lh15{ line-height: 1.5; }
.lh18{ line-height: 1.8; }

.btn-txt2{
    display: inline-flex;
    align-items: center;
    color: #000;
    font-size: var(--fz-nl);
    font-weight: var(--fw-sb);
    line-height: 1;
}
.btn-txt2 .t{}
.btn-txt2 i{ margin-right:10px; font-size: 0.9em; }
.btn-txt2 .t + i{
    margin-left: 10px;
    margin-right:0;
}

.btn-txt2:hover{color: #f99200;}

.btn-scale-hov{ 
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.btn-scale-hov:hover{ 
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.btn-small{ padding: 4px 13px;border: 1px solid #000;color: #000;border-radius: 50px;font-size: 12px; }
.btn-small.white{ border-color: #fff; color: #fff !important; }


.yt_wrap{position:absolute;left:0;right:0;top:0;bottom:0; overflow: hidden;}
.yt_box{position:absolute;left:50%;top:50%;width:1280px;height:720px}

.video-container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.video-container:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 2; content: "";}
.video-container > video,
.video-container > iframe {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 1;
}
@media screen and (max-aspect-ratio: 1920/1080) {
  .video-container > video,
  .video-container > iframe {
    height: 100%;
  }
}
@media screen and (min-aspect-ratio: 1920/1080) {
  .video-container > video,
  .video-container > iframe {
    width: 100%;
  }
}


.video-background {
    background: #000;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 110px);
    overflow: hidden;
}
.video-background:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 2; content: "";}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}

@media screen and (max-width: 840px){
    .video-background {
        background: #000;
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: calc(140vw);
        overflow: hidden;
    }
}




body.modalVideoOpen #wrap{ margin-top:-50vh;}
body.modalVideoOpen .modal_section{height: 100vh;}
.modal_section{position: fixed; left: 0; bottom: 0; width: 100%;  background-color: #000; z-index: 10; height: 100vh; overflow: hidden;
  /*-webkit-transition: all 0.5s cubic-bezier(0.815, 0.000, 0.295, 1.000);
  -moz-transition: all 0.5s cubic-bezier(0.815, 0.000, 0.295, 1.000);
  -o-transition: all 0.5s cubic-bezier(0.815, 0.000, 0.295, 1.000);
  transition: all 0.5s cubic-bezier(0.815, 0.000, 0.295, 1.000);*/
}
.modal_section .inner{position:relative;}
.modal_section .inner .title{position:absolute; left:0; bottom: 30px; width:100%; font-size: 22px; color:#fff; z-index:10;text-align: center;}
.modal_section .inner .close{position:absolute; right:20px; top:20px; border:0; background:transparent; color:#fff; font-size:40px; cursor:pointer;}
.modal_section .inner .close:hover{opacity:0.8;}
.modal_section .inner .video{position:relative; left:0; top:0; width:100%; height:100vh;}
.modal_section .inner .video iframe,
.modal_section .inner .video video,
.modal_section .inner .video #popupVidoTy1{position:absolute; left:5%; top: 1%; width:90%; height:90%;}



.area_select1 select option[value="value-to-hide"] {
     color: #ddd;
}

.area_select1{display: block;position: relative;}
.area_select1:after{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 50%;
    content:"\ea08";
    margin-top: -9px;
    font-size: 18px;
}
.area_select1 > select {
    min-width: 100%;
    height: 48px;
    padding: 0 50px 0 15px;
    border: 1px solid #d7e3e8;
    line-height: 1.2;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    background:none\9;
    background-color: #fff;
    font-weight: var(--fw-m);
    border-radius: 5px;
    cursor: pointer;
    color: #bdbdbd;
}
.area_select1 > select:focus,
.area_select1.on > select{ color: #000; }
.area_select1 > select::-ms-expand {display:none;}
.area_select1 > select:focus {border-color:#000; outline:none;}

@media screen and (max-width: 1200px){
    .area_select1{display: inline-block; position: relative;}
    .area_select1:after{
        right: 1vw;
        top: 50%;
        margin-top: -2vw;
        font-size: 4vw;
    }
     .area_select1 > select {
        min-width: 38vw;
        height: 10vw;
        padding: 0 4vw 0 4vw;
        font-size: 3.3vw;
        border-radius: 1.6vw;
        cursor: pointer;
    }
    .area_select1.motype2 > select {
        min-width: 13vw;
        height: auto;
        padding: 0 2vw 0 2vw;
        font-size: 3.6vw;
        border-radius: 0;
        border: 0;
    }
    .area_select1 > select.h2{height: 36px;}
    .area_select1 > select.ml{margin-left: 5px;}
    .area_select1 > select.mr{margin-right: 5px;}
    .area_select1 > select.bc1{border-color: #c6d4e7;} 
}



.area_select3{display: inline-block; position: relative;}
.area_select3:after{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 7px;
    top: 50%;
    content:"\ea08";
    margin-top: -10px;
    font-size: 20px;
}
.area_select3 > select {
    min-width: 160px;
    min-width:70px\9;
    height: 60px;
    padding: 0 50px 0 10px;
    padding:6px 9px 6px 15px\9;
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    font-size: 17px;
    font-size:17px\9;
    line-height: 1;
    color: #444;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    background:none\9;
    background-color: #fff;
    font-weight: 400;
}
.area_select3 > select::-ms-expand {display:none;}
.area_select3 > select:focus {border-color:#222; outline:none;}

.area_select3 > select.h2{height: 36px;}
.area_select3 > select.ml{margin-left: 5px;}
.area_select3 > select.mr{margin-right: 5px;}
.area_select3 > select.bc1{border-color: #eaeaea;} 




.area_select4{display: inline-block;position: relative;width: 100%;}
.area_select4:after{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 17px;
    top: 50%;
    content:"\ea08";
    margin-top: -10px;
    font-size: 20px;
}
.area_select4 > select {
    min-width: 100%;
    min-width:70px\9;
    height: 60px;
    padding: 0 50px 0 20px;
    padding:6px 9px 6px 15px\9;
    border: 0;
    border-width: 0 0 1px;
    font-size: 17px;
    font-size:17px\9;
    line-height: 1.4;
    color: #000;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    background:none\9;
    background-color: #fff;
    font-weight: 500;
    box-sizing: border-box;
    background: #f1f3f9;
    border-radius: 10px;
}
.area_select4 > select::-ms-expand {display:none;}
.area_select4 > select:focus {border-color:#222; outline:none;}

.area_select4 > select.h2{height: 36px;}
.area_select4 > select.ml{margin-left: 5px;}
.area_select4 > select.mr{margin-right: 5px;}
.area_select4 > select.bc1{border-color: #eaeaea;} 
.area_select4.bg_white > select{background-color: #fff;border: 1px #c6d4e7 solid;}
@media screen and (max-width: 1200px){
    .area_select4:after{
        position: absolute;
        right: 5vw;
        margin-top: -2.5vw;
        font-size: 5vw;
    }
    .area_select4 > select {
        height: 14vw;
        padding: 0 5vw 0 4vw;
        font-size: 4vw;
        border-radius: 2vw;
    }
    .area_select4 > select.h2{height: 36px;}
    .area_select4 > select.ml{margin-left: 5px;}
    .area_select4 > select.mr{margin-right: 5px;}
    .area_select4 > select.bc1{border-color: #eaeaea;} 
    .area_select4.bg_white > select{background-color: #fff;border: 1px #c6d4e7 solid;}
}