@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

#ori-sp-wrapper a:hover{
filter:alpha(opacity=90);
-moz-opacity: .9;
opacity: .9;
}
/*position: stickyが効かないためoverflow:hidden解除*/
#ori-sp-wrapper,
.ori-sp-wrapper,
.ori-sp-container{
overflow:visible;
}
.ori-sp-container{
width:100%;
padding-bottom:40px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
/*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;*/
/*font-weight:500;*/
	color:#222;
background-repeat:repeat;
background-position:center top;
background-image:url(/special/life/cp_newlife_2026/images/bg.jpg);
}
.ori-sp-container .font-mincho{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 500;
}

.ori-sp-container br.brake{
display:block;
}
.ori-sp-container br.sp-brake{
display:none;
}
.ori-sp-container .key-color-ptn1{
color:#d21d5c;
}
.ori-sp-container .key-color-ptn2{
color:#2a3e61;
}
.ori-sp-container .key-color-ptn3{
color:#ff5400;
}
.ori-sp-container .key-color-ptn4{
color:#fff;
}
.ori-sp-container .container-1010{
width:1010px;
margin:0 auto;
text-align:center;
}
.ori-sp-container .al-center{
width:100%;
margin:0 auto;
text-align:center;
}
.ori-sp-container .al-left{
text-align:left;
}
.ori-sp-container .al-right{
text-align:right;
}
.ori-sp-container .disp-pc{
display:block;
}
.ori-sp-container .disp-sp{
display:none;
}
.ori-sp-container .flex{
display: -webkit-flex;
display: flex;
justify-content: space-between;
clear:both;
}
.ori-sp-container .float-left-ptn1{
width:50%;
float:left;
}
.ori-sp-container .float-right-ptn1{
width:50%;
float:right;
text-align:right;
}
.ori-sp-container .color-white{
color:white;
}
.ori-sp-container .color-green{
color:#458565;
}
.ori-sp-container .color-red{
color:#b60014;
}
.ori-sp-container .color-pink{
color:#e02c2e;
}
.ori-sp-container .color-red2{
color:#fd0505;
}
.ori-sp-container .font-12{
font-size:12px;
}
.ori-sp-container .font-14{
font-size:14px;
}
.ori-sp-container .font-15{
font-size:15px;
}
.ori-sp-container .font-16{
font-size:16px;
}
.ori-sp-container .font-18{
font-size:18px;
}
.ori-sp-container .font-20{
font-size:20px;
}
.ori-sp-container .font-22{
font-size:22px;
}
.ori-sp-container .font-24{
font-size:24px;
}
.ori-sp-container .font-26{
font-size:26px;
}
.ori-sp-container .font-28{
font-size:28px;
}
.ori-sp-container .font-36{
font-size:36px;
}
.clear-area{
clear:both;
}


.main-wrap{
width:100%;
margin:0 auto;
text-align:center;
height:600px;
}
.main-wrap img{
max-width:100%;
height:auto;
}
.main-sp{
display:none;
}
.bg-main-left,
.bg-main-right{
height:600px;
background-repeat:no-repeat;
}
.bg-main-left{
background-position:left top;
background-image:url(/special/life/cp_newlife_2026/images/bg_main_left.png);
}
.bg-main-right{
background-position:right top;
background-image:url(/special/life/cp_newlife_2026/images/bg_main_right.png);
}
.main-container{
width:100%;
margin:0 auto;
	text-align:center;
	position:relative;
}
.main-sakura{
width:100%;
position:absolute;
top:0;
left:auto;
margin:0 auto;
text-align:center;
}
.main-sakura>p{
width:100%;
height:600px;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/life/cp_newlife_2026/images/main_sakura.png);
}
.main-ill{
width:100%;
position:absolute;
top:0;
left:auto;
margin:0 auto;
text-align:center;
}
.main-ill>p{
width:100%;
height:600px;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:center top;
background-image:url(/special/life/cp_newlife_2026/images/main_ill.png);
}
.main-title{
width:532px;
margin:0 auto;
text-align:center;
}
.main-title>h2{
width:100%;
margin:0 auto;
text-align:center;
padding-top:57px;
}


@media screen and (min-width: 769px) and (max-width: 1100px){
.bg-main-left{
background-position:left -100px top;
}
.bg-main-right{
background-position:right -100px top;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.main-wrap{
height:auto;
}
.main-wrap img{
width:100%;
height:auto;
}
.main-sp{
display:block;
width:100%;
margin:0 auto;
text-align:center;
}
.bg-main-left,
.bg-main-right{
height:auto;
background-image:none;
}
.main-container{
display:none;
}
}


.nv-wrap{
width:100%;
margin:0 auto;
text-align:center;
padding-top:130px;
padding-bottom:140px;
}
.nv-wrap img{
max-width:100%;
height:auto;
}
.nv-title{
width:100%;
text-align:center;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
}
.nv-container{
width:1100px;
margin:0 auto;
text-align:center;
}
.nv-container ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nv-container ul li{
width: 193px;
margin-bottom:10px;
}
.nv-container ul li a{
display:block;
text-decoration:none;
}
.nv-row{
width: 100%;
margin:0 auto;
text-align:center;
background-color:#fff;
border-radius:20px;
}
.nv-col{
padding:5px;
}
.nv-col dl{
width:100%;
overflow:hidden;
zoom:1;
clear:both;
}
.nv-col dl dt{
width:100%;
margin-bottom:12px;
}
.nv-col dl dt img{
border-radius:15px;
}
.nv-col dl dd{
width:100%;
}
.nv-col dl dd>p{
width:100%;
margin:0 auto;
text-align:center;
}
.nv-col dl dd>p span{
line-height:100%;
display:block;
font-weight:bold;
color:#4d4743;
letter-spacing: .15rem;
}
.nv-col dl dd>p span:nth-child(1){
font-size:16px;
margin-bottom:5px;
}
.nv-col dl dd>p span:nth-child(2){
font-size:12px;
margin-bottom:10px;
}
@media screen and (min-width: 1010px) and (max-width: 1099px){
.nv-container{
width:1010px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
	.nv-wrap{
width:94%;
padding-top:60px;
padding-bottom:70px;
}
.nv-container{
width:100%;
}
.nv-container ul li{
width:49%;
margin-bottom:5px;
}
.nv-row{
border-radius:10px;
}
.nv-col dl{
overflow:hidden;
zoom:1;
clear:both;

}
.nv-col dl dt{
float:left;
width:25%;
margin-bottom:0px;
}
.nv-col dl dt img{
width:100%;
	height:auto;
border-radius:10px;
}
.nv-col dl dd{
padding-left:3%;
width:72%;
float:right;
text-align:left;
}
.nv-col dl dd>p{
padding:10px 0px;
text-align:left;
}
.nv-col dl dd>p span{
letter-spacing: .0rem;
}
.nv-col dl dd>p span:nth-child(1){
display:none;
}
.nv-col dl dd>p span:nth-child(2){
font-size:12px;
margin-bottom:0px;
}
}


.menu-wrap{
width:100%;
margin:0 auto;
text-align:center;
clear:both;
}
.menu-wrap img{
max-width:100%;
height:0 auto;
}
.menu-container{
width:100%;
margin-bottom:200px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.menu-container:nth-of-type(5){
margin-bottom:60px;
}
.submain-wrap{
width:95%;
margin:0 auto;
text-align:center;
}
.submain-container{
width:100%;
margin:0 auto;
text-align:center;
}
.submain-container.bg1,
.submain-container.bg2,
.submain-container.bg3,
.submain-container.bg4,
.submain-container.bg5{
height:403px;
background-repeat:no-repeat;
background-position:left top;
background-size:cover;
border-radius:40px;
}
.submain-container.bg1{
background-image:url(/special/life/cp_newlife_2026/images/submain_1.jpg);
}
.submain-container.bg2{
background-image:url(/special/life/cp_newlife_2026/images/submain_2.jpg);
}
.submain-container.bg3{
background-image:url(/special/life/cp_newlife_2026/images/submain_3.jpg);
}
.submain-container.bg4{
background-image:url(/special/life/cp_newlife_2026/images/submain_4.jpg);
}
.submain-container.bg5{
background-image:url(/special/life/cp_newlife_2026/images/submain_5.jpg);
}
.submain-row{
position:relative;
}
.submain-col{
position:absolute;
width:450px;
top:0;
right:7%;
}
.submain-inner{
width:450px;
margin:0 auto;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
height:403px;
}
.submain-inner .inner>h3{
color:#4d4743;
line-height:100%;
margin-bottom:20px;
font-size:66px;
}
.submain-inner .inner>p{
color:#4d4743;
line-height:100%;
margin-bottom:40px;
font-size:26px;
font-weight:bold;
}
.submain-inner .inner>span{
display:block;
color:#4d4743;
line-height:170%;
font-size:18px;
font-weight:bold;
letter-spacing: .08rem;
}
@media screen and (min-width: 769px) and (max-width: 1100px){
.submain-container.bg2{
background-position:left -230px top;
}
.submain-container.bg3{
background-position:left -100px top;
}
}

@media screen and (min-width: 248px) and (max-width: 768px){
.menu-container{
margin-bottom:100px;
}
.menu-container:nth-of-type(5){
margin-bottom:40px;
}
.submain-wrap{
width:100%;
}
.submain-container.bg1,
.submain-container.bg2,
.submain-container.bg3,
.submain-container.bg4,
.submain-container.bg5{
border-radius:0px;
}
.submain-col{
position:static;
width:100%;
margin:0 auto;
text-align:center;
}
.submain-inner{
width:94%;
}
.submain-inner .inner{
width:100%;
margin:0 auto;
text-align:center;
background-color: rgba(172, 57, 49, 0.6);
border-radius:20px;
padding:30px;
}
.submain-inner .inner>h3{
margin-bottom:20px;
font-size:40px;
color:#fff;
}
.submain-inner .inner>p{
margin-bottom:30px;
font-size:20px;
color:#fff;
}
.submain-inner .inner>span{
line-height:150%;
font-size:14px;
letter-spacing: .0rem;
padding:0px 10px;
color:#fff;
}
.submain-inner .inner>span br{
display:none;
}
}

.menu-list{
padding-top:50px;
width:1100px;
margin:0 auto;
text-align:center;
}
.menu-list-box{
background-color:#fff;
position:relative;
border-radius:40px;
}
.menu-list-title{
position:absolute;
top:-80px;
z-index:10;
width:100%;
margin:0 auto;
text-align:center;
}
.menu-list-title>h3{
width:210px;
margin:0 auto;
text-align:center;
}
.menu-list-row{
padding-top:40px;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
}
.menu-list-row ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.menu-list-row ul li{
width: 480px;
margin-bottom:30px;
background-color:#fefce6;
border-radius:30px;
}
.menu-col{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-img{
padding:5px;
}
.menu-img-box{
position:relative;
}
.menu-img-box>p{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-img-box>p img{
border-radius:25px;
}
.menu-img-logo{
position:absolute;
bottom:0;
right:5%
}
.menu-img-logo img{
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.menu-summary{
padding-top:25px;
padding-left:30px;
padding-right:30px;
padding-bottom:25px;
text-align:left;
}
.menu-no{
margin-bottom:15px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.menu-no>p:nth-child(1){
font-size:12px;
color:#333;
line-height:100%;
}
.menu-no>p:nth-child(2){
text-align:right;
width:94px;
margin-top:-7px;
background-color:#69d1b1;
border-radius:100px;
}
.menu-no>p:nth-child(2) span{
display:block;
margin:0 auto;
text-align:center;
line-height:100%;
width:100%;
color:#fff;
padding:7px 5px;
font-size:12px;
}
.menu-name{
margin-bottom:10px;
}
.menu-name>p{
font-size:25px;
color:#e7625f;
font-weight:bold;
height:2.5em;
line-height:135%;
}
.menu-read{
margin-bottom:10px;
}
.menu-read>p{
font-size:16px;
color:#333;
font-weight:bold;
height:2.8em;
line-height:135%;
}
.menu-tokuten{
margin-bottom:20px;
}
.menu-tokuten-frame{
background-repeat:repeat;
background-position:left top;
background-image:url(/special/life/cp_newlife_2026/images/bg_tokuten.jpg);
padding:3px;
border-radius:20px;
}
.menu-tokuten-box{
background-color:#fff;
border-radius:20px;
position:relative;
}
.menu-tokuten-icon{
position:absolute;
left:-45px;
top:10px;
z-index:10;
}
.menu-tokuten-inner{
padding-top:17px;
padding-bottom:17px;
padding-left:45px;
padding-right:10px;
}
.menu-tokuten-inner dl{
width:100%;
overflow:hidden;
zoom:1;
clear:both;
}
.menu-tokuten-inner dl dt{
width:17%;
float:left;
}
.menu-tokuten-inner dl dd{
padding-left:1%;
width:82%;
float:right;
text-align:left;
}
.menu-tokuten-inner dl dt>p{
width:58px;
height:58px;
margin:0 auto;
text-align:center;
background-color:#f8463a;
border-radius:100px;
display: flex;
justify-content: center;
align-items: center;
}
.menu-tokuten-inner dl dt>p span{
display:block;
width:100%;
margin:0 auto;
text-align:center;
color:#fff;
font-weight:bold;
font-size:16px;
line-height:100%;
}
.menu-tokuten-inner dl dd>p{
height:58px;
vertical-align:middle;
display:table-cell;
font-size:17px;
color:#f8463a;
font-weight:bold;
}


.btn-area{
width:100%;
margin:0 auto;
text-align:center;
clear:both;
}
.buttun{
width:216px;
margin:0 auto;
text-align:center;
}
.buttun a{
display:block;
text-decoration:none;
width:100%;
margin:0 auto;
text-align:center;
border-radius:100px;
background-color:#e67d76;
transition: 0.5s ease;
}
.buttun a>p{
text-align:center;
color:#fff;
font-size:16px;
padding:20px 10px;
position:relative;
line-height:100%;
}
.buttun a>p::before{
content: "";
position: absolute;
top:45%;
right: 20px;
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.5s ease;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.buttun a:hover{
transition: 0.5s ease;
background-color:#c2655f;
}
.buttun a:hover>p::before{
transition: 0.5s ease;
right: 10px;
}
@media screen and (min-width: 1010px) and (max-width: 1099px){
.menu-list{
width:1010px;
}
.menu-list-row{
padding-left:10px;
padding-right:10px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-list{
padding-top:50px;
width:96%;
}
.menu-list-box{
border-radius:20px;
}

.menu-list-row{
padding-left:15px;
padding-right:15px;
}

.menu-list-row ul li{
width: 100%;
margin-bottom:20px;
border-radius:20px;
}
.menu-img-box>p img{
border-radius:20px;
}
.menu-img-logo img{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.menu-summary{
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.menu-no{
margin-bottom:10px;
}
.menu-no>p:nth-child(1){
font-size:10px;
}
.menu-no>p:nth-child(2) span{
padding:5px 5px;
font-size:10px;
}
.menu-name>p{
font-size:18px;
height:auto;
}
.menu-read>p{
font-size:14px;
height:auto;
}

.menu-tokuten-frame{
background-position:center top;
border-radius:10px;
}
.menu-tokuten-box{
border-radius:10px;
}
.menu-tokuten-icon{
position:absolute;
left:-30px;
overflow:hidden;
}
.menu-tokuten-inner{
padding-top:15px;
padding-bottom:15px;
padding-left:55px;
padding-right:10px;
}
.menu-tokuten-inner dl dt{
width:100%;
float:none;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.menu-tokuten-inner dl dd{
padding-left:0%;
width:100%;
float:none;
text-align:center;
}
.menu-tokuten-inner dl dt>p{
width:100%;
height:auto;
border-radius:20px;
display: block;
}
.menu-tokuten-inner dl dt>p span{
padding:8px;
font-size:14px;
}
.menu-tokuten-inner dl dd>p{
height:auto;
display:block;
font-size:14px;
}

}


.note-wrap{
width:1010px;
margin-top:30px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.note-wrap>p{
text-align:left;
}
@media screen and (min-width: 248px) and (max-width: 768px){
.note-wrap{
width:94%;
}
}

@media screen and (min-width: 248px) and (max-width: 768px){
.ori-sp-container{
padding-top:0px;
}
.ori-sp-container br.brake{
display:none;
}
.ori-sp-container br.sp-brake{
display:block;
}
.ori-sp-container .font-12{
font-size:10px;
}
.ori-sp-container .font-14{
font-size:12px;
}
.ori-sp-container .font-15{
font-size:13px;
}
.ori-sp-container .font-16{
font-size:14px;
}
.ori-sp-container .font-18{
font-size:16px;
}
.ori-sp-container .font-20{
font-size:18px;
}
.ori-sp-container .font-22{
font-size:20px;
}
.ori-sp-container .font-24{
font-size:22px;
}
.ori-sp-container .font-26{
font-size:24px;
}
.ori-sp-container .font-28{
font-size:26px;
}
.ori-sp-container .font-36{
font-size:30px;
}

.ori-sp-container .container-1010{
width:94%;
}
.ori-sp-container .flex{
display: block;
margin-bottom:10px;
}
.ori-sp-container .disp-pc{
display:none;
}
.ori-sp-container .disp-sp{
display:block;
}
.note-wrap{
width:94%;
}
}