@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;
}
.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:918px;
}
.main-wrap img{
max-width:100%;
height:auto;
}
.main-sp{
display:none;
}
.bg-main-left,
.bg-main-right{
height:770px;
background-repeat:no-repeat;
}
.bg-main-left{
background-position:left top;
background-image:url(/special/life/cp_well-being_2026/images/bg_main_left.png);
}
.bg-main-right{
background-position:right top;
background-image:url(/special/life/cp_well-being_2026/images/bg_main_right.png);
}
.bg-main-bottom{
height:918px;
background-repeat:no-repeat;
background-position:bottom center;
background-image:url(/special/life/cp_well-being_2026/images/bg_main_bottom.png);
}
.main-container{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
}
.main-frame{
width:100%;
margin:0 auto;
text-align:center;
position:absolute;
top:44px;
left:auto;
}
.main-frame>div{
width:631px;
margin:0 auto;
text-align:center;
}
.main-ill{
width:100%;
margin:0 auto;
text-align:center;
position:absolute;
top:48px;
left:auto;
}
.main-ill>div{
width:100%;
margin:0 auto;
text-align:center;
height:759px;
background-repeat:no-repeat;
background-position:top center;
background-image:url(/special/life/cp_well-being_2026/images/main_ill.png);
}
.main-title{
width:100%;
margin:0 auto;
text-align:center;
position:absolute;
top:44px;
left:auto;
}
.main-title>h2{
width:631px;
margin:0 auto;
text-align:center;
}

@media screen and (min-width: 1600px){
}

@media screen and (min-width: 769px) and (max-width: 1199px){
.bg-main-left{
background-position:left -120px top;
}
.bg-main-right{
background-position:right -120px 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,
.bg-main-bottom{
height:auto;
background-image:none;
}
.main-container{
display:none;
}
}


.about-wrap{
width:100%;
margin:0 auto;
text-align:center;
background-color:#fdbed5;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
padding-top:30px;
padding-bottom:120px;
}
.about-wrap img{
max-width:100%;
height:auto;
}
.about-container{
width:100%;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:top center;
background-image:url(/special/life/cp_well-being_2026/images/bg_about.png);
height:325px;
}
.about-row{
width:580px;
margin:0 auto;
text-align:center;
}
.about-col{
height:325px;
vertical-align:middle;
display:table-cell;
}
.about-col>h3{
margin-bottom:40px;
}
.about-col>p{
line-height:200%;
color:#fff;
font-size:26px;
letter-spacing: .15rem;
}
.about-sp-img{
display:none;
}
@media screen and (min-width: 769px) and (max-width: 1100px){
.about-wrap{
padding-top:0px;
padding-bottom:100px;
}
.about-container{
background-position:center center;
background-size: contain;
}
.about-row{
width:500px;
}
.about-col>p{
font-size:22px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.about-wrap{
padding-top:50px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
padding-bottom:60px;
}
.about-container{
background-image:none;
height:auto;
}
.about-row{
width:94%;
}
.about-col{
height:auto;
display:block;
}
.about-col>h3{
margin-bottom:25px;
}
.about-col>p{
line-height:150%;
font-size:18px;
}
.about-sp-img{
display:block;
width:100%;
margin:0 auto;
text-align:center;
padding-top:30px;
}
}

.nav-wrap{
width:100%;
margin:0 auto;
text-align:center;
position:relative;
padding-top:110px;
padding-bottom:50px;
}
.nav-wrap img{
max-width:100%;
height:auto;
}
.nav-wrap-tab{
display:none;
}
.nav-title{
position:absolute;
width:100%;
margin:0 auto;
text-align:center;
top:-70px;
left:auto;
}
.nav-title>h3{
width:142px;
height:142px;
margin:0 auto;
text-align:center;
background-color:#00c6f6;
border-radius:100px;
display: flex;
justify-content: center;
align-items: center;
}
.nav-title>h3 p{
width:100%;
margin:0 auto;
text-align:center;
}
.nav-row{
width: 1010px;
margin:0 auto;
text-align:center;
}
.nav-row>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nav-row>ul li{
width: 135px;
margin-bottom:10px;
}
.nav-col{
width:100%;
margin:0 auto;
text-align:center;
}
.nav-col a{
display:block;
text-decoration:none;
width:100%;
margin:0 auto;
text-align:center;
border:1px solid #fa8383;
background-color:#fff;
border-radius:20px;
box-sizing:border-box;
padding-top:15px;
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
}
.nav-col a>p{
width:100%;
padding-top:100px;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:top center;
color:#fa8383;
font-size:14px;
line-height:100%;
}
.nav-col a>p.all{
background-image:url(/special/life/cp_well-being_2026/images/nv_all.png);
}
.nav-col a>p.kenko{
background-image:url(/special/life/cp_well-being_2026/images/nv_kenko.png);
}
.nav-col a>p.kosodate{
background-image:url(/special/life/cp_well-being_2026/images/nv_kosodate.png);
}
.nav-col a>p.kaigo{
background-image:url(/special/life/cp_well-being_2026/images/nv_kaigo.png);
}
.nav-col a>p.woman{
background-image:url(/special/life/cp_well-being_2026/images/nv_woman.png);
}
.nav-col a>p.manabi{
background-image:url(/special/life/cp_well-being_2026/images/nv_manabi.png);
}
.nav-col a>p.seminar{
background-image:url(/special/life/cp_well-being_2026/images/nv_seminar.png);
}

.nav-col a.current{
background-color:#fa8383;
}
.nav-col a.current>p{
color:#fff;
}
.nav-col a.current>p.all{
background-image:url(/special/life/cp_well-being_2026/images/nv_all_on.png);
}
.nav-col a.current>p.kenko{
background-image:url(/special/life/cp_well-being_2026/images/nv_kenko_on.png);
}
.nav-col a.current>p.kosodate{
background-image:url(/special/life/cp_well-being_2026/images/nv_kosodate_on.png);
}
.nav-col a.current>dl dt>p.kaigo{
background-image:url(/special/life/cp_well-being_2026/images/nv_kaigo_on.png);
}
.nav-col a.current>p.woman{
background-image:url(/special/life/cp_well-being_2026/images/nv_woman_on.png);
}
.nav-col a.current>p.manabi{
background-image:url(/special/life/cp_well-being_2026/images/nv_manabi_on.png);
}
.nav-col a.currentr>p.seminar{
background-image:url(/special/life/cp_well-being_2026/images/nv_seminar_on.png);
}

#togglemenu{
-webkit-transition: .8s;
-o-transition: .8s;
transition: .8s;
}

@media screen and (min-width: 248px) and (max-width: 768px){
.nav-wrap{
display:none;
}
.nav-wrap-tab{
display:block;
width:94%;
margin:0 auto;
text-align:center;
padding-top:50px;
padding-bottom:20px;
}
.nav-wrap-tab img{
max-width:100%;
height:auto;
}
#acMenu dt{
cursor:pointer;
}
#acMenu dd{
}
#acMenu dt.nav-title{
position:static;
margin:0 auto;
text-align:center;
width:100%;
height:auto;
}
#acMenu dt.active.nav-title>p,
#acMenu dt.nonactive.nav-title>p{
width:100%;
height:auto;
background-repeat:no-repeat;
background-position:right center;
background-image:url(/special/life/cp_well-being_2026/images/nvi_acd_open.png);
background-color:#00c6f6;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#acMenu dt.nav-title>p{
width:100%;
height:auto;
background-repeat:no-repeat;
background-position:right center;
background-image:url(/special/life/cp_well-being_2026/images/nvi_acd_close.png);
background-color:#00c6f6;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.nav-title>p span{
display:block;
text-align:left;
color:#fff;
font-size:14px;
font-weight:bold;
line-height:100%;
padding:18px 10px;
}
.nvi-frame{
position:static;
top: 0px;
}
.nvi-box{
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
background-color:#fdf7f7;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.nav-row{
width: 100%;
margin:0 auto;
text-align:center;
}
.nav-row>ul li{
width: 50%;
margin-bottom:5px;
}
.nav-col a{
padding-top:8px;
padding-bottom:8px;
padding-left:5px;
padding-right:5px;
}
.nav-col a>p{
width:100%;
padding-top:5px;
padding-bottom:5px;
padding-left:33px;
padding-right:5px;
text-align:left;
background-position:left center;
font-size:11px;
color:#fa8383;
}

.nav-col a>p.all{
background-image:url(/special/life/cp_well-being_2026/images/nv_all_sp.png);
}
.nav-col a>p.kenko{
background-image:url(/special/life/cp_well-being_2026/images/nv_kenko_sp.png);
}
.nav-col a>p.kosodate{
background-image:url(/special/life/cp_well-being_2026/images/nv_kosodate_sp.png);
}
.nav-col a>p.kaigo{
background-image:url(/special/life/cp_well-being_2026/images/nv_kaigo_sp.png);
}
.nav-col a>p.woman{
background-image:url(/special/life/cp_well-being_2026/images/nv_woman_sp.png);
}
.nav-col a>p.manabi{
background-image:url(/special/life/cp_well-being_2026/images/nv_manabi_sp.png);
}
.nav-col a>p.seminar{
background-image:url(/special/life/cp_well-being_2026/images/nv_seminar_sp.png);
}

.nav-col a.current>p{
color:#fff;
}
.nav-col a.current>p.all{
background-image:url(/special/life/cp_well-being_2026/images/nv_all_on_sp.png);
}
.nav-col a.current>p.kenko{
background-image:url(/special/life/cp_well-being_2026/images/nv_kenko_on_sp.png);
}
.nav-col a.current>p.kosodate{
background-image:url(/special/life/cp_well-being_2026/images/nv_kosodate_on_sp.png);
}
.nav-col a.current>dl dt>p.kaigo{
background-image:url(/special/life/cp_well-being_2026/images/nv_kaigo_on_sp.png);
}
.nav-col a.current>p.woman{
background-image:url(/special/life/cp_well-being_2026/images/nv_woman_on_sp.png);
}
.nav-col a.current>p.manabi{
background-image:url(/special/life/cp_well-being_2026/images/nv_manabi_on_sp.png);
}
.nav-col a.currentr>p.seminar{
background-image:url(/special/life/cp_well-being_2026/images/nv_seminar_on_sp.png);
}

}


.menu-wrap{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-wrap img{
max-width:100%;
height:0 auto;
}
.menu-container{
width:1040px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.isotope .item{
display:inline-block;
/*isotopeを元に戻す場合marginはずす*/
margin:0 12px;
padding-bottom:30px;
}
.menu-row{
width:320px;
margin:0 auto;
text-align:center;
}
.menu-row a{
display:block;
text-decoration:none;
transition: 0.5s ease;
}
.menu-box{
border-radius:30px;
border:3px solid #fecaca;
box-sizing:border-box;
padding-bottom:20px;
}
.menu-box>dl{
width:100%;
overflow:hidden;
zoom:1;
clear:both;
}
.menu-box>dl dt{
width:100%;
}
.menu-box>dl dd{
width:100%;
text-align:left;
}
.menu-img{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-img img{
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.menu-summary{
padding-top:20px;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
}
.menu-no{
margin-bottom:12px;
}
.menu-no>p{
line-height:100%;
color:#666;
font-size:12px;
}
.menu-name{
margin-bottom:10px;
height:4.3em;
color:#773535;
font-weight:bold;
}
.menu-name>span{
line-height:100%;
font-size:16px;
margin-bottom:5px;
display:block;
}
.menu-name>p{
font-size:20px;
line-height:140%;
margin-bottom:5px;
word-break: break-all;
}
.menu-name>strong{
line-height:100%;
font-size:14px;
display:block;
}
.menu-read>p{
line-height:140%;
font-size:13px;
height:4em;
		margin-bottom:10px;
		text-align: justify;
}
.menu-category{
clear:both;
margin-bottom:15px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
padding:0 15px;
}
.menu-category .title{
width:22%;
}
.menu-category .icon{
width:78%;
}
.menu-category .title>p{
	line-height:100%;
	color:#fa8383;
font-size:13px;
	font-weight:bold;
	padding-top:3px;
}
.menu-category .icon>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.menu-category .icon>ul li{
padding-left:10px;
}
.btn-area{
width:100%;
margin:0 auto;
text-align:center;
}
.buttun{
width:166px;
margin:0 auto;
text-align:center;
border-radius:100px;
background-color:#00c6f6;
transition: 0.5s ease;
}
.buttun>p{
text-align:center;
color:#fff;
font-size:13px;
padding:15px 10px;
position:relative;
line-height:100%;
}
.buttun>p::before{
content: "";
position: absolute;
top:45%;
right: 15px;
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;
}
.menu-row a:hover .buttun{
transition: 0.5s ease;
background-color:#02a5cd;
}
.menu-row a:hover .buttun>p::before{
transition: 0.5s ease;
right: 10px;
}
@media screen and (min-width: 769px) and (max-width: 1039px){
.menu-container{
width:1010px;
}
.isotope .item{
margin:0 6px;
}
}
@media screen and (min-width: 248px) and (max-width: 768px){
.menu-container{
width:94%;
margin-bottom:20px;
}
.isotope .item{
margin:0 auto;
width:100%;
text-align:center;
padding-bottom:15px;
}

.menu-row{
width:100%;
}
.menu-box{
border-radius:15px;
border:2px solid #fecaca;
padding-top:7px;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;
}
.menu-box>dl{
width:100%;
overflow:hidden;
zoom:1;
clear:both;
}
.menu-box>dl dt{
width:35%;
float:left;
}
.menu-box>dl dd{
width:65%;
float:right;
}
.menu-img{
width:100%;
margin:0 auto;
text-align:center;
}
.menu-img img{
border-radius: 10px;
}
.menu-summary{
padding-top:0px;
padding-left:10px;
padding-right:0px;
padding-bottom:5px;
}
.menu-no{
margin-bottom:0px;
}
.menu-no>p{
font-size:10px;
}
.menu-name{
margin-bottom:5px;
height:auto;
}
.menu-name>span{
font-size:14px;
margin-bottom:0px;
line-height:140%;
}
.menu-name>p{
font-size:16px;
margin-bottom:0px;
}
.menu-name>strong{
line-height:140%;
font-size:12px;
}
.menu-read>p{
line-height:140%;
font-size:12px;
height:auto;
}
.menu-category{
margin-bottom:0px;
padding:0 0px;
}
.menu-category .title{
width:22%;
}
.menu-category .icon{
width:78%;
}
.menu-category .title>p{
font-size:12px;
padding-top:5px;
}
.btn-area{
display:none;
}

}


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