#fv{position:relative;z-index:10;padding:11.5rem 5rem 0}
#fv .wrapper{position:relative;z-index:10}
#fv .wrapper .catch{position:absolute;bottom:5.5rem;left:5.5rem;z-index:10;width:36.2rem}
#fv .wrapper .sleep{position:absolute;top:14.4rem;right:-5rem;z-index:10;width:71.2rem}
#fv .wrapper .relaxSide{position:absolute;top:22rem;left:-5rem;z-index:10;width:17.8rem}
#fv .wrapper .mainteSide{position:absolute;top:52rem;right:-5rem;z-index:10;width:17.8rem}
#fv .wrapper .bg{position:relative;overflow:hidden}
#fv .wrapper .bg .img02{position:absolute;top:0;left:0;z-index:5}
#fv .stripe{content:'';position:absolute;margin:auto;bottom:-13rem;left:0;z-index:1;width:100%;height:32rem;background-size:auto auto;background-color:#fff;background-image:repeating-linear-gradient(-45deg,transparent,transparent 1rem,#e9e63b 1rem,#e9e63b 1.5rem);transition:transform .3s cubic-bezier(.215,.61,.355,1),opacity .8s;opacity:0}
#fv.is-anim .stripe{opacity:1}
#concept{text-align:center;padding:28rem 0 5rem}
#concept .ttlArea{position:relative;z-index:15;display:inline-block}
#concept .ttlArea .men{position:absolute;top:-24rem;left:-18rem;z-index:15;width:43rem}
#concept .ttlArea .women{position:absolute;top:-2.8rem;right:-27.2rem;z-index:15;width:34rem}
#concept .ttlArea .catch{position:relative;z-index:10}
#concept .ttlArea .catch img{width:57.4rem}
#condition{z-index:-1}
#condition .visual{overflow:hidden;background:0 0!important;position:relative;height:90vh;color:#fff}
#condition .visual h2{font-family:lato;display:flex;align-items:center;position:absolute;top:0;left:7rem;z-index:10;height:100%;padding:8rem 0;font-size:1.4rem;font-weight:900;letter-spacing:.1em;line-height:1.4;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}
#condition .visual h2 em{flex-shrink:0;padding-bottom:3rem}
#condition .visual h2:after{content:'';display:inline-block;position:relative;width:1px;height:100%;background:#fff;opacity:.5}
#condition .visual .lead{position:absolute;bottom:8rem;left:0;width:100%}
#condition .visual .lead p{display:block;width:130rem;margin:0 auto;font-size:2rem;font-weight:400;line-height:2.5}
#condition .visual .bg{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;line-height:0}
#condition .visual .bg video{width:100%;height:100%;object-fit:cover}
#condition .contents{position:relative;padding-top:12rem;text-align:center;background:#fff}
#condition .contents:before{content:'';position:absolute;margin:auto;top:0;left:0;z-index:1;width:100%;height:96rem;background:url(../img/condition_bg.webp) #fff no-repeat top center;background-size:cover}
#condition .contents .wrapper{z-index:5}
#condition .contents h2{font-family:lato;font-size:2.5rem;line-height:1.3;margin-bottom:3.5rem}
#condition .contents h2 em{display:block;font-size:5.4rem}
#condition .contents .lead{font-size:3.8rem;font-weight:700;line-height:1.4;margin-bottom:12rem}
#condition .contents .row{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,50%))}
#condition .contents .row h3{font-size:3.2rem;padding-bottom:.6rem;margin-bottom:2.5rem}
#condition .contents .row .logo{margin-bottom:5rem}
#condition .contents .row .logo img{width:auto;height:8.6rem}
#condition .contents .row .person{position:relative;z-index:20}
#condition .contents .row .person img{width:34.2rem}
#condition .contents .row .btn{margin-top:5rem}
#condition .contents .row .btn span{position:relative;display:block;padding-bottom:6rem}
#condition .contents .row .btn span:before{content:'';position:absolute;margin:auto;bottom:0;right:0;left:0;width:4rem;height:4.6rem;background:url(../img/condition_arr.svg) no-repeat center;background-size:100% auto}
#condition .contents .row .btn span a{display:inline-block;font-size:1.6rem;font-weight:700;border:1px solid #000;border-radius:5rem;padding:1rem 4.5rem;transition:background .3s,color .3s}
#condition .contents .row .btn span a:hover{opacity:1;background:#000;color:#fff}
#condition .contents .row .relaxSide{padding-right:12rem}
#condition .contents .row .relaxSide h3{border-bottom:.8rem solid #dfe45f}
#condition .contents .row .relaxSide .person{text-align:left}
#condition .contents .row .relaxSide .btn{padding-right:13rem}
#condition .contents .row .relaxSide .btn span:before{filter:invert(84%) sepia(34%) saturate(2150%) hue-rotate(9deg) brightness(102%) contrast(105%)}
#condition .contents .row .mainteSide{padding-left:12rem}
#condition .contents .row .mainteSide h3{border-bottom:.8rem solid #009fbe}
#condition .contents .row .mainteSide .person{text-align:right}
#condition .contents .row .mainteSide .btn{padding-left:13rem}
#condition .contents .row .mainteSide .btn span:before{filter:invert(48%) sepia(86%) saturate(4028%) hue-rotate(162deg) brightness(97%) contrast(101%)}
#condition .contents .row .pillow{position:absolute;top:26rem;left:0;right:0;z-index:10;margin:auto;width:55.4rem}
#feature{padding-bottom:30rem}
#feature .ttlArea{position:relative}
#feature .ttlArea .ttl h2{position:absolute;top:-8.5rem;left:0;z-index:10;font-size:2.7rem}
#feature .ttlArea .ttl h2 span{display:block;margin-bottom:1rem}
#feature .ttlArea .ttl h2 img{width:44.8rem}
#feature .ttlArea .bg img{width:100%}
#feature .contentsArea{padding-top:12rem}
#feature .contentsArea .row{display:flex;justify-content:space-between;text-align:center}
#feature .contentsArea .row .target{width:66.4rem}
#feature .contentsArea .row .product{width:56.3rem}
#feature .contentsArea .row .product h3{font-size:3.4rem;margin:3rem 0 5rem;font-weight:700}
#feature .contentsArea .row .product picture.point img{width:51rem}
#feature .contentsArea .detail{display:flex;background:#f7f7f7;border-radius:1rem;margin-top:12rem;padding:5rem 6rem 5rem 5rem}
#feature .contentsArea .detail .img{flex-shrink:0;width:55rem;margin-right:6rem}
#feature .contentsArea .detail .txtBox h3.hd{font-family:lato;font-size:3.8rem}
#feature .contentsArea .detail .txtBox .hdSub{display:flex;align-items:center;font-size:2rem;margin-bottom:3rem}
#feature .contentsArea .detail .txtBox .hdSub em{font-size:3.2rem;margin-right:2rem;font-weight:500}
#feature .contentsArea .detail .txtBox .txt{font-size:1.8rem;line-height:2;text-align:justify;text-justify:inter-ideograph}
#feature .contentsArea .detail .txtBox .material{text-align:center;margin-top:4rem}
#feature .contentsArea .detail .txtBox .material img{width:45.2rem}
#feature .relaxSide{padding-top:25rem}
#feature .mainteSide{padding-top:25rem}
#feature .mainteSide .ttlArea .ttl h2{left:auto;right:0}
#feature .mainteSide .ttlArea .ttl h2 img{width:51.4rem}
#feature .mainteSide .contentsArea .row .pillow h3{margin-bottom:4.5rem}
#technology{color:#fff;padding:16rem 0;background:radial-gradient(circle,#5e5e5e 0,#0c0c0c 55%)!important}
#technology .mainteSide,#technology .relaxSide{position:relative}
#technology .mainteSide .txtBox,#technology .relaxSide .txtBox{position:absolute;top:3.5rem;left:6rem;z-index:10}
#technology .mainteSide .txtBox h3,#technology .relaxSide .txtBox h3{line-height:1.2;font-weight:400;margin-bottom:3rem}
#technology .mainteSide .txtBox h3 em,#technology .relaxSide .txtBox h3 em{font-family:lato;display:block;font-size:6rem;font-weight:700}
#technology .mainteSide .txtBox .txt,#technology .relaxSide .txtBox .txt{letter-spacing:.25em;line-height:2}
#technology .mainteSide .img02,#technology .relaxSide .img02{text-align:right;padding-right:10rem}
#technology .mainteSide .img02 img,#technology .relaxSide .img02 img{width:69rem}
#technology .mainteSide .txtBox{top:auto;bottom:12rem;left:6rem}
#goodSleep .anchor{padding-top:16rem}
#goodSleep .anchor .lead{margin-bottom:8rem}
#goodSleep .anchor ul.link{display:grid;grid-template-columns:repeat(3,minmax(0,33.3333333333%));column-gap:4.5rem;row-gap:0}
#goodSleep .anchor ul.link li a{position:relative;display:block;padding-bottom:6rem}
#goodSleep .anchor ul.link li a:before{content:'';position:absolute;margin:auto;bottom:0;right:0;left:0;width:7.8rem;height:2rem;background:url(../img/i_anchor_arr.svg) no-repeat center;background-size:100% auto}
#goodSleep .anchor ul.link li a h3{font-family:lato;margin-bottom:1rem;font-size:3.4rem}
#goodSleep .anchor ul.link li a .txt{text-align:center;font-size:1.8rem;line-height:1.8;margin-top:3rem}
#goodSleep .goodSleepStyle{padding-top:30rem}
#goodSleep .goodSleepStyle .ttlArea{position:relative}
#goodSleep .goodSleepStyle .ttlArea .txtBox{position:absolute;top:-10rem;left:8.5rem;z-index:10;color:#fff}
#goodSleep .goodSleepStyle .ttlArea .txtBox .no{font-family:Oswald;font-size:20rem;line-height:.9;color:#acc6cb;text-stroke:.3rem #fff;-webkit-text-stroke:.3rem #fff;margin-bottom:4rem}
#goodSleep .goodSleepStyle .ttlArea .txtBox h2.ttl{font-family:lato;font-size:9rem;font-weight:400;line-height:1.1;margin-bottom:2rem}
#goodSleep .goodSleepStyle .ttlArea .txtBox .ttlSub{font-size:2.8rem;letter-spacing:.25em}
#goodSleep .goodSleepStyle .ttlArea picture img{width:100%}
#goodSleep .goodSleepStyle .contentsArea{padding-top:11rem}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01,#goodSleep .goodSleepStyle .contentsArea .feature .feature02{display:flex}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .img,#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .video,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .img,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .video{flex-shrink:0;width:62rem;overflow:hidden}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .img video,#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .video video,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .img video,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .video video{width:100%}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .txtBox h3,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .txtBox h3{font-size:3.4rem;font-weight:400;margin-bottom:2rem}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .txtBox p.txt,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .txtBox p.txt{font-size:1.8rem;line-height:2;text-align:justify;text-justify:inter-ideograph;font-weight:400}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01{flex-direction:row-reverse}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .img,#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .video{margin-left:6rem}
#goodSleep .goodSleepStyle .contentsArea .feature .feature02{margin-top:8rem}
#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .img,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .video{margin-right:6rem}
#goodSleep .goodSleepStyle .contentsArea .test{margin-top:13rem;text-align:center}
#goodSleep .goodSleepStyle .contentsArea .test h3.hd{font-size:3.4rem;font-weight:500;margin-bottom:3.5rem}
#goodSleep .goodSleepStyle .contentsArea .test .row{display:grid;grid-template-columns:repeat(2,minmax(0,50%));column-gap:5rem;row-gap:0}
#goodSleep .goodSleepStyle .contentsArea .test .row .video{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden}
#goodSleep .goodSleepStyle .contentsArea .test .row .video video{width:100%}
#goodSleep .goodSleepStyle .contentsArea .test .row .txt{margin-top:1.5rem;font-size:2rem;font-weight:700}
#goodSleep .goodSleepStyle .contentsArea .evidence{display:flex;position:relative;background:#f7f7f7;border-radius:1rem;margin-top:15rem;padding:7rem 6rem 5rem 5rem}
#goodSleep .goodSleepStyle .contentsArea .evidence h3.hd{font-family:lato;position:absolute;top:-4rem;left:5rem;z-index:10;font-size:5rem}
#goodSleep .goodSleepStyle .contentsArea .evidence h3.hd:before{content:'';display:inline-block;position:relative;top:.8rem;margin-right:1rem;width:4.6rem;height:5rem;background:url(../img/i_evidence.svg) no-repeat center;background-size:100% auto}
#goodSleep .goodSleepStyle .contentsArea .evidence .img{flex-shrink:0;width:70rem;margin-right:6rem}
#goodSleep .goodSleepStyle .contentsArea .evidence .img .video{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden}
#goodSleep .goodSleepStyle .contentsArea .evidence .img .video video{width:100%}
#goodSleep .goodSleepStyle .contentsArea .evidence .img picture{border-radius:1rem;overflow:hidden}
#goodSleep .goodSleepStyle .contentsArea .evidence .img .cap{margin-top:1rem}
#goodSleep .goodSleepStyle .contentsArea .evidence .txtBox h3{font-size:3rem;font-weight:500;line-height:1.5;margin-bottom:3rem}
#goodSleep .goodSleepStyle .contentsArea .evidence .txtBox .txt{font-size:1.8rem;line-height:2;text-align:justify;text-justify:inter-ideograph;font-weight:400}
#goodSleep #goodSleep02.goodSleepStyle .ttlArea .txtBox{color:#000}
#goodSleep #goodSleep02.goodSleepStyle .ttlArea .txtBox .no{color:#ddd9d3}
#goodSleep #goodSleep02.goodSleepStyle .contentsArea .evidence .img{width:59.7rem}
#goodSleep #goodSleep03.goodSleepStyle .ttlArea .txtBox{left:auto;right:8.5rem;text-align:right}
#goodSleep #goodSleep03.goodSleepStyle .ttlArea .txtBox .no{color:#ddb8c4}
#goodSleep #goodSleep03.goodSleepStyle .contentsArea .evidence .img{width:59.7rem}
#voice{padding-top:20rem}
#voice h2{margin-bottom:12rem}
#voice ul.person{display:grid;grid-template-columns:repeat(2,minmax(0,50%));column-gap:7rem;row-gap:7rem}
#voice ul.person li{position:relative;padding:5rem 0 3rem 5rem;border-top:.3rem solid #000;border-left:.3rem solid #000}
#voice ul.person li:nth-child(2) .pr picture:before,#voice ul.person li:nth-child(3) .pr picture:before,#voice ul.person li:nth-child(4) .pr picture:before,#voice ul.person li:nth-child(5) .pr picture:before,#voice ul.person li:nth-child(6) .pr picture:before{background:#ff3287}
#voice ul.person li:before{font-family:lato;content:'';position:absolute;margin:auto;content:'VOICE';top:.2rem;left:1rem;font-size:2.6rem;font-weight:700;color:#363539}
#voice ul.person li .pr{position:relative;min-height:21rem;padding-top:4rem}
#voice ul.person li .pr h3.name{font-size:1.4rem;font-weight:500;margin-bottom:1rem}
#voice ul.person li .pr h3.name em{font-size:2.4rem;margin-right:.8rem;font-weight:400}
#voice ul.person li .pr .team{font-size:2rem}
#voice ul.person li .pr picture{position:absolute;top:0;right:0;width:22.2rem}
#voice ul.person li .pr picture:before{content:'';position:absolute;margin:auto;top:-1rem;right:-1rem;z-index:1;width:100%;height:100%;background:#ffff17}
#voice ul.person li .pr picture img{position:relative;z-index:5}
#voice ul.person li .txt{font-size:2.2rem;font-weight:400;line-height:1.8;margin-top:3rem;text-align:justify;text-justify:inter-ideograph}
#recommend{padding-top:20rem}
#recommend .contents{background:#f7f7f7;border-radius:1.8rem;overflow:hidden;padding:7rem;display:flex}
#recommend .contents .left{flex-shrink:0;width:45rem;margin-right:7rem}
#recommend .contents .left .person .cap{background:#000;color:#fff;font-weight:400;text-align:center;padding:.7rem 0 .5rem}
#recommend .contents .left .person .name{display:flex;align-items:center;line-height:1;margin-top:4rem;font-weight:400}
#recommend .contents .left .person .name .ja{font-size:3.2rem;margin-right:3rem;font-weight:400}
#recommend .contents .left .person .name .en{letter-spacing:.25em}
#recommend .contents .left .person .position{font-size:1.8rem;margin-top:1rem}
#recommend .contents .left .person .profile{margin-top:3rem}
#recommend .contents .left .person .profile h3{font-size:2rem;margin-bottom:1rem}
#recommend .contents .left .person .profile .txt{font-size:1.5rem;text-align:justify;text-justify:inter-ideograph}
#recommend .contents .right .voice h3{font-size:3rem;background:#dfe45f;text-align:center;padding:1rem 0 .8rem;margin-bottom:4rem}
#recommend .contents .right .voice .txt{font-size:2.4rem;line-height:1.8;text-align:justify;text-justify:inter-ideograph}
#recommend .contents .right .company{display:flex;align-items:center;border:1px solid #b2b2b2;border-radius:.6rem;padding:1.8rem;margin-top:6rem}
#recommend .contents .right .company picture{flex-shrink:0;width:25rem;margin-right:2.5rem}
#recommend .contents .right .company .desc .logo{text-align:center;padding-top:1rem;margin-bottom:3.5rem}
#recommend .contents .right .company .desc .logo img{width:22rem}
#recommend .contents .right .company .desc .txt{text-align:justify;text-justify:inter-ideograph}
#products{padding-top:20rem}
#products .ttlArea h2{margin-bottom:3rem}
#products .ttlArea .img img{width:100%}
#products .contentsArea{padding-top:18rem}
#products .contentsArea .type{display:grid;grid-template-columns:repeat(2,minmax(0,50%));column-gap:5.5rem;row-gap:0;text-align:center}
#products .contentsArea .type .low h3{border-bottom:.5rem solid #ff5457}
#products .contentsArea .type .low .target h4 span{border:2px solid #ff5457}
#products .contentsArea .type h3{text-align:center;font-size:2rem;line-height:1.2;border-bottom:.5rem solid #d9ef3f;padding-bottom:2rem;margin-bottom:10rem}
#products .contentsArea .type h3 em{font-family:lato;display:block;font-size:6.6rem}
#products .contentsArea .type .target{margin-top:8rem}
#products .contentsArea .type .target h4{font-size:2.6rem;margin-bottom:4rem}
#products .contentsArea .type .target h4 span{border-radius:5rem;display:inline-block;padding:1.4rem 5.5rem 1rem;border:2px solid #d9ef3f}
#products .contentsArea .type .target picture img{width:57rem}
#products .contentsArea .type .sleep{margin-top:7rem}
#products .contentsArea .type .sleep h4{background:#313034;color:#fff;font-size:2rem;padding:2rem}
#products .contentsArea .type .sleep .cap{text-align:left;font-size:1.8rem;margin-top:3rem}
#products .contentsArea .system{margin-top:25rem}
#products .contentsArea .system h3{text-align:center;font-size:2.6rem;margin-bottom:5rem}
#products .contentsArea .system h3 em{display:inline-block;background:#000;color:#fff;padding:1.5rem 5rem 1rem;border-radius:2.5rem}
#products .contentsArea .system picture{text-align:center}
#products .contentsArea .system picture img{width:100%}
#products .contentsArea .system .material{display:grid;grid-template-columns:repeat(3,minmax(0,33.3333333333%));column-gap:4.5rem;row-gap:0;margin-top:10rem}
#products .contentsArea .system .material h4{font-size:1.8rem;margin:3rem 0 2rem}
#products .contentsArea .system .material .txt{line-height:2;text-align:justify;text-justify:inter-ideograph}
#products .contentsArea .wash{margin-top:13rem}
#products .contentsArea .wash .inner{display:flex;align-items:center;background:#e7eff2;border-radius:2rem;padding:5rem 6rem}
#products .contentsArea .wash .inner .img{flex-shrink:0;position:relative;top:2rem;width:47rem;margin-right:7rem}
#products .contentsArea .wash .inner .txtBox h3{font-size:2.9rem;font-weight:500;margin-bottom:2rem}
#products .contentsArea .wash .inner .txtBox .txt{line-height:2;text-align:justify;text-justify:inter-ideograph}
#products .contentsArea .overview{margin-top:13rem}
#products .contentsArea .overview h3{font-weight:400;font-size:2rem;margin-bottom:2rem}
#products .contentsArea .overview dl{display:flex;padding:3rem 0;border-top:1px dashed #000;font-size:1.8rem}
#products .contentsArea .overview dl:last-child{border-bottom:1px dashed #000}
#products .contentsArea .overview dl dt{flex-shrink:0;font-weight:500;width:16rem;padding-left:3.5rem}
#pillowCase{padding-top:18rem}
#pillowCase .ttlArea h2{margin-bottom:3rem}
#pillowCase .ttlArea .img{position:relative}
#pillowCase .ttlArea .img .mainteSide,#pillowCase .ttlArea .img .relaxSide{position:absolute;z-index:5}
#pillowCase .ttlArea .img .mainteSide h3,#pillowCase .ttlArea .img .relaxSide h3{font-family:lato;font-size:2.3rem;margin-bottom:.8rem;font-weight:700;font-style:italic}
#pillowCase .ttlArea .img .mainteSide .txt,#pillowCase .ttlArea .img .relaxSide .txt{font-size:1.4rem}
#pillowCase .ttlArea .img .relaxSide{top:10rem;right:46rem}
#pillowCase .ttlArea .img .mainteSide{top:65rem;left:48rem}
#pillowCase .ttlArea .img img{width:100%}
#pillowCase .contentsArea{padding-top:6rem}
#pillowCase .contentsArea .lead{text-align:center;line-height:2;margin-bottom:5rem}
#pillowCase .contentsArea ul.product{display:grid;grid-template-columns:repeat(4,minmax(0,25%));column-gap:2.5rem;row-gap:0;text-align:center;margin:0 -3rem}
#pillowCase .contentsArea ul.product li p.txt{margin-top:1.5rem;font-size:1.4rem}
#pillowCase .contentsArea ul.product li p.txt em{display:block;font-size:1.8rem;font-weight:400}
#pillowCase .contentsArea .ec{padding:0 11.5rem;margin-top:9rem}
#faq{padding-top:18rem;background:#f7f7f7}
#faq dl{font-size:1.8rem;line-height:2;border-top:1px solid #000}
#faq dl:last-child{border-bottom:1px solid #000}
#faq dl dd,#faq dl dt{position:relative;font-weight:500}
#faq dl dd:before,#faq dl dt:before{font-family:lato;content:'';position:absolute;margin:auto;left:0;width:9rem;text-align:center;font-size:4.6rem}
#faq dl dt{padding:3.5rem 10rem}
#faq dl dt.is-active i:after{opacity:0}
#faq dl dt:before{content:'Q';top:.5rem}
#faq dl dt i{position:absolute;top:5.3rem;right:2.5rem;width:2.3rem;height:1px;background:#000}
#faq dl dt i:after{content:'';position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;background:#000;transform:rotate(90deg);transition:opacity .3s}
#faq dl dd{padding:0 0 3rem 10rem;text-align:justify;text-justify:inter-ideograph}
#faq dl dd:before{content:'A';top:-3rem}
#faq dl dd a{text-decoration:underline}
#faq dl dd a[target=_blank]:after{content:'';display:inline-block;position:relative;width:1.4rem;height:1.4rem;margin:0 .7rem;background:#000;mask-image:url(../img/i_blank.svg);mask-repeat:no-repeat;mask-position:center;background-size:100% auto}
#brand{padding:18rem 0}
#brand h2.ttl{margin-bottom:9rem}
#brand .besukon{position:relative;background:#c0bfc6;padding-top:28rem}
#brand .besukon:before{content:'';position:absolute;margin:auto;top:0;left:0;z-index:1;width:100%;height:21rem;background-color:#c0bfc6;background-image:repeating-linear-gradient(-45deg,transparent,transparent 1rem,#e9e63b 1rem,#e9e63b 2rem)}
#brand .besukon .wrapper{z-index:5}
#brand .besukon .ttl{margin-bottom:7rem}
#brand .besukon .ttl h3 img{width:52.1rem}
#brand .besukon .ttl .visual{position:absolute;top:-21.5rem;right:-3rem;z-index:5;width:58rem}
#brand .besukon .row{display:grid;grid-template-columns:repeat(2,minmax(0,50%))}
#brand .besukon .row>div{position:relative;padding-top:4rem}
#brand .besukon .row h4{position:absolute;top:0;right:5rem;text-align:center;font-size:1.8rem;line-height:1.2;color:#fff}
#brand .besukon .row h4 em{font-family:lato;font-size:5rem;display:block}
#brand .besukon .ec{margin:5rem 0 10rem}
#brand .jibunmakura,#brand .minmaku{padding-top:15rem;text-align:center}
#brand .jibunmakura h3,#brand .minmaku h3{margin-bottom:5rem}
#brand .jibunmakura h3 span,#brand .minmaku h3 span{position:relative;display:inline-block}
#brand .jibunmakura h3 span img,#brand .minmaku h3 span img{width:28rem}
#brand .jibunmakura .lead,#brand .minmaku .lead{font-size:1.8rem;line-height:2}
#brand .jibunmakura .visual,#brand .minmaku .visual{margin-top:4rem;overflow:hidden;border-radius:1rem}
#brand .jibunmakura h3 span:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:-15rem;width:11rem;height:11rem;background:url(../img/brand_jibunmakura_badge.webp) no-repeat center;background-size:100% auto}
#brand .jibunmakura h3 span img{filter:invert(7%) sepia(27%) saturate(6670%) hue-rotate(352deg) brightness(91%) contrast(111%)}
#brand .minmaku h3 span img{filter:invert(52%) sepia(3%) saturate(2%) hue-rotate(14deg) brightness(95%) contrast(90%)}
@media screen and (max-width:1600px){
#fv .wrapper .relaxSide{top:16rem}
#fv .wrapper .mainteSide{top:39rem}
#pillowCase .ttlArea .img .relaxSide{top:7rem;right:34rem}
#pillowCase .ttlArea .img .mainteSide{top:54rem;left:37rem}
}
@media screen and (max-width:767px){
#fv .wrapper .catch{bottom:3rem;left:3rem;width:36.4rem}
#fv .wrapper .sleep{top:57rem;width:36.4rem;width:71rem}
#fv .wrapper .relaxSide{top:13rem}
#fv .wrapper .mainteSide{top:81rem}
#fv .wrapper .bg{border-radius:2rem;overflow:hidden}
#fv .stripe{bottom:-21rem;height:45rem}
#concept{padding:40rem 0 5rem}
#concept .ttlArea .men{top:-20rem;left:-15rem;width:35rem}
#concept .ttlArea .women{z-index:5;top:2rem;right:-14rem;width:24rem}
#concept .ttlArea .catch{text-align:center}
#concept .ttlArea .catch img{width:47rem}
#condition .visual h2{left:4rem;padding:10rem 0 12rem;font-size:1.3rem}
#condition .visual h2 em{padding-bottom:4rem}
#condition .visual .lead{bottom:11rem;padding:0 4rem 0 12.5rem}
#condition .visual .lead p{width:100%;font-size:2.7rem}
#condition .contents{padding-top:13rem}
#condition .contents:before{height:75rem}
#condition .contents .lead{margin-bottom:10rem}
#condition .contents .row{column-gap:6rem}
#condition .contents .row h3{font-size:2.4rem;text-align:left}
#condition .contents .row .logo{text-align:left;margin-bottom:18rem}
#condition .contents .row .logo img{height:7.2rem}
#condition .contents .row .person img{width:25rem}
#condition .contents .row .btn{margin-top:3rem}
#condition .contents .row .btn span a{padding:1.3rem 4.5rem 1rem}
#condition .contents .row .relaxSide{padding:0}
#condition .contents .row .relaxSide .person{left:-3rem}
#condition .contents .row .relaxSide .btn{padding:0}
#condition .contents .row .mainteSide{padding:0}
#condition .contents .row .mainteSide .person{top:3rem;right:-1rem}
#condition .contents .row .mainteSide .btn{padding:0}
#condition .contents .row .pillow{top:18rem;width:50rem}
#feature{padding-bottom:15rem}
#feature .ttlArea .ttl h2{top:-9.5rem;left:5rem;font-size:3rem}
#feature .ttlArea .ttl h2 span{margin-bottom:.5rem}
#feature .ttlArea .ttl h2 img{width:54.4rem}
#feature .contentsArea{padding-top:10rem}
#feature .contentsArea .wrapper{padding:0 2.5rem}
#feature .contentsArea .row{display:block;margin:0 -2.5rem}
#feature .contentsArea .row .target{width:100%}
#feature .contentsArea .row .product{width:100%;margin-top:9rem}
#feature .contentsArea .row .product picture.pillow img{width:62rem}
#feature .contentsArea .row .product h3{font-size:4rem;margin:3rem 0 5rem}
#feature .contentsArea .row .product picture.point img{width:56.6rem}
#feature .contentsArea .detail{display:block;margin-top:8rem;padding:4rem 4rem 6rem}
#feature .contentsArea .detail .img{width:100%;margin:0 0 4rem}
#feature .contentsArea .detail .txtBox .hdSub{margin-bottom:2rem}
#feature .contentsArea .detail .txtBox .hdSub em{font-size:3.4rem;margin-right:1.5rem}
#feature .contentsArea .detail .txtBox .txt{font-size:2.2rem}
#feature .contentsArea .detail .txtBox .material img{width:43rem}
#feature .mainteSide .ttlArea .ttl h2{right:auto;left:5rem}
#feature .mainteSide .ttlArea .ttl h2 img{width:62.6rem}
#technology{padding:15rem 0}
#technology .wrapper{padding:0}
#technology .mainteSide .txtBox,#technology .relaxSide .txtBox{position:static;padding-left:5rem}
#technology .mainteSide .txtBox h3,#technology .relaxSide .txtBox h3{font-size:2rem;margin-bottom:2rem}
#technology .mainteSide .txtBox h3 em,#technology .relaxSide .txtBox h3 em{font-size:9rem}
#technology .mainteSide .txtBox .txt,#technology .relaxSide .txtBox .txt{font-size:2.8rem}
#technology .mainteSide .img01,#technology .relaxSide .img01{margin-top:7rem}
#technology .mainteSide .img02,#technology .relaxSide .img02{padding:0;text-align:center}
#technology .mainteSide .img02 img,#technology .relaxSide .img02 img{width:100%}
#technology .mainteSide{margin-top:14rem}
#goodSleep .anchor{padding-top:15rem}
#goodSleep .anchor .lead{margin-bottom:13rem}
#goodSleep .anchor ul.link{grid-template-columns:repeat(1,minmax(0,100%));row-gap:8rem}
#goodSleep .anchor ul.link li a{padding:0}
#goodSleep .anchor ul.link li a:before{bottom:3.5rem;left:auto}
#goodSleep .anchor ul.link li a h3{font-size:5rem}
#goodSleep .anchor ul.link li a .txt{text-align:left;font-size:2.8rem;margin-top:2.5rem}
#goodSleep .goodSleepStyle{padding-top:25rem}
#goodSleep .goodSleepStyle .ttlArea .txtBox{top:-8rem;left:0;padding:0 5rem;width:100%}
#goodSleep .goodSleepStyle .ttlArea .txtBox .no{line-height:.7;text-align:right;margin-bottom:0}
#goodSleep .goodSleepStyle .ttlArea .txtBox h2.ttl{font-size:7rem}
#goodSleep .goodSleepStyle .ttlArea .txtBox .ttlSub{font-size:3.6rem}
#goodSleep .goodSleepStyle .contentsArea{padding-top:6rem}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01,#goodSleep .goodSleepStyle .contentsArea .feature .feature02{display:block}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .img,#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .video,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .img,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .video{width:100%}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .txtBox h3,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .txtBox h3{font-size:3.7rem}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .txtBox p.txt,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .txtBox p.txt{font-size:2.4rem}
#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .img,#goodSleep .goodSleepStyle .contentsArea .feature .feature01 .video{margin:0 0 5rem}
#goodSleep .goodSleepStyle .contentsArea .feature .feature02{margin-top:10rem}
#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .img,#goodSleep .goodSleepStyle .contentsArea .feature .feature02 .video{margin:0 0 5rem}
#goodSleep .goodSleepStyle .contentsArea .test{margin-top:10rem;padding:10rem 3rem 9rem;background:#f7f7f7;border-radius:2rem}
#goodSleep .goodSleepStyle .contentsArea .test h3.hd{font-size:3.7rem;margin-bottom:8.5rem}
#goodSleep .goodSleepStyle .contentsArea .test .row{grid-template-columns:repeat(1,minmax(0,100%));row-gap:4rem}
#goodSleep .goodSleepStyle .contentsArea .test .row .txt{font-size:3rem;font-weight:400}
#goodSleep .goodSleepStyle .contentsArea .evidence{display:block;margin:17rem -5rem 0;padding:11.5rem 5rem}
#goodSleep .goodSleepStyle .contentsArea .evidence h3.hd{top:-5.5rem;font-size:7rem}
#goodSleep .goodSleepStyle .contentsArea .evidence h3.hd:before{width:6.4rem;height:7rem}
#goodSleep .goodSleepStyle .contentsArea .evidence .img{margin:0 0 5rem}
#goodSleep .goodSleepStyle .contentsArea .evidence .img picture{border-radius:2rem}
#goodSleep .goodSleepStyle .contentsArea .evidence .img .cap{margin-top:2.5rem;font-size:1.8rem}
#goodSleep .goodSleepStyle .contentsArea .evidence .txtBox h3{font-size:3.4rem}
#goodSleep .goodSleepStyle .contentsArea .evidence .txtBox .txt{font-size:2.4rem}
#goodSleep #goodSleep02.goodSleepStyle .ttlArea .txtBox{top:-10.5rem;color:#fff}
#goodSleep #goodSleep02.goodSleepStyle .ttlArea .txtBox .no{text-align:left;line-height:.9;margin-bottom:4rem}
#goodSleep #goodSleep02.goodSleepStyle .contentsArea .evidence .img{width:100%}
#goodSleep #goodSleep03.goodSleepStyle .ttlArea .txtBox{top:-10rem;left:0;right:auto}
#goodSleep #goodSleep03.goodSleepStyle .ttlArea .txtBox .no{line-height:.9;margin-bottom:4rem}
#goodSleep #goodSleep03.goodSleepStyle .contentsArea .evidence .img{width:100%}
#voice{padding-top:10rem}
#voice h2{margin-bottom:10rem}
#voice ul.person{grid-template-columns:repeat(1,minmax(0,100%));row-gap:5.5rem}
#voice ul.person li{padding:5rem 0 3rem 5rem}
#voice ul.person li:before{font-size:3rem}
#voice ul.person li .pr{min-height:24rem}
#voice ul.person li .pr h3.name{font-size:2rem}
#voice ul.person li .pr h3.name em{font-size:4rem}
#voice ul.person li .pr .team{font-size:3rem}
#voice ul.person li .pr picture{width:24rem}
#voice ul.person li .txt{font-size:3rem}
#recommend{padding-top:15rem}
#recommend .wrapper{padding:0}
#recommend .contents{display:block;padding:6rem 0;border-radius:0}
#recommend .contents .left{width:100%;margin:0;padding:0 13rem 6rem}
#recommend .contents .left .person .name{font-size:2rem}
#recommend .contents .left .person .name .ja{font-size:5rem}
#recommend .contents .left .person .position{font-size:2.4rem;margin-top:1.2rem}
#recommend .contents .left .person .profile{margin-top:2.5rem}
#recommend .contents .left .person .profile h3{font-size:2.6rem}
#recommend .contents .left .person .profile .txt{font-size:2rem}
#recommend .contents .right{padding:6rem 5rem 0}
#recommend .contents .right .voice h3{font-size:3.2rem;padding:1rem 0}
#recommend .contents .right .voice .txt{font-size:2.8rem;line-height:2}
#recommend .contents .right .company{display:block;padding:3.5rem 5rem}
#recommend .contents .right .company picture{width:100%;margin:0 0 5rem}
#recommend .contents .right .company .desc .logo{margin-bottom:5rem}
#recommend .contents .right .company .desc .logo img{width:45rem}
#recommend .contents .right .company .desc .txt{font-size:2.7rem}
#products{padding-top:15rem}
#products .ttlArea h2{margin-bottom:4rem}
#products .contentsArea .type{grid-template-columns:repeat(1,minmax(0,100%));row-gap:15rem}
#products .contentsArea .type h3 em{font-size:10rem}
#products .contentsArea .type .target h4{font-size:3rem}
#products .contentsArea .type .target h4 span{padding:1.5rem 6.5rem}
#products .contentsArea .type .target picture img{width:100%}
#products .contentsArea .type .sleep{margin-top:10rem}
#products .contentsArea .type .sleep h4{font-size:3rem}
#products .contentsArea .system{margin-top:15rem}
#products .contentsArea .system h3{font-size:2.2rem}
#products .contentsArea .system .material{grid-template-columns:repeat(1,minmax(0,100%));row-gap:8rem}
#products .contentsArea .system .material h4{font-size:3.4rem;margin:4rem 0 2rem}
#products .contentsArea .wash{margin:13rem -5rem 0}
#products .contentsArea .wash .inner{display:block;border-radius:0;padding:7rem 5rem 10rem}
#products .contentsArea .wash .inner .img{position:staitc;width:100%;margin:0 0 7rem}
#products .contentsArea .wash .inner .txtBox h3{font-size:3.4rem}
#products .contentsArea .overview{margin-top:7rem}
#products .contentsArea .overview h3{display:none}
#products .contentsArea .overview dl{padding:2.5rem 0;font-size:2.4rem}
#products .contentsArea .overview dl dt{width:14rem;padding-left:2rem}
#pillowCase .ttlArea h2{margin-bottom:4rem}
#pillowCase .ttlArea .img .mainteSide h3,#pillowCase .ttlArea .img .relaxSide h3{font-size:2.9rem;margin-bottom:.5rem}
#pillowCase .ttlArea .img .mainteSide .txt,#pillowCase .ttlArea .img .relaxSide .txt{font-size:2rem}
#pillowCase .ttlArea .img .relaxSide{top:44rem;right:auto;left:32rem}
#pillowCase .ttlArea .img .mainteSide{top:108rem;left:32rem}
#pillowCase .contentsArea .lead{margin-bottom:6rem}
#pillowCase .contentsArea ul.product{grid-template-columns:repeat(2,minmax(0,50%));column-gap:2rem;row-gap:4rem}
#pillowCase .contentsArea ul.product li p.txt{font-size:1.7rem}
#pillowCase .contentsArea ul.product li p.txt em{font-size:2.2rem}
#pillowCase .contentsArea .ec{padding:0;margin-top:10rem}
#faq dl{font-size:2.6rem}
#faq dl dt:before{top:1rem}
#faq dl dt i{top:6rem}
#faq dl dd:before{top:-2.5rem}
#faq dl dd a[target=_blank]:after{width:2rem;height:2rem}
#brand{padding:15rem 0}
#brand h2.ttl{margin-bottom:5rem}
#brand .besukon .ttl .visual{top:-23rem;right:2rem;width:42rem}
#brand .besukon .row{margin:0 -2rem}
#brand .besukon .row h4{right:2rem;font-size:1.5rem}
#brand .besukon .row h4 em{font-size:4rem}
#brand .jibunmakura h3 span img,#brand .minmaku h3 span img{width:38rem}
#brand .jibunmakura .lead,#brand .minmaku .lead{font-size:2.4rem}
#brand .jibunmakura h3 span:after{right:-13rem}
}