body.home{background-color:#c2374f;overflow:hidden}#loading{position:fixed;bottom:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999999999;overflow:hidden;background-color:#000;clip-path:circle(100%)}#loading figure{opacity:0;width:15%;height:auto;display:block;z-index:9;position:relative}@media screen and (max-width:1440px){#loading figure{width:25%}}@media screen and (max-width:1023px){#loading figure{width:35%}}@media screen and (max-width:767px){#loading figure{width:50%}}#loading .flexWrap{width:100%;height:100%;position:absolute;top:0;left:0}#loading .flexWrap .item{position:relative}#loading .flexWrap .item:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}#loading.load figure{opacity:1;transition:.75s ease all}#loading.fadeout figure{opacity:0;transition:1s ease all}#loading.open{transition:.75s ease-in-out all;clip-path:circle(0%)}#mainVisual{background-color:#000;width:100%;height:auto;aspect-ratio:16/11;position:relative;display:block}@media screen and (max-width:1366px){#mainVisual{aspect-ratio:16/10}}@media screen and (max-width:1023px){#mainVisual{aspect-ratio:inherit;height:106vh}}@media screen and (max-width:767px){#mainVisual{aspect-ratio:inherit;height:auto}}#mainVisual.active .inner .lead figure{animation:fadein .75s .5s ease forwards}#mainVisual.active .inner .lead h2{animation:fadein .75s .6s ease forwards}#mainVisual.active .inner .lead .scrl{animation:fadein .75s .7s ease forwards}#mainVisual.active .inner .lead .scrl>figure{animation:fadein .75s .7s ease forwards}#mainVisual.active .flexWrap .item .item_inner{overflow:hidden;animation:intro 2.4s ease forwards}@media screen and (max-width:1279px){#mainVisual.active .flexWrap .item .item_inner{animation:intro_tb 2.4s ease forwards}}@media screen and (max-width:767px){#mainVisual.active .flexWrap .item .item_inner{animation:intro_sp 2.4s ease forwards}}#mainVisual.active .flexWrap .item:nth-child(1):before{height:0;transition:.5s .2s ease-out all}#mainVisual.active .flexWrap .item:nth-child(2):before{height:0;transition:.5s .1s ease-out all}#mainVisual.active .flexWrap .item:nth-child(3):before{height:0;transition:.5s 0s ease-out all}#mainVisual.active .flexWrap .item:nth-child(4):before{height:0;transition:.5s .1s ease-out all}#mainVisual.active .flexWrap .item:nth-child(5):before{height:0;transition:.5s .2s ease-out all}#mainVisual .inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;z-index:2;min-height:600px}@media screen and (max-width:767px){#mainVisual .inner{align-items:last baseline}}#mainVisual .inner .lead{width:100%;padding-top:10%}@media screen and (max-width:1536px){#mainVisual .inner .lead{padding-top:15%}}@media screen and (max-width:1280px){#mainVisual .inner .lead{padding-top:16%}}@media screen and (max-width:1024px){#mainVisual .inner .lead{padding-top:25%}}@media screen and (max-width:1023px){#mainVisual .inner .lead{padding-top:50%}}@media screen and (max-width:767px){#mainVisual .inner .lead{padding-top:0;padding-bottom:120px}}#mainVisual .inner .lead figure{opacity:0;width:20%;margin:0 auto 2vh}@media screen and (max-width:1280px){#mainVisual .inner .lead figure{width:30%}}@media screen and (max-width:1023px){#mainVisual .inner .lead figure{width:50%}}@media screen and (max-width:767px){#mainVisual .inner .lead figure{width:250px;margin-bottom:20px}}#mainVisual .inner .lead figure img{filter:drop-shadow(0px 5px 10px rgba(0,0,0,.15))}#mainVisual .inner .lead h2{opacity:0;font-size:1.8vw;line-height:1;font-weight:600;color:#fff;text-align:center;text-shadow:0px 3px 10px rgba(0,0,0,.5)}@media screen and (max-width:1280px){#mainVisual .inner .lead h2{font-size:2.4rem}}@media screen and (max-width:1023px){#mainVisual .inner .lead h2{font-size:2.7rem}}@media screen and (max-width:767px){#mainVisual .inner .lead h2{font-size:3rem;line-height:1.4;text-align:center}}@media screen and (max-width:767px){#mainVisual .inner .lead h2 span{display:none}}#mainVisual .inner .lead .scrl{opacity:0;width:100px;height:100px;display:block;margin:50px auto 0;transition:.3s ease all}@media screen and (max-width:1280px){#mainVisual .inner .lead .scrl{bottom:35px}}@media screen and (max-width:767px){#mainVisual .inner .lead .scrl{display:none}}#mainVisual .inner .lead .scrl>figure{width:100%;height:100%;display:block;animation:kaiten 15s linear infinite;position:absolute;top:0;left:0;opacity:0}#mainVisual .inner .lead .scrl a{width:100px;height:100px;display:flex;justify-content:center;align-items:center;z-index:9;position:relative}#mainVisual .inner .lead .scrl a img{width:25%;height:auto;display:block}#mainVisual .inner .lead .scrl:hover{opacity:.5}#mainVisual .deco{width:100%;height:auto;position:absolute;left:0;bottom:-5px}@media screen and (max-width:767px){#mainVisual .deco{width:calc(100% + 60px);left:-30px}}#mainVisual .flexWrap{width:100%;height:100%;position:relative;z-index:0}#mainVisual .flexWrap:before{content:'';width:100%;height:60%;left:0;bottom:0;display:block;background-image:linear-gradient(180deg,rgba(255,255,255,0),#000);position:absolute;z-index:9}@media screen and (max-width:767px){#mainVisual .flexWrap:before{height:70%}}#mainVisual .flexWrap.col-4 .item{width:25%}@media screen and (max-width:1023px){#mainVisual .flexWrap.col-4 .item{width:33.333%}}@media screen and (max-width:767px){#mainVisual .flexWrap.col-4 .item{width:33.333%}}#mainVisual .flexWrap .item{position:relative;overflow:hidden}#mainVisual .flexWrap .item .item_inner{width:100%;height:100%;display:block;position:relative;top:0;left:0;filter:grayscale(100%);background-position:center;background-repeat:no-repeat;background-size:cover}#mainVisual .flexWrap .item:before{content:'';width:100%;height:125%;display:block;background-color:#c2374f;position:absolute;bottom:0;left:0;z-index:99;border-radius:300px 300px 0 0}#mainVisual .flexWrap .item:nth-child(1) .item_inner{background-color:#000;background-image:url(//doope.net/wp-content/themes/doope_theme/css/../images/index/mv_01.jpg)}@media screen and (max-width:1023px){#mainVisual .flexWrap .item:nth-child(1){display:none}}#mainVisual .flexWrap .item:nth-child(2) .item_inner{background-color:#1a1311;background-image:url(//doope.net/wp-content/themes/doope_theme/css/../images/index/mv_03.jpg)}#mainVisual .flexWrap .item:nth-child(3) .item_inner{background-color:#000;background-image:url(//doope.net/wp-content/themes/doope_theme/css/../images/index/mv_04.jpg)}#mainVisual .flexWrap .item:nth-child(4) .item_inner{background-color:#1a1311;background-image:url(//doope.net/wp-content/themes/doope_theme/css/../images/index/mv_05.jpg)}#mainVisual .flexWrap .item:nth-child(5) .item_inner{background-color:#000;background-image:url(//doope.net/wp-content/themes/doope_theme/css/../images/index/mv_05.jpg)}@media screen and (max-width:1023px){#mainVisual .flexWrap .item:nth-child(5){display:none}}.article{padding:0 0 200px}@media screen and (max-width:1279px){.article{padding:0 0 150px}}@media screen and (max-width:1023px){.article{padding:0 0 100px}}.title{position:relative;color:#fff}.title .en{font-size:4.2rem;font-weight:700;line-height:1;margin-bottom:10px;letter-spacing:2px}@media screen and (max-width:1536px){.title .en{font-size:3.6rem}}@media screen and (max-width:1023px){.title .en{font-size:3.2rem}}@media screen and (max-width:767px){.title .en{font-size:3rem}}.title h2{font-size:1.8rem;font-weight:600}@media screen and (max-width:1536px){.title h2{font-size:1.6rem}}@media screen and (max-width:1023px){.title h2{font-size:1.5rem}}@media screen and (max-width:767px){.title h2{font-size:1.4rem}}#about{position:relative;padding-top:120px}@media screen and (max-width:1536px){#about{padding-top:75px}}@media screen and (max-width:1023px){#about{padding-top:50px}}@media screen and (max-width:767px){#about{padding-top:50px}}#about .loop{position:absolute;top:15%;left:0;opacity:.1}@media screen and (max-width:1920px){#about .loop{top:30%}}@media screen and (max-width:1536px){#about .loop{top:27%}}@media screen and (max-width:1023px){#about .loop{top:38%}}@media screen and (max-width:767px){#about .loop{top:35%}}#about .container .flexWrap{justify-content:center;align-items:center}@media screen and (max-width:1279px){#about .container .flexWrap{justify-content:inherit;align-items:inherit}}@media screen and (max-width:1023px){#about .container .flexWrap{width:500px;margin:0 auto;display:inherit;flex-wrap:inherit}}@media screen and (max-width:767px){#about .container .flexWrap{width:auto;margin:0 auto;padding-top:0}}@media screen and (max-width:1023px){#about .container .flexWrap .item{width:100% !important}}#about .container .flexWrap:nth-child(1){margin-bottom:50px}@media screen and (max-width:767px){#about .container .flexWrap:nth-child(1){margin-bottom:0}}#about .container .flexWrap .item{position:relative}#about .container .flexWrap .item .item_inner{color:#fff}#about .container .flexWrap .item .item_inner.top{padding-left:20%}@media screen and (max-width:1023px){#about .container .flexWrap .item .item_inner.top{width:100% !important;padding-left:0}}#about .container .flexWrap .item .item_inner .en{line-height:1;font-weight:600;padding-bottom:25px;font-size:2.4rem;letter-spacing:2px;overflow:hidden}@media screen and (max-width:1536px){#about .container .flexWrap .item .item_inner .en{font-size:2.1rem;padding-bottom:15px}}@media screen and (max-width:1279px){#about .container .flexWrap .item .item_inner .en{margin-top:50px}}@media screen and (max-width:1023px){#about .container .flexWrap .item .item_inner .en{text-align:center}}@media screen and (max-width:767px){#about .container .flexWrap .item .item_inner .en{text-align:left;font-size:1.8rem;margin-bottom:5px;margin-top:0}}#about .container .flexWrap .item .item_inner .en span{display:inline-block;overflow:hidden;position:relative;margin-top:20px;left:-100%}#about .container .flexWrap .item .item_inner .en span:before{position:absolute;background-color:#fff;width:100%;height:100%;top:0;left:0;content:'';display:block}#about .container .flexWrap .item .item_inner h2{font-size:5.4rem}@media screen and (max-width:1536px){#about .container .flexWrap .item .item_inner h2{font-size:4.8rem}}@media screen and (max-width:1279px){#about .container .flexWrap .item .item_inner h2{font-size:4.2rem}}@media screen and (max-width:1023px){#about .container .flexWrap .item .item_inner h2{width:350px;margin-left:85px}}@media screen and (max-width:767px){#about .container .flexWrap .item .item_inner h2{width:auto;margin-left:0;font-size:3.6rem}}#about .container .flexWrap .item .item_inner h2 p{line-height:1;font-weight:600;overflow:hidden}#about .container .flexWrap .item .item_inner h2 p span{display:inline-block;overflow:hidden;position:relative;margin-top:20px;left:-100%}#about .container .flexWrap .item .item_inner h2 p span:before{position:absolute;background-color:#fff;width:100%;height:100%;top:0;left:0;content:'';display:block}#about .container .flexWrap .item .item_inner h3{opacity:0;margin-bottom:50px;font-weight:500;font-size:1.8rem;line-height:2.2}@media screen and (max-width:1536px){#about .container .flexWrap .item .item_inner h3{font-size:1.6rem}}@media screen and (max-width:1279px){#about .container .flexWrap .item .item_inner h3{line-height:1.8}}@media screen and (max-width:767px){#about .container .flexWrap .item .item_inner h3{font-size:1.6rem;line-height:1.8;margin-bottom:35px}}#about .container .flexWrap .item .item_inner .btn{opacity:0;float:right}@media screen and (max-width:1023px){#about .container .flexWrap .item .item_inner .btn{float:none;margin:0 auto}}#about .container .flexWrap .item figure{opacity:0;overflow:hidden;border-radius:50%}@media screen and (max-width:1023px){#about .container .flexWrap .item figure{margin-bottom:25px}}#about .container .flexWrap .item figure:nth-child(1){width:100%}#about .container .flexWrap .item figure:nth-child(2){width:35%;position:absolute;bottom:-5%;left:-10%}@media screen and (max-width:767px){#about .container .flexWrap .item figure:nth-child(2){left:0;bottom:-10%}}#about .container .flexWrap.active .item .en span{left:0;transition:.5s ease all}#about .container .flexWrap.active .item .en span:before{left:100%;transition:.75s .5s ease all}#about .container .flexWrap.active .item h2 p span{left:0;transition:.75s ease all}#about .container .flexWrap.active .item h2 p span:before{left:100%;transition:.75s .5s ease all}#about .container .flexWrap.active .item h3{animation:btmin .75s .5s ease forwards}#about .container .flexWrap.active .item .btn{animation:btmin .75s .75s ease forwards}#about .container .flexWrap.active .item figure:nth-child(1){animation:btmin .75s .5s ease forwards}#about .container .flexWrap.active .item figure:nth-child(2){animation:btmin .75s .75s ease forwards}@media screen and (max-width:1023px){#about .container .flexWrap.reverse .item{width:100%}}#about .container .flexWrap.reverse .item figure:nth-child(2){left:inherit;right:-10%}@media screen and (max-width:767px){#about .container .flexWrap.reverse .item figure:nth-child(2){right:0}}#about .container .flexWrap.reverse.active .item h3{animation:btmin .75s .5s ease forwards}#about .container .flexWrap.reverse.active .item .btn{animation:btmin .75s .75s ease forwards}#about .container .flexWrap.reverse.active .item figure:nth-child(1){animation:btmin .75s ease forwards}#about .container .flexWrap.reverse.active .item figure:nth-child(2){animation:btmin .75s .25s ease forwards}#shop .container{position:relative;margin-bottom:150px}@media screen and (max-width:1023px){#shop .container{max-width:inherit !important}}@media screen and (max-width:767px){#shop .container{margin-bottom:75px}}#shop .container .mainImg{opacity:0;border-radius:500px;display:block;margin:0 -50px;width:auto;height:700px;overflow:hidden}@media screen and (max-width:1536px){#shop .container .mainImg{height:540px}}@media screen and (max-width:1279px){#shop .container .mainImg{margin:0;width:auto;aspect-ratio:10/5;height:auto}}@media screen and (max-width:1023px){#shop .container .mainImg{aspect-ratio:10/5;height:auto;border-radius:250px;margin:0 auto}}@media screen and (max-width:767px){#shop .container .mainImg{aspect-ratio:1/1;border-radius:50%;background-color:#000}}#shop .container .mainImg.active{animation:btmin .5s ease forwards}#shop .container .welcome{opacity:0;width:50%;height:auto;position:absolute;bottom:-80px;right:-50px}@media screen and (max-width:1279px){#shop .container .welcome{bottom:-40px;right:-30px;width:40%}}@media screen and (max-width:1023px){#shop .container .welcome{bottom:-35px;right:50px;width:40%}}@media screen and (max-width:767px){#shop .container .welcome{width:70%;bottom:-20px;right:10px}}#shop .container .welcome.active{animation:leftin .5s ease forwards}#shop>.inner{margin-left:calc( 50% - 640px );position:relative;z-index:9}@media screen and (max-width:1536px){#shop>.inner{margin-left:calc(50% - 540px)}}@media screen and (max-width:1279px){#shop>.inner{margin-left:calc(50% - 420px)}}@media screen and (max-width:1023px){#shop>.inner{margin-left:calc( 50% - 320px );margin-top:-60px}}@media screen and (max-width:767px){#shop>.inner{margin-left:0;margin-top:0;padding:0 20px}}#shop>.inner.active .title{animation:btmin .5s ease forwards}#shop>.inner.active .swiper-container{animation:btmin .5s .1s ease forwards}#shop>.inner .title{opacity:0}@media screen and (max-width:767px){#shop>.inner .title{text-align:center}}#shop>.inner .swiper-container{opacity:0;margin-top:50px;margin-right:-20%}@media screen and (max-width:1023px){#shop>.inner .swiper-container{margin-top:50px;margin-right:-100px}}@media screen and (max-width:767px){#shop>.inner .swiper-container{margin-top:50px;margin-right:0}}#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a{display:block;overflow:hidden;border-radius:10px;color:#000;background-color:#fff;transition:.3s ease all}#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a:hover figure img{transform:scale(1.1);opacity:.8}#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a>.inner{padding:50px 35px;position:relative}@media screen and (max-width:1536px){#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a>.inner{padding:40px 25px}}#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a>.inner h3{font-size:2.4rem;font-weight:600;line-height:1;margin-top:10px}@media screen and (max-width:1536px){#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a>.inner h3{font-size:2.1rem}}#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a>.inner h3 span{font-size:1.2rem;font-weight:500;display:block;margin-top:10px}@media screen and (max-width:1536px){#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a>.inner h3 span{font-size:1.1rem}}#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a>.inner p{width:90px;height:100px;position:absolute;top:50%;margin-top:-50px;right:40px;display:flex;justify-content:center;align-items:center}@media screen and (max-width:1536px){#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a>.inner p{width:70px;height:100px;right:30px}}#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a>.inner p>img{width:100%;height:auto}#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a figure{position:relative;overflow:hidden;aspect-ratio:3/2;background-color:#1a1311}#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a figure img{transition:.3s ease all}#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a figure .cat{text-align:center;line-height:20px;padding:0 20px;height:24px;line-height:24px;color:#000;font-size:1.3rem;display:block;position:absolute;right:15px;top:13px;background-color:#409d9c;border-radius:12px;font-weight:500;z-index:9;color:#fff}@media screen and (max-width:1023px){#shop>.inner .swiper-container .swiper-wrapper .swiper-slide a figure .cat{font-size:1.2rem}}#shop>.inner .sliderNav{width:101px;height:50px;position:relative;position:absolute;top:0;right:calc( 50% - 480px)}@media screen and (max-width:1536px){#shop>.inner .sliderNav{right:calc( 50% - 440px)}}#shop>.inner .sliderNav:before{content:'';width:1px;height:50px;display:block;background-color:#fff;position:absolute;left:50px;top:0}#shop>.inner .sliderNav .slider_next,#shop>.inner .sliderNav .slider_prev{padding:0 15px;display:flex;justify-content:center;align-items:center}#shop>.inner .sliderNav .slider_next{width:50px;height:50px}#shop>.inner .sliderNav .slider_next figure{transform:rotate(90deg)}#shop>.inner .sliderNav .slider_prev{width:50px;height:50px;position:absolute;top:0;right:0}#shop>.inner .sliderNav .slider_prev figure{transform:rotate(-90deg)}#shop>.inner .swiper-pagination{margin-top:25px}@media screen and (max-width:767px){#shop>.inner .swiper-pagination{text-align:center;width:100%;padding-right:40px;margin-top:15px}}#shop>.inner .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 10px}#shop>.inner .swiper-pagination .swiper-pagination-bullet{opacity:.2;background-color:#fff}#shop>.inner .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background-color:#fff}#recruit{position:relative;padding-bottom:150px}@media screen and (max-width:1023px){#recruit{padding-bottom:100px}}@media screen and (max-width:767px){#recruit{padding-top:25px}}#recruit .maru{opacity:.1;position:absolute;width:45%;top:-30%;left:-10%;z-index:0}#recruit .mainImg{height:700px;margin-left:calc( 50% - 640px );border-radius:350px;z-index:9;position:relative;width:50%;overflow:hidden}@media screen and (max-width:1920px){#recruit .mainImg{margin-left:calc( 50% - 640px );border-radius:350px 0 0 350px;width:auto}}@media screen and (max-width:1536px){#recruit .mainImg{margin-left:calc( 50% - 540px );height:540px;border-radius:270px 0 0 270px}}@media screen and (max-width:1279px){#recruit .mainImg{margin-left:calc(50% - 420px);aspect-ratio:10/5;height:auto}}@media screen and (max-width:1023px){#recruit .mainImg{aspect-ratio:10/5;width:calc(100% - 50px);height:auto;border-radius:250px 0 0 250px;margin:0;margin-left:50px}}@media screen and (max-width:767px){#recruit .mainImg{width:calc(100% - 20px);aspect-ratio:3/2;margin-left:20px}}#recruit .container{color:#fff}@media screen and (max-width:1023px){#recruit .container{max-width:inherit !important}}#recruit .container .lead{opacity:0;font-size:4rem;text-align:center;font-weight:600;line-height:1;padding:100px 0}@media screen and (max-width:1536px){#recruit .container .lead{font-size:3.6rem}}@media screen and (max-width:1279px){#recruit .container .lead{font-size:3rem;padding:75px 0}}@media screen and (max-width:1023px){#recruit .container .lead{font-size:2.4rem;padding:50px 0}}@media screen and (max-width:767px){#recruit .container .lead{font-size:2.4rem;padding:35px 0;line-height:1.6}}#recruit .container .lead.active{animation:btmin .5s ease forwards}#recruit .container .flexWrap{justify-content:center;align-items:center}@media screen and (max-width:1023px){#recruit .container .flexWrap{display:inherit;flex-wrap:inherit}}#recruit .container .flexWrap.active .item .joinus{animation:leftin .5s ease forwards}#recruit .container .flexWrap.active .item .title{animation:btmin .5s .1s ease forwards}#recruit .container .flexWrap.active .item h3{animation:btmin .5s .2s ease forwards}#recruit .container .flexWrap.active .item .btn{animation:btmin .5s .3s ease forwards}@media screen and (max-width:1023px){#recruit .container .flexWrap .item{width:100% !important}}#recruit .container .flexWrap .item:nth-child(1){width:calc(100% - 420px);padding-right:100px}@media screen and (max-width:1279px){#recruit .container .flexWrap .item:nth-child(1){width:100%;padding-right:0}}@media screen and (max-width:1023px){#recruit .container .flexWrap .item:nth-child(1){width:100%;padding-right:50px}}#recruit .container .flexWrap .item:nth-child(1) .subImg{overflow:hidden;height:700px;border-radius:0 350px 350px 0;z-index:9;position:relative;margin-left:calc(50% - 960px);border-radius:350px}@media screen and (max-width:1920px){#recruit .container .flexWrap .item:nth-child(1) .subImg{border-radius:0 350px 350px 0;margin-left:calc(50% - 700px)}}@media screen and (max-width:1536px){#recruit .container .flexWrap .item:nth-child(1) .subImg{height:540px}}@media screen and (max-width:1279px){#recruit .container .flexWrap .item:nth-child(1) .subImg{aspect-ratio:10/5;height:auto;border-radius:0 250px 250px 0;margin:0;margin-left:-100px}}@media screen and (max-width:1023px){#recruit .container .flexWrap .item:nth-child(1) .subImg{aspect-ratio:10/5;height:auto;border-radius:0 250px 250px 0;margin:0;margin-left:-150px;width:auto}}@media screen and (max-width:767px){#recruit .container .flexWrap .item:nth-child(1) .subImg{aspect-ratio:3/2;margin-left:-20px}}#recruit .container .flexWrap .item:nth-child(2){width:420px}@media screen and (max-width:1024px){#recruit .container .flexWrap .item:nth-child(2){width:100%}}@media screen and (max-width:767px){#recruit .container .flexWrap .item:nth-child(2){width:auto}}#recruit .container .flexWrap .item:nth-child(2) .inner{padding-top:100px;position:relative}@media screen and (max-width:1279px){#recruit .container .flexWrap .item:nth-child(2) .inner{width:640px;margin:0 auto;padding-top:75px}}@media screen and (max-width:1023px){#recruit .container .flexWrap .item:nth-child(2) .inner{width:500px;margin:0 auto;padding-top:75px}}@media screen and (max-width:767px){#recruit .container .flexWrap .item:nth-child(2) .inner{padding-top:75px;width:auto;margin:0}}#recruit .container .flexWrap .item:nth-child(2) .inner .joinus{opacity:0;width:130%;position:absolute;top:-150px;left:-200px;z-index:9}@media screen and (max-width:1536px){#recruit .container .flexWrap .item:nth-child(2) .inner .joinus{top:-100px;left:-200px}}@media screen and (max-width:1279px){#recruit .container .flexWrap .item:nth-child(2) .inner .joinus{width:60%;top:-100px;left:inherit;right:-50px}}@media screen and (max-width:1023px){#recruit .container .flexWrap .item:nth-child(2) .inner .joinus{width:60%;top:-60px;left:inherit;right:-50px}}@media screen and (max-width:767px){#recruit .container .flexWrap .item:nth-child(2) .inner .joinus{width:70%;top:-50px}}#recruit .container .flexWrap .item:nth-child(2) .inner .title{opacity:0}#recruit .container .flexWrap .item:nth-child(2) .inner h3{opacity:0;margin:50px 0}@media screen and (max-width:767px){#recruit .container .flexWrap .item:nth-child(2) .inner h3{margin:35px 0}}#recruit .container .flexWrap .item:nth-child(2) .inner .btn{opacity:0;float:right}@media screen and (max-width:1024px){#recruit .container .flexWrap .item:nth-child(2) .inner .btn{float:none;margin:0 auto}}#ambassador{margin-bottom:250px;opacity:0}#ambassador.active{animation:btmin .5s ease forwards}#ambassador .container .inner{background-color:#fff;border-radius:200px;padding:50px;padding-left:120px;position:relative;display:block}@media screen and (max-width:1023px){#ambassador .container .inner{border-radius:20px;padding:50px 0;padding-left:0;width:500px;margin:0 auto}}@media screen and (max-width:767px){#ambassador .container .inner{border-radius:10px;padding:40px 0;padding-left:0;width:auto;margin:0 auto}}#ambassador .container .inner h2{color:#c2374f;font-size:4.2rem;font-weight:700;line-height:1;margin-top:15px;margin-bottom:15px}@media screen and (max-width:1536px){#ambassador .container .inner h2{font-size:3.6rem;margin-top:20px}}@media screen and (max-width:1279px){#ambassador .container .inner h2{font-size:3.2rem;margin-top:10px;margin-bottom:10px}}@media screen and (max-width:1023px){#ambassador .container .inner h2{font-size:3.2rem;text-align:center;margin-top:40px}}@media screen and (max-width:767px){#ambassador .container .inner h2{font-size:3rem;margin-bottom:10px}}#ambassador .container .inner h3{font-size:2.7rem;font-weight:600;margin-bottom:10px;margin-top:0}@media screen and (max-width:1279px){#ambassador .container .inner h3{font-size:2.1rem}}@media screen and (max-width:1023px){#ambassador .container .inner h3{font-size:2.1rem;text-align:center}}@media screen and (max-width:767px){#ambassador .container .inner h3{margin-bottom:20px;font-size:1.8rem}}#ambassador .container .inner h3 span{border-bottom:4px dotted #c2374f;padding-bottom:5px}#ambassador .container .inner p{margin-bottom:25px;font-weight:500;font-size:1.6rem}@media screen and (max-width:1536px){#ambassador .container .inner p{font-size:1.4rem}}@media screen and (max-width:1023px){#ambassador .container .inner p{text-align:center}}@media screen and (max-width:767px){#ambassador .container .inner p{line-height:1.6}}#ambassador .container .inner .sign{position:absolute;bottom:50px;right:260px;width:180px;z-index:9}@media screen and (max-width:1536px){#ambassador .container .inner .sign{width:150px}}@media screen and (max-width:1279px){#ambassador .container .inner .sign{width:120px;bottom:40px;right:220px}}@media screen and (max-width:1023px){#ambassador .container .inner .sign{width:120px;top:150px;right:100px}}@media screen and (max-width:767px){#ambassador .container .inner .sign{width:100px;top:180px;right:50px}}@media screen and (max-width:1023px){#ambassador .container .inner .btn{margin:0 auto}}#ambassador .container .inner figure{width:250px;border-radius:125px;float:right;overflow:hidden}@media screen and (max-width:1279px){#ambassador .container .inner figure{width:200px;border-radius:100px}}@media screen and (max-width:1023px){#ambassador .container .inner figure{float:none;margin:0 auto;width:200px}}#onlineshop{position:relative;display:flex;justify-content:center;align-items:center}@media screen and (max-width:1536px){#onlineshop{margin-top:-75px}}@media screen and (max-width:1023px){#onlineshop{margin-top:75px}}@media screen and (max-width:767px){#onlineshop{margin-top:-50px}}#onlineshop.active .inner{animation:btmin .5s ease forwards}#onlineshop:before{aspect-ratio:1/1;background-color:#1a1311;display:block;content:'';border-radius:60%;position:absolute;left:50%;margin-left:-1200px;z-index:-1;width:2400px}@media screen and (max-width:1920px){#onlineshop:before{width:120%;max-width:inherit;margin-left:-60%}}@media screen and (max-width:1536px){#onlineshop:before{width:130%;margin-left:-65%}}@media screen and (max-width:1024px){#onlineshop:before{width:180%;margin-left:-90%}}@media screen and (max-width:767px){#onlineshop:before{width:300%;margin-left:-150%}}@media screen and (max-width:1023px){#onlineshop:after{aspect-ratio:1/1;background-color:#fff;display:block;content:'';border-radius:50%;position:absolute;left:50%;z-index:-1;width:110%;margin-left:-55%}}@media screen and (max-width:767px){#onlineshop:after{width:200%;margin-left:-100%}}#onlineshop .inner{opacity:0;width:1280px;height:auto;aspect-ratio:1/1;background-color:#fff;border-radius:50%;text-align:center;padding-top:175px}@media screen and (max-width:1536px){#onlineshop .inner{width:1080px}}@media screen and (max-width:1023px){#onlineshop .inner{aspect-ratio:inherit;width:auto;height:auto;border-radius:0;background-color:inherit;padding-top:25px}}@media screen and (max-width:767px){#onlineshop .inner{padding-top:0}}#onlineshop .inner .title{color:#1a1311;margin-bottom:75px}@media screen and (max-width:1023px){#onlineshop .inner .title{margin-bottom:50px}}@media screen and (max-width:767px){#onlineshop .inner .title{margin-bottom:35px}}#onlineshop .inner h3{font-size:3.6rem;font-weight:600;margin-bottom:100px}@media screen and (max-width:1536px){#onlineshop .inner h3{font-size:3.2rem}}@media screen and (max-width:1023px){#onlineshop .inner h3{font-size:2.7rem;margin-bottom:75px}}@media screen and (max-width:767px){#onlineshop .inner h3{font-size:2.1rem;margin-bottom:50px;line-height:2.2}}#onlineshop .inner h3 span{border-bottom:5px dotted #c2374f;padding-bottom:10px}@media screen and (max-width:767px){#onlineshop .inner h3 span{padding-bottom:2px}}#onlineshop .inner figure{width:420px;height:auto;margin:0 auto 100px}@media screen and (max-width:1536px){#onlineshop .inner figure{width:360px;margin-bottom:75px}}@media screen and (max-width:1023px){#onlineshop .inner figure{width:270px;margin-bottom:50px}}@media screen and (max-width:767px){#onlineshop .inner figure{width:210px;margin-bottom:35px}}#onlineshop .inner .btn{margin:0 auto}.gallery{padding-top:150px;padding-bottom:150px;position:relative}@media screen and (max-width:1023px){.gallery{padding-bottom:100px}}@media screen and (max-width:767px){.gallery{padding-top:220px;padding-bottom:50px}}.gallery .swiper-wrapper{transition-timing-function:linear}.gallery .swiper-slide img{height:auto;width:100%;overflow:hidden;border-radius:50%}.gallery:after{width:100%;height:180%;background-color:#fff;display:block;content:'';z-index:-2;position:absolute;bottom:0;left:0}@media screen and (max-width:1920px){.gallery:after{height:150%}}#topics{padding-top:100px;background-color:#fff}@media screen and (max-width:1023px){#topics{padding-top:50px}}#topics.active .container .flexWrap .item:nth-child(1){animation:btmin .5s ease forwards}#topics.active .container .flexWrap .item:nth-child(2){animation:btmin .5s .1s ease forwards}#topics .container .title{display:block;position:relative;margin-bottom:50px;width:200px;color:#1a1311}@media screen and (max-width:1023px){#topics .container .title{margin-top:0;text-align:center;width:100%}}#topics .container .title .en{font-size:4.2rem;font-weight:700;line-height:1;margin-bottom:10px;letter-spacing:2px}@media screen and (max-width:1536px){#topics .container .title .en{font-size:3.6rem}}@media screen and (max-width:1023px){#topics .container .title .en{font-size:3.2rem}}@media screen and (max-width:767px){#topics .container .title .en{font-size:3rem}}#topics .container .title h2{font-size:1.6rem;font-weight:600;line-height:1}@media screen and (max-width:1536px){#topics .container .title h2{font-size:1.4rem}}#topics .container>.flexWrap{padding-top:0}@media screen and (max-width:1023px){#topics .container>.flexWrap{display:inherit;flex-wrap:inherit}}@media screen and (max-width:767px){#topics .container>.flexWrap{padding-top:0}}#topics .container>.flexWrap>.item:nth-child(1){opacity:0;position:relative;width:300px;min-height:490px}@media screen and (max-width:1536px){#topics .container>.flexWrap>.item:nth-child(1){width:250px}}@media screen and (max-width:1023px){#topics .container>.flexWrap>.item:nth-child(1){width:100%;min-height:auto}}#topics .container>.flexWrap>.item:nth-child(1) .btn{position:absolute;left:0;bottom:0}@media screen and (max-width:1536px){#topics .container>.flexWrap>.item:nth-child(1) .btn{width:150px}}@media screen and (max-width:1023px){#topics .container>.flexWrap>.item:nth-child(1) .btn{display:none}}@media screen and (max-width:1023px){#topics .container>.flexWrap>.item:nth-child(1) ul{font-size:0;margin:0 -5px 25px}}@media screen and (max-width:767px){#topics .container>.flexWrap>.item:nth-child(1) ul{margin:0 -3px 20px}}#topics .container>.flexWrap>.item:nth-child(1) ul li{width:200px;display:block;text-align:center;height:40px;overflow:hidden;margin-bottom:10px}@media screen and (max-width:1536px){#topics .container>.flexWrap>.item:nth-child(1) ul li{width:150px}}@media screen and (max-width:1279px){#topics .container>.flexWrap>.item:nth-child(1) ul li{font-size:1.4rem;margin-top:5px;margin-bottom:5px}}@media screen and (max-width:1023px){#topics .container>.flexWrap>.item:nth-child(1) ul li{width:25%;display:block;float:left;padding:0 5px}}@media screen and (max-width:767px){#topics .container>.flexWrap>.item:nth-child(1) ul li{height:30px;padding:0 3px;width:50%}}#topics .container>.flexWrap>.item:nth-child(1) ul li a,#topics .container>.flexWrap>.item:nth-child(1) ul li span{width:100%;display:block;height:40px;line-height:38px;background-color:#eee;color:#1a1311;font-size:1.6rem;font-weight:500;border-radius:20px;cursor:pointer;transition:.3s ease all}@media screen and (max-width:1536px){#topics .container>.flexWrap>.item:nth-child(1) ul li a,#topics .container>.flexWrap>.item:nth-child(1) ul li span{font-size:1.4rem}}@media screen and (max-width:1023px){#topics .container>.flexWrap>.item:nth-child(1) ul li a,#topics .container>.flexWrap>.item:nth-child(1) ul li span{font-size:1.4rem}}@media screen and (max-width:767px){#topics .container>.flexWrap>.item:nth-child(1) ul li a,#topics .container>.flexWrap>.item:nth-child(1) ul li span{height:30px;line-height:28px;letter-spacing:0}}#topics .container>.flexWrap>.item:nth-child(1) ul li a:hover,#topics .container>.flexWrap>.item:nth-child(1) ul li span:hover{background-color:#c2374f;color:#fff}#topics .container>.flexWrap>.item:nth-child(1) ul li.active a,#topics .container>.flexWrap>.item:nth-child(1) ul li.active span{background-color:#c2374f;color:#fff}#topics .container>.flexWrap>.item:nth-child(2){opacity:0;padding:0;width:calc(100% - 300px)}@media screen and (max-width:1536px){#topics .container>.flexWrap>.item:nth-child(2){width:calc(100% - 250px)}}@media screen and (max-width:1023px){#topics .container>.flexWrap>.item:nth-child(2){width:100%}}@media screen and (max-width:767px){#topics .container>.flexWrap>.item:nth-child(2){margin:0 -20px;width:auto}}#topics .container>.flexWrap>.item:nth-child(2) .block{display:none;padding:0}#topics .container>.flexWrap>.item:nth-child(2) .block.active{display:block}#topics .container>.flexWrap>.item:nth-child(2) .block #postList{display:block;position:relative}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul{margin-top:0;border-bottom:1px solid #ddd}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li{border-top:1px solid #ddd;display:block}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a{color:#1a1311;min-height:160px;display:block;position:relative;padding:20px 0;padding-left:150px;padding-right:60px}@media screen and (max-width:1279px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a{min-height:120px;padding:15px 0;padding-left:120px;padding-right:50px}}@media screen and (max-width:767px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a{padding:0;padding-right:10px;padding-left:100px;min-height:100px}}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a:hover h2{color:#c2374f}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a:hover figure img{transform:scale(1.2)}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a:hover .arrow{right:8px}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a figure{width:120px;overflow:hidden;border-radius:5px;position:absolute;left:0;top:20px}@media screen and (max-width:1279px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a figure{width:90px;top:15px}}@media screen and (max-width:767px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a figure{width:80px;top:10px;left:10px}}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a figure img{transition:.3s ease all}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a .date{display:inline-block;color:#c2374f;margin-right:15px;line-height:20px;letter-spacing:1px;font-size:1.8rem;margin-top:17px;font-weight:600}@media screen and (max-width:1536px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a .date{font-size:1.6rem}}@media screen and (max-width:1279px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a .date{font-size:1.4rem;margin-top:0}}@media screen and (max-width:767px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a .date{font-size:1.3rem;margin-top:15px;margin-right:5px}}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a .cat{display:inline-block;font-size:1.2rem;line-height:20px}@media screen and (max-width:1536px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a .cat{font-size:1.1rem}}@media screen and (max-width:767px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a .cat{font-size:1rem}}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a .cat span{background-color:#eee;display:inline-block;padding:0 15px;margin-right:5px;border-radius:10px}@media screen and (max-width:767px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a .cat span{padding:0 10px;margin-right:2px;letter-spacing:0}}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a h2{font-weight:500;font-size:1.7rem;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.6;margin-top:10px;transition:.3s ease all}@media screen and (max-width:1536px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a h2{font-size:1.6rem}}@media screen and (max-width:1279px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a h2{font-size:1.4rem;margin-top:5px}}@media screen and (max-width:1023px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a h2{font-size:1.4rem}}@media screen and (max-width:767px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a h2{-webkit-line-clamp:2;margin-top:5px}}#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a .arrow{width:20px;display:block;position:absolute;right:15px;top:50%;margin-top:-8px;transition:.3s ease all}@media screen and (max-width:767px){#topics .container>.flexWrap>.item:nth-child(2) .block #postList ul li a .arrow{display:none}}