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

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

.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: #03457a; /*background-color: #0e7986;*/ font-size: clamp(2.1rem, 0.7455968689rem + 1.7612524462vw, 3.2rem); color: #fff; font-weight: 700; text-align: center;  width: 130.612%; position: relative; left: -15.306%;}

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

@media screen and (max-width: 768px) {
.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/series/sleep_oasis_hybrid/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(4.9rem, 1.7397260274rem + 4.1095890411vw, 7rem) 0 clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem) 0;}
.lead_sec h2{text-align: center; font-size: clamp(2.4rem, 1.6rem + 4vw, 2.4rem); line-height: 2; font-weight: bold; color:#152a3b;}

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

.point2_sec{margin: 0 auto clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 8.9rem) auto;}
.point2_sec .bnr{margin: 3rem auto 0 auto; width: 580px; display: block;}
.intro_sec {width: 100%; margin: 0 auto clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 8.9rem) auto;}
.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}

#osusume{margin: 0 auto clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 8.9rem) auto;}
#osusume .container{overflow: hidden; padding: 0;}
#osusume .swiper-item{position: relative;}
#osusume .swiper-item .swiper-slide{position: relative; padding: 0 16px;}
#osusume .swiper-item .swiper-slide button{font-size: 2.4rem; background: none; border: none; box-shadow: none; padding: 0; -webkit-appearance: button; position: absolute; right:0; top :0;}
#osusume .swiper-item .swiper-slide button:before{color: #c90436; /*color: #03457a;*/ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#osusume .swiper-item .swiper-slide button.fs-c-button--particular.fs-c-button--addToWishList--icon:before{font-family: "fs-icon"!important; content: "\e919";}
#osusume .swiper-item .swiper-slide button.fs-c-button--particular.fs-c-button--removeFromWishList--icon:before{font-family: "fs-icon"!important; content: "\e91a";}
#osusume .swiper-item .swiper-slide button span{display: none;}
/*#osusume .swiper-item .swiper-slide .img{}*/
#osusume .swiper-item .swiper-slide .lead{font-size:1.6rem!important; line-height: 1.2!important;  font-weight: 600; color: #152a3b; text-align: center;}
#osusume .swiper-item .swiper-slide .title{font-size:1.9rem!important; line-height: 1.2!important; text-align: left!important; font-weight: 700; color: #03457a; position: relative; margin-bottom: 8px;}
#osusume .swiper-item .swiper-slide .price{font-size:1.2rem!important; margin-bottom: 16px; font-weight: 500!important; color: #152a3b; line-height: 1.4;}
#osusume .swiper-item .swiper-slide .price span{font-size:2.1rem!important; display: block; font-weight: 500!important;}
#osusume .swiper-item .swiper-slide .link a{font-size:1.6rem; font-weight: 600; line-height: 1; color:#fff; text-align: center; border: 1.5px #fff solid; width: 100%; height: 48px; line-height: 46px; border-radius: 24px; background: #03457a; display: block; margin: 0 auto;}
#osusume .swiper-item .swiper-slide .link a span{background: url(../../../images/series/sleep_oasis_hybrid/icon_r_w.webp) 100% 50%/auto 10px no-repeat; padding: 0 28px 0 10px; color: #fff;}
#osusume .pagination{text-align: center; margin: 20px 0 72px 0; /*margin: 20px 0 42px 0;*/}
#osusume .swiper-pagination-bullet{width: 12px; height: 12px; background: #d9d9d9; opacity: 1; margin: 0 7px!important; outline: #fff 3px solid;  outline-offset: -1px; user-select: none;}
#osusume .swiper-pagination-bullet-active{background: #03457a; outline: none!important;}
/*#osusume .next,
#osusume .prev{top: 38%; display: block; width:38px; height: 38px; position: absolute; z-index: +1; user-select: none;}
#osusume .next{background: url(../../../images/series/sleep_oasis_hybrid/icon_next.webp) 0 0/cover no-repeat; left: auto; right: 0;}
#osusume .prev{background: url(../../../images/series/sleep_oasis_hybrid/icon_prev.webp) 0 0/cover no-repeat; left: 0; right: auto;}*/

/* --- SP ---*/
@media screen and (max-width: 767px) {
.hybridcp-2025{overflow: hidden;}
.hybridcp-2025 h2.--bar{position: relative; left:-5.55%; width:111.11%; padding: clamp(1.6rem, 0.2rem + 4vw, 2.0rem) 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/series/sleep_oasis_hybrid/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{padding: clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 8.9rem) 0 0 0;}
.lead_sec h2{font-size: clamp(1.6rem, .87rem + 2vw, 2.4rem);}

.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;}

.point2_sec{margin: clamp(8.9rem, 3.4397260274rem + 8.2095890411vw, 12rem) auto;}
.point2_sec .container{width: 100%;}
.point2_sec .bnr{margin: 2rem auto 0 auto; width: 95%;}

/*.intro_sec h2{font-size: 1.7rem!important;}*/
.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}

#osusume{margin: 0 auto clamp(6.9rem, 3.4397260274rem + 8.2095890411vw, 6.9rem) auto;}
#osusume .container{width: 100%;}
#osusume .swiper-item .swiper-slide button{font-size: 2.4rem; background: none; border: none; box-shadow: none; padding: 0; -webkit-appearance: button; position: absolute; right:-10px; top :0;}
#osusume .swiper-item .swiper-slide button:before{color: #c90436; /*color: #03457a;*/ font-family: "fs-icon"!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#osusume .swiper-item .swiper-slide button.fs-c-button--particular.fs-c-button--addToWishList--icon:before{font-family: "fs-icon"!important; content: "\e919";}
#osusume .swiper-item .swiper-slide button.fs-c-button--particular.fs-c-button--removeFromWishList--icon:before{font-family: "fs-icon"!important; content: "\e91a";}
#osusume .swiper-item .swiper-slide button span{display: none;}
/*#osusume .swiper-item .swiper-slide .lead{font-size:1.4rem!important; line-height: 1.2!important; color: #152a3b; text-align: center;}
#osusume .swiper-item .swiper-slide .title{font-size:1.4rem!important; margin-bottom: 6px;}
#osusume .swiper-item .swiper-slide .price{font-size:1.1rem!important; margin-bottom: 12px; color: #152a3b; line-height: 1.2;}
#osusume .swiper-item .swiper-slide .price span{font-size:1.8rem!important; display: block;}
#osusume .swiper-item .swiper-slide .link a{font-size:1.2rem; height: 38px; line-height: 36px; border-radius: 19px;}
#osusume .swiper-item .swiper-slide .link a span{background: url(../../../images/series/sleep_oasis_hybrid/icon_r_w.webp) 100% 50%/auto 7px no-repeat; padding: 0 18px 0 5px; color:#fff;}*/
#osusume .pagination{margin: 20px 0 30px 0;}
/*#osusume .next,
#osusume .prev{top: 20%; display: block; width:32px; height: 32px; position: absolute; z-index: +1;}
#osusume .next{background: url(../../../images/series/sleep_oasis_hybrid/icon_next.webp) 0 0/cover no-repeat; left: auto; right: 0;}
#osusume .prev{background: url(../../../images/series/sleep_oasis_hybrid/icon_prev.webp) 0 0/cover no-repeat; left: 0; right: auto;}*/

}