{"version":3,"sourceRoot":"","sources":["../../_scss/style.scss","../../_scss/_foundation/_normalize.scss","../../_scss/_common/_base.scss","../../_scss/_foundation/_variables.scss","../../_scss/_foundation/_mixin.scss","../../_scss/_common/_content.scss","../../_scss/_block/_modal.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oEAOA;AAAA;AAAA,oECPA,4EAUA,KACC,iBACA,8BAUD,KACC,SAOD,KACC,cAQD,GACC,cACA,eAWD,GACC,uBACA,SACA,iBAQD,IACC,gCACA,cAUD,EACC,+BAQD,YACC,mBACA,0BACA,iCAOD,SAEC,mBAQD,cAGC,gCACA,cAOD,MACC,cAQD,QAEC,cACA,cACA,kBACA,wBAGD,IACC,eAGD,IACC,WAUD,IACC,kBAWD,sCAKC,oBACA,eACA,iBACA,SAQD,aAGC,iBAQD,cAGC,oBAOD,gDAIC,0BAOD,wHAIC,kBACA,UAOD,4GAIC,8BAOD,SACC,2BAUD,OACC,sBACA,cACA,cACA,eACA,UACA,mBAOD,SACC,wBAOD,SACC,cAQD,6BAEC,sBACA,UAOD,kFAEC,YAQD,cACC,6BACA,oBAOD,yCACC,wBAQD,6BACC,0BACA,aAUD,QACC,cAOD,QACC,kBAUD,SACC,aAOD,SACC,aD/UD;AAAA;AAAA,oEAIA;AAAA;AAAA,oEElBA,KACC,gBACA,sDACA,gBACA,iBACA,YACC,kBACA,qCAFD,YAGE,mBAKH,KACC,kBACA,UACA,sDACA,MCCO,0BDCP,cACA,sBACA,kBAGD,YAEC,iBACA,iCAGD,QACC,kBACA,UACA,WACA,UACA,sBEjBA,YAfA,4BFmCA,qCARD,QASE,WAED,YACC,MAED,sBACC,kBACA,QACA,OACA,QACA,YACA,cACA,UACA,qCARD,sBASE,QACA,OACA,QACA,cACA,aAED,0BACC,YACA,YACA,SACA,UACA,KCrCO,QDsCP,qCAND,0BAOE,YACA,aAOJ,MACC,eACA,MACA,QACA,WACA,YACA,SACA,aACA,sBACA,kBACA,kBACA,UACA,aACA,uBACA,mBACA,gBACA,aACC,mBACA,UEzFD,4BF4FC,0BAIF,UACC,WACA,SACA,eACA,kBACA,cAIA,wBACC,kBACA,SACA,gBACA,gBACA,gBACA,iBACA,MC1EI,KD2EJ,kBACA,sBACA,aACA,uBACA,mBACA,MCvGM,KCfP,4BFyHC,qCAhBD,wBAiBE,cACA,SACA,YACA,gBACA,gBACA,kBAED,8BACC,MC1GO,QD2GP,sBAED,0BEjID,kBACA,MACA,OACA,WACA,YACA,cACA,eACA,YF6HC,oCACC,kBAKH,SACC,kBACA,UACA,WACA,WACA,YACA,qBACA,mBACA,sBACA,0BACA,8BACA,+BACA,gCACA,6CACA,kCACA,eE9IA,YFgJA,qCAjBD,SAkBE,YAED,aACC,MACA,qCAFD,aAGE,MEtJF,YFwJE,eAGF,gBACC,kBACA,eACA,YACA,WACA,OACA,QACA,cACA,iBACA,kBACA,MCrKM,KDsKN,qCAXD,gBAYE,YAGF,eACC,MC3KM,KD4KN,WCnKQ,QDsKR,sBACC,MChLK,KDsLN,uBACC,gBAGF,cACC,kBACA,OACA,QACA,cACA,UACA,WACA,WCjMM,KDkMN,kBACA,qBACA,mBACA,sBACA,qCAZD,cAaE,UACA,YAIH,6BACC,SAID,6BACC,SAID,6BACC,YAKD,oCACC,SACA,0CAID,oCACC,UAED,oCACC,YACA,0CAMA,qCADD,UAEE,eACA,SACA,UACA,WACA,YACA,cACA,cACA,kBACA,UACA,eACA,YExPD,YAfA,4BF0QC,iBEnOD,kBACA,WACA,MACA,OACA,UACA,YACA,mBACA,WDrBW,QDmPT,wBAED,gBEvOD,kBACA,WACA,MACA,OACA,UACA,YACA,mBACA,WDrBW,QDuPT,yBAED,gBACC,WAED,iBACC,UACA,oBAKH,KACC,kBACA,cACA,UACA,WACA,qCALD,KAME,WACA,SACA,WAED,YACC,UACA,iBACA,cAIF,UACC,mBACA,kBACA,qCAHD,UAIE,oBAGF,WACC,kBACA,cACA,cACA,WACA,kBACA,qCAND,WAOE,cACA,eACA,eAIF,QACC,gBACA,MCpUO,KDqUP,iBACA,kBACA,WCvTO,KDwTP,qCAND,QAOE,iBAED,wBACC,YACA,mBACA,cACA,qCAJD,wBAKE,WAED,4BACC,WACA,YAED,0BACC,kBAGF,yBACC,gBACA,mBACA,UACA,aACA,eACA,uBACA,qCAPD,yBAQE,eAGF,8BACC,kBACA,WACA,SEvWD,4BFyWC,qCALD,8BAME,UACA,aAED,oCACC,WAED,kCACC,WACA,YACA,KCpXK,KDuXP,4BElXA,kBACA,MACA,OACA,WACA,YACA,cACA,eACA,YF8WA,sBACC,MC3XM,KD4XN,qBE3XD,4BF6XC,qCAJD,sBAKE,gBAED,4BACC,MC3XG,QD8XL,6BACC,kBACA,UACA,gBACA,gBACA,YC/TQ,+BDgUR,qCAND,6BAOE,iBAGF,yBACC,kBACA,cACA,gBACA,YCzUY,+BD0UZ,2BACC,iBACA,MCtYK,KDwYN,qCATD,yBAUE,cACA,gBAGF,0BACC,YACA,mBACA,aACA,cACA,gBACA,YCzVY,+BD0VZ,sCACA,4BACC,iBACA,MCvZK,KDyZN,8BACC,cACA,KC3ZK,KD6ZN,qCAhBD,0BAiBE,YAGF,qBACC,SACA,iBACA,gBACA,iBACA,cAED,cACC,gBACA,gBAIF,gBACC,YACA,mBACA,UACA,qBACA,aACA,eACA,uBACA,oCACC,kBACA,WACA,YACA,cACA,kBE1cD,4BF4cC,2CACC,kBACA,WACA,WACA,YACA,iBACA,oCACA,gBACA,gBACA,MCtcK,KDucL,kBACA,aACA,mBACA,uBAED,wCACC,WC1bQ,QD2bR,+CACC,YACA,kBACA,sBAGF,wCACC,WCjcO,QDkcP,+CACC,YACA,kBACA,sBAGF,2CACC,qFACA,kDACC,YACA,gBAGF,0CACC,WAGF,0CElfA,kBACA,MACA,OACA,WACA,YACA,cACA,eACA,YFgfD,mBACC,YACA,mBACA,UACA,aACA,eACA,uBACA,qCAPD,mBAQE,YACA,eAED,2CACC,UACA,iBACA,qCAHD,2CAIE,WACA,mBAED,+CACC,WACA,YAKH,QACC,kBACA,cACA,UACA,gBACA,kBACA,sBE1hBA,4BF4hBA,qCARD,QASE,WAED,qBACC,kBACA,YACA,mBACA,UACA,aACA,eACA,uBACA,gBACA,qBAGA,sCACC,kBACA,WACA,YACA,kBACA,kBEhjBF,4BFqjBG,iEACC,yBAID,iEACC,yBAGF,4CACC,KC1hBG,QD2hBH,gDACC,WACA,YACA,cACA,KC/hBE,QDkiBJ,4CACC,WAED,6DEtkBF,kBACA,MACA,OACA,WACA,YACA,cACA,eACA,YFskBD,UACC,eACA,SACA,QACA,WACA,kBACA,gBACA,MCzlBO,KD0lBP,kBACA,sBACA,kBACA,WC7kBO,KD8kBP,kCACA,UE9lBA,4BAeA,YFklBA,qCAhBD,UAiBE,SACA,aAED,cACC,mBACA,UAED,wBACC,kBACA,kBACA,gBAED,yBACC,cACA,UACA,aACA,eACA,uBACA,qBACA,4CACC,kBACA,WACA,aACA,UEznBF,4BF2nBE,8CACC,cACA,MC9mBI,KDinBJ,kDACC,MC9lBK,QDkmBN,kDACC,MCpmBM,QDwmBP,sDACC,WACA,iBACA,KCxmBE,QD2mBJ,kDACC,WAED,qEE/oBF,kBACA,MACA,OACA,WACA,YACA,cACA,eACA,YF+oBD,WACC,eACA,QACA,YACA,YACA,YACA,YACA,cACA,gBACA,MCppBO,KDqpBP,qBACA,aACA,uBACA,mBACA,kBACA,kBACA,sBACA,sBACA,UE7pBA,YAfA,4BF+qBA,6CACA,mCACA,mBACC,WACA,kBACA,SACA,UACA,wBACA,yBACA,8BACA,6BACA,+BACA,kBAED,qCAnCD,WAoCE,YACA,YACA,YACA,iBAED,eACC,mBACA,UAED,iBACC,WACA,MC1rBM,KD2rBN,qCAHD,iBAIE,UACA,MC7rBK,MDgsBP,gBACC,kBACA,WACA,YACA,aACA,uBACA,mBACA,wBACC,kBACA,WACA,kBACA,WACA,YACA,sDACA,sBACA,qCARD,wBASE,WACA,aAMJ,SACC,eACA,SACA,YACA,YACA,YACA,YACA,cACA,gBACA,MChuBO,KDiuBP,qBACA,aACA,uBACA,mBACA,kBACA,kBACA,sBACA,6CACA,sBACA,UE1uBA,YAfA,4BF4vBA,mCACA,iBACC,WACA,kBACA,SACA,UACA,wBACA,yBACA,8BACA,6BACA,+BACA,kBAED,qCAnCD,SAoCE,YACA,YACA,YACA,gBACA,mBAED,aACC,mBACA,UAED,eACC,WACA,MCvwBM,KDwwBN,qCAHD,eAIE,UACA,MC1wBK,MD6wBP,cACC,kBACA,WACA,YACA,aACA,uBACA,mBACA,sBACC,kBACA,QACA,WACA,kBACA,WACA,YACA,2DACA,sBACA,qCATD,sBAUE,WACA,aAMJ,QACC,eACA,aACA,QACA,MCzyBO,KD0yBP,qBACA,WACA,YACA,kBACA,sBACA,WC/zBO,KDg0BP,gCEhzBA,YAfA,4BFk0BA,eACC,YAED,eACC,kBACA,YACA,SACA,OACA,WACA,iBACA,kCACA,eACA,gBACA,kBAED,cACC,WC1zBQ,QD2zBR,qBAED,UACC,cACA,MCx0BM,KD00BP,gBACC,qBAIF,EACC,iBACA,kBACA,aACC,SAIF,aACC,kBAGD,IACC,cACA,qCAFD,IAGE,cAIF,IACC,aACA,qCAFD,IAGE,eAIF,EACC,eACA,MCj2BW,QDk2BX,aE33BA,4BF63BA,QACC,MCt2BQ,QDw2BT,MEh4BA,4BFk4BC,YACC,WACA,qCAFD,YAGE,WAMJ,gBAEC,aAGD,UACC,0BACA,MACA,OAGD,QACC,MC13BS,QD63BV,KACC,MCr5BK,QDs5BL,gBAGD,SACC,kBACA,UACA,kBACA,gBACA,gBACA,YC31BS,+BD41BT,qCAPD,SAQE,UAIF,iBACC,wBACA,qBACA,gBACA,yBACA,YACA,gBACA,aACA,aGt7BD,aACC,kBACA,SACA,qBACA,WACA,8DACA,sBDYA,YCVA,qCARD,aASE,SACA,YACA,sBACA,8DACA,uBAED,yBACC,oBACA,+DACA,iCAID,gBACC,oBACA,kBACA,MACA,OAIF,WACC,eACA,+CACA,qCAHD,WAIE,gBAED,6BACC,kBACA,WACA,cACA,aACA,MFvBM,KEwBN,WFxCM,KEyCN,kBACA,qCARD,6BASE,WACA,mBAED,oCACC,WACA,kBACA,QACA,SACA,wBACA,yBACA,sBACA,kBAGF,0BACC,kBACA,gBACA,UACA,iBACA,gBACA,iBACA,kBACA,qCARD,0BASE,kBAGF,+BACC,WACA,cACA,UACA,aACA,eACA,qCAND,+BAOE,YAED,oCACC,UACA,YACA,kBACA,qCAJD,oCAKE,WACA,gBACA,aACA,eACA,uBACA,+CACC,eAGF,yCACC,UACA,mBACA,kBACA,mBACA,iCACA,qCAND,yCAOE,UACA,gBACA,mBAGF,yCACC,iBACA,qCAFD,yCAGE,UACA,iBACA,iBAOL,WACC,kBACA,WACA,cACA,eACA,sBACA,qCAND,WAOE,WACA,eACA,cACA,gBAED,mBACC,WACA,kBACA,MACA,OACA,WACA,YACA,mDACA,sBDxHD,WC2HA,sBACC,kBACA,gBACA,UACA,WACA,YACA,kBACA,+BACA,cACA,yDACA,0BACA,qCAXD,sBAYE,gBACA,UACA,YACA,2BAED,2DAEC,aAGF,+BACC,kBACA,mBACA,UACA,aACA,eACA,uBACA,qCAPD,+BAQE,mBACA,WAED,oCACC,aACA,cACA,kBACA,mDACA,sBACA,kBACA,sBACA,qCARD,oCASE,WACA,mBACA,aACA,aACA,eACA,+CACC,eAGF,yCACC,UACA,mBACA,UACA,sBACA,qCALD,yCAME,UACA,iBAED,gDACC,WACA,SACA,mBACA,sBACA,mBACA,uCACA,iCAKF,yCACC,gBACA,gBACA,MFtNI,KEuNJ,kBACA,qCALD,yCAME,UACA,gBACA,iBAED,gDACC,kBACA,gBACA,YFrJK,+BEsJL,MFtNI,QEuNJ,kBACA,cACA,qCAPD,gDAQE,kBACA,iBAGF,+CACC,iBACA,cAKJ,gCACC,gBACA,aACA,yBACA,WFpPM,KEqPN,kBACA,qCAND,gCAOE,gBACA,mBAED,oCACC,gBACA,UACA,iBACA,gBACA,MFtOO,QEuOP,kBACA,qCAPD,oCAQE,gBACA,kBAGF,mCACC,kBACA,mBACA,qCAHD,mCAIE,mBAED,sCACC,iBACA,UACA,iBACA,iBACA,qCALD,sCAME,kBAIH,sCACC,WACA,mBACA,yBACA,kFAEC,kBACA,iBACA,iBACA,sBACA,qCAND,kFAOE,YACA,kBAQJ,yBACC,kBACA,WF5SM,KE6SN,sBACA,kBACA,oCACC,SAED,6BACC,kBACA,aACA,iBACA,gBACA,kBACA,eDvTF,4BCyTE,qCARD,6BASE,iBACA,kBAED,mCACC,MFtSM,QEwSP,kCACC,kBACA,0CACC,kBACA,WACA,QACA,kBACA,WACA,YACA,yDACA,sBACA,qBACA,qCAVD,0CAWE,QACA,WACA,YACA,kBAGF,yCACC,kBACA,WACA,QACA,kBACA,WACA,YACA,yDACA,sBACA,qBACA,qCAVD,yCAWE,QACA,WACA,YACA,kBAKF,yCACC,kBACA,iDACC,yBAED,gDACC,yBAKJ,8BACC,kBACA,aACA,iBACA,0BACA,aACA,qCAND,8BAOE,aACA,kBAED,iCACC,SACA,mBACA,oCACC,eAOL,aACC,eACA,+CACA,qCAHD,aAIE,gBAED,uBACC,8DACA,sBAED,iCACC,kBACA,WACA,mBACA,aACA,MFtYM,KEuYN,WFvZM,KEwZN,kBACA,kBACA,wCACC,WACA,kBACA,QACA,SACA,wBACA,yBACA,sBACA,kBDlZF,WCqZC,qCApBD,iCAqBE,WACA,mBACA,mBAGF,iCACC,kBACA,iBD7ZD,WC8ZC,qCAHD,iCAIE,WAGD,+CACC,iBAED,0CACC,kBACA,UACA,aACA,eACA,uBAGA,iDACC,YACA,YACA,YACA,gBACA,aACA,uBACA,mBACA,WFrbI,KEsbJ,yBACA,kBACA,eDvcH,4BCycG,qCAbD,iDAcE,YACA,UACA,YACA,4DACC,UAGF,0DACC,WACA,oBAED,0DACC,MFvcG,KEwcH,WF9bO,QEgcR,uDACC,WAKJ,+BACC,kBACA,SACA,iBDndD,WCqdC,qCALD,+BAME,WAED,uCACC,mBACA,YACA,YACA,MFxeK,QEyeL,gBACA,qBACA,kBACA,aACA,uBACA,mBACA,oBACA,WFpeK,KEqeL,0CDpfF,4BCsfE,6CACC,MFxeI,KEyeJ,WFrfI,QEyfP,+BACC,gBACA,iBACA,gBACA,kBACA,qCALD,+BAME,kBAED,0CACC,SAED,qCACC,YACA,mBACA,cACA,qCAJD,qCAKE,WAED,yCACC,WACA,YAGF,uCACC,YACA,mBACA,cACA,qCAJD,uCAKE,YAED,2CACC,WACA,YAGF,mCACC,YACA,mBACA,cACA,qCAJD,mCAKE,WAED,uCACC,WACA,YAIH,wBACC,kBACA,YACA,YACA,mBACA,YACA,iBACA,gBACA,MFriBM,KEsiBN,qBACA,aACA,uBACA,mBACA,kBACA,sBACA,sBD5iBD,YAfA,4BC8jBC,6CACA,mCACA,qCApBD,wBAqBE,YACA,YACA,iBACA,iBACA,WACA,aAED,gCACC,WACA,kBACA,SACA,UACA,uBACA,wBACA,yBACA,kBAED,8BACC,WACA,MFrkBK,KEskBL,qCAHD,8BAIE,UACA,MFxkBI,ME2kBN,6BACC,kBACA,oCACC,WACA,kBACA,QACA,WACA,YACA,iBACA,yDACA,qBAIH,sBACC,gBACA,kBACA,0BACC,gBACA,UACA,eACA,gBACA,iBAED,+BACC,SACA,UACA,aACA,eAEC,2CACC,WACA,kBACA,qCAHD,2CAIE,UACA,oBAIH,oCACC,YACA,mBACA,qCAHD,oCAIE,UACA,oBAED,kDACC,gBACA,qCAFD,kDAGE,mBAGF,4CACC,WACA,aACA,MFjnBE,QEknBF,iBACA,gBACA,qBACA,aACA,uBACA,mBACA,WFzoBG,KE0oBH,sBACA,mBACA,0CD3pBJ,4BC6pBI,sCAfD,4CAgBE,iBAED,qCAlBD,4CAmBE,YACA,iBACA,iBACA,2CAED,kDACC,MFxpBE,KEypBF,WFrqBE,QE6qBR,YACC,+CAGD,YACC,eACA,qCAFD,YAGE,gBAED,4BACC,kBACA,UACA,iBACA,iBACA,kBACA,qCAND,4BAOE,iBACA,mBAGF,iCACC,aACA,eACA,sCACC,YACA,mBACA,WF3rBK,KE4rBL,mBACA,qCALD,sCAME,WACA,mBAED,oDACC,gBACA,qCAFD,oDAGE,mBAGF,4CACC,qBACA,kDACC,WAGF,2CACC,WACA,qBACA,iCACA,4BAED,6CACC,kBACA,WACA,qBACA,iCACA,4BACA,oDACC,kBACA,MACA,OACA,WACA,YAGF,2CACC,aACA,iBACA,MFpvBI,KEqvBJ,kBACA,kDACC,iBAGF,8CACC,mBACA,YACA,YACA,MF9uBI,KE+uBJ,iBACA,gBACA,WFvuBQ,QEwuBR,kBACA,aACA,mBACA,uBAMJ,QACC,eACA,WF7wBO,KE8wBP,qCAHD,QAIE,gBAED,uBACC,YACA,cACA,qCAHD,uBAIE,WAED,2BACC,gBACA,UACA,eACA,gBACA,kBACA,qCAND,2BAOE,kBAIH,aACC,WACA,gBACA,iCACA,kBACA,sBAED,YACC,cACA,YACA,YACA,iBACA,gBACA,qBACA,aACA,uBACA,mBACA,MFnyBM,KEoyBN,kIAEA,yBACA,WF7xBU,QE8xBV,kBDvzBD,4BCyzBC,kBACC,WAKH,MACC,kBACA,2BACA,cACC,WACA,eACA,MACA,OACA,WACA,YACA,mDACA,sBD3zBD,WC8zBA,eACC,eACA,SACA,OACA,kBACA,WACA,YACA,iBACA,gBACA,MFv0BM,KEw0BN,WFx1BM,KEy1BN,8BACA,aACA,uBACA,mBACA,YD70BD,WC+0BC,YACA,eD/1BD,4BCi2BC,qCApBD,eAqBE,WACA,YACA,kBACA,kBAED,qBACC,WFt2BI,QEy2BN,WACC,kBAED,gBACC,eACA,MACA,OACA,WACA,aACA,aACA,uBACA,mBACA,2BACC,6BACA,cACA,YACA,qCAJD,2BAKE,0BACA,SACA,cAID,qCADD,2BAEE,6BACA,cACA,aAGF,uBACC,kBACA,WACA,cACA,aACA,MF93BK,KE+3BL,WF/4BK,KEg5BL,kBACA,kBACA,8BACC,WACA,kBACA,QACA,SACA,wBACA,yBACA,sBACA,kBD14BH,WC44BG,kCAED,qCArBD,uBAsBE,WACA,mBACA,mBAGF,sBACC,kBACA,WDt5BF,WCw5BE,6BACC,kBACA,UACA,mBACA,kBACA,qCALD,6BAME,WACA,mBAED,oCACC,kBACA,MACA,OACA,WACA,YAGF,2BACC,WACA,SACA,iBACA,iBACA,qCALD,2BAME,kBAED,kCACC,gBACA,iBACA,iBACA,gBACA,qCALD,kCAME,gBACA,kBAGF,mCACC,mBACA,iBACA,iBACA,gBACA,qCALD,mCAME,kBAGF,mCACC,mBACA,YACA,iBACA,MFx8BG,KEy8BH,kBACA,sCAGF,4CACC,mBACA,YACA,iBACA,MFj9BI,KEk9BJ,kBACA,iDACA,cAED,8BACC,mBACA,UACA,aACA,eACA,mBACA,uBACA,qCAPD,8BAQE,mBACA,WAED,uCACC,cACA,uEACC,qBACA,2BACA,8BACA,qCAJD,uEAKE,sBACA,2BAGF,wEACC,mBACA,YACA,iBACA,MFv+BI,QEw+BJ,gBACA,YACA,0BACA,qCARD,wEASE,kBAED,8EACC,MFx/BC,KEy/BD,gBAED,iFACC,MF3/BA,QE4/BA,oBAIH,sCACC,UACA,gBACA,YACA,YACA,eACA,gBACA,MFxhCG,KEyhCH,aACA,eACA,mBACA,uBACA,yBACA,kBACA,eD9hCJ,4BCgiCI,qCAhBD,sCAiBE,WACA,eACA,aACA,YACA,kBAED,4CACC,MFzhCE,KE0hCF,WFhhCM,QEkhCP,+CACC,oBAML,sBACC,iBL/hCF;AAAA;AAAA,oEMtBA,0CACC,2BAED,cACC,eACA,MACA,QACA,OACA,WACA,YACA,kBACA,cACA,eACA,aACA,kBACA,sBACA,mBACA,uBACA,mBACA,aACA,gCACC,MACA,OACA,eACA,0BACA,WACA,YFTD,WEYA,mCACC,UACA,gBACA,cACA,kBACA,gBACA,MHKI,KGJJ,WHnBM,KGoBN,mBACA,qCATD,mCAUE,UACA,cACA,iBAED,uCACC,UACA,gBAGF,iCACC,kBACA,WACA,mBACA,iBACA,qCALD,iCAME,oBAED,4CACC,yBAGF,qCACC,kBACA,mBACA,UACA,cACA,iBFhDD,WEkDC,qCAPD,qCAQE,mBACA,eAED,4CACC,WACA,kBACA,OACA,QACA,aACA,YACA,WACA,cACA,WHrDS,QGsDT,cAGF,qCACC,kBACA,mBACA,YACA,cACA,gBACA,iBACA,MH1EM,KG2EN,WHxFK,QGyFL,oBF5ED,WE8EC,qCAXD,qCAYE,mBACA,iBACA,iBAGF,sCACC,UACA,cACA,kBACA,gBACA,gBACA,iBACA,qCAPD,sCAQE,UACA,iBAED,0CACC,cACA,UACA,gBACA,YACA,sBACA,cAED,2CACC,sBACA,0BACA,YAGF,0CACC,mBACA,UACA,aACA,eAED,sCACC,UACA,mBACA,UACA,mBACA,kCACA,qCAND,sCAOE,WACA,iBAED,oDACC,gBAED,2CACC,WACA,gBACA,+CACC,WACA,YACA,4BAGF,2CACC,WACA,SACA,oBACA,iBACA,+CACC,SACA,kBACA,eACA,gBACA,iBACA,kBACA,qCAPD,+CAQE,gBAED,qDACC,MHtKE,QGwKH,oDACC,MHrKC,QGuKF,uDACC,MHtJK,QGwJN,qDACC,MHpKE,QGyKN,2CACC,mBACA,mBACA,aACA,eACA,qCALD,2CAME,mBACA,oBAED,mEACC,kBACA,aACA,mBACA,UACA,mBACA,kCACA,qCAPD,mEAQE,WACA,mBAED,iFACC,gBACA,qCAFD,iFAGE,UAGF,wEACC,kBACA,UACA,OACA,QACA,cACA,WACA,YACA,aACA,uBACA,mBACA,MH5MI,KG6MJ,eACA,gBACA,WHtMM,QGuMN,mBAED,wEACC,UACA,mBACA,qCAHD,wEAIE,WAED,4EACC,WACA,YACA,4BAGF,wEACC,WACA,SACA,oBACA,iBACA,qCALD,wEAME,kBAED,4EACC,SACA,kBACA,iBACA,gBACA,iBACA,kBAKJ,0CACC,gBACA,UACA,qBACA,aACA,eAED,qCACC,UACA,mBACA,UACA,qCAJD,qCAKE,UACA,mBAED,yCACC,WACA,YAGF,wCACC,kBACA,UACA,mBACA,qBACA,qCALD,wCAME,WACA,oBAED,+CACC,kBACA,MACA,OACA,WACA,YAGF,mCACC,eACA,MACA,QACA,WACA,YACA,eACA,WHpRQ,QGqRR,YF7SD,4BE+SC,yCACC,WHhSI,QGkSL,wCACC,kBACA,OACA,QACA,cACA,UACA,WACA,WH1SK,KG2SL,kBACA,qBACA,mBACA,sBACA,uDACC,SACA,0CAED,uDACC,UAED,uDACC,YACA,0CAMJ,uBACC,yBACA,gBACA,gBACA,iBAED,uBACC,gBACA,MH5TW,QG+TZ,eACC,aACA,8BACA,kCACA,gBACA,aACA,kCACC,kBACA,uBACA,cACA,iBACA,qCALD,kCAME,sBAGF,oCACC,6BACA,qBACA,uBACA,mBACA,8BAED,yCACC,kBACA,sBACA,gCACA,qCAJD,yCAKE,WACA","file":"style.css","sourcesContent":["/*! ----------------------------------------------------------------\r\n* 01. foundation\r\n* 02. libs\r\n* 03. common\r\n* 04. block\r\n----------------------------------------------------------------- */\r\n\r\n/*! ----------------------------------------------------------------\r\n01.foundation\r\n----------------------------------------------------------------- */\r\n@import \"_foundation/_normalize\";\r\n@import \"_foundation/_include\";\r\n@import \"_foundation/_variables\";\r\n@import \"_foundation/_mixin\";\r\n/*! ----------------------------------------------------------------\r\n02.libs\r\n----------------------------------------------------------------- */\r\n// @import \"_libs/\";\r\n/*! ----------------------------------------------------------------\r\n03.common\r\n----------------------------------------------------------------- */\r\n@import \"_common/_base\";\r\n@import \"_common/_content\";\r\n/*! ----------------------------------------------------------------\r\n04.block\r\n----------------------------------------------------------------- */\r\n@import \"_block/_modal\";\r\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\r\n\r\n/* Document\r\n   ========================================================================== */\r\n\r\n/**\r\n * 1. Correct the line height in all browsers.\r\n * 2. Prevent adjustments of font size after orientation changes in iOS.\r\n */\r\n\r\nhtml {\r\n\tline-height: 1.15; /* 1 */\r\n\t-webkit-text-size-adjust: 100%; /* 2 */\r\n}\r\n\r\n/* Sections\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove the margin in all browsers.\r\n */\r\n\r\nbody {\r\n\tmargin: 0;\r\n}\r\n\r\n/**\r\n * Render the `main` element consistently in IE.\r\n */\r\n\r\nmain {\r\n\tdisplay: block;\r\n}\r\n\r\n/**\r\n * Correct the font size and margin on `h1` elements within `section` and\r\n * `article` contexts in Chrome, Firefox, and Safari.\r\n */\r\n\r\nh1 {\r\n\tfont-size: 2em;\r\n\tmargin: 0.67em 0;\r\n}\r\n\r\n/* Grouping content\r\n   ========================================================================== */\r\n\r\n/**\r\n * 1. Add the correct box sizing in Firefox.\r\n * 2. Show the overflow in Edge and IE.\r\n */\r\n\r\nhr {\r\n\tbox-sizing: content-box; /* 1 */\r\n\theight: 0; /* 1 */\r\n\toverflow: visible; /* 2 */\r\n}\r\n\r\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n\r\npre {\r\n\tfont-family: monospace, monospace; /* 1 */\r\n\tfont-size: 1em; /* 2 */\r\n}\r\n\r\n/* Text-level semantics\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove the gray background on active links in IE 10.\r\n */\r\n\r\na {\r\n\tbackground-color: transparent;\r\n}\r\n\r\n/**\r\n * 1. Remove the bottom border in Chrome 57-\r\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n */\r\n\r\nabbr[title] {\r\n\tborder-bottom: none; /* 1 */\r\n\ttext-decoration: underline; /* 2 */\r\n\ttext-decoration: underline dotted; /* 2 */\r\n}\r\n\r\n/**\r\n * Add the correct font weight in Chrome, Edge, and Safari.\r\n */\r\n\r\nb,\r\nstrong {\r\n\tfont-weight: bolder;\r\n}\r\n\r\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n\r\ncode,\r\nkbd,\r\nsamp {\r\n\tfont-family: monospace, monospace; /* 1 */\r\n\tfont-size: 1em; /* 2 */\r\n}\r\n\r\n/**\r\n * Add the correct font size in all browsers.\r\n */\r\n\r\nsmall {\r\n\tfont-size: 80%;\r\n}\r\n\r\n/**\r\n * Prevent `sub` and `sup` elements from affecting the line height in\r\n * all browsers.\r\n */\r\n\r\nsub,\r\nsup {\r\n\tfont-size: 75%;\r\n\tline-height: 0;\r\n\tposition: relative;\r\n\tvertical-align: baseline;\r\n}\r\n\r\nsub {\r\n\tbottom: -0.25em;\r\n}\r\n\r\nsup {\r\n\ttop: -0.5em;\r\n}\r\n\r\n/* Embedded content\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove the border on images inside links in IE 10.\r\n */\r\n\r\nimg {\r\n\tborder-style: none;\r\n}\r\n\r\n/* Forms\r\n   ========================================================================== */\r\n\r\n/**\r\n * 1. Change the font styles in all browsers.\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n\tfont-family: inherit; /* 1 */\r\n\tfont-size: 100%; /* 1 */\r\n\tline-height: 1.15; /* 1 */\r\n\tmargin: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\r\n\r\nbutton,\r\ninput {\r\n\t/* 1 */\r\n\toverflow: visible;\r\n}\r\n\r\n/**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\r\n\r\nbutton,\r\nselect {\r\n\t/* 1 */\r\n\ttext-transform: none;\r\n}\r\n\r\n/**\r\n * Correct the inability to style clickable types in iOS and Safari.\r\n */\r\n\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n\t-webkit-appearance: button;\r\n}\r\n\r\n/**\r\n * Remove the inner border and padding in Firefox.\r\n */\r\n\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n\tborder-style: none;\r\n\tpadding: 0;\r\n}\r\n\r\n/**\r\n * Restore the focus styles unset by the previous rule.\r\n */\r\n\r\nbutton:-moz-focusring,\r\n[type=\"button\"]:-moz-focusring,\r\n[type=\"reset\"]:-moz-focusring,\r\n[type=\"submit\"]:-moz-focusring {\r\n\toutline: 1px dotted ButtonText;\r\n}\r\n\r\n/**\r\n * Correct the padding in Firefox.\r\n */\r\n\r\nfieldset {\r\n\tpadding: 0.35em 0.75em 0.625em;\r\n}\r\n\r\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n *    `fieldset` elements in all browsers.\r\n */\r\n\r\nlegend {\r\n\tbox-sizing: border-box; /* 1 */\r\n\tcolor: inherit; /* 2 */\r\n\tdisplay: table; /* 1 */\r\n\tmax-width: 100%; /* 1 */\r\n\tpadding: 0; /* 3 */\r\n\twhite-space: normal; /* 1 */\r\n}\r\n\r\n/**\r\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n\r\nprogress {\r\n\tvertical-align: baseline;\r\n}\r\n\r\n/**\r\n * Remove the default vertical scrollbar in IE 10+.\r\n */\r\n\r\ntextarea {\r\n\toverflow: auto;\r\n}\r\n\r\n/**\r\n * 1. Add the correct box sizing in IE 10.\r\n * 2. Remove the padding in IE 10.\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n\tbox-sizing: border-box; /* 1 */\r\n\tpadding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n\theight: auto;\r\n}\r\n\r\n/**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\r\n\r\n[type=\"search\"] {\r\n\t-webkit-appearance: textfield; /* 1 */\r\n\toutline-offset: -2px; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner padding in Chrome and Safari on macOS.\r\n */\r\n\r\n[type=\"search\"]::-webkit-search-decoration {\r\n\t-webkit-appearance: none;\r\n}\r\n\r\n/**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\r\n\r\n::-webkit-file-upload-button {\r\n\t-webkit-appearance: button; /* 1 */\r\n\tfont: inherit; /* 2 */\r\n}\r\n\r\n/* Interactive\r\n   ========================================================================== */\r\n\r\n/*\r\n * Add the correct display in Edge, IE 10+, and Firefox.\r\n */\r\n\r\ndetails {\r\n\tdisplay: block;\r\n}\r\n\r\n/*\r\n * Add the correct display in all browsers.\r\n */\r\n\r\nsummary {\r\n\tdisplay: list-item;\r\n}\r\n\r\n/* Misc\r\n   ========================================================================== */\r\n\r\n/**\r\n * Add the correct display in IE 10+.\r\n */\r\n\r\ntemplate {\r\n\tdisplay: none;\r\n}\r\n\r\n/**\r\n * Add the correct display in IE 10.\r\n */\r\n\r\n[hidden] {\r\n\tdisplay: none;\r\n}\r\n","html {\r\n\toverflow-y: auto;\r\n\tfont-family: $font-normal !important;\r\n\tfont-size: 62.5%;\r\n\tline-height: 150%;\r\n\t&.active {\r\n\t\toverflow-y: hidden;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\toverflow-y: hidden;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nbody {\r\n\tposition: relative;\r\n\tpadding: 0;\r\n\tfont-family: $font-normal !important;\r\n\tcolor: $white;\r\n\tword-wrap: break-word;\r\n\tdisplay: block;\r\n\tbox-sizing: border-box;\r\n\toverflow-x: hidden;\r\n}\r\n\r\nsection,\r\ndiv {\r\n\tline-height: 150%;\r\n\tbox-sizing: border-box !important;\r\n}\r\n\r\n#header {\r\n\tposition: absolute;\r\n\ttop: -70px;\r\n\twidth: 100%;\r\n\tpadding: 0;\r\n\tbox-sizing: border-box;\r\n\t@include z-index(header);\r\n\t@include fadeinout;\r\n\t@media screen and (max-width: 767px) {\r\n\t\ttop: -50px;\r\n\t}\r\n\t&.vis {\r\n\t\ttop: 0;\r\n\t}\r\n\t.header__logo {\r\n\t\tposition: absolute;\r\n\t\ttop: 9px;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\twidth: 176px;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 0;\r\n\t\t@media screen and (max-width: 960px) {\r\n\t\t\ttop: 6px;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\twidth: 145px;\r\n\t\t}\r\n\t\tsvg {\r\n\t\t\twidth: 176px;\r\n\t\t\theight: 46px;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tfill: $primary;\r\n\t\t\t@media screen and (max-width: 960px) {\r\n\t\t\t\twidth: 145px;\r\n\t\t\t\theight: 38px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*---navi---*/\r\n#navi {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tright: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin: 0;\r\n\tpadding: 20px;\r\n\tbox-sizing: border-box;\r\n\tvisibility: hidden;\r\n\toverflow-y: scroll;\r\n\topacity: 0;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tborder-radius: 0;\r\n\t&.active {\r\n\t\tvisibility: visible;\r\n\t\topacity: 1;\r\n\t\t@include z-index(navilink);\r\n\t\t@include fadeinout;\r\n\t\tbackground: rgba(0, 0, 0, 0.8);\r\n\t}\r\n}\r\n\r\n#navilist {\r\n\twidth: 100%;\r\n\tmargin: 0;\r\n\tpadding: 30px 0;\r\n\ttext-align: center;\r\n\tdisplay: block;\r\n\t@include z-index(navilink);\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n\t.navilist__li {\r\n\t\tposition: relative;\r\n\t\tmargin: 0;\r\n\t\tpadding: 14px 2%;\r\n\t\tfont-weight: 700;\r\n\t\tfont-size: 2.2em;\r\n\t\tline-height: 100%;\r\n\t\tcolor: $txt;\r\n\t\ttext-align: center;\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: $white;\r\n\t\t@include z-index(navilink);\r\n\t\t@include fadeinout;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: auto;\r\n\t\t\tpadding: 14px 2%;\r\n\t\t\tfont-size: 1.8em;\r\n\t\t\tline-height: 150%;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tcolor: $primary;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t}\r\n\t\ta {\r\n\t\t\t@include abase;\r\n\t\t}\r\n\t\t&:first-child {\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.btnopen {\r\n\tposition: absolute;\r\n\ttop: -80px;\r\n\tright: 26px;\r\n\twidth: 64px;\r\n\theight: 64px;\r\n\tdisplay: inline-block;\r\n\ttransition: all 0.4s;\r\n\tbox-sizing: border-box;\r\n\tborder-radius: 0 0 6px 6px;\r\n\tborder-left: 2px solid $primary;\r\n\tborder-right: 2px solid $primary;\r\n\tborder-bottom: 2px solid $primary;\r\n\tbackground: linear-gradient($blue, $darkblue);\r\n\tbox-shadow: 0 0 5px rgba(0, 0, 0, 0.5);\r\n\tcursor: pointer;\r\n\t@include z-index(openbn);\r\n\t@media screen and (max-width: 767px) {\r\n\t\tright: 14px;\r\n\t}\r\n\t&.vis {\r\n\t\ttop: 0;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\ttop: 0;\r\n\t\t\t@include z-index(openbn);\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n\t&::after {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"MENU\";\r\n\t\tbottom: 10px;\r\n\t\twidth: 50px;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmargin: 0 auto;\r\n\t\tfont-size: 1.1rem;\r\n\t\ttext-align: center;\r\n\t\tcolor: $white;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tbottom: 8px;\r\n\t\t}\r\n\t}\r\n\t&:hover {\r\n\t\tcolor: $white;\r\n\t\tbackground: $primary;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcolor: $white;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.active {\r\n\t\t&::after {\r\n\t\t\tcontent: \"CLOSE\";\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmargin: 0 auto;\r\n\t\twidth: 46%;\r\n\t\theight: 2px;\r\n\t\tbackground: $white;\r\n\t\tborder-radius: 4px;\r\n\t\tdisplay: inline-block;\r\n\t\ttransition: all 0.4s;\r\n\t\tbox-sizing: border-box;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 50%;\r\n\t\t\theight: 2px;\r\n\t\t}\r\n\t}\r\n}\r\n.btnopen span:nth-of-type(1) {\r\n\ttop: 15px;\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n.btnopen span:nth-of-type(2) {\r\n\ttop: 22px;\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n.btnopen span:nth-of-type(3) {\r\n\tbottom: 31px;\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n\r\n.btnopen.active span:nth-of-type(1) {\r\n\ttop: 18px;\r\n\ttransform: translateY(4px) rotate(-315deg);\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n.btnopen.active span:nth-of-type(2) {\r\n\topacity: 0;\r\n}\r\n.btnopen.active span:nth-of-type(3) {\r\n\tbottom: 35px;\r\n\ttransform: translateY(-4px) rotate(315deg);\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n\r\n.btnclose {\r\n\t@media screen and (max-width: 767px) {\r\n\t\tposition: fixed;\r\n\t\ttop: 14px;\r\n\t\tleft: 24px;\r\n\t\twidth: 24px;\r\n\t\theight: 24px;\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: block;\r\n\t\tvisibility: hidden;\r\n\t\topacity: 0;\r\n\t\tcursor: pointer;\r\n\t\tcursor: hand;\r\n\t\t@include z-index(closebtn);\r\n\t\t@include fadeinout;\r\n\t\t&:before {\r\n\t\t\t@include closebtn;\r\n\t\t\ttransform: rotate(45deg);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\t@include closebtn;\r\n\t\t\ttransform: rotate(-45deg);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\topacity: 0.6;\r\n\t\t}\r\n\t\t&.active {\r\n\t\t\topacity: 1;\r\n\t\t\tvisibility: visible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nmain {\r\n\tposition: relative;\r\n\tmargin: 0 auto;\r\n\tpadding: 0;\r\n\twidth: 100%;\r\n\t@media screen and (max-width: 960px) {\r\n\t\twidth: 100%;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\t.inner {\r\n\t\twidth: 90%;\r\n\t\tmax-width: 1040px;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n}\r\n\r\n.titlecol {\r\n\tmargin: 0 auto 54px;\r\n\ttext-align: center;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tmargin: 0 auto 34px;\r\n\t}\r\n}\r\n.title__h3 {\r\n\tposition: relative;\r\n\tmargin: 0 auto;\r\n\tpadding: 6px 0;\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 10px 0;\r\n\t\tfont-size: 3em;\r\n\t}\r\n}\r\n\r\n#footer {\r\n\tpadding: 70px 4%;\r\n\tcolor: $black;\r\n\tfont-size: 1.6rem;\r\n\ttext-align: center;\r\n\tbackground: $white;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 50px 4%;\r\n\t}\r\n\t.footer__banner {\r\n\t\twidth: 400px;\r\n\t\tmargin: 0 auto 24px;\r\n\t\tdisplay: block;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t\tp {\r\n\t\t\tmargin: 0 auto 4px;\r\n\t\t}\r\n\t}\r\n\t.footer__logocol {\r\n\t\tmax-width: 200px;\r\n\t\tmargin: 0 auto 24px;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: center;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmax-width: 90%;\r\n\t\t}\r\n\t}\r\n\t.footer__logocol__col {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tmargin: 0;\r\n\t\t@include fadeinout;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 40%;\r\n\t\t\tmargin: 0 4%;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\topacity: 0.6;\r\n\t\t}\r\n\t\tsvg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t\tfill: $black;\r\n\t\t}\r\n\t}\r\n\t.footer__logo__link {\r\n\t\t@include abase;\r\n\t}\r\n\t.footer__link {\r\n\t\tcolor: $black;\r\n\t\ttext-decoration: none;\r\n\t\t@include fadeinout;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 0.9em;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tcolor: $red;\r\n\t\t}\r\n\t}\r\n\t.footer__contact__h4 {\r\n\t\tmargin: 0 0 16px 0;\r\n\t\tpadding: 0;\r\n\t\tfont-size: 1.4em;\r\n\t\tfont-weight: 700;\r\n\t\tfont-family: $font-jp;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 1.2em;\r\n\t\t}\r\n\t}\r\n\t.footer__contact {\r\n\t\tmargin: 0 0 30px 0;\r\n\t\tfont-size: 1em;\r\n\t\tfont-weight: 400;\r\n\t\tfont-family: $font-normal;\r\n\t\ti {\r\n\t\t\tmargin: 0 3px 0 0;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tpadding: 0 10%;\r\n\t\t\tfont-size: 0.9em;\r\n\t\t}\r\n\t}\r\n\t.footer__contact2 {\r\n\t\twidth: 400px;\r\n\t\tmargin: 0 auto 20px;\r\n\t\tpadding: 12px;\r\n\t\tfont-size: 1em;\r\n\t\tfont-weight: 400;\r\n\t\tfont-family: $font-normal;\r\n\t\tborder: 1px solid rgba(255, 255, 255, 0.3);\r\n\t\ti {\r\n\t\t\tmargin: 0 3px 0 0;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t\tsvg {\r\n\t\t\tmargin: 12px 0;\r\n\t\t\tfill: $white;\r\n\t\t}\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n\t.footer__txt {\r\n\t\tmargin: 0;\r\n\t\tfont-size: 1.4rem;\r\n\t\tfont-weight: 400;\r\n\t\tline-height: 170%;\r\n\t\tdisplay: block;\r\n\t}\r\n\tsmall {\r\n\t\tfont-size: 0.7rem;\r\n\t\tfont-weight: 400;\r\n\t}\r\n}\r\n\r\n.footer__snscol {\r\n\twidth: 278px;\r\n\tmargin: 0 auto 34px;\r\n\tpadding: 0;\r\n\tlist-style-type: none;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: center;\r\n\t.footer__snscol__li {\r\n\t\tposition: relative;\r\n\t\twidth: 54px;\r\n\t\theight: 54px;\r\n\t\tmargin: 0 10px;\r\n\t\tborder-radius: 4px;\r\n\t\t@include fadeinout;\r\n\t\t&:before {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tline-height: 100%;\r\n\t\t\tfont-family: \"Font Awesome 5 Brands\";\r\n\t\t\tfont-size: 1.9em;\r\n\t\t\tfont-weight: 900;\r\n\t\t\tcolor: $white;\r\n\t\t\ttext-align: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t\t&--fb {\r\n\t\t\tbackground: $facebook;\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: \"\\f39e\";\r\n\t\t\t\tpadding: 4px 0 0 0;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&--tw {\r\n\t\t\tbackground: $twitter;\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: \"\\f099\";\r\n\t\t\t\tpadding: 4px 0 0 0;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&--insta {\r\n\t\t\tbackground: linear-gradient(-135deg, #c0009d 0%, #ec0017 50%, #fec21d 100%) no-repeat;\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: \"\\f16d\";\r\n\t\t\t\tfont-size: 2.2em;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\topacity: 0.6;\r\n\t\t}\r\n\t}\r\n\t.footer__snscol__li__link {\r\n\t\t@include abase;\r\n\t}\r\n}\r\n\r\n.footer__bannercol {\r\n\twidth: 740px;\r\n\tmargin: 0 auto 20px;\r\n\tpadding: 0;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: center;\r\n\t@media screen and (max-width: 767px) {\r\n\t\twidth: 280px;\r\n\t\tdisplay: block;\r\n\t}\r\n\t.footer__bannercol__col {\r\n\t\twidth: 48%;\r\n\t\tmargin: 0 1% 14px;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 0 14px 0;\r\n\t\t}\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.snscol {\r\n\tposition: relative;\r\n\tmargin: 0 auto;\r\n\tpadding: 0;\r\n\tfont-weight: 700;\r\n\ttext-align: center;\r\n\tbox-sizing: border-box;\r\n\t@include fadeinout;\r\n\t@media screen and (max-width: 767px) {\r\n\t\twidth: 90%;\r\n\t}\r\n\t.snscol__col {\r\n\t\tposition: relative;\r\n\t\twidth: 232px;\r\n\t\tmargin: 0 auto 30px;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: center;\r\n\t\tfont-size: 2.4em;\r\n\t\tlist-style-type: none;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t}\r\n\t\t.snscol__col__li {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 50px;\r\n\t\t\theight: 30px;\r\n\t\t\tmargin: 8px 12px 0;\r\n\t\t\ttext-align: center;\r\n\t\t\t@include fadeinout;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t}\r\n\t\t\t&--tw {\r\n\t\t\t\t.snscol__col__li__link {\r\n\t\t\t\t\tcolor: $twitter !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&--fb {\r\n\t\t\t\t.snscol__col__li__link {\r\n\t\t\t\t\tcolor: $facebook !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&--line {\r\n\t\t\t\tfill: $line;\r\n\t\t\t\tsvg {\r\n\t\t\t\t\twidth: 40px;\r\n\t\t\t\t\theight: auto;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\tfill: $line;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: 0.6;\r\n\t\t\t}\r\n\t\t\t.snscol__col__li__link {\r\n\t\t\t\t@include abase;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.sharecol {\r\n\tposition: fixed;\r\n\ttop: 84px;\r\n\tright: 0;\r\n\twidth: 54px;\r\n\tpadding: 6px 0 2px;\r\n\tfont-weight: 700;\r\n\tcolor: $black;\r\n\ttext-align: center;\r\n\tbox-sizing: border-box;\r\n\tvisibility: hidden;\r\n\tbackground: $white;\r\n\tbox-shadow: 0 0 4px rgba(0, 0, 0, 0.3);\r\n\topacity: 0;\r\n\t@include fadeinout;\r\n\t@include z-index(sharebtn);\r\n\t@media screen and (max-width: 767px) {\r\n\t\ttop: auto;\r\n\t\tbottom: 70px;\r\n\t}\r\n\t&.vis {\r\n\t\tvisibility: visible;\r\n\t\topacity: 1;\r\n\t}\r\n\t.sharecol__tt {\r\n\t\tposition: relative;\r\n\t\ttext-align: center;\r\n\t\tfont-weight: 700;\r\n\t}\r\n\t.sharebtn__col {\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: center;\r\n\t\tlist-style-type: none;\r\n\t\t.sharebtn__col__li {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 50px;\r\n\t\t\tmargin: 6px 0;\r\n\t\t\tpadding: 0;\r\n\t\t\t@include fadeinout;\r\n\t\t\ti {\r\n\t\t\t\tfont-size: 2em;\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t\t&--tw {\r\n\t\t\t\ti {\r\n\t\t\t\t\tcolor: $twitter;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&--fb {\r\n\t\t\t\ti {\r\n\t\t\t\t\tcolor: $facebook;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&--line {\r\n\t\t\t\tsvg {\r\n\t\t\t\t\twidth: 28px;\r\n\t\t\t\t\tmargin: 0 0 0 2px;\r\n\t\t\t\t\tfill: $line;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: 0.6;\r\n\t\t\t}\r\n\t\t\t.sharebtn__col__li__link {\r\n\t\t\t\t@include abase;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.btnticket {\r\n\tposition: fixed;\r\n\tleft: 3%;\r\n\tbottom: -6px;\r\n\twidth: 45.5%;\r\n\theight: 64px;\r\n\tpadding: 5px;\r\n\tfont-size: 2em;\r\n\tfont-weight: 700;\r\n\tcolor: $white;\r\n\ttext-decoration: none;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tvisibility: hidden;\r\n\tborder-radius: 6px;\r\n\tborder: 7px solid $black;\r\n\tbox-sizing: border-box;\r\n\topacity: 0;\r\n\t@include z-index(topbtn);\r\n\t@include fadeinout;\r\n\tbackground: linear-gradient($yellow2, $brown);\r\n\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.7);\r\n\t&::before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: -7px;\r\n\t\tleft: -7px;\r\n\t\twidth: calc(100% + 10px);\r\n\t\theight: calc(100% + 10px);\r\n\t\tborder-left: 2px solid $primary;\r\n\t\tborder-top: 2px solid $primary;\r\n\t\tborder-right: 2px solid $primary;\r\n\t\tborder-radius: 6px;\r\n\t}\r\n\t@media screen and (max-width: 767px) {\r\n\t\tbottom: -7px;\r\n\t\tpadding: 3px;\r\n\t\theight: 60px;\r\n\t\tfont-size: 1.5em;\r\n\t}\r\n\t&.vis {\r\n\t\tvisibility: visible;\r\n\t\topacity: 1;\r\n\t}\r\n\t&:hover {\r\n\t\topacity: 0.7;\r\n\t\tcolor: $white;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\topacity: 1;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\t&::before {\r\n\t\t\tposition: relative;\r\n\t\t\tcontent: \"\";\r\n\t\t\tmargin: 0 10px 0 0;\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 28px;\r\n\t\t\tbackground: url(../img/ico_cart.svg) 50% 50% no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 25px;\r\n\t\t\t\theight: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.btnfree {\r\n\tposition: fixed;\r\n\tright: 3%;\r\n\tbottom: -6px;\r\n\twidth: 45.5%;\r\n\theight: 64px;\r\n\tpadding: 5px;\r\n\tfont-size: 2em;\r\n\tfont-weight: 700;\r\n\tcolor: $white;\r\n\ttext-decoration: none;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tvisibility: hidden;\r\n\tborder-radius: 6px;\r\n\tborder: 7px solid $black;\r\n\tbackground: linear-gradient($blue, $darkblue);\r\n\tbox-sizing: border-box;\r\n\topacity: 0;\r\n\t@include z-index(topbtn);\r\n\t@include fadeinout;\r\n\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.7);\r\n\t&::before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: -7px;\r\n\t\tleft: -7px;\r\n\t\twidth: calc(100% + 10px);\r\n\t\theight: calc(100% + 10px);\r\n\t\tborder-left: 2px solid $blue;\r\n\t\tborder-top: 2px solid $blue;\r\n\t\tborder-right: 2px solid $blue;\r\n\t\tborder-radius: 6px;\r\n\t}\r\n\t@media screen and (max-width: 767px) {\r\n\t\tbottom: -7px;\r\n\t\tpadding: 3px;\r\n\t\theight: 60px;\r\n\t\tfont-size: 1.5em;\r\n\t\ttext-align: center;\r\n\t}\r\n\t&.vis {\r\n\t\tvisibility: visible;\r\n\t\topacity: 1;\r\n\t}\r\n\t&:hover {\r\n\t\topacity: 0.7;\r\n\t\tcolor: $white;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\topacity: 1;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\t&::before {\r\n\t\t\tposition: relative;\r\n\t\t\ttop: 1px;\r\n\t\t\tcontent: \"\";\r\n\t\t\tmargin: 0 10px 0 0;\r\n\t\t\twidth: 28px;\r\n\t\t\theight: 28px;\r\n\t\t\tbackground: url(../img/ico_character.png) 50% 50% no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 22px;\r\n\t\t\t\theight: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.topBtn {\r\n\tposition: fixed;\r\n\tbottom: -40px;\r\n\tright: 0;\r\n\tcolor: $white;\r\n\ttext-decoration: none;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\ttext-align: center;\r\n\tbox-sizing: border-box;\r\n\tbackground: $black;\r\n\ttransition: opacity 0.3s ease-out;\r\n\t@include z-index(topbtn);\r\n\t@include fadeinout;\r\n\t&.active {\r\n\t\tbottom: 80px;\r\n\t}\r\n\t&:before {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"\\f077\";\r\n\t\ttop: 13px;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\tline-height: 100%;\r\n\t\tfont-family: \"Font Awesome 5 Free\";\r\n\t\tfont-size: 100%;\r\n\t\tfont-weight: 900;\r\n\t\ttext-align: center;\r\n\t}\r\n\t&:hover {\r\n\t\tbackground: $primary;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\ta {\r\n\t\tfont-size: 90%;\r\n\t\tcolor: $white;\r\n\t}\r\n\ta:hover {\r\n\t\ttext-decoration: none;\r\n\t}\r\n}\r\n\r\np {\r\n\tline-height: 150%;\r\n\tmargin: 0 0 16px 0;\r\n\t&:last-child {\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n\r\n.text-center {\r\n\ttext-align: center;\r\n}\r\n\r\n.pc {\r\n\tdisplay: block;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.sp {\r\n\tdisplay: none;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\na {\r\n\tcursor: pointer;\r\n\tcolor: $secondary;\r\n\toutline: none;\r\n\t@include fadeinout;\r\n\t&:hover {\r\n\t\tcolor: $primary;\r\n\t}\r\n\timg {\r\n\t\t@include fadeinout;\r\n\t\t&:hover {\r\n\t\t\topacity: 0.6;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\na:focus,\r\n*:focus {\r\n\toutline: none;\r\n}\r\n\r\n.is-fixed {\r\n\tposition: fixed !important;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.yellow {\r\n\tcolor: $warning;\r\n}\r\n\r\n.red {\r\n\tcolor: $red;\r\n\tfont-weight: 700;\r\n}\r\n\r\n.andmore {\r\n\tmargin: 34px 0 0 0;\r\n\tpadding: 0;\r\n\ttext-align: center;\r\n\tfont-size: 1.6em;\r\n\tfont-weight: 500;\r\n\tfont-family: $font-jp;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n\r\ninput[type=\"text\"] {\r\n\t-webkit-appearance: none;\r\n\t-moz-appearance: none;\r\n\tappearance: none;\r\n\tbackground: transparent;\r\n\tborder: none;\r\n\tborder-radius: 0;\r\n\tfont: inherit;\r\n\toutline: none;\r\n}\r\n","// く使用するstyleを変数化し、ここに集約\r\n$white: #fff;\r\n$black: #000;\r\n$darkblue: #0026ab;\r\n$indigo: #6610f2;\r\n$blue: #0c44e2;\r\n$blue2: #406ff2;\r\n$purple: #6f42c1;\r\n$pink: #facece;\r\n$red: #a51365;\r\n$brown: #956c00;\r\n$brown2: #723734;\r\n$orange: #e87370;\r\n$yellow: #ffe139;\r\n$yellow2: #fce77b;\r\n$green: #00b1c3;\r\n$teal: #20c997;\r\n$cyan: #71dce8;\r\n$white: #fff;\r\n$gray: #5e5a4f;\r\n$gray2: #555555;\r\n$gray3: #ccc;\r\n$gray4: #f6f6f6;\r\n$gray5: #d3d3d3;\r\n$gray6: #333;\r\n$gray7: #999;\r\n$gray-dark: #222;\r\n$primary: #ccc16a;\r\n$secondary: #a3000d;\r\n$third: #0a749f;\r\n$success: #28a745;\r\n$info: #a1bffa;\r\n$warning: #f6f101;\r\n$danger: #df4b4b;\r\n$light: #fff8ec;\r\n$dark: #1a318f;\r\n$bgcolor: #f5f5f5;\r\n$facebook: #1877f2;\r\n$twitter: #1da1f2;\r\n$instagram: #cf2e92;\r\n$line: #00b900;\r\n$txt: #000;\r\n$breakpoint-xs: 0;\r\n$breakpoint-sm: 576px;\r\n$breakpoint-md: 768px;\r\n$breakpoint-lg: 992px;\r\n$breakpoint-xl: 1200px;\r\n\r\n//setting z-index\r\n$layer: (\r\n\tblackbg: 50,\r\n\topenbn: 120,\r\n\tclosebtn: 155,\r\n\tnavlink: 200,\r\n\ttopnav: 100,\r\n\tsnsnav: 96,\r\n\tnotice: 3000,\r\n\tsideline: 920,\r\n\ttmcheader: 900,\r\n\theader: 800,\r\n\tnavilayer: 80,\r\n\tsharebtn: 720,\r\n\ttopbtn: 700,\r\n\tmainimg: 650,\r\n\tarticlelink: 20,\r\n\tarticle2: 90,\r\n\tarticle3: 40,\r\n\tarticle: 50,\r\n\tarticlebg: 12,\r\n\tmainlayer: 10,\r\n\tmainbg: -1,\r\n\tmainbg2: -2,\r\n\tdefault: 1,\r\n);\r\n\r\n//font\r\n$font-normal: \"M PLUS Rounded 1c\", sans-serif;\r\n$font-jp: \"M PLUS Rounded 1c\", sans-serif;\r\n$font-cursive: \"Dancing Script\", cursive; /*'Meow Script', cursive;*/\r\n$font-en: \"Playfair Display\", serif;\r\n","// よく使用するstyleを関数化（mixin）し、ここに集約\r\n\r\n@mixin fadeinout {\r\n\ttransition: all 0.3s ease-out;\r\n}\r\n\r\n@mixin abase {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: block;\r\n\tcursor: pointer;\r\n\tcursor: hand;\r\n}\r\n\r\n@mixin z-index($key) {\r\n\tz-index: map-get($layer, $key);\r\n}\r\n\r\n@mixin openbtn {\r\n\twidth: 26px;\r\n\theight: 26px;\r\n\tborder-radius: 100px;\r\n}\r\n\r\n@mixin openbtn2 {\r\n\tposition: absolute;\r\n\twidth: 26px;\r\n\theight: 2px;\r\n\tcontent: \"\";\r\n\tborder-radius: 100px;\r\n\tdisplay: block;\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\tbackground: $white;\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n\r\n@mixin closebtn {\r\n\tposition: absolute;\r\n\tcontent: \"\";\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 2px;\r\n\theight: 26px;\r\n\tborder-radius: 50px;\r\n\tbackground: $secondary;\r\n}\r\n","#mainimgWrap {\r\n\tposition: relative;\r\n\tmargin: 0;\r\n\tpadding: 53.85% 0 0 0;\r\n\twidth: 100%;\r\n\tbackground: url(../img/mainimg_game_pc.webp) 50% 50% no-repeat;\r\n\tbackground-size: cover;\r\n\t@include z-index(mainimg);\r\n\t@media screen and (max-width: 767px) {\r\n\t\tmargin: 0;\r\n\t\theight: auto;\r\n\t\tpadding: 141.54% 0 0 0;\r\n\t\tbackground: url(../img/mainimg_game_sp.webp) 50% 50% no-repeat;\r\n\t\tbackground-size: cover;\r\n\t}\r\n\t#endingPage & {\r\n\t\tpadding: 52.5% 0 0 0;\r\n\t\tbackground: url(../img/clear.webp) 50% 50% no-repeat !important;\r\n\t\tbackground-size: cover !important;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t}\r\n\t}\r\n\th1 {\r\n\t\ttext-indent: -9999px;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t}\r\n}\r\n\r\n#readyWrap {\r\n\tpadding: 70px 0;\r\n\tbackground: url(../img/bg01.png) 50% 50% repeat;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 50px 0;\r\n\t}\r\n\t.readyWrap__inner {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 34px;\r\n\t\tcolor: $white;\r\n\t\tbackground: $black;\r\n\t\tborder-radius: 9px;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 30px 20px;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 3px;\r\n\t\t\tleft: 3px;\r\n\t\t\twidth: calc(100% - 10px);\r\n\t\t\theight: calc(100% - 10px);\r\n\t\t\tborder: 2px solid $white;\r\n\t\t\tborder-radius: 8px;\r\n\t\t}\r\n\t}\r\n\t.readyWrap__h2 {\r\n\t\tposition: relative;\r\n\t\tmargin: 0 0 20px;\r\n\t\tpadding: 0;\r\n\t\tfont-size: 3.4rem;\r\n\t\tfont-weight: 700;\r\n\t\tline-height: 140%;\r\n\t\ttext-align: center;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 2.4rem;\r\n\t\t}\r\n\t}\r\n\t.readyWrap__listcol {\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\t&__col {\r\n\t\t\twidth: 48%;\r\n\t\t\tmargin: 0 1%;\r\n\t\t\ttext-align: center;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0 0 20px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__img {\r\n\t\t\t\twidth: 36%;\r\n\t\t\t\tmargin: 0 auto 12px;\r\n\t\t\t\tpadding: 36% 0 0 0;\r\n\t\t\t\tborder-radius: 100%;\r\n\t\t\t\tbackground-size: cover !important;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 30%;\r\n\t\t\t\t\tmargin: 0 4% 0 0;\r\n\t\t\t\t\tpadding: 30% 0 0 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__txt {\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 66%;\r\n\t\t\t\t\tfont-size: 1.3rem;\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#aboutWrap {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\tmargin: 0 auto;\r\n\tpadding: 70px 0;\r\n\tbox-sizing: border-box;\r\n\t@media screen and (max-width: 767px) {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 50px 0;\r\n\t}\r\n\t&::before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground: url(../img/bg02.webp) 50% 50% no-repeat;\r\n\t\tbackground-size: cover;\r\n\t\t@include z-index(mainbg);\r\n\t}\r\n\t.title__h3 {\r\n\t\tposition: relative;\r\n\t\tmargin: 0 0 30px;\r\n\t\tpadding: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 54px;\r\n\t\ttext-align: center;\r\n\t\ttext-indent: -9999px !important;\r\n\t\tdisplay: block;\r\n\t\tbackground: url(../img/title_about.png) 50% 50% no-repeat;\r\n\t\tbackground-size: auto 54px;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmargin: 0 0 20px;\r\n\t\t\tpadding: 0;\r\n\t\t\theight: 44px;\r\n\t\t\tbackground-size: auto 44px;\r\n\t\t}\r\n\t\t&::before,\r\n\t\t&::after {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\t.aboutWrap__listcol {\r\n\t\tposition: relative;\r\n\t\tmargin: 0 auto 50px;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: center;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmargin: 0 auto 34px;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t\t&__col {\r\n\t\t\twidth: 30.33%;\r\n\t\t\tmargin: 0 1.5%;\r\n\t\t\tpadding: 34px 20px;\r\n\t\t\tbackground: url(../img/bg03.webp) 50% 50% no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t\tborder-radius: 6px;\r\n\t\t\tborder: 4px solid $white;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0 auto 10px;\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__img {\r\n\t\t\t\twidth: 60%;\r\n\t\t\t\tmargin: 0 auto 14px;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 24%;\r\n\t\t\t\t\tmargin: 0 5% 0 0;\r\n\t\t\t\t}\r\n\t\t\t\t&__photo {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\tpadding: 100% 0 0 0;\r\n\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\tborder-radius: 100%;\r\n\t\t\t\t\tbackground-position: 50% 50% !important;\r\n\t\t\t\t\tbackground-size: cover !important;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__txt {\r\n\t\t\t\tfont-size: 1.6em;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tcolor: $black;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 71%;\r\n\t\t\t\t\tfont-size: 1.4em;\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t}\r\n\t\t\t\tstrong {\r\n\t\t\t\t\tmargin: 0 auto 8px;\r\n\t\t\t\t\tfont-size: 1.2em;\r\n\t\t\t\t\tfont-family: $font-jp;\r\n\t\t\t\t\tcolor: $yellow;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tmargin: 0 auto 6px;\r\n\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tsmall {\r\n\t\t\t\t\tline-height: 130%;\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.aboutWrap__checkcol {\r\n\t\tmargin: 0 0 50px;\r\n\t\tpadding: 40px;\r\n\t\tborder: 2px solid $primary;\r\n\t\tbackground: $black;\r\n\t\tborder-radius: 9px;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmargin: 0 0 34px;\r\n\t\t\tpadding: 30px 10px;\r\n\t\t}\r\n\t\t&__h4 {\r\n\t\t\tmargin: 0 0 34px;\r\n\t\t\tpadding: 0;\r\n\t\t\tfont-size: 2.2rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: $primary;\r\n\t\t\ttext-align: center;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tmargin: 0 0 24px;\r\n\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t}\r\n\t\t}\r\n\t\tul {\r\n\t\t\tmargin: 0 0 50px 0;\r\n\t\t\tpadding: 0 0 0 30px;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tmargin: 0 0 30px 0;\r\n\t\t\t}\r\n\t\t\tli {\r\n\t\t\t\tmargin: 0 0 8px 0;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\tline-height: 150%;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tfont-size: 1.4rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\ttable {\r\n\t\t\twidth: 100%;\r\n\t\t\ttable-layout: fixed;\r\n\t\t\tborder-collapse: collapse;\r\n\t\t\ttr,\r\n\t\t\ttd {\r\n\t\t\t\tpadding: 10px 14px;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\tline-height: 150%;\r\n\t\t\t\tborder: 1px solid $white;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tpadding: 4px;\r\n\t\t\t\t\tfont-size: 1.3rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#noteWrap {\r\n\t.noteWrap__col {\r\n\t\tmargin: 0 0 16px 0;\r\n\t\tbackground: $black;\r\n\t\tborder: 2px solid $white;\r\n\t\tborder-radius: 6px;\r\n\t\t&:last-child {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t&__tt {\r\n\t\t\tposition: relative;\r\n\t\t\tpadding: 14px;\r\n\t\t\tfont-size: 1.8rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-align: center;\r\n\t\t\tcursor: pointer;\r\n\t\t\t@include fadeinout;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tpadding: 14px 8px;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $primary;\r\n\t\t\t}\r\n\t\t\tspan {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\ttop: 2px;\r\n\t\t\t\t\tmargin: 0 14px 0 0;\r\n\t\t\t\t\twidth: 18px;\r\n\t\t\t\t\theight: 18px;\r\n\t\t\t\t\tbackground: url(../img/ico_arrow01.svg) 50% 50% no-repeat;\r\n\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\ttop: 1px;\r\n\t\t\t\t\t\twidth: 14px;\r\n\t\t\t\t\t\theight: 14px;\r\n\t\t\t\t\t\tmargin: 0 8px 0 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\ttop: 2px;\r\n\t\t\t\t\tmargin: 0 0 0 14px;\r\n\t\t\t\t\twidth: 18px;\r\n\t\t\t\t\theight: 18px;\r\n\t\t\t\t\tbackground: url(../img/ico_arrow01.svg) 50% 50% no-repeat;\r\n\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\ttop: 1px;\r\n\t\t\t\t\t\twidth: 14px;\r\n\t\t\t\t\t\theight: 14px;\r\n\t\t\t\t\t\tmargin: 0 0 0 8px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&.active {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__txt {\r\n\t\t\tposition: relative;\r\n\t\t\tpadding: 24px;\r\n\t\t\tfont-size: 1.6rem;\r\n\t\t\tborder-top: 2px solid $white;\r\n\t\t\tdisplay: none;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tpadding: 18px;\r\n\t\t\t\tfont-size: 1.4rem;\r\n\t\t\t}\r\n\t\t\tul {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tpadding: 0 0 0 30px;\r\n\t\t\t\tli {\r\n\t\t\t\t\tmargin: 0 0 8px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.confirmWrap {\r\n\tpadding: 70px 0;\r\n\tbackground: url(../img/bg01.png) 50% 50% repeat;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 50px 0;\r\n\t}\r\n\t&--confirm2 {\r\n\t\tbackground: url(../img/bg02.webp) 50% 50% no-repeat !important;\r\n\t\tbackground-size: cover;\r\n\t}\r\n\t.confirmWrap__inner {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 auto 34px;\r\n\t\tpadding: 34px;\r\n\t\tcolor: $white;\r\n\t\tbackground: $black;\r\n\t\tborder-radius: 9px;\r\n\t\ttext-align: center;\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 3px;\r\n\t\t\tleft: 3px;\r\n\t\t\twidth: calc(100% - 10px);\r\n\t\t\theight: calc(100% - 10px);\r\n\t\t\tborder: 2px solid $white;\r\n\t\t\tborder-radius: 8px;\r\n\t\t\t@include z-index(article);\r\n\t\t}\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 auto 24px;\r\n\t\t\tpadding: 34px 10px;\r\n\t\t}\r\n\t}\r\n\t.confirmWrap__form1 {\r\n\t\tposition: relative;\r\n\t\tfont-size: 1.6rem;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t\t@include z-index(article2);\r\n\t\t#chkAgreement {\r\n\t\t\tmargin: 0 6px 0 0;\r\n\t\t}\r\n\t\t&__listcol {\r\n\t\t\tmargin: 14px 0 0 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\tjustify-content: center;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t}\r\n\t\t\tbutton {\r\n\t\t\t\tmargin: 0 1%;\r\n\t\t\t\twidth: 290px;\r\n\t\t\t\theight: 50px;\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tbackground: $white;\r\n\t\t\t\tborder: 2px solid $primary;\r\n\t\t\t\tborder-radius: 6px;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\t@include fadeinout;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tmargin: 0 2%;\r\n\t\t\t\t\twidth: 46%;\r\n\t\t\t\t\theight: 50px;\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&:disabled {\r\n\t\t\t\t\topacity: 0.4;\r\n\t\t\t\t\tpointer-events: none;\r\n\t\t\t\t}\r\n\t\t\t\t&.btnstart {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground: $secondary;\r\n\t\t\t\t}\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\topacity: 0.6;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.confirmWrap__col {\r\n\t\tposition: relative;\r\n\t\tmargin: 0;\r\n\t\tfont-size: 1.6rem;\r\n\t\t@include z-index(article2);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t\t.survey {\r\n\t\t\tmargin: 20px auto 0;\r\n\t\t\twidth: 260px;\r\n\t\t\theight: 54px;\r\n\t\t\tcolor: $blue2;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-decoration: none;\r\n\t\t\ttext-align: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tborder-radius: 100px;\r\n\t\t\tbackground: $white;\r\n\t\t\tbox-shadow: 5px 5px 0 rgba(255, 255, 255, 0.6);\r\n\t\t\t@include fadeinout;\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $white;\r\n\t\t\t\tbackground: $blue2;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.confirmWrap__txt {\r\n\t\tmargin: 0 0 30px;\r\n\t\tfont-size: 1.8rem;\r\n\t\tfont-weight: 700;\r\n\t\ttext-align: center;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 1.5rem;\r\n\t\t}\r\n\t\t&:last-child {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t&__logo {\r\n\t\t\twidth: 300px;\r\n\t\t\tmargin: 0 auto 20px;\r\n\t\t\tdisplay: block;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 60%;\r\n\t\t\t}\r\n\t\t\timg {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__banner {\r\n\t\t\twidth: 600px;\r\n\t\t\tmargin: 0 auto 14px;\r\n\t\t\tdisplay: block;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t\timg {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__fc {\r\n\t\t\twidth: 400px;\r\n\t\t\tmargin: 0 auto 14px;\r\n\t\t\tdisplay: block;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 90%;\r\n\t\t\t}\r\n\t\t\timg {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.nextstage {\r\n\t\tposition: relative;\r\n\t\twidth: 600px;\r\n\t\theight: 64px;\r\n\t\tmargin: 20px auto 0;\r\n\t\tpadding: 4px;\r\n\t\tfont-size: 1.7rem;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: $white;\r\n\t\ttext-decoration: none;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tborder-radius: 6px;\r\n\t\tborder: 6px solid $black;\r\n\t\tbox-sizing: border-box;\r\n\t\t@include z-index(topbtn);\r\n\t\t@include fadeinout;\r\n\t\tbackground: linear-gradient($yellow2, $brown);\r\n\t\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.7);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tbottom: -7px;\r\n\t\t\tpadding: 3px;\r\n\t\t\tfont-size: 1.5rem;\r\n\t\t\tline-height: 130%;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 54px;\r\n\t\t}\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -6px;\r\n\t\t\tleft: -6px;\r\n\t\t\twidth: calc(100% + 8px);\r\n\t\t\theight: calc(100% + 8px);\r\n\t\t\tborder: 2px solid $primary;\r\n\t\t\tborder-radius: 6px;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\topacity: 0.7;\r\n\t\t\tcolor: $white;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t}\r\n\t\tspan {\r\n\t\t\tposition: relative;\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttop: 1px;\r\n\t\t\t\twidth: 15px;\r\n\t\t\t\theight: 15px;\r\n\t\t\t\tmargin: 0 0 0 6px;\r\n\t\t\t\tbackground: url(../img/ico_arrow02.svg) 50% 50% no-repeat;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.comwrap {\r\n\t\tmargin: 0 0 20px;\r\n\t\ttext-align: center;\r\n\t\t&__h3 {\r\n\t\t\tmargin: 0 0 20px;\r\n\t\t\tpadding: 0;\r\n\t\t\tfont-size: 2rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tline-height: 140%;\r\n\t\t}\r\n\t\t&__listcol {\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\t&--list2 {\r\n\t\t\t\t&__col {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmargin: 0 0 30px 0;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\twidth: 48%;\r\n\t\t\t\t\t\tmargin: 0 4% 12px 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__col {\r\n\t\t\t\twidth: 48.5%;\r\n\t\t\t\tmargin: 0 3% 30px 0;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 48%;\r\n\t\t\t\t\tmargin: 0 4% 12px 0;\r\n\t\t\t\t}\r\n\t\t\t\t&:nth-child(2n) {\r\n\t\t\t\t\tmargin: 0 0 30px;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tmargin: 0 0 12px 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__button {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 120px;\r\n\t\t\t\t\tcolor: $dark;\r\n\t\t\t\t\tfont-size: 2.8rem;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tbackground: $white;\r\n\t\t\t\t\tborder: 3px solid $black;\r\n\t\t\t\t\tborder-radius: 10px;\r\n\t\t\t\t\tbox-shadow: 5px 5px 0 rgba(255, 255, 255, 0.5);\r\n\t\t\t\t\t@include fadeinout;\r\n\t\t\t\t\t@media screen and (max-width: 1000px) {\r\n\t\t\t\t\t\tfont-size: 2.6vw;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\theight: 80px;\r\n\t\t\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\t\t\tline-height: 120%;\r\n\t\t\t\t\t\tbox-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\tbackground: $blue2;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#endingPage {\r\n\tbackground: url(../img/bg01.png) 50% 50% repeat;\r\n}\r\n\r\n#noticeWrap {\r\n\tpadding: 70px 0;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 30px 0;\r\n\t}\r\n\t.noticeWrap__h2 {\r\n\t\tmargin: 0 0 30px 0;\r\n\t\tpadding: 0;\r\n\t\tfont-size: 2.4rem;\r\n\t\tline-height: 150%;\r\n\t\ttext-align: center;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 1.8rem;\r\n\t\t\tmargin: 0 0 20px 0;\r\n\t\t}\r\n\t}\r\n\t.noticeWrap__listcol {\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\t&__col {\r\n\t\t\twidth: 48.5%;\r\n\t\t\tmargin: 0 3% 34px 0;\r\n\t\t\tbackground: $white;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0 0 14px 0;\r\n\t\t\t}\r\n\t\t\t&:nth-child(2n) {\r\n\t\t\t\tmargin: 0 0 34px;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tmargin: 0 0 14px 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__link {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\topacity: 0.6;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__img {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tpadding: 52.58% 0 0 0;\r\n\t\t\t\tbackground-size: cover !important;\r\n\t\t\t\tborder-radius: 10px 10px 0 0;\r\n\t\t\t}\r\n\t\t\t&__movie {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tpadding: 52.58% 0 0 0;\r\n\t\t\t\tbackground-size: cover !important;\r\n\t\t\t\tborder-radius: 10px 10px 0 0;\r\n\t\t\t\tiframe {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__txt {\r\n\t\t\t\tpadding: 14px;\r\n\t\t\t\tfont-size: 1.4rem;\r\n\t\t\t\tcolor: $black;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tstrong {\r\n\t\t\t\t\tfont-size: 1.7rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__button {\r\n\t\t\t\tmargin: 10px auto 0;\r\n\t\t\t\twidth: 200px;\r\n\t\t\t\theight: 50px;\r\n\t\t\t\tcolor: $white;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tbackground: $secondary;\r\n\t\t\t\tborder-radius: 6px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#dlWrap {\r\n\tpadding: 70px 0;\r\n\tbackground: $black;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 50px 0;\r\n\t}\r\n\t.dlWrap__inner {\r\n\t\twidth: 640px;\r\n\t\tmargin: 0 auto;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t\t&__h2 {\r\n\t\t\tmargin: 0 0 30px;\r\n\t\t\tpadding: 0;\r\n\t\t\tfont-size: 3rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-align: center;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tfont-size: 2.4rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__img {\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 0 20px;\r\n\t\tbackground-size: cover !important;\r\n\t\tborder-radius: 8px;\r\n\t\tborder: 3px solid $white;\r\n\t}\r\n\t&__dl {\r\n\t\tmargin: 0 auto;\r\n\t\twidth: 160px;\r\n\t\theight: 36px;\r\n\t\tfont-size: 1.4rem;\r\n\t\tfont-weight: 700;\r\n\t\ttext-decoration: none;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: $white;\r\n\t\ttext-shadow: 1px 1px 0 $black, -1px -1px 0 $black, -1px 1px 0 $black, 1px -1px 0 $black, 0px 1px 0 $black,\r\n\t\t\t0-1px 0 $black, -1px 0 0 $black, 1px 0 0 $black;\r\n\t\tborder: 1px solid $primary;\r\n\t\tbackground: $secondary;\r\n\t\tborder-radius: 6px;\r\n\t\t@include fadeinout;\r\n\t\t&:hover {\r\n\t\t\topacity: 0.6;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#game {\r\n\tposition: relative;\r\n\tbackground: none !important;\r\n\t&::before {\r\n\t\tcontent: \"\";\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground: url(../img/bg04.webp) 50% 50% no-repeat;\r\n\t\tbackground-size: cover;\r\n\t\t@include z-index(mainbg);\r\n\t}\r\n\t#btnBack {\r\n\t\tposition: fixed;\r\n\t\ttop: 14px;\r\n\t\tleft: 0;\r\n\t\tpadding: 0 8px 0 0;\r\n\t\twidth: 70px;\r\n\t\theight: 70px;\r\n\t\tfont-size: 3.4rem;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: $white;\r\n\t\tbackground: $black;\r\n\t\tborder-radius: 0 100px 100px 0;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tz-index: 999;\r\n\t\t@include z-index(article3);\r\n\t\tborder: none;\r\n\t\tcursor: pointer;\r\n\t\t@include fadeinout;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 54px;\r\n\t\t\theight: 54px;\r\n\t\t\tpadding: 0 4px 0 0;\r\n\t\t\tfont-size: 2.8rem;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground: $blue;\r\n\t\t}\r\n\t}\r\n\tmain {\r\n\t\tposition: relative;\r\n\t}\r\n\t.gameWrap {\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100vh;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\t&__gameWrap2 {\r\n\t\t\tposition: relative !important;\r\n\t\t\tmargin: 60px 0;\r\n\t\t\theight: auto;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tposition: fixed !important;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\theight: 100vh;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__gameWrap3 {\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tposition: relative !important;\r\n\t\t\t\tmargin: 60px 0;\r\n\t\t\t\theight: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__inner {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tpadding: 34px;\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground: $black;\r\n\t\t\tborder-radius: 9px;\r\n\t\t\ttext-align: center;\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 3px;\r\n\t\t\t\tleft: 3px;\r\n\t\t\t\twidth: calc(100% - 10px);\r\n\t\t\t\theight: calc(100% - 10px);\r\n\t\t\t\tborder: 2px solid $white;\r\n\t\t\t\tborder-radius: 8px;\r\n\t\t\t\t@include z-index(article);\r\n\t\t\t\tbox-sizing: content-box !important;\r\n\t\t\t}\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0 auto 24px;\r\n\t\t\t\tpadding: 34px 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__area {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\t\t\t@include z-index(article2);\r\n\t\t\t&__movie {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\twidth: 64%;\r\n\t\t\t\tmargin: 0 auto 20px;\r\n\t\t\t\tpadding: 36% 0 0 0;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tpadding: 62% 0 0 0;\r\n\t\t\t\t}\r\n\t\t\t\tiframe {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__txt {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\tline-height: 150%;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tfont-size: 1.4rem;\r\n\t\t\t\t}\r\n\t\t\t\t&__index {\r\n\t\t\t\t\tmargin: 0 0 30px;\r\n\t\t\t\t\tfont-size: 3.4rem;\r\n\t\t\t\t\tline-height: 140%;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tmargin: 0 0 20px;\r\n\t\t\t\t\t\tfont-size: 1.9rem;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__index2 {\r\n\t\t\t\t\tmargin: 20px 0 10px;\r\n\t\t\t\t\tfont-size: 2.4rem;\r\n\t\t\t\t\tline-height: 140%;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t#roomId {\r\n\t\t\t\t\tmargin: 0 auto 10px;\r\n\t\t\t\t\tpadding: 8px;\r\n\t\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tborder: 1px solid rgba(255, 255, 255, 0.5);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t#joinPlayForm #roomId {\r\n\t\t\t\tmargin: 0 auto 10px;\r\n\t\t\t\tpadding: 8px;\r\n\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\tcolor: $white;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tborder: 1px solid rgba(255, 255, 255, 0.5) !important;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\t\t\t&__btnbox {\r\n\t\t\t\tmargin: 34px auto 0;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tmargin: 24px auto 0;\r\n\t\t\t\t\twidth: 90%;\r\n\t\t\t\t}\r\n\t\t\t\t&__btnbox2 {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t.gameWrap__area__btnbox__button {\r\n\t\t\t\t\t\twidth: 70% !important;\r\n\t\t\t\t\t\tmax-width: 400px !important;\r\n\t\t\t\t\t\tmargin: 0 auto 14px !important;\r\n\t\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\t\twidth: 100% !important;\r\n\t\t\t\t\t\t\tmax-width: 100% !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.gameWrap__area__btnbox__button2 {\r\n\t\t\t\t\t\tmargin: 0 auto 14px;\r\n\t\t\t\t\t\theight: auto;\r\n\t\t\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\t\t\tcolor: $primary;\r\n\t\t\t\t\t\tbackground: none;\r\n\t\t\t\t\t\tborder: none;\r\n\t\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\t\tbackground: none;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t&:disabled {\r\n\t\t\t\t\t\t\tcolor: $gray;\r\n\t\t\t\t\t\t\tpointer-events: none;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__button {\r\n\t\t\t\t\twidth: 40%;\r\n\t\t\t\t\tmax-width: 290px;\r\n\t\t\t\t\theight: 60px;\r\n\t\t\t\t\tmargin: 0 1%;\r\n\t\t\t\t\tfont-size: 2rem;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\tcolor: $black;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\tborder: 2px solid $primary;\r\n\t\t\t\t\tborder-radius: 6px;\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t@include fadeinout;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\tmax-width: 100%;\r\n\t\t\t\t\t\tmargin: 6px 0;\r\n\t\t\t\t\t\theight: 50px;\r\n\t\t\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\tbackground: $secondary;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:disabled {\r\n\t\t\t\t\t\tpointer-events: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t#playerSelector {\r\n\t\tfont-size: 1.6rem;\r\n\t}\r\n}\r\n","// modal用のmoduleを記述（例）\r\n.fancybox-slide--iframe .fancybox-content {\r\n\tbackground: $black !important;\r\n}\r\n.modal__about {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttext-align: center;\r\n\tmargin: 0 auto;\r\n\tpadding: 60px 0;\r\n\tz-index: 9000;\r\n\toverflow-y: scroll;\r\n\tbox-sizing: border-box;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tdisplay: none;\r\n\t.modal__about__bg {\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tposition: fixed;\r\n\t\tbackground: rgba(0, 0, 0, 0.9);\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t@include z-index(mainbg);\r\n\t}\r\n\t.modal__about__inner {\r\n\t\twidth: 80%;\r\n\t\tmax-width: 800px;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 40px 24px;\r\n\t\toverflow-y: auto;\r\n\t\tcolor: $txt;\r\n\t\tbackground: $white;\r\n\t\tborder-radius: 14px;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 92%;\r\n\t\t\tmax-width: 92%;\r\n\t\t\tpadding: 40px 4%;\r\n\t\t}\r\n\t\t&--ex {\r\n\t\t\twidth: 90%;\r\n\t\t\tmax-width: 920px;\r\n\t\t}\r\n\t}\r\n\t.modal__about__col {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 auto 50px;\r\n\t\tline-height: 150%;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmargin: 0 auto 34px;\r\n\t\t}\r\n\t\t&:last-child {\r\n\t\t\tmargin: 0 auto !important;\r\n\t\t}\r\n\t}\r\n\t.modal__about__col__h3 {\r\n\t\tposition: relative;\r\n\t\tmargin: 0 auto 50px;\r\n\t\tpadding: 0;\r\n\t\tfont-size: 3em;\r\n\t\tline-height: 120%;\r\n\t\t@include z-index(articlelink);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmargin: 0 auto 40px;\r\n\t\t\tfont-size: 2em;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbottom: -18px;\r\n\t\t\twidth: 140px;\r\n\t\t\theight: 4px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tbackground: $secondary;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n\t.modal__about__col__h4 {\r\n\t\tposition: relative;\r\n\t\tmargin: 0 auto 16px;\r\n\t\tpadding: 8px;\r\n\t\tfont-size: 2em;\r\n\t\tfont-weight: 700;\r\n\t\tline-height: 130%;\r\n\t\tcolor: $white;\r\n\t\tbackground: $blue;\r\n\t\tborder-radius: 100px;\r\n\t\t@include z-index(articlelink);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmargin: 0 auto 14px;\r\n\t\t\tpadding: 4px 10px;\r\n\t\t\tfont-size: 1.7em;\r\n\t\t}\r\n\t}\r\n\t.modal__about__col__txt {\r\n\t\twidth: 90%;\r\n\t\tmargin: 0 auto;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 1.8em;\r\n\t\tfont-weight: 500;\r\n\t\tline-height: 200%;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 98%;\r\n\t\t\tfont-size: 1.6em;\r\n\t\t}\r\n\t\timg {\r\n\t\t\tmargin: 0 auto;\r\n\t\t\twidth: 70%;\r\n\t\t\tmax-width: 400px;\r\n\t\t\theight: auto;\r\n\t\t\tborder: 1px solid $white;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\t&--img {\r\n\t\t\twidth: 100% !important;\r\n\t\t\tmax-width: 100% !important;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t}\r\n\t.modal__about__col__listbox {\r\n\t\tmargin: 0 auto 50px;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\t.modal__about__col__box {\r\n\t\twidth: 49%;\r\n\t\tmargin: 0 2% 18px 0;\r\n\t\tpadding: 0;\r\n\t\tborder-radius: 10px;\r\n\t\tbox-shadow: 0 0 8px rgba(0, 0, 0, 0.2);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 0 18px;\r\n\t\t}\r\n\t\t&:nth-child(2n) {\r\n\t\t\tmargin: 0 0 18px;\r\n\t\t}\r\n\t\t&__img {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 0 12px;\r\n\t\t\timg {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tborder-radius: 10px 10px 0 0;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__txt {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0 14px 20px;\r\n\t\t\tfont-size: 1.6rem;\r\n\t\t\t&--tt {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tpadding: 0 0 4px 0;\r\n\t\t\t\tfont-size: 4rem;\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tline-height: 120%;\r\n\t\t\t\tfont-style: italic;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tfont-size: 3rem;\r\n\t\t\t\t}\r\n\t\t\t\t&--blue {\r\n\t\t\t\t\tcolor: $blue;\r\n\t\t\t\t}\r\n\t\t\t\t&--red {\r\n\t\t\t\t\tcolor: $red;\r\n\t\t\t\t}\r\n\t\t\t\t&--yellow {\r\n\t\t\t\t\tcolor: $primary;\r\n\t\t\t\t}\r\n\t\t\t\t&--teal {\r\n\t\t\t\t\tcolor: $teal;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.modal__about__col__listbox2 {\r\n\t\tmargin: 0 auto 50px;\r\n\t\tpadding: 24px 0 0 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmargin: 0 auto 34px;\r\n\t\t\tpadding: 14px 0 0 0;\r\n\t\t}\r\n\t\t.modal__about__col__box {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 31.66%;\r\n\t\t\tmargin: 0 2% 18px 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tbox-shadow: 0 0 8px rgba(0, 0, 0, 0.2);\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0 0 18px 0;\r\n\t\t\t}\r\n\t\t\t&:nth-child(3n) {\r\n\t\t\t\tmargin: 0 0 18px;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__num {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: -17px;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\twidth: 34px;\r\n\t\t\t\theight: 34px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tcolor: $white;\r\n\t\t\t\tfont-size: 2rem;\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tbackground: $primary;\r\n\t\t\t\tborder-radius: 100%;\r\n\t\t\t}\r\n\t\t\t&__img {\r\n\t\t\t\twidth: 50%;\r\n\t\t\t\tmargin: 14px auto 0;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 40%;\r\n\t\t\t\t}\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: auto;\r\n\t\t\t\t\tborder-radius: 10px 10px 0 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__txt {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tpadding: 0 14px 14px;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tfont-size: 1.3rem;\r\n\t\t\t\t}\r\n\t\t\t\t&--tt {\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\tpadding: 0 0 4px 0;\r\n\t\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\tline-height: 120%;\r\n\t\t\t\t\tfont-style: normal;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.modal__about__col__listcol {\r\n\t\tmargin: 0 0 10px;\r\n\t\tpadding: 0;\r\n\t\tlist-style-type: none;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\t.modal__about__col__li {\r\n\t\twidth: 33%;\r\n\t\tmargin: 0 0.16% 0.01%;\r\n\t\tpadding: 0;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 49%;\r\n\t\t\tmargin: 0 0.5% 10px;\r\n\t\t}\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t}\r\n\t.modal__about__col__movie {\r\n\t\tposition: relative;\r\n\t\twidth: 80%;\r\n\t\tmargin: 0 auto 30px;\r\n\t\tpadding: 45.25% 0 0 0;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 auto 20px;\r\n\t\t}\r\n\t\tiframe {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n\t.modal__about__close {\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\twidth: 50px;\r\n\t\theight: 50px;\r\n\t\tcursor: pointer;\r\n\t\tbackground: $primary;\r\n\t\tborder: none;\r\n\t\t@include fadeinout;\r\n\t\t&:hover {\r\n\t\t\tbackground: $gray;\r\n\t\t}\r\n\t\tspan {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\twidth: 60%;\r\n\t\t\theight: 2px;\r\n\t\t\tbackground: $white;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\ttransition: all 0.4s;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:nth-of-type(1) {\r\n\t\t\t\ttop: 20px;\r\n\t\t\t\ttransform: translateY(4px) rotate(-315deg);\r\n\t\t\t}\r\n\t\t\t&:nth-of-type(2) {\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\t\t\t&:nth-of-type(3) {\r\n\t\t\t\tbottom: 20px;\r\n\t\t\t\ttransform: translateY(-4px) rotate(315deg);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.modal__about__com__h3 {\r\n\ttext-indent: 0 !important;\r\n\tfont-size: 2.4em;\r\n\tfont-weight: 700;\r\n\tline-height: 140%;\r\n}\r\n.modal__about__com__h4 {\r\n\tfont-size: 1.4em;\r\n\tcolor: $secondary;\r\n}\r\n\r\n.modal__about2 {\r\n\tdisplay: flex;\r\n\talign-items: center !important;\r\n\tjustify-content: center !important;\r\n\toverflow: hidden;\r\n\tdisplay: none;\r\n\t.modal__about__col {\r\n\t\tposition: relative;\r\n\t\twidth: 900px !important;\r\n\t\tmargin: 0 auto;\r\n\t\tline-height: 150%;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 92% !important;\r\n\t\t}\r\n\t}\r\n\t.modal__about__close {\r\n\t\tposition: absolute !important;\r\n\t\ttop: -25px !important;\r\n\t\tright: -25px !important;\r\n\t\tborder-radius: 100%;\r\n\t\tbackground: $primary !important;\r\n\t}\r\n\t.modal__about__col__movie {\r\n\t\tposition: relative;\r\n\t\twidth: 100% !important;\r\n\t\tpadding: 56.25% 0 0 0 !important;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 auto 20px;\r\n\t\t}\r\n\t}\r\n}\r\n"]}