:root {
  --primary-color: #73af63;
  --secondary-color: #f9e76d;
}

html{scroll-behavior:smooth; scroll-padding-top:100px;}


body{font-family: "Zen Old Mincho", serif;font-size: clamp(0.9375rem, 0.7097rem + 0.4747vw, 1.125rem);/*18/15*/font-weight:500; line-height:1.7; color:#1A1A1A;  letter-spacing:1px;font-feature-settings: "palt"; color:#3e3a39; }
@media screen and (max-width: 768px) {
html{scroll-padding-top:200px;}
body{font-size:15px;line-height:1.6; letter-spacing:1px; }
}
.stage{background:#efeddf; border-radius:50px;margin: 20px; padding-bottom:200px;    overflow: hidden;}
.global_inner{max-width:900px; margin:0 auto; position:relative;padding: 0 20px;}
h1,h2,h3,h4,h5,h6{line-height:1;font-family: "Zen Kaku Gothic New", sans-serif;}
h1{ font-size:32px; font-weight:500;margin-bottom: 80px;}
h2{ font-size:24px; color:var(--primary-color); border-bottom:solid 1px var(--primary-color); padding-bottom:20px; margin-top:60px; margin-bottom:20px;}
h3{margin-top:30px; font-weight:600; margin-bottom:10px;}


.text{text-align: justify;}
img{width:100%; height:auto;}
a {transition:0.4s all;}
a:hover {transition:0.4s all;}
a img{transition:0.4s all;}
a img:hover{transform: scale(1.10);transition:0.4s all; letter-spacing:2px;}
a img.no-zoom:hover{transform: scale(1.0);}
.box{display:flex;justify-content: space-between; }
.gothic{font-family: "Zen Kaku Gothic New", sans-serif;}
.oswald{font-family: "Oswald", sans-serif; font-weight:300; letter-spacing:7px;}
@media screen and (max-width: 768px) {
.global_inner{width:100%;padding: 0 5%; }
.stage{border-radius:30px;margin: 10px; padding-bottom:50px;    }
.box{flex-direction: column; }
h1{margin-bottom:50px;}
h2{margin-top:40px;}
}

/*====================
ハンバーガーメニュー
=====================*/
header{height:auto; position:fixed;width:430px; height:190px; z-index:3; top:0px;left:0;background:url(/wp-content/themes/hikarinomori-elder/assets/image/gnavi.png) no-repeat; background-size:cover; padding-top:30px; padding-left:40px;}
header .logo h1{font-family: "Zen Kaku Gothic New", sans-serif; font-size:12px; letter-spacing:1px; margin-bottom:30px;}
header .logo h1 span{font-family: "Oswald", sans-serif;font-weight: 300; letter-spacing:12px; font-size:26px; margin-bottom:10px; display:block;}
header .logo{font-family: "Zen Kaku Gothic New", sans-serif; font-size:12px; letter-spacing:1px; margin-bottom:30px; line-height:1;}
header .logo span{font-family: "Oswald", sans-serif;font-weight: 300; letter-spacing:12px; font-size:26px; margin-bottom:10px; display:block;}
header .btn_entry{position:fixed; right:2.5vw; top:5vh; width:12vw; min-width:180px;}

header .sns{ position:absolute; top:100px; left:110px; width:50px;}
header .sns ul{display:flex;}
header .sns ul li{margin-right:15px;}
header .sns ul li img{width:25px;}

nav {display: block;  position: fixed;  top: 150px;  left: -300px;  bottom: 0;  width: 300px;	background-color:#FFF;  	-webkit-overflow-scrolling: touch;  transition: all 0.5s;  z-index: 102;  opacity: 0;}
.open nav {left: 0;  opacity: 1;  top:150px;  width:25%; min-width:300px;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);}
nav .inner {	height: 100%;		width: 100%;overflow: auto; padding-top:30px;}
nav .inner .box{width: 100%;}
nav .inner .box .item{padding-left: 0px;width: 100%;}
nav .inner .box .item ul{margin-bottom:20px;width: 95%; }
nav .inner .box .item ul li{line-height: 1.3; font-size:16px; display: block;  overflow: hidden;   z-index:0;position: relative;    text-align: left;}
nav .inner .box .item ul li:last-child{border:none;}

nav .inner .box .item ul li:before{content:'';width: 12px;height: 0.5px;background-color: #000;display:  block;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
nav .inner .box .item ul li a{ display:block;padding-left:40px; padding-top:15px; padding-bottom:15px; color:#4a4a4a; 
position: relative;	overflow: hidden;    transition: ease .2s; border-bottom:solid 1px #4a4a4a; line-height:1.2;}
nav .inner .box .item ul li a span{position: relative;	z-index: 3;	}


nav .inner .box .item ul li a:hover{ transition: all 0.3s;color:#FFF;}
nav .inner .box .item ul li a:before { 	content: '';position: absolute;top: 0;left: 0;z-index: 2;background:#9d9a88;width: 100%;height: 100%;transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform: scale(0, 1);	transform-origin: right top; }

nav .inner .box .item ul li a:hover:before{	transform-origin:left top;	transform:scale(1, 1); z-index:-1;}

nav .inner .box .item ul li.title{font-size:15px;  }
nav .inner .box .item ul li.title span{display:block; margin-top:5px;font-family: "Barlow", sans-serif;letter-spacing:0px; font-size:22px; font-weight:bold; margin-bottom:5px; }
nav .inner .box .item ul li.title:before{content:none;}
nav .inner .box .item ul li.title a:after{font-size:14px; display:block; font-weight:normal;z-index: 3; padding-left:3px; position:relative;}
nav .inner .box .item ul li:last-child{margin-bottom:0px;}






@media screen and (max-width: 768px) {

header{top:0px;width:100%;padding-top:0px; padding-left:10px;background:url(/wp-content/themes/hikarinomori-elder/assets/image/gnavi_sp.png) no-repeat;}

header .logo{ padding:10px 10px 10px 5; text-align:left;line-height:1.4; letter-spacing:0; font-size:10px;}
header .logo img{ width:250px;}
header .logo h1{line-height:1.4; font-size:10px;}
header .logo h1 span{ letter-spacing:10px; font-size:18px;line-height:1.1;margin-bottom: 5px;}
header .logo span{letter-spacing:10px; font-size:18px; line-height:1.1;margin-bottom: 5px;}

header .sns{ top:87px; left:60px;}
header .sns ul{display:flex;flex-wrap: wrap;}
header .sns ul li{margin-right:5px;}
header .sns ul li img{width:17px;vertical-align: middle;}


nav{ top:140px;}
.open nav{width:70%; top:140px;}
nav {right: -220px;width: 220px;  }
nav .inner {margin: 0px;height:auto;padding-top: 50px;} 
nav .inner .box{width:90%; margin:0 auto;}
nav .inner .box .item ul{padding-bottom:10px; margin-bottom:0px; padding-top:0px;}
nav .inner .box .item ul li.title{font-size:16px;}
nav .inner .box .item ul li.title span{font-size:12px;}
nav .inner .box .item ul li a{padding-top:10px; padding-bottom:10px; padding-left:20px;}
nav br.pc{display:none;} 
}


/*============
ハンバーガーメニューのトグル
=============*/
.toggle_btn {  display: block;  transition: all .5s;  cursor: pointer;  z-index: 103; position:relative; height:50px; width:60px;}
.toggle_btn:before{content:"MENU"; position:absolute; top:-5px; left:8px; font-size:12px; color:#000;font-family: "Oswald", sans-serif;letter-spacing:2px; line-height:1;}
.toggle_btn p{font-size:12px;}
.toggle_btn span {  display: block;  position: absolute;  left: 10px;  width: 30px;  height: 1.5px;  background-color: #000;  border-radius: 4px;  transition: all .5s;}
.toggle_btn span:nth-child(1) {  top: 15px;}
.toggle_btn span:nth-child(2) {  top: 22px;}
.toggle_btn span:nth-child(3) {  top: 29px;}
.open .toggle_btn span {  background-color: #000;}
.open .toggle_btn span:nth-child(1) {  transform: translateY(10px) rotate(-315deg);top: 9px;}
.open .toggle_btn span:nth-child(2) {  opacity: 0;}
.open .toggle_btn span:nth-child(3) {  transform: translateY(-10px) rotate(315deg);top: 29px;}

@media screen and (max-width: 768px) {
.toggle_btn { width:60px;position: absolute; top:100px;}
}
/*============
ハンバーガーメニューのマスク
=============*/
#mask {display: none;  transition: all .5s;}
.open #mask {  display: block;  position: fixed;  top: 0;  right: 0;  width: 100%;  height: 100%;  /*background: #000;*/  opacity: .8;  z-index: 101; }



/*====================
メインビジュアル
=====================*/
.kv{ position:relative; width:100%; overflow:hidden; color:#FFF; background:url(/wp-content/themes/hikarinomori-elder/assets/image/kv_cloud.svg) no-repeat; background-size:85%; background-position:right 0 top 40px; }
.kv .logo{ position:absolute; top:50px; left:50%; transform:translateX(-50%); width:13%; height:auto; z-index:1; }
.kv .copy{ position:absolute; text-align:center; bottom:0; left:50%; transform:translateX(-50%); z-index:1; width:95%; }
.kv .box{ justify-content:center; align-items:flex-start; margin-top:8%; }
.kv .box .item{ width:35%; margin-right:0%; margin-top:10%; position:relative; }
.kv .video{ position:relative; width:35%; aspect-ratio:350/371; margin-left:2%; -webkit-mask:url(/wp-content/themes/hikarinomori-elder/assets/image/blob-mask.svg) center / 100% 100% no-repeat; mask:url(/wp-content/themes/hikarinomori-elder/assets/image/blob-mask.svg) center / 100% 100% no-repeat; }
.kv .video video{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; object-fit:cover; object-position:90% 48%; }

@media screen and (max-width: 768px) {
.kv{ padding-top:70px;}
.kv .logo{position:relative;transform: unset; width:40%; max-width:300px;top: unset;left: unset; margin-left:auto; margin-right:auto; margin-top:20px;}
.kv .box{margin-top:0px;}

.kv .box .item{width:90%; max-width:500px;margin-left:auto; margin-right:auto; margin-top:0;}


.kv .video{width:90%; max-width:500px; aspect-ratio:1/1; margin-left:auto; margin-right:auto; margin-top:0;}

}

/*====================
トップ：アバウト
=====================*/
.top_about{margin-top:100px;}
.top_about .copy{font-size: clamp(1.75rem, 1.3703rem + 0.7911vw, 2.0625rem);/*33/28*/font-family: "Zen Kaku Gothic New", sans-serif; margin-bottom:50px;}
.top_about .photo{margin-top:80px;}


@media screen and (max-width: 768px) {
.top_about{margin-top:40px;}
.top_about .copy{margin-bottom:30px;}
.top_about .photo{margin-top:40px;}
}



/*====================
トップ：全施設一覧
=====================*/
.all_facilities{}
.all_facilities .photo{margin-top:100px;}
.all_facilities .box{
  display: flex;
  flex-wrap: wrap;
 row-gap: 0px; 
  column-gap: 80px;
  margin-top:100px;
  margin-left:auto;
  margin-right:auto;
 max-width:1100px; position:relative;padding: 0 20px;

}

.all_facilities .box .item{
  width: calc((100% - 160px) / 3);
  margin: 0;
  text-align:center;
}

.all_facilities .box .item:nth-child(4){
  margin-left: auto;margin-top:80px;
}
.all_facilities .box .item:nth-child(5){
  margin-right: auto;margin-top:80px;
}
.all_facilities .box .item .photo{min-height:240px; margin-top:0;}
.all_facilities .box .item .name{color:var(--primary-color);font-family: "Zen Kaku Gothic New", sans-serif; text-align:center; margin-top:30px;}

@media screen and (max-width: 768px) {
.all_facilities .photo{margin-top:50px;}
.all_facilities .box{flex-direction: row;justify-content: center; column-gap: 0px; padding:0;margin-top: 0px;}
.all_facilities .box .item{  width: 45%; margin-left:2%; margin-right:2%; margin-top:40px;}
.all_facilities .box .item:nth-child(4){
  margin-left:2%; margin-right:2%;margin-top:40px;
}
.all_facilities .box .item:nth-child(5){
 margin-left:2%; margin-right:2%;margin-top:40px;
}
.all_facilities .box .item .name{margin-top:15px;}
.all_facilities .box .item .photo{min-height:170px;}


}


/*====================
トップ：ご入居の流れ
=====================*/
.top_flow .photo{margin-top:80px;}


@media screen and (max-width: 768px) {
.top_flow .photo{margin-top:40px;}
}
/*====================
トップ：リクルート
=====================*/
.top_recruit{margin-top:150px;}
.top_recruit h2{width:80%; border-bottom:none; padding-bottom:0;}
.top_recruit .text{font-family: "Zen Kaku Gothic New", sans-serif;}
.top_recruit .photo{border-radius:25px; overflow:hidden; margin-top:50px;}

@media screen and (max-width: 768px) {
.top_recruit{margin-top:50px;}
}

/*====================
トップ：ニュース
=====================*/
.top_news_list{ margin-top:100px;}
.top_news_list h2{ margin-bottom:0; margin-top:0;color:var(--primary-color);display:flex;align-items: center; line-height:1; border-bottom:none; padding-bottom:0;}
.top_news_list h2 span{font-family: "Oswald", sans-serif;font-size: clamp(3.125rem, 1.6016rem + 3.1696vw, 4.375rem);/*70/50*/    font-weight: 300; margin-right:40px;}
.top_news_list .box{flex-direction: column;}
.top_news_list .box .item{ margin-top:50px;}
.top_news_list .box .item dl{display:flex; border-bottom:solid 1px #000; padding:10px 0;}
.top_news_list .box .item dl dt{width: 150px;font-family: "Oswald", sans-serif; font-weight:500;}
.top_news_list .viewmore{margin-top:60px;}




@media screen and (max-width: 768px) {
.top_news_list{margin-top:50px;}
.top_news_list .box{align-items: flex-start;}
.top_news_list .box .item{margin-top:30px;}
.top_news_list .box .item dl dt{width: 100px;}
.top_news_list .box .item dl dd{width: calc(100% - 100px);}
.top_news_list .box .viewmore{margin-top:20px;}
}

/*====================
トップ：フット
=====================*/
.top_foot{margin-top:100px;}
.top_foot .item{width:48%;}
.top_foot .photo{width:200px; margin:100px auto 0 auto;}

@media screen and (max-width: 768px) {
.top_foot{margin-top:50px;}
.top_foot .item{width:100%; margin-bottom:40px;}
.top_foot .photo{    margin: 50px auto 0 auto;
}
}


/*====================
下層：共通
=====================*/
.head{margin-bottom:120px;}

.head2{background:var(--primary-color); border-radius:0 0 15px 15px;display:flex;justify-content: center;align-items: center; height:340px; color:#FFF;font-family: "Zen Kaku Gothic New", sans-serif;}
.head2 h1{ font-size:25px; text-align:center; margin-bottom:40px;}
.head2 h1 span{ font-size:80px; display:block; margin-bottom:30px;font-family: "Oswald", sans-serif; font-weight:300; letter-spacing:10px;}
.head2 .text{ text-align:center;}


@media screen and (max-width: 768px) {
.head{margin-bottom:50px; }

.head2{margin-top:20px; border-radius:15px;height:300px;}
.head2 h1 span{ font-size:30px;margin-bottom:20px;letter-spacing:5px;}
}



/*====================
私たちについて
=====================*/
.aboutus .head{ padding-left: max(20px, calc((100% - 900px) / 2 + 20px)); }
.aboutus .message{margin-top:100px; position:relative;}
.aboutus .message .heading{margin-bottom:60px;}
.aboutus .message .box{align-items: flex-end;justify-content: flex-start;}
.aboutus .message .box .photo{width: calc(50% + 100px);  margin-left: -100px;}
.aboutus .message .box .text_area{width:40%; text-align:right;}
.aboutus .message .box h2{border-bottom:none; padding-bottom:0; margin-top:0; margin-bottom:0;}
.aboutus .message .name{line-height:1.6; margin-top:60%;}
.aboutus .message .name span{ font-size:36px; margin-left:20px;}
.aboutus .outline{margin-top:60px;}
.aboutus .outline h2{}



@media screen and (max-width: 768px) {
.aboutus .message{margin-top:50px;}
.aboutus .message .box .text_area{width:100%; text-align:center;} 
.aboutus .message .box h2{margin-top:30px;}
.aboutus .message .box .photo{width: 100%;  margin-left: 0px;}
.aboutus .message .name{margin-top:30px;}
.aboutus .message .name span{font-size:30px;}
}
 
 
/*====================
私たちの取り組み
=====================*/
.initiative .head{max-width:1100px; margin-left:auto; margin-right:auto;padding: 130px 20px 0 20px;}
.initiative .photo_image{margin-top:80px; margin-bottom:80px;}
.initiative .text{margin-bottom:50px;}
.initiative .foot{width:50%; min-width:400px;}

@media screen and (max-width: 768px) {
.initiative .head{margin-left:auto; margin-right:auto;padding: 30px 30px 0 30px;}
.initiative .photo_image{margin-top:40px; margin-bottom:40px;}
.initiative .foot{min-width:unset; width:80%;}
}

/*====================
サービス紹介
=====================*/
.service .heading{width:90%; margin-left:auto; margin-right:auto;}
.service .heading h1{margin-bottom:50px;}
.service .item{margin-top:100px;}
.service .item .item_foot{}
.service .item .item_foot .links{display:flex;justify-content: space-between; width:90%; margin-left:auto; margin-right:auto; height:130px;}
.service .item .item_foot .links a{display:flex;align-items: center; justify-content: center;flex-direction: column; background:var(--secondary-color); border-radius:0 0 25px 25px;width:45%;font-family: "Zen Maru Gothic", sans-serif; font-size: clamp(1.25rem, 0.8692rem + 0.7924vw, 1.5625rem);/*25/20*/ font-weight:500;}
.service .item .item_foot .links a span{display:block; font-size:80%;}
.service .item .item_foot .links a:hover{background:#d7c651;}
.service .item .item_foot .links .thumbnail{width:50%;}
.service .item .item_foot .links .thumbnail ul{display:flex;justify-content: flex-end;}
.service .item .item_foot .links .thumbnail ul li{margin-left:0px; padding:10px 5px; width:50%;}
.service .item .item_foot .links .thumbnail ul li img{height:100%; object-fit:cover;}
.service .item .item_foot .text{width:80%; margin-top:25px;margin-left:auto; margin-right:auto; }
.service .foot{width:50%; min-width:400px; margin-top:120px;}

@media screen and (max-width: 768px) {
.service .head{padding-top:40px;}
.service .item{margin-top:50px;}
.service .item .item_foot .links{flex-direction: column; height:auto;}
.service .item .item_foot .links a{width:100%; padding:10px;}
.service .item .item_foot .links .thumbnail{width:100%; margin-top:10px;}
.service .item .item_foot .links .thumbnail ul{justify-content: flex-start;}
.service .item .item_foot .text{width:100%; margin-top:15px;}
.service .foot{min-width:unset; width:80%; margin-top:50px;}

}
/*====================
ご入居の流れ
=====================*/
.flow .head{text-align:right;}
.flow .head img{width:75%;}
.flow .inner{max-width:1100px; margin:0 auto; padding: 0 20px;}
.flow h1{background:var(--primary-color); color:#FFF; text-align:center; padding:25px 0; margin-bottom:0;}
.flow .box{flex-wrap: wrap;font-family: "Zen Kaku Gothic", sans-serif;}
.flow .box .item{width:50%; border-left:solid 2px var(--primary-color);  border-bottom:solid 2px var(--primary-color); padding:5%;}
.flow .box .item:nth-child(2n){border-right:solid 2px var(--primary-color); }
.flow .box .item h2{ color:var(--primary-color); font-size: clamp(1.875rem, 1.418rem + 0.9509vw, 2.25rem);/*36/30*/ border-bottom:none; padding-bottom:0; margin-bottom:60px; margin-top:0;}
.flow .box .item dl{display:flex;align-items: center; margin-bottom:20px;}
.flow .box .item dl:last-of-type{margin-bottom:80px;}
.flow .box .item dl dt{color:var(--primary-color);font-family: "Zen Maru Gothic", sans-serif; text-align:center;font-size: clamp(2.5rem, 0.9766rem + 3.1696vw, 3.75rem);/*60/40*/ line-height:1; margin-right:25px;}
.flow .box .item dl dt span{display:block; font-size:18px;}
.flow .box .item dl dd {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20364%20119.7%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M359.38%2C103.25c-.97%2C2.05-2.25%2C3.81-3.73%2C5.32-1.48%2C1.5-3.15%2C2.74-4.96%2C3.76-7.21%2C4.06-16.55%2C4.59-24.56%2C4.65-19.36.15-38.69-1.58-58.05-1.29-53.07.79-106.17%2C1.85-159.24%2C2.1-17.78.08-35.51.46-53.27%2C1.41-9.19.49-19.12%2C1.05-28.49-.68-1.87-.35-3.72-.78-5.54-1.33C4.1%2C114.28%2C2.88%2C97.34%2C1.03%2C81.04-1.27%2C60.88.17%2C38.23%2C6.49%2C19.02c.57-1.58%2C1.2-3.13%2C1.9-4.66C16.24-2.79%2C47.95.16%2C61.94.24c57.94.32%2C115.87%2C4.21%2C173.82%2C2.06%2C16.11-.6%2C28.36-1.66%2C45.84-1.29%2C2.19.05%2C4.46.12%2C6.84.22%2C19.4%2C2.61%2C39.38-3.43%2C58.06%2C4.1%2C2.14.81%2C4.17%2C1.76%2C6.05%2C2.93%2C12.22%2C7.58%2C11.52%2C21.09%2C11.4%2C34.45-.11%2C11.21-.51%2C22.41-1.22%2C33.6-.52%2C8.19.24%2C19.41-3.35%2C26.95Z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  width: 100%;
  padding: 24px 28px;
  box-sizing: border-box; 
  
  font-size: 14px;
  min-height:120px;
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px; 

}

.flow .box .item dl dd h3{ font-size:21px; margin-top:0;font-family: "Zen Maru Gothic", sans-serif;margin: 0;  }
.flow .box .item dl dd h3 span{color:var(--primary-color);}

.flow ul.circle{ margin-top:10px;}
.flow ul.circle li{text-indent: -20px;padding: 0 0 0 20px;}
.flow ul.circle li:before{content:"●"; margin-right:5px;color:var(--primary-color);}
.flow .notice{font-size:14px; margin-top:60px;}

@media screen and (max-width: 768px) {
.flow h1{font-size:20px;}
.flow .box .item{width:100%; border-right:solid 2px var(--primary-color); padding-top:10%;}
.flow .box .item dl{flex-direction: column;align-items: flex-start;}
.flow .box .item h2{margin-bottom:20px; font-size:24px;}
.flow .box .item dl:last-of-type{margin-bottom:40px;}
.flow .box .item dl dt{margin-top:20px;}
.flow .box .item dl dd{margin-top:10px;}
.flow .notice{margin-top:30px;}
}
/*====================
下層：よくあるご質問
=====================*/
.faq{}
.faq .box{flex-direction: column; margin-top:100px;}
.faq .item{ border-bottom:solid 1px var(--primary-color); padding:20px 0;}
.faq .item:first-child{ border-top:solid 1px var(--primary-color);}
.faq .accordion-container{  }
.faq .js-accordion-title{position: relative;}
.faq .js-accordion-title:before {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 20px;
  background: url(/wp-content/themes/hikarinomori-elder/assets/image/ic_arrow_down.svg) no-repeat center center;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: center center;
  transition: transform .3s ease-in-out;
  z-index: 1;
}
.faq .js-accordion-title.open:before {
  transform: translateY(-50%) rotate(180deg);
}
.faq h3{ font-size:20px;  position:relative; font-weight:normal; margin-bottom:0; margin-top:0;}
.faq h3:hover{cursor:pointer;}
.faq h3 span{position: relative;display: flex;padding: 30px 80px 30px 80px; line-height:1.5;font-size: clamp(1.25rem, 0.9453rem + 0.6339vw, 1.5rem);/*24/20*/ font-weight:600;}
.faq h3 span:before{ content:"Q";color:#000; font-size:60px; margin-right:20px; width:50px;position: absolute;top: 50%; left: 0; transform: translateY(-50%); line-height:1.5; font-weight:bold;font-weight: 400;font-family: "Oswald", sans-serif;}

.faq .accordion-content{padding-left:80px; padding-top:10px; padding-bottom:40px; position:relative; color:#000;}
.faq .accordion-content:before{content:"A";color:var(--primary-color); font-size:60px; font-weight:bold;text-align:center;position:absolute; left:0px; top:5px;line-height:1;font-weight:bold;font-weight: 400;font-family: "Oswald", sans-serif;}
.faq .text{text-align:center; border-top:solid 2px #000; margin-top:0px; padding-top:30px;}

@media screen and (max-width: 768px) {
.faq{padding-bottom:40px;}
.faq .box{margin-top:50px;}
.faq .item{padding:0;}
.faq h3{font-size:18px;}
.faq h3 span{padding: 20px 50px 20px 40px; font-size:18px;}
.faq h3 span:before{font-size:40px;left: 0px; top:35px;}
.faq .accordion-container{padding:0px;}
.faq .accordion-content {    padding-left: 40px;    padding-top: 10px;}
.faq .js-accordion-title:before{right:0;}
.faq .accordion-content:before{left:0;font-size:40px;}
}

/*====================
下層：施設一覧
=====================*/
.facility .box{flex-direction: column;}
.facility .box .category_list{margin-top:100px; }
.facility .box .category_list h2{background:var(--primary-color); border-bottom:none; padding-bottom:0; color:#FFF; padding:20px; text-align:center; border-radius:10px; margin-top:0;}
.facility .box .facility_list{display:flex;justify-content: space-between;}
.facility .box .facility_list .item{ width:47%; margin-top:40px;}
.facility .box .facility_list .item h3{font-family: "Zen Maru Gothic", sans-serif; font-size: clamp(1.5625rem, 1.0293rem + 1.1094vw, 2rem);/*32/25*/ text-align:center;}
.facility .box .facility_list .item .photo{overflow:hidden; border-radius:25px;}
.facility .box .facility_list .item .photo img{aspect-ratio:1; object-fit:cover;}
.facility .box .facility_list .item .viewmore{background:var(--secondary-color); color:#000000; text-align:center; border-radius:20px; padding:15px 0;font-size: clamp(1.25rem, 0.9453rem + 0.6339vw, 1.5rem);/*24/20*/ font-weight:500; margin-top:30px;transition:0.4s all;}
.facility .box .facility_list .item a:hover img{transform: scale(1.10);transition:0.4s all;}
.facility .box .facility_list .item a:hover .viewmore{background:#d7c651;transition:0.4s all;}


@media screen and (max-width: 768px) {
.facility .box .category_list{margin-top:50px;}
}



/*====================
下層：施設詳細
=====================*/
.facility_detail{padding-top:130px}
.facility_detail .main-photo{border-radius:25px; overflow:hidden; margin-top:60px;}
.facility_detail .copy{font-size: clamp(1.875rem, 1.418rem + 0.9509vw, 2.25rem);/*36/30*/}
.facility_detail .category{margin-top:30px;font-family: "Zen Maru Gothic", sans-serif; font-size: clamp(1.25rem, 0.9453rem + 0.6339vw, 1.5rem);/*24/20*/}
.facility_detail h1{font-size: clamp(2.1875rem, 1.4258rem + 1.5848vw, 2.8125rem);/*45/35*/ margin-bottom:0; margin-top:15px;font-family: "Zen Maru Gothic", sans-serif;}
.facility_detail .kana{margin-top:5px;font-family: "Zen Maru Gothic", sans-serif;}
.facility_detail h2{padding-bottom:0;}
.facility_detail h2 span{background:var(--primary-color); color:#FFF; padding:10px; text-align:center; display:inline-block; width:300px; border-radius:15px 15px 0 0; font-size:21px;}
.facility_detail .data{margin-top:100px;}
.facility_detail .data h3{}
.facility_detail .data table th, .facility_detail .data table td{padding:10px;border-bottom:solid 1px var(--primary-color); line-height:1.8;}
.facility_detail .access{margin-top:100px;}
.facility_detail .access iframe{width:100%;}


.facility_detail .facility_images{display:flex;flex-wrap: wrap;}
.facility_detail .facility_images .item{width:31.66%; margin-right:2.5%; margin-bottom:20px; border-radius: 25px; overflow: hidden;}
.facility_detail .facility_images .item:nth-child(3n){margin-right:0;}
.facility_detail .facility_images .item img{aspect-ratio:1; object-fit:cover;}


@media screen and (max-width: 768px) {
.facility_detail{padding-top:30px}
.facility_detail .copy{ font-size:24px; width:calc(100% - 150px); margin-left:auto;}
.facility_detail h2 span{width:100%;}
.facility_detail .data{margin-top:50px;}
.facility_detail .access{margin-top:50px;}
}




/*==========================
スワイパー
=========================*/
.swiper{height:440px; margin-top:100px;}
.swiper img{height:100%; object-fit:cover;}


@media screen and (max-width: 768px) {
.swiper{height:300px; margin-top:50px;}
}


/*==========================
お問い合わせ
=========================*/
.contact{font-family: "Zen Kaku Gothic", sans-serif;}
.contact .title{display:flex;align-items: center;margin-top:40px;}
.contact .title .must{border-radius:5px; text-align:center; padding:5px; margin-right:20px; font-size:14px; color:#FFF;}
.contact .title .must.on{background:var(--secondary-color); color:#000;}
.contact .title .must.off{background:#787878;}
.contact input[type="text"],.contact input[type="email"],.contact textarea{border-radius:10px;  margin-top:10px; padding:10px 15px; width:100%; font-size:16px; background:#FFF;}
.contact .viewmore.privacy{ width:80%; margin-left:auto; margin-right:auto;}
.contact .viewmore.privacy a{background:var(--secondary-color); color:#000; margin-bottom:20px;}
.contact .formbtn{	appearance:none;	-webkit-appearance:none;	border:none;width:100%;	display:block;margin-top:60px;margin-left:auto;margin-right:auto;	font-family: "Zen Kaku Gothic New", sans-serif;	font-size: clamp(1.0625rem, 0.9106rem + 0.3165vw, 1.1875rem);/*19/17*/transition-duration:.3s;background:var(--secondary-color);	color:#000;	border-radius:10px;	text-align:center;	padding:15px;	cursor:pointer;}
.contact .formbtn:hover{transition-duration:.3s;}
.wpcf7-radio label{	display:inline-flex;	align-items:center;	cursor:pointer;	margin:0 10px 10px 0;}
.contact input[type="radio"]{	position:absolute;	opacity:0;	width:0;	height:0;	margin:0;}
.wpcf7-radio .wpcf7-list-item-label{	display:inline-block;	padding:10px 24px;	border-radius:999px;	background:#e2e0d8;	color:#000;	font-size:14px;	line-height:1;	transition:background .2s ease;}
.contact input[type="radio"]:checked + .wpcf7-list-item-label{	background:var(--secondary-color, #f4e089);}
.contact input[type="radio"]:focus-visible + .wpcf7-list-item-label{	outline:2px solid #000;	outline-offset:2px;}
.contact .policy input[type="checkbox"]{
	transform: scale(2.0);
	transform-origin: left center;
	margin-right: 24px; /* 拡大した分、ラベルとの間隔がずれるので調整用 */
	vertical-align: middle;
}
.contact .policy .wpcf7-list-item label{display:flex;align-items: center;}


#elder-cf7-popup{	position:fixed;
	inset:0;
	background:rgba(0,0,0,.5);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:9999;
}
.elder-cf7-popup-box{
	background:#fff;
	border-radius:10px;
	padding:30px 25px;
	max-width:90%;
	width:400px;
	text-align:center;
	box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.elder-cf7-popup-success .elder-cf7-popup-box{
	border-top-color:#2fa84f;
}
.elder-cf7-popup-box p{
	margin:0 0 20px;
	font-size:16px;
	color:#333;
	line-height:1.6;
}
.elder-cf7-popup-box .elder-cf7-popup-close{
	appearance:none;
	border:none;
	background:var(--secondary-color, #f4e089);
	color:#000;
	padding:10px 30px;
	border-radius:999px;
	cursor:pointer;
	font-size:14px;
}

.contact input::placeholder,
.contact textarea::placeholder{
	color:#bbb;
}
.contact input::-webkit-input-placeholder,
.contact textarea::-webkit-input-placeholder{
	color:#bbb;
}
.contact input:-ms-input-placeholder,
.contact textarea:-ms-input-placeholder{
	color:#bbb;
}


@media screen and (max-width: 768px) {
.contact{padding-top:0px;}
.contact form{  padding:0; margin-top:40px; }
.contact img.bg1{display:none;}
.contact img.bg2{display:none;}
.contact .formbtn{margin-top:40px;}
.wpcf7-radio{display:flex;flex-wrap: wrap;}
.contact input[type="radio"]{ margin-left:0px; margin-right:20px;}
.wpcf7-list-item{margin-left:10px; margin-top:15px;}
.contact .title{flex-wrap: wrap;}
.contact .head2 h1{font-size:18px;}
}

/*==============================
もっと見る
==============================*/
.viewmore{
	width:100%;
	margin-top: 100px;
	margin-bottom: 40px;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: clamp(1.0625rem, 0.9106rem + 0.3165vw, 1.1875rem);/*19/17*/
}
.viewmore a{transition-duration: .3s; background:var(--primary-color); display:block; color:#efeddf; border-radius:10px; text-align:center; padding:15px;}
.viewmore.yellow a{background:#f9e76d; color:#000000; }

.viewmore a:hover{transition-duration: .3s;}	



@media screen and (max-width: 768px) {
.viewmore{	width: 100%;margin-top: 50px;margin-bottom: 20px;}
}



/*=======  ニュース  =======*/
.news{}
.news .box{display:block;margin-top: 100px;}
.news .item{}
.news .item dl{display:flex;border-bottom: solid 1px #000;
    padding: 10px 0;}
.news .item dl dt{font-family: "Oswald", sans-serif; font-weight:500;width:150px;}

.news_detail{ padding-top:130px}
.news_detail .item .heading{border-bottom:solid 1px #000; display:flex; margin-bottom:50px; padding-bottom:10px;}
.news_detail .item .heading .time{font-size:24px;font-family: "Oswald", sans-serif; margin-right:60px; }
.news_detail .item .heading h1{margin-bottom:0; margin-top:0; line-height:inherit;}
.news_detail .item .thumbnail{border-radius:20px; overflow:hidden; margin-bottom:40px;}
.news_detail .item h1,
.news_detail .item h2,
.news_detail .item h3,
.news_detail .item h4,
.news_detail .item h5,
.news_detail .item h6{ font-size:21px; font-weight:500;}

.news_detail .item h2{margin-top:0; margin-bottom:25px; color:#000; padding-bottom:0; border-bottom:none;}
.news_detail .item h3{margin-top:0; margin-bottom:25px; color:var(--primary-color); padding-bottom:0; border-bottom:none;}
.news_detail .item h4{margin-top:0; margin-bottom:20px; color:#000; padding-bottom:10px; border-bottom:solid 1px var(--primary-color);}
.news_detail .item h5{margin-top:0; margin-bottom:20px; color:#000;}
.news_detail .item .text{margin-top:50px;}



@media screen and (max-width: 768px) {
.news .box{margin-top:50px;}
.news .item{flex-direction: column;align-items: flex-start;}
.news .item .viewmore{margin-top:20px;}
.news_detail{padding-top:30px;}
.news_detail .item dl{margin-bottom:40px;}
.news_detail .thumbnail{margin-bottom:40px;}
.news_detail .text{margin-bottom:40px;}
.news_detail .item .heading{flex-direction: column; width:calc(100% - 100px); margin-left:auto;}
.news_detail .item .heading h1{margin-top:30px;}
.news_detail .item .heading .time{text-align:right; margin-right:0;}
}


/*=======  ページャー  =======*/
.pagenation{display:flex;justify-content: center;margin-bottom:100px; margin-top:100px;font-family: "Zen Kaku Gothic New", sans-serif;}
.pagenation .item{ margin:0px 30px; text-align:center;}
.pagenation .item a{color:var(--primary-color);}
.pagenation .item:last-child{text-align:right;}
.pagenation .item > div{display:flex;  white-space: nowrap;}
.pagenation .item:last-child > div{flex-direction: row-reverse;}
.pagenation .item .date{ margin-bottom:0px;}
.pagenation .item .title{border-bottom:none; padding-bottom:0px;}
.pagenation .item .title a{color:#000; font-size:17px;}

.arrow-left,.arrow-right {position: relative;display: inline-block;padding: 10px;}
.arrow-left::before, .arrow-right::before {  content: '▲';  width: 20px;  height: 20px; position: absolute;    top: 6px;color:var(--primary-color);}

.arrow-left::before{ transform: rotate(-90deg);right: 10px;}
.arrow-right::before {  transform: rotate(90deg);left: 10px;}

@media screen and (max-width: 768px) {
.page-detail .title{margin-bottom:40px;}
.pagenation{margin-bottom:40px;}
}





table {width:100%; margin-top:0px;font-family: "Zen Kaku Gothic New", sans-serif; font-weight:500;}
table th, table td{padding:10px;border-bottom:solid 1px #000; line-height:1.8;}
table th{width:25%; }
table td span.small{font-size:80%;}
.img100{width:100%; height:auto;}


@media screen and (max-width: 768px) {
table td,table th{width:100%; display:block;}
table th{background:#e2ddb5;}
table tr:last-child th{border-bottom:none;}

}

/*==============================
ページトップ
==============================*/

#page_top {position: fixed;bottom: 100px;left: calc(100vw - 100px); display:none; z-index:1;}
#page_top a {background-color: #999;color: #fff;text-align: center;	text-decoration: none;font-size: 24px;padding-top: 6px;	padding-right: 15px;padding-bottom: 10px;padding-left: 15px;}
#page_top a:hover {background-color: #666;text-decoration: none;}

@media screen and (max-width: 768px) {
#page_top {bottom: 100px;left:auto; right:15px; }
#page_top a{}
}



/*=======  サイトマップ  =======*/


/*=======  フッター  ====*/
footer{margin-top:80px;   letter-spacing:0px; padding-bottom:80px; }

footer .box{width:90%; margin:0 auto; align-items: center;justify-content: center;}
footer .box .logo{font-family: "Oswald", sans-serif; letter-spacing:10px;font-size: clamp(1.5625rem, -0.3417rem + 3.962vw, 3.125rem);/*50/25*/ line-height:1.1; text-align:center; width:25%;font-weight: 400; }
footer .box .address{width:25%;font-size:15px; }
footer .box .address .tel{font-family: "Oswald", sans-serif; font-size: clamp(1.5625rem, -0.3417rem + 3.962vw, 3.125rem);/*50/25*/line-height:1.1; letter-spacing:-1px; font-weight:400;}
footer .box .text{font-family: "Zen Kaku Gothic New", sans-serif; font-size:12px; font-weight:400; margin-right:60px;}
footer .box .text span{font-size: clamp(1rem, 0.6962rem + 0.6329vw, 1.25rem);/*20/16*/ letter-spacing:7px;}
footer .box .banner{width:20%;text-align:left;}
footer .box .banner img{max-width:300px;}
.copyright{text-align:center;font-family: "Oswald", sans-serif;font-size:11px;letter-spacing:1px; margin-top:40px; margin-bottom:40px;letter-spacing:0px;}



@media screen and (max-width: 768px) {
footer{text-align:center; padding-bottom:50px;}
footer .box .logo{width:100%; line-height:1.5;}
footer .box .address{width:100%; margin-top:20px; }
footer .box .address .tel{margin-bottom:10px;}
footer .box .text{margin-right:0; margin-top:20px; font-size:15px; text-align:center;}
footer .box .text span{font-size:18px;}
footer .box .banner{width:100%; margin-top:20px; text-align:center;}
footer .box .banner img{width:200px;}
}




/*==============================
Youtube 埋め込み
==============================*/
.youtube{width: 100%;  aspect-ratio: 16 / 9; margin-top:100px;}
.youtube iframe {  width: 100%;  height: 100%;}

@media screen and (max-width: 1050px) {
.youtube{margin-top:50px;}
}




/*=======  下からフェードアップ  =======*/
.fadeup {opacity: 0;}
.fadeup.isShow {  opacity: 1;animation: fadeUp 1.0s ease 0.5s 1 normal backwards;}
.delay01{animation-delay: 0.1s !important;}
@keyframes fadeUp {
from {
    opacity: 0;
    transform: translateY(50px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


/*=======  左からからフェードイン  =======*/
.fadein_from_left{opacity: 0;}
.fadein_from_left.isShow {  opacity: 1;animation:  fadein_from_left 1.0s ease 0.5s 1 normal backwards;}

@keyframes fadein_from_left {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*=======  右からからフェードイン  =======*/
.fadein_from_right{opacity: 0;}
.fadein_from_right.isShow {   opacity: 1;animation:  fadein_from_right 1.0s ease 0.5s 1 normal backwards;}

@keyframes fadein_from_right {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*=======  上からからフェードイン  =======*/
.fadein_from_top{opacity: 0;}
.fadein_from_top.isShow {   opacity: 1;animation:  fadein_from_top 1.0s ease 0.5s 1 normal backwards;}

@keyframes fadein_from_top {
  0% {
    opacity: 0;
    transform: translateY(-500px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


@media screen and (max-width: 768px) {
.pc{display:none !important;}
}

@media screen and (min-width: 769px) {
.sp{display:none !important;} 
}





/* =========================================================
TOP PAGE: facility links / hover actions
========================================================= */
.all_facilities .facility-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
  transition:transform .28s ease, filter .28s ease;
}
.all_facilities .facility-card-link img{
  transition:transform .32s ease, filter .32s ease;
}

.top-hover-btn,
.top-news-link,
.top-image-btn{
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease, color .28s ease;
}
.top-news-link{display:block;}
.top-news-link dl{
  transition:transform .28s ease, background-color .28s ease, padding-left .28s ease;
}
.top-image-btn{display:block;}
.top-image-btn img{
  transition:transform .32s ease, filter .32s ease;
}

@media (hover:hover) and (pointer:fine){
  .all_facilities .facility-card-link:hover{
    transform:translateY(-6px);
    filter:brightness(1.03);
  }
  .all_facilities .facility-card-link:hover img{
    transform:scale(1.025);
  }

  .top-hover-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 22px rgba(0,0,0,.13);
    filter:brightness(1.04);
  }

  .top-news-link:hover dl{
    transform:translateX(7px);
    background-color:rgba(112,177,93,.08);
    padding-left:10px;
  }

  .top-image-btn:hover{
    transform:translateY(-5px);
    filter:brightness(1.02);
  }
  .top-image-btn:hover img{
    transform:scale(1.025);
  }
}

.facility-card-link:focus-visible,
.top-hover-btn:focus-visible,
.top-news-link:focus-visible,
.top-image-btn:focus-visible{
  outline:3px solid #70b15d;
  outline-offset:5px;
}

/* =========================================================
TOP PAGE ONLY: デイサービス一時非表示
稼働再開時は front-page.php の
"is-temporarily-hidden dayservice-item" を外し、
このブロックを削除してください。
========================================================= */
.all_facilities .is-temporarily-hidden{
  display:none !important;
}

/* 5件→4件時、4番目を2段目中央に配置 */
.all_facilities.dayservice-hidden .box .item:nth-child(4){
  margin-left:auto;
  margin-right:auto;
}

@media screen and (max-width:768px){
  .all_facilities.dayservice-hidden .box .item:nth-child(4){
    margin-left:2%;
    margin-right:2%;
  }
}


/* =========================================================
TOP PAGE: 採用サイトバナー
========================================================= */
.top_recruit .top-recruit-link{
  display:block;
  overflow:hidden;
  border-radius:25px;
  text-decoration:none;
  transition:transform .30s ease, box-shadow .30s ease, filter .30s ease;
}

.top_recruit .top-recruit-link img{
  display:block;
  width:100%;
  height:auto;
  transition:transform .35s ease, filter .35s ease;
}

@media (hover:hover) and (pointer:fine){
  .top_recruit .top-recruit-link:hover{
    transform:translateY(-6px);
    box-shadow:0 14px 28px rgba(0,0,0,.14);
    filter:brightness(1.02);
  }

  .top_recruit .top-recruit-link:hover img{
    transform:scale(1.025);
  }
}

.top_recruit .top-recruit-link:focus-visible{
  outline:3px solid #70b15d;
  outline-offset:5px;
}


/* =========================================================
FOOTER: 電話番号 tel リンク
Chrome / Safari で確実にタップ発信できるようにする
========================================================= */
footer .tel a{
  color:inherit;
  text-decoration:none;
}
