.komelab_kv{position:relative}.komelab_kv img{width:100%}.komelab_kv .btn-red{display:inline-block;position:absolute;right:10%;bottom:10%;margin:auto;z-index:1}ol,ul{list-style:none;padding:0;margin:0}.obj-cover{-o-object-fit:cover;object-fit:cover}.d-flex{display:flex}.title_bg{position:relative;z-index:1}.title_bg h2{color:#fff;font-weight:500;z-index:1}.title_bg::before{background-image:url(../img/bg.png);content:"";height:100%;position:absolute;z-index:-1}a:focus img,a:hover img{opacity:.6}.btn{background-color:#fff;display:inline-flex;align-items:center;justify-content:center;min-width:284px;max-width:472px;width:100%}.btn:focus,.btn:hover{opacity:.8}.voice .btn{border:1px solid #212121}.btn-red{background-color:#d13e3e;background-image:url(../img/start.svg);background-repeat:no-repeat;background-size:auto 30%;background-position:98% center;border:2px solid #d13e3e;border-radius:6px;color:#fff;font-weight:700;padding:5px;padding-right:20px!important;text-align:center;margin:10px 0}.btn-red:focus,.btn-red:hover{background-image:url(../img/start2.svg);background-color:#fff;color:#d13e3e}.komelab_contents{padding:0}.komelab_contents .award,.komelab_contents .publish,.komelab_contents .qa,.komelab_contents .shoplink{padding-right:3%;padding-left:3%}.award ul{display:flex;flex-wrap:wrap;width:100%}.award ul li{display:flex;align-items:center;flex-flow:column}.award ul li>div:last-child{margin-top:auto}.award h3{color:#c8a92e;font-weight:900;line-height:1.4;text-align:center}.award h3 small{color:#d13e3e;display:block;font-weight:700}.award p{font-weight:700;line-height:1;text-align:center}.award p span{padding-right:5px;padding-left:5px}.publish h2{font-weight:500;letter-spacing:.2em;margin-bottom:50px;padding-bottom:15px;position:relative;text-align:center}.publish h2::after{background-color:#212121;content:"";position:absolute;right:50%;bottom:0;left:50%;margin-left:-45px;width:90px}.publish ul{display:flex;flex-wrap:wrap;max-width:974px;margin:0 auto}.publish ul li{width:33.3333333333%;text-align:center}.publish h3{font-weight:500}.publish img{width:auto}.point{background-image:url(../img/point_bg_image.jpg);background-position:center top;background-repeat:no-repeat}.point .catch{position:relative}.point .catch h2{font-weight:500}.point .approach-list{display:flex;flex-wrap:wrap;margin:0 auto;width:100%}.point .approach-list li{text-align:center}.point .approach-list h3{font-weight:700}.point .approach-list p{font-weight:500}.point .point-title{background-image:url(../img/p.svg);background-repeat:no-repeat;background-position:center bottom;font-weight:700;text-align:center;line-height:1}.point .point-title>span{color:#d13e3e}.point .point-title>span>span{font-family:Comforter,cursive;font-weight:400;line-height:.8;vertical-align:middle}.point .point-list{display:flex;flex-wrap:wrap;margin:0 auto;width:100%}.point .point-list li{background-position:center;background-repeat:no-repeat;text-align:center}.point .point-list li:nth-child(1){background-image:url(../img/p1.svg)}.point .point-list li:nth-child(2){background-image:url(../img/p2.svg)}.point .point-list li:nth-child(3){background-image:url(../img/p3.svg)}.point .point-list h3{font-weight:700;position:relative}.point .point-list h3 small{color:grey;display:inline-block;position:absolute;transform:rotate(-4deg)}.point .point-list h3 small::after,.point .point-list h3 small::before{background-color:grey;content:"";display:block;position:absolute;top:50%}.point .point-list h3 small::before{transform:rotate(60deg)}.point .point-list h3 small::after{transform:rotate(-60deg)}.point .point-list p{font-weight:500}.point .use{background-image:url(../img/point_img_05.jpg);background-repeat:no-repeat;background-position:right top;display:flex;align-items:center;position:relative;z-index:-1}.point .use p{background-color:#fff;display:inline-block;font-weight:500;position:relative}.point .use p::after{background-color:#e3e3e3;content:"";display:block;position:absolute;top:0;left:0;transform:rotate(-2deg);height:100%;width:100%;z-index:-1}.aboutkomelab{background-color:rgba(243,243,243,.5);background-image:url(../img/about_bg.jpg);background-repeat:no-repeat}.aboutkomelab h2{margin:auto;position:relative}.aboutkomelab h2 span{background-color:#fff;display:flex;flex-flow:column;align-items:center;justify-content:center;font-family:Comforter,cursive;font-weight:400;text-align:center;position:absolute;left:50%}.aboutkomelab h2 span img{display:block}.aboutkomelab .title_bg h3{color:#fff}.aboutkomelab .title_bg h3 small{display:block}.aboutkomelab ul h4{border-bottom:1px solid #212121}.shoplink .d-flex .note{font-weight:500;margin-bottom:10px}.shoplink .d-flex .note span{border:1px solid #212121;display:inline-block}.shoplink .d-flex h2{font-weight:700;line-height:1.5}.shoplink .d-flex .price{border-bottom:1px solid #212121;font-weight:700;padding-bottom:10px}.shoplink .d-flex .price span{font-size:180%;padding:0 10px}.shoplink .d-flex .component{font-weight:500}.shoplink .d-flex ul li{text-align:center}.shoplink .d-flex ul li a{border:2px solid #d13e3e;display:flex;align-items:center;justify-content:center;position:relative}.shoplink .d-flex ul li a img{max-height:100%;width:auto}.voice{background-image:url(../img/voice_bg.jpg);background-position:center top;background-repeat:no-repeat;background-size:cover}.voice .mainInner h2{font-weight:700;text-align:center}.voice .mainInner h2 span{font-family:Comforter,cursive;font-weight:400;display:block}.voice .mainInner p{text-align:center}.voice .voiceslider{width:100%}.voice .voiceslider .swiper-slide .instagram-media{height:100%!important}.voice>p{text-align:center}.qa h2{font-weight:700;text-align:center}.qa ol{counter-reset:section}.qa ol li{counter-increment:section}.qa ol li dl dt{font-weight:700}.qa ol li dl dd,.qa ol li dl dt{display:flex;align-items:center;position:relative}.qa ol li dl dd::before,.qa ol li dl dt::before{content:"Q" counter(section);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;position:absolute;top:0;left:0;z-index:1}.qa ol li dl dd::after,.qa ol li dl dt::after{content:"";position:absolute;top:0;left:0;z-index:0}.qa ol li dl dt::after{background-color:#212121}.qa ol li dl dd::after{background-color:#d13e3e}.law{margin-bottom:40px}.law ul{display:flex;justify-content:center;align-items:center}:root{--swiper-navigation-size:50px;--swiper-theme-color:#000}.swiper-button-next,.swiper-button-prev{height:var(--swiper-navigation-size);width:var(--swiper-navigation-size)}.swiper-button-next::before,.swiper-button-prev::before{background-color:#e3e3e3;border-radius:50%;content:"";position:absolute;top:50%;margin-top:-25px;height:var(--swiper-navigation-size);width:var(--swiper-navigation-size);z-index:-1}.swiper-button-next::after,.swiper-button-prev::after{font-size:18px;font-weight:900;height:18px;width:10px}.swiper-button-next:hover::before,.swiper-button-prev:hover::before{background-color:#ccc}.swiper-button-next::before{right:0}.swiper-button-prev::before{left:0}@media screen and (min-width:680.98px) and (orientation:portrait),screen and (min-width:737.98px) and (orientation:landscape){.hed2{height:90px}.sp{display:none}.komelab_kv img{height:780px}.komelab_kv .btn-red{font-size:120%;padding:20px;right:20%;bottom:20%}.komelab_contents .mainInner{max-width:1140px;margin:0 auto}.award{padding-top:100px}.award ul{justify-content:flex-start}.award ul li{width:auto}.award ul li>div>img{margin-right:15px}.award h3{font-size:32px}.award h3 small{font-size:18px}.award p{font-size:21px}.award p span{font-size:28px}.award .mainInner>div>ul{width:50%}.award .mainInner>div>ul li{width:48%}.award .mainInner>div>ul li h3{font-size:18px}.award .mainInner>div>ul li h3 small{font-size:12px}.award .mainInner>div>ul li p{font-size:16px}.award .mainInner>div>div{width:50%}.award .mainInner>div>div>div a{display:block}.award .mainInner>div>div>div:first-child{width:75%}.award .mainInner>div>div>div:first-child h2 br{display:none}.award .mainInner>div>div>div:first-child .btn-red{padding:10px}.award .mainInner>div>div>div:first-child ul{display:flex;justify-content:space-between}.award .mainInner>div>div>div:first-child ul li{width:48%}.award .mainInner>div>div>div:first-child ul li a{border:2px solid #d13e3e;border-radius:2px;padding:5px;text-align:center;width:100%}.award .mainInner>div>div>div:first-child ul li a img{height:50px;width:auto}.award .mainInner>div>div>div:last-child{width:25%}.publish{padding-top:70px;padding-bottom:150px}.publish h2{font-size:30px}.publish h2::after{height:6px}.publish h3{font-size:18px;letter-spacing:.2em;margin-bottom:20px}.publish img{height:390px}.point{background-size:100% auto;padding-top:150px;padding-bottom:250px}.point .catch{align-items:center;margin-bottom:80px}.point .catch h2{font-size:34px;letter-spacing:.08em;padding-left:40px}.point .title_bg::before{width:60%}.point .title_bg h2{font-size:32px;letter-spacing:.1em;padding-top:60px;padding-bottom:60px}.point .approach-list{margin-top:100px;max-width:848px;width:100%}.point .approach-list li{width:33.3333333333%}.point .approach-list h3{font-size:28px;margin-bottom:17px}.point .approach-list p{font-size:18px;margin-top:12px}.point .point-title{font-size:32px;margin-top:140px;padding-bottom:80px}.point .point-title span>span{font-size:119px}.point .point-list{margin-top:100px;max-width:848px;width:100%}.point .point-list li{width:33.3333333333%}.point .point-list h3{font-size:32px}.point .point-list h3 small{font-size:20px;font-weight:500;top:-48px;left:30px}.point .point-list h3 small::after,.point .point-list h3 small::before{height:1px;width:22px}.point .point-list h3 small::before{left:-30px}.point .point-list h3 small::after{right:-30px}.point .use{margin-top:100px;min-height:500px}.point .use p{font-size:26px;padding:25px 30px}.aboutkomelab{background-position:right 110% top;padding-bottom:150px}.aboutkomelab h2{height:300px}.aboutkomelab h2 span{font-size:65px;top:-100px;margin-left:-200px;padding:30px;width:400px}.aboutkomelab .title_bg.title_right::before{left:auto;right:0;width:60%}.aboutkomelab .title_bg.title_right h3{background-image:url(../img/bg.png);background-size:calc(100% - 336px) 100%;background-repeat:repeat-y;background-position:right top;letter-spacing:.2em;padding-left:400px}.aboutkomelab .title_bg.title_right h3 small{letter-spacing:.1em;margin-top:15px}.aboutkomelab .title_bg.title_right+.mainInner{margin-bottom:180px}.aboutkomelab .title_bg.title_left::before{left:0;width:60%}.aboutkomelab .title_bg.title_left h3{background-image:url(../img/bg.png);background-size:calc(100% - 336px) 100%;background-repeat:repeat-y}.aboutkomelab .title_bg.title_left+.mainInner{margin-bottom:110px}.aboutkomelab .title_bg h3{font-size:32px;letter-spacing:.1em;padding-top:60px;padding-bottom:60px}.aboutkomelab .title_bg h3 small{font-size:16px}.aboutkomelab .mainInner>.d-flex .about_text{font-size:20px;font-weight:400;line-height:1.7;padding-top:90px;padding-right:70px;width:calc(100% - 336px)}.aboutkomelab .mainInner>.d-flex .about_text p{letter-spacing:normal;margin-bottom:20px}.aboutkomelab .mainInner>.d-flex div:not(.about_text){width:336px}.aboutkomelab .mainInner>.d-flex div:not(.about_text)+.about_text{padding-top:90px;padding-right:0;padding-left:70px}.aboutkomelab ul{flex-flow:row;justify-content:space-between}.aboutkomelab ul li{width:100%;max-width:340px}.aboutkomelab ul h4{display:flex;align-items:center;font-size:18px;line-height:1.5;min-height:65px;margin-bottom:50px;padding-bottom:10px}.aboutkomelab ul p{font-size:16px;margin-top:30px}.aboutkomelab~.shoplink{padding-top:100px;padding-bottom:100px}.shoplink{padding-top:0;padding-bottom:200px}.shoplink .d-flex{flex-flow:row}.shoplink .d-flex>div{width:50%}.shoplink .d-flex .note span{font-size:18px;margin-right:10px;margin-bottom:10px;padding:2px 10px}.shoplink .d-flex h2{font-size:32px}.shoplink .d-flex .price{font-size:28px;margin-bottom:15px}.shoplink .d-flex .component{font-size:18px;margin-bottom:30px}.shoplink .d-flex ul{display:flex;flex-wrap:wrap;justify-content:space-between}.shoplink .d-flex ul li{margin-bottom:25px;width:48%}.shoplink .d-flex ul li:nth-child(n+2) a{padding:10px;height:80px;width:100%}.shoplink .d-flex ul li:first-child{background-color:#f5f5f5;border-radius:6px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px;width:100%}.shoplink .d-flex ul li:first-child>div{margin-bottom:20px;width:100%}.shoplink .d-flex ul li:first-child a{border-radius:4px;font-weight:700;height:90px;width:48%}.voice{padding-top:150px;padding-bottom:150px}.voice .mainInner{margin-bottom:100px}.voice .mainInner h2{font-size:48px}.voice .mainInner h2 span{font-size:49px}.voice .mainInner p{font-size:22px}.voice .voiceslider{padding-bottom:50px}.voice .voiceslider .swiper-slide{width:340px}.voice .voiceslider .swiper-slide .instagram-media{max-height:600px!important;min-height:600px!important;max-width:340px!important;min-width:340px!important}.voice>p{margin:40px auto}.voice .btn{height:90px}.qa{padding-top:50px;padding-bottom:150px}.qa h2{font-size:48px;margin-bottom:100px}.qa ol li{margin-bottom:50px}.qa ol li dl dt{margin-bottom:18px}.qa ol li dl dd,.qa ol li dl dt{min-height:50px;padding-left:75px}.qa ol li dl dd::before,.qa ol li dl dt::before{font-size:24px;height:48px;width:48px}.qa ol li dl dd::after,.qa ol li dl dt::after{border-radius:26px;height:52px;width:52px}.law{margin-bottom:60px}.law ul li{padding:15px}}@media screen and (max-width:680px) and (orientation:portrait),screen and (max-width:737px) and (orientation:landscape){.pc{display:none}.komelab_kv img{height:600px}.komelab_kv .btn-red{padding:10px;right:0;bottom:15px;left:20%;margin:0 15px}.award{padding-top:50px}.award ul li{flex-flow:column;justify-content:center;text-align:center;width:100%}.award ul li:not(:last-child){margin-bottom:36px}.award ul li>div>img{margin-bottom:15px}.award h3{font-size:24px}.award h3 small{font-size:13px}.award p{font-size:15px}.award p span{font-size:20px}.award .mainInner>div{flex-flow:column}.award .mainInner>div>ul{margin-bottom:30px;width:100%}.award .mainInner>div>ul li{flex-flow:column;width:100%}.award .mainInner>div>ul li h3{font-size:18px}.award .mainInner>div>ul li h3 small{font-size:12px}.award .mainInner>div>ul li p{font-size:16px}.award .mainInner>div>div{width:100%}.award .mainInner>div>div>div a{display:block}.award .mainInner>div>div>div:first-child{width:70%}.award .mainInner>div>div>div:first-child ul{display:flex;justify-content:space-between}.award .mainInner>div>div>div:first-child ul li{margin:0;width:48%}.award .mainInner>div>div>div:first-child ul li a{border:2px solid #d13e3e;border-radius:2px;padding:5px;text-align:center;width:100%}.award .mainInner>div>div>div:first-child ul li a img{height:32px;width:auto}.award .mainInner>div>div>div:last-child{width:30%}.publish{padding-top:50px;padding-bottom:50px}.publish h2{font-size:20px}.publish h2::after{height:3px}.publish h3{font-size:14px;letter-spacing:.1em;line-height:1.4;margin-bottom:10px}.publish img{height:134px}.point{background-size:auto 200px;padding-top:100px;padding-bottom:100px}.point .catch{margin-bottom:140px}.point .catch h2{font-size:20px;letter-spacing:normal;position:absolute;right:15px;bottom:-100px;width:80%}.point .catch img{height:auto;width:220px}.point .title_bg::before{width:97%}.point .title_bg h2{font-size:18px;letter-spacing:normal;padding-top:20px;padding-bottom:20px;padding-left:15px}.point .approach-list{margin-top:50px;width:100%}.point .approach-list li{margin-bottom:50px;width:100%}.point .approach-list h3{font-size:18px;margin-bottom:12px}.point .approach-list p{font-size:14px;margin-top:8px}.point .point-title{background-size:90% auto;font-size:21px;margin-top:30px;padding-bottom:30px}.point .point-title span>span{font-size:80px}.point .point-list{margin-top:50px;width:100%}.point .point-list li{background-size:50% auto;margin-bottom:60px;width:100%}.point .point-list h3{font-size:23px;line-height:1.4;margin:auto;width:180px}.point .point-list h3 small{font-size:14px;font-weight:500;top:-28px;left:30px}.point .point-list h3 small::after,.point .point-list h3 small::before{height:1px;width:14px}.point .point-list h3 small::before{left:-20px}.point .point-list h3 small::after{right:-20px}.point .use{background-size:auto 215px;background-position:left top;margin-top:50px;min-height:300px}.point .use p{font-size:15px;padding:15px;position:absolute;bottom:40px;right:5px}.aboutkomelab{background-position:left top;background-size:85% auto;margin-top:5rem;padding-bottom:50px}.aboutkomelab h2{height:200px}.aboutkomelab h2 span{font-size:37px;top:-50px;margin-left:-116px;padding:20px;width:232px}.aboutkomelab .title_bg.title_right::before{left:auto;right:0;width:97%}.aboutkomelab .title_bg.title_right h3{padding-left:25px}.aboutkomelab .title_bg.title_right+.mainInner{margin-bottom:50px}.aboutkomelab .title_bg.title_left::before{left:0;width:97%}.aboutkomelab .title_bg.title_left+.mainInner{margin-bottom:50px}.aboutkomelab .title_bg h3{font-size:17px;font-weight:500;letter-spacing:normal;padding-top:20px;padding-right:16px;padding-bottom:20px;padding-left:15px}.aboutkomelab .title_bg h3 small{font-size:12px;margin-top:10px}.aboutkomelab .mainInner>.d-flex{flex-flow:column;padding:20px 3%}.aboutkomelab .mainInner>.d-flex .about_text{font-size:14px;font-weight:400;line-height:1.7;padding:20px 3%;width:100%}.aboutkomelab .mainInner>.d-flex .about_text p{letter-spacing:normal;margin-bottom:20px}.aboutkomelab .mainInner>.d-flex div:not(.about_text){width:100%;text-align:center}.aboutkomelab .mainInner>.d-flex div:not(.about_text) img{height:auto;width:260px}.aboutkomelab ul{flex-flow:column}.aboutkomelab ul li{margin-bottom:40px}.aboutkomelab ul h4{font-size:16px;margin-bottom:40px;padding-bottom:7px}.aboutkomelab ul p{font-size:14px;margin-top:20px}.shoplink{padding-top:50px;padding-bottom:50px}.shoplink .d-flex{flex-flow:column}.shoplink .d-flex>div{margin-right:auto;margin-left:auto;width:100%}.shoplink .d-flex .note{margin-top:30px}.shoplink .d-flex .note span{font-size:14px;margin-right:5px;margin-bottom:5px;padding:1px 7px}.shoplink .d-flex h2{font-size:24px}.shoplink .d-flex .price{font-size:19px;margin-bottom:15px}.shoplink .d-flex .component{font-size:14px;margin-bottom:20px}.shoplink .d-flex ul{display:flex;flex-wrap:wrap;justify-content:space-between}.shoplink .d-flex ul li{margin-bottom:25px;width:48%}.shoplink .d-flex ul li:nth-child(n+2) a{flex-flow:column;padding:10px;height:80px;width:100%}.shoplink .d-flex ul li:nth-child(n+2) a span{line-height:1.5}.shoplink .d-flex ul li:first-child{background-color:#f5f5f5;border-radius:6px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px 10px;width:100%}.shoplink .d-flex ul li:first-child>div{margin:0 auto 20px auto;width:90%}.shoplink .d-flex ul li:first-child a{border-radius:4px;font-weight:700;height:90px;width:48%}.voice{padding-top:50px;padding-bottom:50px}.voice .mainInner{margin-bottom:50px}.voice .mainInner h2{font-size:22px}.voice .mainInner h2 span{font-size:43px}.voice .mainInner p{font-size:14px}.voice .voiceslider{padding-bottom:50px}.voice .voiceslider .swiper-slide{width:268px}.voice .voiceslider .swiper-slide .instagram-media,.voice .voiceslider .swiper-slide .instagram-media-registered{max-height:410px!important;min-height:410px!important;max-width:268px!important;min-width:268px!important;overflow:hidden}.voice>p{margin:20px auto}.voice .btn{height:70px;width:284px}.qa{padding-top:50px;padding-bottom:50px}.qa h2{font-size:22px;margin-bottom:50px}.qa ol li{margin-bottom:20px}.qa ol li dl dt{margin-bottom:10px}.qa ol li dl dd,.qa ol li dl dt{min-height:26px;padding-left:40px}.qa ol li dl dd::before,.qa ol li dl dt::before{font-size:14px;height:26px;width:26px}.qa ol li dl dd::after,.qa ol li dl dt::after{border-radius:13px;height:26px;width:26px}.law ul{flex-flow:column}}