@charset "utf-8";

/* mainimage
--------------------------------------------------------------*/
.mainimage{
  width:100%;
  height:30vh;
  background-color:#ddd;
  position:relative;
  top:0;
  overflow:hidden;
  z-index:1;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  background-size:cover;
}
.mainimage-facility{background:url(../facility/img/mainimage_facility.jpg) center center no-repeat;}
.mainimage-helper{background:url(../facility/img/mainimage_helper.jpg) center center no-repeat;}
.mainimage-mansion{background:url(../facility/img/mainimage_mansion.jpg) center center no-repeat;}
.mainimage-company{background:url(../img/mainimage_company.jpg) center center no-repeat;}
.mainimage-other{background:url(../img/mainimage_other.jpg) center center no-repeat;}
.mainimage .mainimage-box{
  width:100%;
  height:30vh;
  position:relative;
}
.mainimage .mainimage-box img{
  object-fit: cover;
  width:100%;
  height:100%;
}
.mainimage .title{
  position:absolute;
  top:calc(50% + 25px);
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  font-size:4.0rem;
  background-color:rgba(0,0,0,.7);
  color:#fff;
  padding:10px 20px;
  line-height:1.3;
  text-align:center;
  font-weight:normal;
}
.mainimage .title::after,
.mainimage .title::before{
  position:absolute;
  width:72px;
  height:40px;
  line-height:0;
}
.mainimage .title::before{
  top:-30px;
  left:-40px;
  content:url(../img/subpage_title_mainimage_tl.svg);
}
.mainimage .title::after{
  bottom:-30px;
  right:-40px;
  content:url(../img/subpage_title_mainimage_br.svg);
}
@media only screen and (max-width:768px) {
  .mainimage .title{
	font-size:3.6rem;
	width:max-content;
  }
}
@media only screen and (max-width:480px) {
  .mainimage{height:40vh;}
  .mainimage .mainimage-box{height:40vh;}
  .mainimage .title{font-size:2.6rem;}
  .mainimage .title::after,
  .mainimage .title::before{display:none;}
}

/* h
--------------------------------------------------------------*/
h2{text-align:center;}
h2 span{
  font-size:3.2rem;
  color:#148541;
  position:relative;
  display:inline-block;
  padding:0 70px;
  line-height:1.3;
}
h2 span::before,
h2 span::after{
  top:-6px;
  position:absolute;
  width:55px;
  height:12px;
}
h2 span::before{
  content:url(../img/top_title_service_l.svg);
  left:0;
}
h2 span::after{
  content:url(../img/top_title_service_r.svg);
  right:0;
}
h3{
  font-size:2.4rem;
  color:#4c370d;
  text-indent:-1em;
  margin-left:1em;
  line-height:1.3;
  border-radius:3px;
}
h3::before{
  content:'';
  width:16px;
  height:16px;
  background-color:#148541;
  display:inline-block;
  margin-right:8px;
  border-radius:3px;
}
h4{
  font-size:2.0rem;
  line-height:1.3;
}
@media only screen and (max-width:480px) {
  h2 span{
    font-size:2.4rem;
	padding:0 62px;
  }
  h2 span::before,
  h2 span::after{top:-2px;}
  h3{font-size:2.0rem;}
  h4{font-size:1.8rem;}
}

/* table
--------------------------------------------------------------*/
.table{margin-top:10px;}
.table table {
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  border-top:solid #ccc 1px;
}
.table table th,
.table table td {
  padding:10px 20px;
  border-bottom:solid #ccc 1px;
  line-height:normal;
}
.table table th {
  background-color:#edf2eb;
  font-weight:normal;
  width:30%;
}
.table table td {
  text-align:left;
  background-color:#fff;
}
.table table td img {vertical-align:middle;}
@media only screen and (max-width:768px) {
  .floatLeft,
  .floatRight {float: none;}
}
@media only screen and (max-width:480px) {
  .table table th,
  .table table td {
	font-size:1.4rem;
	display:block;
	width:calc(100% - 40px);
  }
}

/* breadcrumbs
--------------------------------------------------------------*/
#container{padding-top:10px;}

/* breadcrumbs
--------------------------------------------------------------*/
.breadcrumb{
  margin-bottom:50px;
  font-size:1.4rem;
  height:40px;
  line-height:40px;
}
.breadcrumb ul{
  display:flex;
}
.breadcrumb ul li{
  padding-right:0.5em;
}
.breadcrumb ul li:not(:last-child)::after{
  content:url(../img/icon_breadcrumb.svg);
  padding-left:0.5em;
}
@media only screen and ( max-width : 768px ) {
  .breadcrumb ul{
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	white-space: nowrap;
  }
}
@media only screen and ( max-width : 480px ) {
  .breadcrumb{margin-bottom:30px;}
}


/* table
--------------------------------------------------------------*/
.contents{margin-top:30px;}

/* ul,ol
--------------------------------------------------------------*/
.ul-list{margin-top:10px;}
.ul-list li{
  position:relative;
  padding-left:1em;
}
.ul-list li::before{
  content:'';
  width:6px;
  height:6px;
  top:9px;
  left:5px;
  position:absolute;
  background-color:#96c11f;
  display:inline-block;
  margin-right:8px;
  border-radius:50px;
}

/* facility
--------------------------------------------------------------*/
.facility-contents{margin-top:100px;}
.facility-contents p{margin-top:10px;}

/* 分岐ボタン */
.facility-list ul{
  display:flex;
  justify-content:space-between;
}
.facility-list ul li{width:23.5%;}
.facility-list ul li a{
  display:block;
  text-align:center;
  background-color:#148541;
  height:60px;
  line-height:60px;
  color:#fff;
  font-size:1.8rem;
}
.facility-list ul li.act a,
.facility-list ul li a:hover{background-color:#96c11f;}

/* 施設タイトル */
.facility-title-area{
  box-sizing:border-box;
  padding:20px 0;
  position:relative;
  background-color:#fff;
  color:#4c370d;
}
.facility-title-area::before,
.facility-title-area::after{
  content: "";
  display: block;
  width:100%;
  height: 2px;
  background:linear-gradient(to right, #bed8b4 0%, #edf2eb 50%, #bed8b4 100%);
  position:absolute;
}
.facility-title-area::before{top:-2px;}
.facility-title-area::after{bottom:-2px;}
.facility-contents .facility-title{font-size:3.6rem; line-height:1.3;}
.facility-contents .facility-subtitle{
  text-align:center;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size:2.0rem;
}

/* 施設キャッチ */
.facility-contents .facility-catch{
  font-size:2.8rem;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  text-align:center;
  margin:30px 0;
  line-height:1.3;
  font-weight:bold;
}
.facility-catch.helper{color:#95459b;}
.facility-catch.mansion{color:#ea8724;}
.facility-catch.group{color:#2e7cbc;}
.facility-catch.day1{color:#c6343f;}
.facility-catch.day2{color:#a58a1b;}

/* デイサービス分岐ボタン */
.facility-day-list{margin-top:50px;}
.facility-day-list > ul{
  display:flex;
  justify-content:space-between;
}
.facility-day-list > ul > li{width:48%;}
.facility-day-list > ul > li a{
  text-align:center;
  background-color:;
  display:block;
  border-radius:10px;
  padding:20px;
}
.facility-day-list ul li a:hover{box-shadow:0px 0px 15px rgba(76,55,13,.3);}
.facility-day-list ul li a:hover img{opacity:1;}
.facility-day-list ul li:nth-child(1) a{background-color:#eaccd8;}
.facility-day-list ul li:nth-child(2) a{background-color:#f2eba3;}
.facility-day-list ul li p{margin:0;}
.facility-day-list ul li .title-area .title{
  height:40px;
  line-height:40px;
  color:#fff;
  font-size:1.8rem;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}
.facility-day-list ul li:nth-child(1) .title-area .title{background-color:#c6343f;}
.facility-day-list ul li:nth-child(2) .title-area .title{background-color:#a58a1b;}
.facility-day-list ul li .title-area .subtitle{
  background-color:#fff;
  color:#666;
  position:relative;
  height:60px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  margin-bottom:20px;
}
.facility-day-list ul li .title-area .subtitle span{
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  position:absolute;
  width:100%;
}
.facility-day-list .image-area{margin-bottom:20px;}
.facility-day-list .image-area ul{
  display:flex;
  justify-content:space-between;
}
.facility-day-list .image-area ul li{width:48%;}
.facility-day-list .image-area img{width:100%;}
.facility-day-list .goto{
  color:#fff;
  border-radius:100px;
  padding:5px 0;
  width:40%;
  margin:0 auto;
}
.facility-day-list ul li:nth-child(1) .goto{background-color:#c6343f;}
.facility-day-list ul li:nth-child(2) .goto{background-color:#a58a1b;}

/* デイサービス分岐タイトル */
.facility-contents .facility-day-title{
  margin-top:80px;
  padding:20px 0;
  text-align:center;
  font-size:3.0rem;
  line-height:1.3;
  color:#4c370d;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.facility-contents .facility-day-title.nakanochaya{background:linear-gradient(to right, rgba(234,204,216,.0) 0%, rgba(234,204,216,1) 50%, rgba(234,204,216,.0) 100%);}
.facility-contents .facility-day-title.ochaya{background:linear-gradient(to right, rgba(242,235,163,.0) 0%, rgba(242,235,163,1) 50%, rgba(242,235,163,.0) 100%);}

/* 施設写真 */
.facility-photo-list h3{margin-top:30px;}
.facility-photo-list ul{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.facility-photo-list ul li{
  width:48%;
  margin-top:20px;
  text-align:center;
}
.facility-photo-list ul li img{width:100%;}
.facility-photo-list ul.pcs-3 li{width:32%;}

/* 料金表へボタン */
.facility-contents .btn-link{
  position:relative;
  width:60%;
  margin:50px auto 0;
}
.facility-contents .btn-link a,
.facility-contents .btn-link a::before{
  display:inline-block;
  width:100%;
  height:60px;
  line-height:60px;
  color:#fff;
  text-align:center;
  transition: all 0.5s;
}
.facility-contents .btn-link a{
  background:linear-gradient(to right, #96c11f 40%, #148541 100%);
  position:relative;
  z-index:0;
}
.facility-contents .btn-link a span{position:relative;}
.facility-contents .btn-link a::before{
  background:linear-gradient(to right, #96c11f 0%, #148541 100%);
  position:absolute;
  top:0;
  left:0;
  content:'';
  z-index:-1;
}
.facility-contents .btn-link a:hover::before{opacity:0;}
.facility-contents .btn-link .pdf{
  content:url(../img/icon_window_w.svg);
  margin-left:0.5em;
}

/* 各グループホームへのご案内・入居申込書へボタン */
.btn-link-group-area{
  display:flex;
  justify-content:space-between;
}
.facility-contents .btn-link.group{
  width:48%;
  margin:50px 0 0;
}
.facility-contents .btn-link.group a{background:linear-gradient(to right, #2cb8f3 40%, #0165bd 100%);}
.facility-contents .btn-link.group a::before{background:linear-gradient(to right, #2cb8f3 0%, #0165bd 100%);}
@media only screen and ( max-width : 768px ) {
  /* 分岐ボタン */
  .facility-list ul{flex-wrap:wrap;}
  .facility-list ul li{width:49%; margin-bottom:10px;}
}
@media only screen and ( max-width : 480px ) {
  /* 分岐ボタン */
  .facility-list ul{display:block;}
  .facility-list ul li{width:100%;}
  /* デイサービス分岐ボタン */
  .facility-day-list > ul{display:block;}
  .facility-day-list > ul > li{width:100%;}
  .facility-day-list > ul > li:last-child{margin-top:15px;}
  .facility-day-list .image-area ul{
	justify-content:space-around;
	flex-wrap:wrap;
  }
  .facility-day-list .image-area ul li{width:49%;}
  .facility-day-list .image-area ul li:nth-child(3){margin-top:1%;}
  .facility-day-list .goto{width:60%;}
  /* 施設写真 */
  .facility-photo-list ul{display:block;}
  .facility-photo-list ul li,
  .facility-photo-list ul.pcs-3 li{width:100%;}
  /* 料金表へボタン */
  .facility-contents .btn-link{width:100%;}
  /* 各グループホームへのご案内・入居申込書へボタン */
  .btn-link-group-area{display:block;}
  .facility-contents .btn-link.group{width:100%;}
}




/* news page
--------------------------------------------------------------*/
.news dl{
  border-bottom:solid 1px #c7b299;
  margin-top:30px;
}
.news dl dt,
.news dl dd{
  border-top:solid 1px #c7b299;
  padding:10px 2%;
  float:left;
}
.news dl dt{width:130px;}
.news dl dd{width:calc(92% - 130px);}
.news dl dd span.pdf{
  font-size:1.4rem;
  color:#fff;
  background-color:#148541;
  padding:1px 3px;
}
.news dl dd i.pdf{
  content:url(../img/icon_window.svg);
  margin-left:0.5em;
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:480px) {
  .news dl{margin-top:20px;}
  .news dl dt,
  .news dl dd{
	float:none;
	width:96%;
  }
  .news dl dd{border-top-style:dotted;}
}




/* other page
--------------------------------------------------------------*/
.office{margin-top:80px;}
.origin{margin-top:80px;}
.origin p{
  border:solid 3px #bed8b4;
  box-sizing:border-box;
  background-color:#fff;
  padding:30px;
  font-size:1.8rem;
}
.privacy-box{margin-top:30px;}
.privacy-box p{margin-top:10px;}
.privacy-box h4{margin-top:20px;}
.sitemap-box{margin-top:30px;}
.sitemap-box > ul{
  display:flex;
  justify-content:space-between;
}
.sitemap-box > ul > li{width:30%;}
.sitemap-box .ul-list{margin-top:20px;}
.sitemap-box .ul-list li:not(:last-child){margin-bottom:15px;}
@media only screen and ( max-width : 768px ) {
  .sitemap-box > ul > li{width:auto;}
}
@media only screen and ( max-width : 480px ) {
  .office{margin-top:60px;}
  .origin{margin-top:60px;}
  .sitemap-box > ul{display:block;}
  .sitemap-box > ul > li:not(:first-child){margin-top:40px;}
}