@charset "utf-8";
/* CSS Document */

html{font-size:18px;}
body{font-size:1rem;color: #101010;}
a{transition: 0.3s;}
a:hover{opacity: 0.5;}
.sp{display: none;}

/*ヘッダー*/
header{width:100%;max-width:960px;margin: 0 auto;padding: 15px;box-sizing: border-box;}
header .logo_area{float: left;}
header .logo_area .header_ttl{display: block; font-size: 1.444rem;margin-top: 15px;color: #101010;}
header .logo_area .header_ttl span{display: block;font-size: 0.889rem;}
header nav{}
header nav .sub_nav,header nav .main_nav{display: flex;}
header nav .main_nav{margin-top:-35px;justify-content:left;}
header nav .sub_nav{justify-content:right;flex-direction: column;}
header nav .sub_nav li,header nav .main_nav li{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;}
header nav .sub_nav li a,header nav .main_nav li a{color: #101010;}
header nav .sub_nav li:first-child,header nav .main_nav li:first-child{margin-left:0;}
header nav .sub_nav li .btn_contact{border: 1px solid;border-radius: 4px;padding: 3px 10px;margin: 6px 0;}
header nav .sub_nav li{font-size: 0.889rem;margin-left: 30px;place-items:flex-end;display: grid;text-align: right;}
header nav .main_nav li{font-size: 1.000rem;font-weight: bold;margin-left:40px;}
header .hamburger{display: none;}
header nav .intro_btn{display: flex;justify-content: right;margin: 10px 0;}
header nav .intro_btn a{width: auto;padding: 6px 30px 6px 15px;}
header nav .intro_btn a:after{right: 4%;width:15px;}


/*文字サイズ部分*/
.fontsize-controller {display: flex;align-items: center;justify-content: right;margin-bottom: 5px;}
.fontsize-controller .label {margin-right: 0.5rem;font-weight: bold;}
.fontsize-controller button {margin-right: 0.5rem;padding: 0.2rem 0.5rem 0.3rem;font-size: 0.9rem;cursor: pointer;border: 1px solid #ccc;background: #fff;border-radius: 4px;}
.fontsize-controller button#font-medium{background-color:#259f25;color:#fff;}
.fontsize-controller button:last-child {margin-right: 0;}

/*メインビジュアル*/
main{}
body.news main,body.nomain main{border-top:1px solid #000;}
main .inner,footer .inner{width:100%;max-width:960px;margin: 0 auto;box-sizing: border-box;padding: 0 15px;}
#main_visual{width:100%;height:200px; background: /*linear-gradient(rgb(106 140 150 / 20%)), */url(../img/main_visual.jpg) left center / cover no-repeat;}
#top #main_visual{height:700px;}
#main_visual .inner{position: relative;height: 100%;}
#main_visual #main_visual_ttl{position:absolute;display: grid;place-items: center;bottom: 0;top: 0;font-size: 2.667rem;color: #fff;font-weight: 1.6;text-shadow: 0 0 6px #000, 0 0 30px #000;}
#top #main_visual #main_visual_ttl{bottom:60px;display: block;top: auto;text-shadow:0 0 6px #000,0 0 30px #000;}

/*information*/
#contents_area{}
#contents_area .info_area{padding: 60px 0;background-color: #f0f0f0;}
#contents_area .info_area h2{margin-right:40px;font-size: 1.333rem;font-weight: 700;}
#contents_area .info_area .inner{display: flex;}
#contents_area .info_area .info_txt{overflow-y: auto;width:100%;}
#contents_area .info_area .info_txt dl{display: flex;flex-wrap: wrap;flex-direction: column;gap: 10px;margin: 0;padding: 0;}
#contents_area .info_area .info_txt .item {display: flex;flex-direction: row;gap: 10px;}
#contents_area .info_area .info_txt dt,#contents_area .info_area .info_txt dd{margin-top: 20px;line-height: 1;}
#contents_area .info_area .info_txt dt:first-of-type,#contents_area .info_area .info_txt dd:first-of-type{margin-top:0;}
#contents_area .info_area .info_txt dt{width:16%;}
#contents_area .info_area .info_txt dd{width:84%;}

/*introduction*/
#contents_area .intro_area{margin:70px 0 95px;}
#contents_area .intro_area .inner{width:100%;max-width:960px;}
#contents_area .intro_area .jigyo_2,#contents_area .intro_area .intro_img{width:50%;}
#contents_area .intro_area .intro_img img,#contents_area .intro_area .jigyo_2 img,#contents_area .intro_area .jigyo_2 p{width:80%;margin: 0 auto;display: block;}
#contents_area .intro_area .jigyo_2{float: right;text-align: center;}
#contents_area .intro_area .jigyo_2 img{}
#contents_area .intro_area .intro_img{float:left;}
#contents_area .intro_area .intro_img img{}
#contents_area .intro_area .intro_txt{width:100%;margin-bottom: 60px;}
#contents_area .intro_area .intro_txt p{line-height: 2;}
#contents_area .intro_area .intro_btn{width:80%;margin: 0 auto;}
.intro_btn a{text-align: center;display: block;width:100%;color:#fff;background-color: #83c3e7;position: relative;box-sizing: border-box;}
#contents_area .intro_area .intro_btn a{font-size: 1.4rem;padding:18px 15px 18px 0;margin-top: 18px;}
#contents_area .intro_area .intro_btn a:first-child{margin-top:0;}
.intro_btn a:after{content: ''; position: absolute;top: 0;bottom: 0;margin: auto;box-sizing: border-box;height:100%;background: url("../img/btn_arrow.png") no-repeat left center;background-size: contain;}
#contents_area .intro_area .intro_btn a:after{right:5%;width:50px;}

/*footer*/
footer{width:100%;background-color:#006daa;padding: 40px 0;}
footer .inner{max-width: 1000px;}
footer > div > div {font-size:0.86rem;}
footer > div > div a{color: #fff;}
footer small{font-size: 0.778rem;color: #fff;text-align: center;display: block;margin-top: 30px;clear: both;}
footer .footer_box1{color: #fff;float: left;line-height: 1.6;}
footer .footer_box2{width: 250px;margin: 0 auto;}
footer .footer_box2 dl{display: flex;flex-wrap: wrap;padding-top: 6px;}
footer .footer_box2 dt,footer .footer_box2 dd{margin-top:10px;line-height: 1;color: #fff;}
footer .footer_box2 dt:first-of-type,footer .footer_box2 dd:first-of-type{margin-top:0;}
footer .footer_box2 dt{width:50%;}
footer .footer_box2 dd{width:50%;text-align: right;}
footer .footer_box3{float:right;width: 290px;}
footer .footer_box3 a{text-decoration: underline;}

/*TOP以外*/
#contents_area h2.news_ttl{text-align: center;margin-bottom: 50px;}
#contents_area .cont_detail{padding: 100px 0;}
#contents_area .cont_detail p{line-height: 2;margin-bottom: 10px;}
.news #contents_area .cont_detail p{margin-bottom:40px;}
#contents_area .cont_detail .jigyo_1{/*width: 60%;float: left;*/}
.news #contents_area .cont_detail .jigyo_1{margin-top: 30px;}
#contents_area .cont_detail .jigyo_1 h3{color: #83c3e7;font-size: 1.333rem;margin-top: 30px;}
#contents_area .cont_detail .jigyo_1 h3:first-child{margin-top:0;}
#contents_area .cont_detail .jigyo_1.houshin h3{color: #414141;font-size: 1.2rem;}
#contents_area .cont_detail .jigyo_1 li{text-indent:-1em;padding-left:1em;margin-top: 15px;line-height: 1.7;}
#contents_area .cont_detail .jigyo_1 li:first-child{margin-top:0;}
#contents_area .cont_detail .jigyo_1 li .ind{text-indent:-1em;padding-left:1em;display: block;}
/*#contents_area .cont_detail .jigyo_2{width: 30%;float: right;}
#contents_area .cont_detail .jigyo_2 img{width:100%;}*/
#contents_area .cont_detail .news_img{text-align: center;}
#contents_area .cont_detail .news_img img{width:auto;}
#contents_area .cont_detail .r_txt{text-align: right;}
#contents_area .cont_detail .jigyo_1 .list{display: flex;flex-wrap: wrap;width: 100%;text-indent: 0;}
#contents_area .cont_detail .jigyo_1 .list dt,#contents_area .cont_detail .jigyo_1 .list dd{padding-bottom:13px;margin-bottom:13px;}
#contents_area .cont_detail .jigyo_1 .list dt{width:34%;}
#contents_area .cont_detail .jigyo_1 .list dd{width:66%;}

.news main .inner{text-align: center;}
.news main .jigyo_1{display: inline-block;text-align: left;}

#contents_area .cont_detail .health{margin-top:30px;}
#contents_area .cont_detail .health table{width: 100%;}
#contents_area .cont_detail .health table:first-of-type{margin-top:0;}
#contents_area .cont_detail .health th,#contents_area .cont_detail .health td{padding: 1rem;border: 1px solid #ccc;font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;}
#contents_area .cont_detail .health th{background-color: #83c3e7;color:#fff;font-weight: bold;}
#contents_area .cont_detail .health td{}
#contents_area .cont_detail .health tbody tr:first-of-type th:first-of-type{width: 170px;}
#contents_area .cont_detail .health tbody tr:first-of-type th:nth-of-type(3):last-of-type{width: 170px;}
#contents_area .cont_detail .health tbody tr:first-of-type th:first-of-type[colspan="2"]{width:auto;}
#contents_area .cont_detail .health td:first-of-type{background-color:#b6def5;}
#contents_area .cont_detail .health td:last-of-type{background-color:#fff;}
#contents_area .cont_detail .health p{margin-top: 15px;}
#contents_area .cont_detail .health h3{margin-top:30px;font-size: 1.4rem;}
#contents_area .cont_detail .health h3 span{font-size: 1rem;display: block;border-left: 10px solid #b6def5;margin-top: 5px;}
#contents_area .cont_detail .health .price{text-align: center;}
.red{color: orangered;}
#contents_area .cont_detail .op_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin: 0 auto;
    padding: .9em 2em;
    border: 2px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 3px #83c3e7;
    background-color: #83c3e7;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}
#contents_area .cont_detail .op_btn::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

#contents_area .cont_detail iframe.map{border: 0;width: 100%;height: 600px;}

#contents_area .cont_detail .privacy{float: left;width:47%;margin-right: 30px;margin-top: 30px;}
.privacy:nth-of-type(1),.privacy:nth-of-type(2){margin-top:0;}
#contents_area .cont_detail .privacy:nth-of-type(even){margin-right:0;}
#contents_area .cont_detail .privacy:last-of-type{margin-right:0;}
#contents_area .cont_detail .privacy h3{color: #83c3e7;font-size: 1.333rem;}
#contents_area .cont_detail .privacy h3 span{font-size:1rem;padding-left:0.5rem;}
#contents_area .cont_detail .privacy a{padding: 10px;border: 1px solid #101010;display: block;}
#contents_area .cont_detail .privacy a img{width:100%;}


/*SP*/
@media screen and (max-width: 768px) {
body{}
header nav,main{padding-top:90px;}
.sp{display:block;}

/*ヘッダー*/
header{width:100%;margin:0;position: fixed;z-index: 9;display: grid;}
header .logo_area{position: fixed;height:90px;background-color: #fff;width:100%;z-index: 9;}
header .logo_area .header_ttl{margin-left:5vw;display: inline-block;font-size: 1.1rem;line-height: 1.3;margin-top: 1vh;}
header .logo_area .header_ttl span{font-size:0.8rem;}

header nav .intro_btn{display: block;width: 80%;margin: 8% auto 3%;}
header nav .intro_btn a {padding:12px 30px 12px 15px;}

/* ハンバーガーメニュー */
header .hamburger{display: block;background-color: transparent;border-color: transparent;z-index: 9999;width:60px;position: absolute;top:24px;right: 2vw;cursor: pointer;}
/* ハンバーガーメニューの線 */
.hamburger span {width: 100%; height:4px; background-color: #006daa; position: relative; transition: ease .4s;display: block;}
.hamburger span:nth-child(1) {top: 0;}
.hamburger span:nth-child(2) {margin:12px 0;}
.hamburger span:nth-child(3) {}
/* ハンバーガーメニュークリック後のスタイル */
#nav_area .header_ttl.active{}
.hamburger.active span{}
.hamburger.active span:nth-child(1) {top:15px;transform: rotate(35deg);}
.hamburger.active span:nth-child(2) {opacity: 0;}
.hamburger.active span:nth-child(3) {top:-16px;transform: rotate(-35deg);}
header nav{position: absolute;right: 0;left: 0;top: 0;width: 100%;height: 100vh;transform:translateX(100%);background-color:#f0f0f0;transition: ease .4s;float:none;margin-top: 0;}
header nav.active {transform: translateX(0);}

header nav .sub_nav, header nav .main_nav{display: block;width:75%;margin: 5% auto;}
header nav .sub_nav li,header nav .main_nav li{border-bottom: 1px dotted;padding-bottom: 10px;margin-left:0;margin-top:5%;}
header nav .sub_nav li:first-child,header nav .main_nav li:first-child{margin-top:0;}
header nav .sub_nav li{display: block;}
	
/*文字サイズ部分*/
.fontsize-controller {display: block;text-align: center;margin: 3% 0;}
.fontsize-controller .label {display: block;}
.fontsize-controller button {font-size: 1.2rem;}

/*メインビジュアル*/
main{}
main .inner,footer .inner{width:90% !important;margin: 0 auto;padding: 0;}
#main_visual{background: url(../img/main_visual_sp.jpg) no-repeat left center;background-size: cover;height:100px;}
#top #main_visual{height:350px;}
#main_visual #main_visual_ttl{top:0;left:0;right:0;bottom:0;margin: auto;width: 100%;height:20%;font-size: 1.500rem;text-align: center;}

/*information*/
#contents_area{}
#contents_area .info_area{padding: 30px 0;}
#contents_area .info_area h2{margin-right:0;margin-bottom: 30px;text-align: center;}
#contents_area .info_area .inner{display:block;}
#contents_area .info_area .info_txt{}
#contents_area .info_area .info_txt dl{}
#contents_area .info_area .info_txt dt,#contents_area .info_area .info_txt dd{font-size: 1.000rem;}
#contents_area .info_area .info_txt dt:first-of-type,#contents_area .info_area .info_txt dd:first-of-type{}
#contents_area .info_area .info_txt dt{width:30%;}
#contents_area .info_area .info_txt dd{width:70%;}

/*introduction*/
#contents_area .intro_area{margin: 50px 0;}
#contents_area .intro_area .intro_img{width:80%;float: none;margin: 0 auto;}
#contents_area .intro_area .intro_img img{width:100%;height: 100%;object-fit: cover;}
#contents_area .intro_area .intro_txt{float:none;margin-left:0;width: 100%;}
#contents_area .intro_area .intro_txt p{font-size: 1.000rem;}
#contents_area .intro_area .intro_txt p br:nth-of-type(1),#contents_area .intro_area .intro_txt p br:nth-of-type(4){display: none;}
#contents_area .intro_area .intro_btn{width: 100%;}
#contents_area .intro_area .intro_btn a{width:100%;font-size: 1.1rem;padding: 10px 20px;}
#contents_area .intro_area .intro_btn a:first-child{}
#contents_area .intro_area .intro_btn a:after{right:6%;width:30px;}
#contents_area .intro_area .jigyo_2 {width: 100%;float: none;margin-top: 4vh;}
		
/*footer*/
footer{}
footer small{font-size: 1.000rem;}
footer .footer_box1{float:none;margin-bottom: 30px;}
footer .footer_box1 a{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;text-decoration: underline;}
footer .footer_box2{width:100%;}
footer .footer_box2 dl{display: flex;flex-wrap: wrap;}
footer .footer_box2 dt,footer .footer_box2 dd{margin-top:10px;line-height: 1;color: #fff;}
footer .footer_box2 dt:first-of-type,footer .footer_box2 dd:first-of-type{margin-top:0;}
footer .footer_box2 dt{width:50%;}
footer .footer_box2 dd{width:50%;text-align: right;}
footer .footer_box3{float:none;margin-bottom: 30px;width:100%;}

/*TOP以外*/
#contents_area .cont_detail{padding:5vh 0;}
#contents_area .cont_detail p{font-size: 1.000rem;}
#contents_area .cont_detail .jigyo_1{width:100%;float:none;}
#contents_area .cont_detail .jigyo_1 h3{font-size: 1.500rem;margin-top: 30px;}
#contents_area .cont_detail .jigyo_1 h3:first-child{margin-top:0;}
#contents_area .cont_detail .jigyo_1 li{margin-top: 15px;font-size: 1.000rem;}
#contents_area .cont_detail .jigyo_1 li:first-child{margin-top:0;}
/*#contents_area .cont_detail .jigyo_2{width:100%;float:none;margin-top:4vh;}
#contents_area .cont_detail .jigyo_2 img{width:100%;}*/
#contents_area .cont_detail .news_img{width:100%;}
#contents_area .cont_detail .news_img img{width:100%;}
#contents_area .cont_detail .jigyo_1 .list{display:block;}
#contents_area .cont_detail .jigyo_1 .list dt{width:100%;}
#contents_area .cont_detail .jigyo_1 .list dd{width:100%;border-bottom: 1px dotted #bbb;}


#contents_area .cont_detail .health th,#contents_area .cont_detail .health td{font-size: 1.000rem;}
#contents_area .cont_detail .health td{padding:10px;}
#contents_area .cont_detail .health tbody tr:first-of-type th:first-of-type{width:auto;}
#contents_area .cont_detail .health tbody tr:first-of-type th:nth-of-type(3):last-of-type{width:auto;}
#contents_area .cont_detail .health h3{font-size: 1.500rem;}
#contents_area .cont_detail .op_btn{width:80%;margin: 0 auto;box-sizing: border-box;}
	
#contents_area .cont_detail .privacy{float:none;width:100%;margin-top: 30px;}
#contents_area .cont_detail .privacy:first-child{margin-top:0;}
#contents_area .cont_detail .privacy h3{font-size: 1.500rem;}
#contents_area .cont_detail .privacy a{}
#contents_area .cont_detail .privacy a img{}



}