/* --- Basic --- */
html{scroll-behavior: smooth;}
.sleepoasis-hybridcp-2025 *{padding: 0; margin: 0;}
.sleepoasis-hybridcp-2025 a, .sleepoasis-hybridcp-2025 button, .sleepoasis-hybridcp-2025 h1, .sleepoasis-hybridcp-2025 h2, .sleepoasis-hybridcp-2025 h3, .sleepoasis-hybridcp-2025 h4, .sleepoasis-hybridcp-2025 h5, .sleepoasis-hybridcp-2025 h6, .sleepoasis-hybridcp-2025 input, .sleepoasis-hybridcp-2025 label, .sleepoasis-hybridcp-2025 li, .sleepoasis-hybridcp-2025 p, .sleepoasis-hybridcp-2025 select, .sleepoasis-hybridcp-2025 span, .sleepoasis-hybridcp-2025 strong, .sleepoasis-hybridcp-2025 textarea{font-family: "Noto Sans JP", sans-serif; color: #000; font-weight: 400; letter-spacing: 0.03em; line-height: 1;}
.sleepoasis-hybridcp-2025 ol, .sleepoasis-hybridcp-2025 ul{list-style: none;}
.sleepoasis-hybridcp-2025 a{display: block; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;}
.sleepoasis-hybridcp-2025 a:hover{opacity: 0.8;}
.sleepoasis-hybridcp-2025 button{display: block; border: none; background-color: transparent; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer;}
.sleepoasis-hybridcp-2025 button:hover{opacity: 0.8;}
.sleepoasis-hybridcp-2025 img {display: block; width: 100%;}

.sleepoasis-hybridcp-2025 .container {width: 90%; max-width: 1020px; margin: 0 auto;}
.sleepoasis-hybridcp-2025 .container-nav .content .img img {height: 90px;}

.sleepoasis-hybridcp-2025 h2.--bar{width:100%; /*position: relative; left: -150%;*/ padding: clamp(33.6px, 11.929px + 1.7612524462vw, 48px) 0; padding: clamp(2.1rem, 0.7455968689rem + 1.7612524462vw, 3rem) 0; margin-bottom: clamp(4.9rem, 1.7397260274rem + 4.1095890411vw, 7rem); background-color: #0e7986; font-size: clamp(33.6px, 11.929px + 1.7612524462vw, 48px); font-size: clamp(2.1rem, 0.7455968689rem + 1.7612524462vw, 3rem); color: #fff; font-weight: 700; text-align: center;  width: 130.612%; position: relative; left: -15.306%; background: #1a4b93;}

@media screen and (max-width: 768px) {
.sleepoasis-hybridcp-2025 ._pc {display: none !important;}
}
@media screen and (max-width: 600px) {
.sleepoasis-hybridcp-2025 ._pc_tb {display: none !important;}
.sleepoasis-hybridcp-2025 ._tb {display: none !important;}
}
@media screen and (min-width: 1025px) {
.sleepoasis-hybridcp-2025 ._tb {display: none !important;}
}
@media screen and (min-width: 769px) {
.sleepoasis-hybridcp-2025 ._tb_sp {display: none !important;}
}
@media screen and (min-width: 601px) {
.sleepoasis-hybridcp-2025 ._sp {display: none !important;}
}

@media screen and (max-width: 768px) {
.sleepoasis-hybridcp-2025 .container-nav .content .img img {height: clamp(50px, 27vw, 200px); width: 80%;}
}

/* --- PC ---*/
.kv_sec{width: 100%;}
.kv_sec .link{background:#c40d3c; text-align: center; display: block; font-size: clamp(1.6rem, 1.6rem + 4vw, 2.4rem); padding: 1rem 0; line-height: 2;}
.kv_sec .link a{background: url(../../../images/campaign/sleepoasis-hybridcp-2025/icon_link.webp) no-repeat right center / 20px auto; display: inline-block; color:#fff; padding-right: 3.5rem; font-weight: bold;}

.lead_sec{width: 100%; /*padding: clamp(4rem, 2rem + 4vw, 7rem) 0;*/ padding: clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem) 0;}
.lead_sec h2{text-align: center; font-size: clamp(1.6rem, 1.6rem + 4vw, 2.4rem); line-height: 2; font-weight: bold;}

.message_sec{width: 100%; padding: 0; /*padding: clamp(4rem, 2rem + 4vw, 7rem) 0 0 0;*/}
.message_sec p strong{text-align: center; font-size: clamp(1.6rem, 1.6rem + 4vw, 2.8rem); line-height: 1.4; color: #c80537; font-weight: bold; padding: clamp(4rem, 2rem + 4vw, 7rem) 0 clamp(1.5rem, 1rem + 2vw, 3rem) 0; display: block;}
.message_sec p.logo{padding:0 0 clamp(4rem, 2rem + 4vw, 7rem) 0;}
.message_sec p img{max-width: 588px; margin: 0 auto;}
.message_sec h3 img{max-width: 477px; margin: 0 auto;}
.message_sec h3{text-align: right; font-size: 1.2rem; line-height: 2; padding: /*clamp(4rem, 2rem + 4vw, 7rem)*/ 0 0 clamp(1.5rem, 1rem + 2vw, 3rem) 0; max-width: 750px; margin: 0 auto;}
.message_sec h3.sub{padding:0;}
.message_sec h3 strong{font-size: clamp(2.8rem, 2.8rem + 4vw, 4rem); line-height: 1; font-weight: bold; background: linear-gradient(transparent 65%, #fae894 65%); display: inline-block;}
.message_sec ul.evi{display: flex; flex-wrap: wrap; /*align-items: center;*/ justify-content: center; gap: 2%; max-width: 930px; margin: 0 auto;}
.message_sec ul.evi li{width:49%; padding: 0 1.5% 40px 1.5%;}
.message_sec .image img{width:45%; margin: 0 auto 50px auto;}
.message_sec h4{margin-top: clamp(4rem, 2rem + 4vw, 7rem); /*clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem);*/ font-size: clamp(2rem, 2rem + 4vw, 2.8rem); font-weight: bold; text-align: center; margin-bottom: 20px;}
.message_sec .coupon img{width:55%; margin: 0 auto 20px auto; max-width: 460px;}
.message_sec ul.list01{max-width:570px; margin: 20px auto 20px auto; min-width: 440px; display: block;}
.message_sec ul.list01 li{font-size: clamp(1.8rem, 1.8vw, 2.4rem); line-height: 2; background: url(../../../images/campaign/sleepoasis-trial60cp-2025/value_check.webp) no-repeat 0 50%/clamp(2.0rem, 2vw, 2.4rem); auto; padding-left: 2.4rem;}
.message_sec ul.list02{max-width:570px; width:55%; margin: 0 auto clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem) auto; min-width: 440px; display: block;}
.message_sec ul.list02 li{font-size: clamp(1.6rem, 1.6vw, 2.0rem); color: #c80537; line-height: 1.6; padding-left:1em; text-indent:-1em;}
.message_sec a.--btn, .message_sec #copy-code{position: relative; max-width:360px; width:100%; font-size: clamp(18px, 2.2vw , 20px); background: #c80537; color:#fff; font-weight: bold; line-height: 2.5; padding: 0; border-radius: 25px; margin: 0 auto; text-align: center;}
.message_sec #copy-code{background: #c80537;}
.message_sec a.--btn:after{content: '▼'; position: absolute; right:20px; top :0;}

.setitem_sec{width: 100%; margin-top: -91.4px; padding: 91.4px 0 clamp(4.6rem, 1.988258317rem + 4.6966731898vw, 8rem) 0;}
.setitem_sec select {display: block; width: 100%; padding: clamp(22.4px, 7.953px + 1.1741682975vw, 32px); padding: clamp(1.4rem, 0.4970645793rem + 1.1741682975vw, 2rem); margin-bottom: clamp(22.4px, 7.953px + 1.1741682975vw, 32px); margin-bottom: clamp(1.4rem, 0.4970645793rem + 1.1741682975vw, 2rem); border: 1px solid #c4c4c4; border-radius: clamp(0.3rem, 0.1495107632rem + 0.1956947162vw, 0.4rem); -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../../../images/campaign/sleepoasis-hybridcp-2025/products_pulldown.jpg) #fff no-repeat right center/contain; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: clamp(19.2px, 7.16px + 0.9784735812vw, 27.2px); font-size: clamp(1.2rem, 0.447553816rem + 0.9784735812vw, 1.7rem); color: #333; font-weight: 600;}
.setitem_sec select::-ms-expand {display: none;}
.setitem_sec ul.box{display: flex; flex-wrap: wrap; /*align-items: center;*/ justify-content: center; gap: 2%; max-width: 1000px; margin: 0 auto;}
.setitem_sec ul.box li.item{width:49%; padding: 30px 2%; /*padding: 30px 0.5%;*/ background: #e8eff5; border-radius: 20px; margin-bottom: 30px;}
.setitem_sec ul.box li.item .image{margin-bottom: clamp(1.4rem, 0.4970645793rem + 1.1741682975vw, 2rem);}
/*.setitem_sec  ul.box li.item ul li{display: block;}*/
.setitem_sec .hide{display: none;}
.setitem_sec .matt {font-size: clamp(19.2px, 7.16px + 0.9784735812vw, 27.2px); font-size: clamp(1.2rem, 0.447553816rem + 0.9784735812vw, 1.7rem); font-weight: 600; line-height: 1.5; margin-bottom: clamp(.7rem, 0.4970645793rem + 1.1741682975vw, 1rem);}
.setitem_sec .before {font-size: clamp(19.2px, 7.16px + 0.9784735812vw, 27.2px); font-size: clamp(1.2rem, 0.447553816rem + 0.9784735812vw, 1.7rem); font-weight: 600; line-height: 1.5; /*text-decoration: line-through;*/}
.setitem_sec .before span{display: block; margin-bottom: 1.5rem; font-weight: bold;}
.setitem_sec .after {margin-bottom: clamp(17.6px, 7.968px + 0.782778865vw, 24px); /*margin-bottom: clamp(1.1rem, 0.4980430528rem + 0.782778865vw, 1.5rem);*/ margin-bottom: 2rem; font-size: clamp(48px, 16.698px + 2.5440313112vw, 68.8px); font-size: clamp(3rem, 1.0436399217rem + 2.5440313112vw, 4.3rem); color: #ca0636; font-weight: 600;}
.setitem_sec .after span {font-size: clamp(22.4px, 7.953px + 1.1741682975vw, 32px); font-size: clamp(1.4rem, 0.4970645793rem + 1.1741682975vw, 2rem); font-weight: 600;}
.setitem_sec .after span.red {color: #ca0636;}
.setitem_sec .after span.black {color: #000;}
/*.setitem_sec  .difference{display: inline-block; padding: clamp(9.6px, 4.784px + 0.3913894325vw, 12.8px) clamp(19.2px, 7.16px + 0.9784735812vw, 27.2px); padding: clamp(0.6rem, 0.2990215264rem + 0.3913894325vw, 0.8rem) clamp(1.2rem, 0.447553816rem + 0.9784735812vw, 1.7rem); margin-bottom: clamp(28.8px, 11.945px + 1.3698630137vw, 40px); margin-bottom: clamp(1.8rem, 0.7465753425rem + 1.3698630137vw, 2.5rem); background-color: #ca0636; font-size: clamp(22.4px, 7.953px + 1.1741682975vw, 32px); font-size: clamp(1.4rem, 0.4970645793rem + 1.1741682975vw, 2rem); color: #fff; font-weight: 700;}*/
.setitem_sec .difference{width:130px; /*display: inline-block; margin: -2rem 0 0 2rem;*/ position: relative; display: block; float: right; top: -1.1em;}
.setitem_sec button {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: clamp(1.2rem, 0.447553816rem + 0.9784735812vw, 1.7rem); border-top: clamp(0.3rem, 0.1495107632rem + 0.1956947162vw, 0.4rem) /*inset rgba(255, 255, 255, 0.5)*/; border-left: clamp(0.3rem, 0.1495107632rem + 0.1956947162vw, 0.4rem) /*inset rgba(255, 255, 255, 0.5)*/; border-bottom: clamp(0.3rem, 0.1495107632rem + 0.1956947162vw, 0.4rem) /*inset rgba(0, 0, 0, 0.3)*/; border-right: clamp(0.3rem, 0.1495107632rem + 0.1956947162vw, 0.4rem) /*inset rgba(0, 0, 0, 0.3)*/; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ca0636; padding: clamp(.5rem, 0.4970645793rem + 1.1741682975vw, 1rem) 0; border: 1px solid #ca0636;}
.setitem_sec button img {width: clamp(2.4rem, 1.0446183953rem + 2.1526418787vw, 3.5rem); margin-right: clamp(14.4px, 4.768px + 0.782778865vw, 20.8px); margin-right: clamp(0.9rem, 0.2980430528rem + 0.782778865vw, 1.3rem);}
.setitem_sec button span {font-size: clamp(1.3rem, 0.5465753425rem + 1.3698630137vw, 2rem); color: #fff; font-weight: 600;}
.setitem_sec .whiteBtn {width: 100%; padding: clamp(.75rem, 0.4970645793rem + 1.1741682975vw, 1.25rem) 0; border: 1px solid #ca0636; background:#fff; border-box; box-sizing: border-box; font-size: clamp(1.3rem, 0.5465753425rem + 1.3698630137vw, 2rem); color: #ca0636; font-weight: 600; text-align: center; }

.etc_sec{margin: 0 auto clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem) auto; padding: clamp(4rem, 2rem + 4vw, 7rem) 0 0 0;}
.etc_sec ul{display: flex; flex-wrap: wrap; /*align-items: center; justify-content: center;*/ gap: 2%; max-width: 1000px; margin: 0 auto -50px auto;}
.etc_sec ul li{width:32%; padding: 0px 0 50px 0;}
.etc_sec ul li ul li{width:100%;}
.etc_sec li .image{margin-bottom: clamp(1.4rem, 0.4970645793rem + 1.1741682975vw, 2rem);}
.etc_sec .title {margin-bottom: clamp(17.6px, 7.968px + 0.782778865vw, 24px); margin-bottom: clamp(1.1rem, 0.4980430528rem + 0.782778865vw, 1.5rem); font-size: clamp(30.4px, 11.137px + 1.5655577299vw, 43.2px); font-size: clamp(1.6rem, 0.6960861057rem + 1.5655577299vw, 2.4rem); font-weight: 600; line-height: 1.6;}
.etc_sec li:nth-child(3) .title {margin-bottom: clamp(4.5rem, 0.4980430528rem + 0.782778865vw, 4.9rem);}
.etc_sec .lead{line-height: 1.6; /*margin-bottom: clamp(1.1rem, 0.4980430528rem + 0.782778865vw, 1.5rem);*/ font-size: clamp(1.0rem, 0.447553816rem + 0.9784735812vw, 1.4rem); min-height: 15rem;}
.etc_sec .before {font-size: clamp(19.2px, 7.16px + 0.9784735812vw, 27.2px); font-size: clamp(1.2rem, 0.447553816rem + 0.9784735812vw, 1.7rem); font-weight: 600; line-height: 1.5; /*text-decoration: line-through;*/}
.etc_sec .before em{font-size: clamp(1.0rem, 0.447553816rem + 0.9784735812vw, 1.2rem); display: block; font-style: normal; margin-bottom: 1em;}
.etc_sec .after {margin-bottom: clamp(17.6px, 7.968px + 0.782778865vw, 24px); margin-bottom: clamp(1.1rem, 0.4980430528rem + 0.782778865vw, 1.5rem); font-size: clamp(48px, 16.698px + 2.5440313112vw, 68.8px); font-size: clamp(3rem, 1.0436399217rem + 2.5440313112vw, 4.3rem); color: #ca0636; font-weight: 600;}
.etc_sec .after:before{content:"→"; font-weight: 100; font-size: 70%; margin: 0 .5rem 0 0; position: relative; top : -.3rem;}
.etc_sec .after span {font-size: clamp(22.4px, 7.953px + 1.1741682975vw, 32px); font-size: clamp(1.4rem, 0.4970645793rem + 1.1741682975vw, 2rem); font-weight: 600;}
.etc_sec .after span.red {color: #a52033;/*color: #ca0636;*/}
.etc_sec .after span.black {color: #000;}
.etc_sec .difference{display: inline-block; padding: clamp(9.6px, 4.784px + 0.3913894325vw, 12.8px) clamp(19.2px, 7.16px + 0.9784735812vw, 27.2px); padding: 0.5rem 1rem; margin-bottom: .5rem; background-color: #ff9334; font-size: clamp(22.4px, 7.953px + 1.1741682975vw, 32px); font-size: clamp(1.4rem, 0.4970645793rem + 1.1741682975vw, 2rem); color: #fff; font-weight: 700; margin-left: 1rem;}
.etc_sec button {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: clamp(12.8px, 3.168px + 0.782778865vw, 19.2px) 0; padding: clamp(0.8rem, 0.1980430528rem + 0.782778865vw, 1.2rem) 0; margin-bottom: clamp(19.2px, 7.16px + 0.9784735812vw, 27.2px); margin-bottom: clamp(.8rem, 0.447553816rem + 0.9784735812vw, 1.2rem); border-top: clamp(4.8px, 2.392px + 0.1956947162vw, 6.4px) inset rgba(255, 255, 255, 0.5); border-top: clamp(0.3rem, 0.1495107632rem + 0.1956947162vw, 0.4rem) /*inset rgba(255, 255, 255, 0.5)*/; border-left: clamp(4.8px, 2.392px + 0.1956947162vw, 6.4px) /*inset rgba(255, 255, 255, 0.5)*/; border-left: clamp(0.3rem, 0.1495107632rem + 0.1956947162vw, 0.4rem) /*inset rgba(255, 255, 255, 0.5)*/; border-bottom: clamp(4.8px, 2.392px + 0.1956947162vw, 6.4px) /*inset rgba(0, 0, 0, 0.3)*/; border-bottom: clamp(0.3rem, 0.1495107632rem + 0.1956947162vw, 0.4rem) /*inset rgba(0, 0, 0, 0.3)*/; border-right: clamp(4.8px, 2.392px + 0.1956947162vw, 6.4px) /*inset rgba(0, 0, 0, 0.3)*/; border-right: clamp(0.3rem, 0.1495107632rem + 0.1956947162vw, 0.4rem) /*inset rgba(0, 0, 0, 0.3)*/; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ca0636; padding: clamp(22.4px, 7.953px + 1.1741682975vw, 32px) 0; padding: clamp(.5rem, 0.4970645793rem + 1.1741682975vw, 1.0rem) 0; border: 1px solid #ca0636;}
.etc_sec button img {width: clamp(2.4rem, 1.0446183953rem + 2.1526418787vw, 3.5rem); margin-right: clamp(14.4px, 4.768px + 0.782778865vw, 20.8px); margin-right: clamp(0.9rem, 0.2980430528rem + 0.782778865vw, 1.3rem);}  button img {width: clamp(2.4rem, 1.0446183953rem + 2.1526418787vw, 3.5rem); margin-right: clamp(14.4px, 4.768px + 0.782778865vw, 20.8px); margin-right: clamp(0.9rem, 0.2980430528rem + 0.782778865vw, 1.3rem);}
.etc_sec button span {font-size: clamp(25.6px, 8.745px + 1.3698630137vw, 36.8px); font-size: clamp(1.5rem, 0.5465753425rem + 1.3698630137vw, 2.0rem);color: #fff; font-weight: 600;}
.etc_sec .whiteBtn {width: 100%; padding: clamp(22.4px, 7.953px + 1.1741682975vw, 32px) 0; padding: clamp(.7rem, 0.4970645793rem + 1.1741682975vw, 1.2rem) 0; border: 1px solid #ca0636;-webkit-box-sizing: border-box; box-sizing: border-box; font-size: clamp(25.6px, 8.745px + 1.3698630137vw, 36.8px); font-size: clamp(1.5rem, 0.5465753425rem + 1.3698630137vw, 2.0rem); color: #ca0636; font-weight: 600; text-align: center; }
.etc_sec #etc{padding-top: 100px; margin-top: -200px;}
.etc_sec .hide{display: none;}
.etc_sec select {display: block; width: 100%; padding: clamp(1.0rem, 0.4970645793rem + 1.1741682975vw, 1.5rem); margin-bottom: clamp(22.4px, 7.953px + 1.1741682975vw, 32px); margin-bottom: clamp(1.4rem, 0.4970645793rem + 1.1741682975vw, 2rem); border: 1px solid #c4c4c4; border-radius: clamp(0.3rem, 0.1495107632rem + 0.1956947162vw, 0.4rem); -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../../../images/campaign/sleepoasis-hybridcp-2025/products_pulldown.jpg) #fff no-repeat right center/contain; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: clamp(19.2px, 7.16px + 0.9784735812vw, 27.2px); font-size: clamp(1.2rem, 0.447553816rem + 0.9784735812vw, 1.7rem); color: #333; font-weight: 600;}
.etc_sec select::-ms-expand {display: none;}

.intro_sec {width: 100%;}
.intro_sec .content{display: flex; align-items: flex-start; justify-content: space-between}
.intro_sec .content .img{width: 45%}
.intro_sec .content .txt{width: 50%}
.intro_sec .content .txt .name {padding-left: clamp(1rem, .3980430528rem + .782778865vw, 1.4rem); margin-bottom: clamp(1.2rem, .447553816rem + .9784735812vw, 1.7rem); border-left: clamp(.4rem, .2495107632rem + .1956947162vw, .5rem) solid #c90436;	font-size: clamp(2rem, .7960861057rem + 1.5655577299vw, 2.8rem)}
.intro_sec .content .txt .name span {display: block; margin-bottom: clamp(.5rem, .1990215264rem + .3913894325vw, .7rem);font-size: clamp(1.1rem, .347553816rem + .9784735812vw, 1.6rem)}
.intro_sec .content .txt p {font-size: clamp(1.1rem, .347553816rem + .9784735812vw, 1.6rem);letter-spacing: .015em;line-height: 2}

.point_sec{margin: clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem) auto;}
.point_sec span{position: relative; display: block;}
.point_sec span .anime{position: absolute; width: 40.984%; left:29.532%; top:42.510%; z-index: +1;}

.value_sec{margin: 0 auto clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem) auto;}
/*.value_sec h2.--bar{width:100%; / *position: relative; left: -150%;* / padding: clamp(33.6px, 11.929px + 1.7612524462vw, 48px) 0; padding: clamp(2.1rem, 0.7455968689rem + 1.7612524462vw, 3rem) 0; margin-bottom: clamp(4.9rem, 1.7397260274rem + 4.1095890411vw, 7rem); background-color: #0e7986; font-size: clamp(33.6px, 11.929px + 1.7612524462vw, 48px); font-size: clamp(2.1rem, 0.7455968689rem + 1.7612524462vw, 3rem); color: #fff; font-weight: 700; text-align: center;}*/
.value_sec .trial{position: relative; margin: 0 auto; /*margin: 0 auto clamp(6rem, 3.4397260274rem + 8.2095890411vw, 8rem) auto;*/}
.value_sec .trial .btn{position: absolute; width: 43.530%; top: 83.584%; left: 28.284%;}
.value_sec .value{position: relative;}
.value_sec .value .anime{position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%;}

.reason_sec {width: 100%; padding: 0 0 clamp(3.2rem, 1.988258317rem + 4.6966731898vw, 6rem) 0;/*padding: 0 0 clamp(4.6rem, 1.988258317rem + 4.6966731898vw, 8rem) 0;*/}
.reason_sec .content .item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 77%;margin: 0 auto clamp(56px, 19.882px + 2.9354207436vw, 80px);margin: 0 auto clamp(3.5rem, 1.2426614481rem + 2.9354207436vw, 5rem);}
.reason_sec .content .item:last-of-type {margin-bottom: clamp(22.4px, 7.953px + 1.1741682975vw, 32px);margin-bottom: clamp(1.4rem, 0.4970645793rem + 1.1741682975vw, 2rem);}
.reason_sec .content .item img {width: 20%;}
.reason_sec .content .item .txt {width: 75%;}
.reason_sec .content .item .txt h3 {margin-bottom: clamp(20.8px, 6.353px + 1.1741682975vw, 30.4px);margin-bottom: clamp(1.3rem, 0.3970645793rem + 1.1741682975vw, 1.9rem);font-size: clamp(33.6px, 11.929px + 1.7612524462vw, 48px);font-size: clamp(2.1rem, 0.7455968689rem + 1.7612524462vw, 3rem);color: #a52033;/*color: #ca0636;*/font-weight: 600;}
.reason_sec .content .item .txt p {font-size: clamp(24px, 7.145px + 1.3698630137vw, 35.2px);font-size: clamp(1.5rem, 0.4465753425rem + 1.3698630137vw, 2.2rem);font-weight: 600;line-height: 1.75;}
.reason_sec .content .item .txt p span {color: #a52033;/*color: #ca0636*/font-weight: 600;}
.reason_sec .content .item .txt a {display: inline-block;padding: clamp(11.2px, 3.976px + 0.5870841487vw, 16px)clamp(25.6px, 8.745px + 1.3698630137vw, 36.8px);padding: clamp(0.7rem, 0.2485322896rem + 0.5870841487vw, 1rem)clamp(1.6rem, 0.5465753425rem + 1.3698630137vw, 2.3rem);margin-top: clamp(19.2px, 7.16px + 0.9784735812vw, 27.2px);margin-top: clamp(1.2rem, 0.447553816rem + 0.9784735812vw, 1.7rem);border: 1px solid #a52033; /*ca0636*/ font-size: clamp(19.2px, 7.16px + 0.9784735812vw, 27.2px);font-size: clamp(1.2rem, 0.447553816rem + 0.9784735812vw, 1.7rem);color: #a52033;/*color: #ca0636;*/font-weight: 600;}
.reason_sec .content > a {width: clamp(537.6px, 190.872px + 28.1800391389vw, 768px);width: clamp(33.6rem, 11.9295499022rem + 28.1800391389vw, 48rem);padding: clamp(17.6px, 7.968px + 0.782778865vw, 24px) 0;padding: clamp(1.1rem, 0.4980430528rem + 0.782778865vw, 1.5rem) 0;margin: 0 auto;border-top: clamp(6.4px, 3.992px + 0.1956947162vw, 8px) insetrgba(255, 255, 255, 0.5);border-top: clamp(0.4rem, 0.2495107632rem + 0.1956947162vw, 0.5rem) insetrgba(255, 255, 255, 0.5);border-left: clamp(6.4px, 3.992px + 0.1956947162vw, 8px) insetrgba(255, 255, 255, 0.5);border-left: clamp(0.4rem, 0.2495107632rem + 0.1956947162vw, 0.5rem) insetrgba(255, 255, 255, 0.5);border-bottom: clamp(6.4px, 3.992px + 0.1956947162vw, 8px) insetrgba(0, 0, 0, 0.3);border-bottom: clamp(0.4rem, 0.2495107632rem + 0.1956947162vw, 0.5rem) insetrgba(0, 0, 0, 0.3);border-right: clamp(6.4px, 3.992px + 0.1956947162vw, 8px) insetrgba(0, 0, 0, 0.3);border-right: clamp(0.4rem, 0.2495107632rem + 0.1956947162vw, 0.5rem) insetrgba(0, 0, 0, 0.3);-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #ca0636;font-size: clamp(25.6px, 8.745px + 1.3698630137vw, 36.8px);font-size: clamp(1.6rem, 0.5465753425rem + 1.3698630137vw, 2.3rem);color: #fff;font-weight: 600;text-align: center;} 

/* --- SP ---*/
@media screen and (max-width: 767px) {
.sleepoasis-hybridcp-2025{overflow: hidden;}
.sleepoasis-hybridcp-2025 h2.--bar{position: relative; left:-5.55%; width:111.11%; padding: clamp(1.7rem, 0.2rem + 4vw, 2.2rem) 0; margin-bottom: clamp(3.5rem, 0.3rem + 7.2vw, 4.5rem); font-size: clamp(1.8rem, 5vw, 3rem); line-height: 1.3;}

.kv_sec .link{background:#c40d3c; text-align: center; display: block; font-size: clamp(1.6rem, 1.5rem + 2vw, 2.0rem); padding: 1.5rem 0;}
.kv_sec .link a{background: url(../../../images/campaign/sleepoasis-hybridcp-2025/icon_link.webp) no-repeat right center / 20px auto; display: inline-block; color:#fff; padding-right: 3.5rem; font-weight: bold; line-height: 1.6;}

.lead_sec h2{font-size: clamp(1.6rem, .87rem + 2vw, 2.4rem);}

.message_sec p strong{font-size: clamp(1.6rem, .8rem + 2vw, 2.8rem);}
.message_sec p img{max-width: 78%;}
.message_sec h3{text-align: center;}
.message_sec h3.sub{padding:0;}
.message_sec h3 strong{font-size: clamp(2.8rem, 1.4rem + 2vw, 4rem); line-height: 1.4; background: linear-gradient(transparent 65%, #fae894 65%); display: inline;}
.message_sec p.logo{padding:0 0 clamp(8rem, 2rem + 4vw, 14rem) 0;}
.message_sec h3.sub{margin:0;}
.message_sec h3.sub img{width: 95%; margin: 0 auto;}
.message_sec ul.evi{display: block; max-width: initial; margin-bottom: 10px;}
.message_sec ul.evi li{width:100%; padding: 10px 1.5%;}
.message_sec ul.evi li:nth-child(1){margin-bottom: 10px;}
.message_sec ul.evi li img{max-width: 96%;/*max-width: 100%;*/}
.message_sec .review{position: relative; left: -5.55%; width: 111.11%;}
.message_sec h4{font-size: clamp(1.6rem, 1.6rem + 4vw, 2.0rem);}
.message_sec .image img{width:80%; margin: 0 auto 25px auto; max-width: 500px;}
.message_sec .coupon img{width:84%; margin: 0 auto 30px auto; max-width: 500px;}
.message_sec ul.list01{width:90%; margin: 20px auto 20px auto;  max-width: 500px; min-width: initial;}
.message_sec ul.list01 li{font-size: clamp(1.45rem, 2.4vw, 2.4rem); background: url(../../../images/campaign/sleepoasis-trial60cp-2025/value_check.webp) no-repeat 0 50%/clamp(1.4rem, 2.4vw, 2.4rem) auto; padding-left: clamp(1.7rem, 2.8vw, 2.4rem);}
.message_sec ul.list02{width:90%; margin: 0 auto clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem) auto; min-width: initial; max-width: 500px;}
.message_sec ul.list02 li{font-size: clamp(1.45rem, 2.4vw, 2.4rem);}
.message_sec a.--btn{width:71vw; line-height: 2.5; border-radius: 2.5rem; font-size: clamp(1.6rem, 2.6vw, 3.2rem); padding: 0;}
.message_sec a.--btn:after{content: '▼'; position: absolute; right:15px; top :.5rem; font-size: 80%;}


.setitem_sec{margin-top: -45px; padding-top: 45px;}
.setitem_sec ul.box{display: block; flex-wrap: wrap; gap: 0%; margin: 0 auto;}
.setitem_sec ul.box li.item{width:100%; padding: 20px 2.5%; border-radius: 10px; margin-bottom: 15px;}
.setitem_sec ul.box li:nth-last-child(1){margin-bottom: 0;}
.setitem_sec .container{width: 95%;}
.setitem_sec ul.box #item01,.setitem_sec ul.box #item02,.setitem_sec ul.box #item03{margin-top: -80px; padding-top: 80px;}
.setitem_sec .difference{width:110px; /* width:90px; display: inline-block; position: relative; margin: -1.6rem 0 0 1.6rem;*/ top:-1.4em;}
.setitem_sec button {padding: clamp(.5rem, 0.4970645793rem + 1.1741682975vw, 1rem) 0; border: 1px solid #ca0636;}
.setitem_sec button span {font-size: clamp(1.6rem, 0.5465753425rem + 1.3698630137vw, 2rem); color: #fff; font-weight: 600;}
.setitem_sec .whiteBtn {width: 100%; padding: clamp(1.2rem, 0.4970645793rem + 1.1741682975vw, 1.6rem) 0; font-size: clamp(1.6rem, 0.5465753425rem + 1.3698630137vw, 2rem);}

.etc_sec{margin: 0 auto clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem) auto;}
.etc_sec ul{gap: 3%; margin: 0 auto -50px auto;}
.etc_sec ul li{width:48.5%; padding: 0px 0 50px 0;}
.etc_sec .title{min-height: 9rem; margin-bottom: 0;}
.etc_sec li:nth-child(3) .title {margin-bottom: 0;}
.etc_sec .lead{min-height: 18rem;/*min-height: 12rem;*/ font-size: clamp(1.1rem, 0.447553816rem + 0.9784735812vw, 1.4rem); }
.etc_sec .difference{padding: 0.3rem .5rem; font-size: clamp(1.4rem, 0.4970645793rem + 1.1741682975vw, 2rem); margin-left: .5rem;}
.etc_sec .before em{min-height: 4.5em;}
.etc_sec .after {font-size: clamp(2rem, 1.0436399217rem + 2.5440313112vw, 4.3rem);}
.etc_sec .after span {font-size: clamp(1.2rem, 0.4970645793rem + 1.1741682975vw, 2rem);}
.etc_sec button span,
.etc_sec .whiteBtn{font-size: clamp(1.3rem, 0.5465753425rem + 1.3698630137vw, 2.0rem);}
.etc_sec #etc{padding-top: 50px; margin-top: -50px;}

.intro_sec .content{display: block}
.intro_sec .content .img{width: 100%; margin-bottom: clamp(2rem, .2rem + 4.8vw, 2.6rem)}
.intro_sec .content .txt{width: 100%}
.intro_sec .content .txt .name{padding-left: clamp(1.3rem, .1rem + 3.2vw, 1.7rem); margin-bottom: clamp(2rem, .2rem + 4.8vw, 2.6rem); border-width: clamp(.4rem, .1rem + .8vw, .5rem); font-size: clamp(2.5rem, .1rem + 6.4vw, 3.3rem)}
.intro_sec .content .txt .name span{margin-bottom: clamp(.7rem, .1rem + 1.6vw, .9rem); font-size: clamp(1.4rem, .2rem + 3.2vw, 1.8rem)}
.intro_sec .content .txt p {font-size: clamp(1.2rem, -.5rem + 4vw, 1.5rem); letter-spacing: .03em; line-height: 2}

.point_sec{margin: clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem) auto;}
.point_sec .container{width: 100%;}
.point_sec span .anime{position: absolute; width: 90.933%; left:4.666%; top:50.694%; z-index: +1;}

.value_sec{margin: 0 auto clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem) auto;}
/*.value_sec h2.--bar{width:100%; padding: clamp(1.7rem, 0.2rem + 4vw, 2.2rem) 0; margin-bottom: clamp(3.5rem, 0.3rem + 7.2vw, 4.5rem); font-size: clamp(1.8rem, 5vw, 3rem); line-height: 1.3;}*/
.value_sec .trial {margin: 0 auto; /*margin: 0 auto clamp(6rem, 3.4397260274rem + 8.2095890411vw, 8rem) auto;*/}
.value_sec .trial .btn{position: absolute; width: 93.333%; top: 90.099%; left: 3.466%;}
.value_sec .container{width: 100%;}

.reason_sec {padding: 0; /*padding: 0 0 clamp(7rem, 0.7rem + 16.8vw, 9.1rem) 0;*/}
.reason_sec .content .item {display: block; width: 100%; margin: 0 auto clamp(3.2rem, 0.2rem + 8vw, 4.2rem);}
.reason_sec .content .item:last-of-type {margin-bottom: clamp(3.2rem, 0.2rem + 8vw, 4.2rem);}
.reason_sec .content .item img {width: 40%;margin: 0 auto clamp(1.4rem, 0.2rem + 3.2vw, 1.8rem);}
.reason_sec .content .item .txt {width: 100%;text-align: center;}
.reason_sec .content .item .txt h3 {margin-bottom: clamp(0.5rem, -0.1rem + 1.6vw, 0.7rem);font-size: clamp(2rem, 0.2rem + 4.8vw, 2.6rem);}
.reason_sec .content .item .txt p {font-size: clamp(1.3rem, 0.1rem + 3.2vw, 1.7rem);line-height: 1.4;}
.reason_sec .content .item .txt a {padding: clamp(0.9rem, 2.4vw, 1.2rem) clamp(1.7rem, 0.2rem + 4vw, 2.2rem);margin: clamp(1.3rem, 0.1rem + 3.2vw, 1.7rem) auto 0;  font-size: clamp(1.4rem, 0.2rem + 3.2vw, 1.8rem);}
.reason_sec .content > a {width: 100%; padding: clamp(1.05rem, 2.8vw, 1.4rem) 0;margin-bottom: clamp(1.3rem, 0.1rem + 3.2vw, 1.7rem);border-width: clamp(0.4rem, 0.1rem + 0.8vw, 0.5rem);font-size: clamp(1.7rem, 0.2rem + 4vw, 2.2rem);}

}