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

/*リセットCSS*/
*{margin: 0;
	padding: 0;}
a{text-decoration: none;}
li{list-style: none;}


/*フォント*/
body{font-family:  "游明朝", "游明朝体","Hiragino Mincho ProN", serif;
	width: 100%;}

/*リンク*/
a{color: #C4AE53;}
a:hover{color: #E0D5A7;}

body{background-color: #f5f5f5;}

main{padding-top: 4em;}

.space{height: 50px;}


/*フォーム*/
.badge .badge-danger{color:#431D1E;}
.alert .alert-danger{color:#431D1E;}



/*スライダー*/
.splide__list img{width: 100%;}
.splide_box{padding: 1em;}


/* 選択されていないサムネイルは薄くする */
.splide__slide {
  opacity: .6;
}
/* 選択されているサムネイルだけ透過しない */
.splide__slide.is-active {
  opacity: 1;
}
/* 画像サイズ調整 */
.splide__slide img {
  height: auto;
  width: 100%;
}
/* スライダーの幅 */
.wrapper {
  margin-inline: auto;
  max-width: 500px;
  width: 100%;
}
/* 選択中サムネイル囲み色 */
.splide__track--nav>.splide__list>.splide__slide.is-active {
	border: 3px solid #c4ae53 !important;}



/*ヘッダー*/
.headerlogo{height: 40px;}
.logomark{position: fixed;
	left:50%;
	transform: translateX(-50%);}
/*ヘッダー手前に固定*/
.header{position: sticky;
z-index: 999;}

/*ハンバーガーメニュー*/
body{overflow-x: hidden;}
.header-area{
	width: 100%;
	height: 65px;
	background-color: #401223;
	display: flex;
	justify-content: flex-start;
	padding: 0 20px;
	align-items: center;
	position: fixed;}
.hamburger{
	width: 50px;
	height: 30px;
	position: relative;}
.hamburger span{
	position: absolute;
	width: 100%;
	height: .8px;
	background-color: #CCC;
	transition: .5s;}
.hamburger span:first-of-type{
	top: 0;}
.hamburger span:last-of-type{
	top: 2em;}
.slide-menu{
	background-color: rgba(255,255,255,0.94);
	position: fixed;
	top:65px;
	width: 60vw;
	max-width: 340px;
	height: calc(90vh - 65px);
	left: 0;
	transform: translateX(-100%);
	transition: .5s;
	padding:2em 2em;
	overflow-y: scroll;}
.slide-menu li{
	line-height: 200%;}
ul{padding: 0;}
.menu{font-size: .8em;
	color: #303030;
	padding-left: 0;}
.menu:hover{color: #C4AE53;
	transition: 0.3s ease;
	padding-left: 0.2em;}
.slide-menu .btn-wrap{padding: 1em;}
.slide-menu span{position: absolute;
	width: 30%;
	height: .5px;
	background-color: #555555;}
.slide-menu div{padding: .5em 0em;}

.hamburger p{color: #CCC;
	margin: .3em 0;}
.banner{width: 100%;
	max-width: 300px;}
.banner:hover{opacity: 0.7;
	transition: 0.3s ease;}
.menu_instagram::after{
  content:'';
  display:inline-block;
  background-image:url("images/instagram_gray.png");
  background-repeat: no-repeat;
  width:0.8em;
  height:0.8em;
  margin: 0 0 0 0.4em;
  background-size: contain;
  vertical-align:baseline;
}

/*ハンバーガーメニュークリックで*/
.hamburger.active span:first-of-type{
	top: 50%;
	transform: rotate(30deg);}
.hamburger.active span:last-of-type{
	top: 50%;
	transform: rotate(-30deg);}
.hamburger.active p{display: none;}
.slide-menu.active{
	transform: translateX(0);}

.slide-menu{left: -200px;
	transition: all .5s;}
.slide-menu li{margin-left: -20px;
	opacity: 0;
	transition: all .5s;}
.slide-menu.open{left: 0;}
.slide-menu.open li{margin-left: 0;
	opacity: 1;}
.slide-menu.open li:first-child{transition-delay: 0.2s;}
.slide-menu.open li:nth-child(2){transition-delay: 0.3s;}
.slide-menu.open li:nth-child(3){transition-delay: 0.4s;}
.slide-menu.open li:nth-child(4){transition-delay: 0.5s;}
.slide-menu.open li:nth-child(5){transition-delay: 0.6s;}
.slide-menu.open li:nth-child(6){transition-delay: 0.7s;}
.slide-menu.open li:nth-child(7){transition-delay: 0.8s;}
.slide-menu.open li:nth-child(8){transition-delay: 0.9s;}
.slide-menu.open li:nth-child(9){transition-delay: 1.0s;}
.slide-menu.open li:nth-child(10){transition-delay: 1.1s;}
.slide-menu.open li:nth-child(11){transition-delay: 1.2s;}
.slide-menu.open li:nth-child(12){transition-delay: 1.3s;}
.slide-menu.open li:nth-child(13){transition-delay: 1.4s;}
.slide-menu.open li:nth-child(14){transition-delay: 1.5s;}


/*スクロール促す*/
.scroll {
  position: absolute;
  right: 50%;
  top: 80%;
}
/* 線のアニメーション部分 */
.scroll::before {
  animation: scroll 2s infinite;
  background-color: #C4AE53;
  bottom: -115px;
  content: "";
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0.5px;
  z-index: 2;
}
/* 線の背景色 */
.scroll::after {
  background-color: #636363;
  bottom: -115px;
  content: "";
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0.5px;
}
/* 線のアニメーション */
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
/*子ページスクロール促す*/
.scroll_subpage {
  position: absolute;
  right: 10%;
  top: 50%;
}
/* 線のアニメーション部分 */
.scroll_subpage::before {
  animation: scroll 2s infinite;
  background-color: #C4AE53;
  bottom: -115px;
  content: "";
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0.5px;
  z-index: 2;
}
/* 線の背景色 */
.scroll_subpage::after {
  background-color: #636363;
  bottom: -115px;
  content: "";
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0.5px;
}
/* 線のアニメーション */
@keyframes scroll_subpage {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}




/*画面に入ってふわっと表示*/
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.item {animation: fadeIn ease;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

/* サポートされていない場合のフォールバック */
@supports not (animation-timeline: view()) {
  .item {
    opacity: 1;
    transform: none;
  }
}
/*ふわっと*/
.fadein{opacity: 0.1;
transition: all ease 2s;}
.is-active{opacity: 1;}

/*外部リンクアイコン*/
.link_out::after{
  content:'';
  display:inline-block;
  background-image:url("images/link_gold.png");
  background-repeat: no-repeat;
  width:1em;
  height:1em;
  margin: 0 0 0 0.4em;
  background-size: contain;
  vertical-align: middle;
}

/*ボタン*/
.btn{border: 1px solid #C4AE53;
    display: inline-block;
	height: 3em;
    width: 150px;
    box-sizing: border-box;
	background-color: #C4AE53;
    color: #EEEEEE;
    text-decoration: none;
    text-align: center;
	align-content: center;
	transition-property: opacity;
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
.btn-wrap{display: flex;
justify-content: center;
padding: 2em;}

.btn:hover {
	border: 1px solid #C4AE53;
	background-color: rgba(0,0,0,0.00);
	transition: ease .5s;
	color: #C4AE53;
}
/*ボタン背景ワイン色*/
.btn_wine{border: 1px solid #C4AE53;
    display: inline-block;
	height: 3em;
    width: 150px;
    box-sizing: border-box;
	background-color: #C4AE53;
    color: #392D2D;
    text-decoration: none;
    text-align: center;
	align-content: center;
	transition-property: opacity;
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
.btn-wrap{display: flex;
justify-content: center;
padding: 2em;}

.btn_wine:hover {
	border: 1px solid #C4AE53;
	background-color: rgba(0,0,0,0.00);
	transition: ease .5s;
	color: #C4AE53;
}


/*子ページタイトル*/
.titlearea_subpage{padding: 65px 0 0 0;}


.block-cts{
  display:block;
  justify-content: center;
  align-items: center;
  padding:3rem 0rem 5rem 0rem;
  background-color:rgba(0,0,0,0)
  }
.block-cts{
  background:#DFD3A1;
}
.block-cts h2{padding: 1em 2em;
	color: #303030;}
.block-cts p{padding-left: 4em;
		padding-right: 4em;
	color: #303030;}

.bgImage-clip{overflow: hidden;
  position: static;
  top: -100vh;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 65px);
  clip-path: inset(0);
  z-index: -1;
}
.bgImage-fixed{
	overflow: hidden;
  position: fixed;
  top: 65px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
	  
}

.block{
  position: relative;
	top: 65px;
	background:#fff;}
.bgImage-fixed{
	           overflow: hidden;}
 .block01 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("images/title/1room.jpg");}
 .block02 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("images/title/2meal.jpg");}
 .block03 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("images/title/3healthcare.jpg");}
 .block04 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("images/title/4commonarea.jpg");}
 .block05 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("images/title/5activity.jpg");}
 .block06 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("images/title/6flow.jpg");}
 .block07 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("images/title/7fee.jpg");}
 .block08 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("images/title/8secondhouse.jpg");}
 .block09 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("images/title/9faq.jpg");}
 .block10 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("images/title/10form.jpg");}
 .block11 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("images/title/11access.jpg");}
 .block12 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("images/title/12company.jpg");}
 .block13 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("images/title/13facility.jpg");}
 .block14 .bgImage-fixed {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("images/title/14privacy.jpg");}

.block-cts{
  position: relative;
  margin-top:0;
  width: 100%;
  text-align: left;}

.bgImage-fixed h1{margin: 0;
	color:#F0F0F0;
	white-space: nowrap;
	font-size: 2.5em;
	position: absolute;/*修正*/
  top: calc(50% - 1.25em);
  left: 50%;
  transform: translate(-50%,-50%)}




/*各ページ個別スタイル*/
/*0indexTOPページについて*/
.top_main{background-color: #f5f5f5;
	padding-top: 0;}
/*キービジュアルふわっと表示*/
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
  }
.keyvisual{animation: fadeIn 3.5s ease-in-out;}

video{object-fit: cover;
	object-position: center center;
	width: 100%; min-height: calc(100vh - 65px);}

/*movieフィルター*/
.movie {
  position: relative;
	height: calc(100vh - 65px);}

/*
.movie::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  min-height: calc(100vh - 65px);
  background-color: rgba(0,0,0,0.29);
	background-image: radial-gradient(black 20%, transparent 20%),
    radial-gradient(black 20%, transparent 20%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
*/

/*movieの上にロゴ*/
#mainimage{height: calc(100vh - 65px);
	position: relative;
	top: 65px;}
.movie video{height: calc(100vh - 65px);}
#mainimage .movie video.mainvideo{display: block;}
#mainimage .imgandtext{position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;}
#catchcopy1{text-align: center;}
#catchcopy2{text-align: center;}
#catchcopy3{text-align: center;}
.catchcopy_h1{text-align: center;
	max-width: 250px;
	margin: 2em auto;}
.catchcopy_p{text-align: center;}
.catchcopy{width: 60%;
	color: #ffffff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	left: 20%;
	font-size: 0.7em;}

.top_sub{padding: 10em 3em 5em 3em;
	background-color: #DFD3A1;}
.top_sub h1{font-size: 1.5em;
	color: #303030;}
.top_sub h2{font-size: 1.3em;
	color: #303030;}
.top_sub p{font-size: 1em;
	padding: 0.5em;
	color: #303030;}
/*topページメニュー*/
.top_article img{width: 100%;}
.top_article_box{position: relative;}
.top_article_title{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: 0;
	padding: 0.2em 2em;
	background-color: rgba(0,0,0,0.75);}
.top_article h1{font-size: 1.3em;
	color: #fff;
	text-align: center;
	white-space: nowrap;}
.top_article_text{padding: 3em;}
.top_article_h2{padding: 1em;}
.top_article h2{font-size: 1em;
	color: #505050;}
.top_article li:before{content: " - ";}
.top_article li{font-size: 0.8em;
		font-weight: 800;
	color: #505050;
	padding: 0.5em 2em 0.5em 2em;}

.news_area{padding: 3em 0em;}
.news_area h1{text-align: center;
	color: #505050;
	border-bottom: solid 1px #c4ae53;
	width: 5em;}
.news_p{font-size: 0.8em;
	padding: 2em 3em 4em;}
.news_area img{width: 30vw;
	height: 30vw;
	max-width: 200px;
	max-height: 200px;
	object-fit: cover;}
.newsline{display: flex;
	justify-content: center;
	padding:  0 5vw;
	max-width: 600px;
	margin: 0 auto;}
.news{position: relative;
	width: 30vw;
	padding: 0 1px;
	margin: 0 1px;
	align-items: center;}
.news p{color: #505050;
	font-size: 0.5em;
	padding: 0px;
	width: 20vw;
	left: 0;
	right: 0;
	display: block;}
.news a:hover{opacity: 0.7;
	transition: 0.5s ease;}


/*1room居室*/
.room_main{background-color: #f5f5f5;}
.room_main article{padding-top: 2em;}
.room_main h2{text-align: center;
	color: #c4ae53;
	padding: 1em;}
.room_main h3{color: #404040;
	text-align: center;
	border-bottom: solid 1px #C4AE53;
	border-top: solid 1px #C4AE53;
	padding: .5em;
	margin: 2em 4em;	
	font-size: 1em;}
#room_title_line{color: #404040;
	text-align: center;
	border-bottom: solid 1px #C4AE53;
	border-top: solid 1px #C4AE53;
	padding: .5em;
	margin: 2em 4em;	
	font-size: 1em;
	display: grid;}
.room_title_box span{}
.room_main p{font-size: 0.9em;
	padding: 0.5em 3em;}
.room_textbox{padding: 1em 3em;}
.room_article_odd{padding-top: 3em;
	padding-bottom: 2em;}
.room_article_even{background-color: #392D2D;
	padding-top: 3em;
	padding-bottom: 2em;
	}
.room_article_odd p{
	font-size: 0.8em;
	padding: 0.3em 0.3em 0.3em 0em;}
.room_article_even p{
	color: #e0e0e0;
	font-size: 0.8em;
	padding: 0.3em 0.3em 0.3em 0em;}

.slideBox {
	padding-bottom: 1.5em;
  width: 100vw;
  height: 70vw;
  overflow: hidden;
  position: relative;}
.wrapper{padding: 2em 0;}

/* imgのみ */
.item1 {
  opacity: 0;
  width: 100%;
  height: 70vw;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: anime 20s 0s infinite;
  animation: anime 20s 0s infinite;
}

.item1:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.item1:nth-of-type(3) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}

.item1:nth-of-type(4) {
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
}

/* ふわっとアニメーション */
@keyframes anime {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}
.room_article_odd .img_right{width: 80%;
	padding: 1em 0;}
.room_article_odd .img_left{width: 80%;
	padding: 1em 0;}

/*横揺れ対策*/
.room_main .room_article_odd{overflow: hidden;}


/*2meal食事*/
.meal_main{background-color: #f5f5f5;
	padding: 0em;}
.meal_main h2{text-align: center;
	color: #c4ae53;
	padding: 1em;}
.meal_even {background-color: #392D2D;}
.meal_textbox{
	padding: 1em 4em;}
.meal_main .meal_textbox p{color: #505050;
	font-size: 0.8em;}
.meal_main .meal_textbox h3{color: #c4ae53;}
.meal_even .meal_textbox p{color: #eee;}

.meal_main .img_right{width: 80%;
	padding: 1em 0;}
.meal_main .img_left{width: 80%;
	padding: 1em 0;}
.meal_odd h4{color: #505050;}
.meal_even h4{color: #e0e0e0;}
/*横揺れ対策*/
.meal_imgbox{overflow: hidden;}
.meal_imgbox img{overflow: hidden;}


/*3health健康管理*/
.healthcare_main{background-color: #f5f5f5;
	padding: 0em;}
/*secondhouseと共通パーツ使用*/

/*4commonarea共用部*/
.commonarea_main{background-color: #f5f5f5;}
.commonarea_main article{padding-top: 2em;}
.commonarea_main h3{color: #404040;
	text-align: center;
	border-bottom: solid 1px #C4AE53;
	border-top: solid 1px #C4AE53;
	padding: .5em;
	margin: 2em 4em;
font-size: 1em;}
.commonarea_main p{font-size: 0.9em;
	padding: 0.5em 3em;}
.common_photo{overflow: hidden;
	margin: 1em;}
.common_photo img{width: 100%;}

/*5activityアクティビティ*/
.activity_main{background-color: #f5f5f5;}
.activity_main article{padding-top: 2em;}
.activity_main h3{color: #404040;
	text-align: center;
	border-bottom: solid 1px #C4AE53;
	border-top: solid 1px #C4AE53;
	padding: .5em;
	margin: 2em 4em;
font-size: 1em;}
.activity_main p{font-size: 0.9em;
	padding: 0.5em 3em;}
.activity_main h4{color: #505050;}
.blog_photo3{display: flex;}
.blog_photo3 img{width: 33%;
	margin: 0.5%;}
.blog_photo2{display: flex;}
.blog_photo2 img{width: 49%;
	margin: 0.5%;}
.blog_photo1{
	width: 100%;
	margin: 0.5%;}
.blog{padding: 2em;}
.blog h4{text-align: center;}


/*6Flow入居について*/
.flow_main{padding: 3em 0em;
	background-color: #f5f5f5;}

.stepbar {margin: 0 auto;
  width: 80%;}
.stepbar .stepbarwrap {margin: 2em 0;
  position: relative;}
.stepbar .stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;}
.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 3em;
  height: 3em;
  content: "";
  border-radius: 50%;
  background-color: #C4AE53;
  color: #fff;
  text-align: center;}
.stepbar .stepbarwrap .steptitle .stepcircle span {
  display: inline-block;
  line-height: 1.2em;
  font-size: 0.8em;
  font-weight: bold;
  position: relative;
  top: 0.9em;
  z-index: 3;}
.stepbar .stepbarwrap .steptitle .title {
  margin: 0.5em;
  font-weight: bold;
  font-size: 1.2em;}
.stepbar .stepbarwrap .steptxt {
  padding-left: 3.5em;}
.stepbar .stepbarwrap .steptxt .txt {
  font-size: 0.9em;}
.stepbar .stepbarwrap .stepline {
  width: 1px;
  height: calc(100% + 1em);
  background-color: #C4AE53;
  position: absolute;
  top: 1em;
  left: 1.5em;
  z-index: 1;}
.stepbarwrap:last-of-type .stepline:last-of-type {
	display: none;}
.stepimg{width: 100%;}

/*7feeご利用料金について*/
.fee_main{background-color: #f5f5f5;
	padding-top: 3em;
	padding-left: 1em;
	padding-right: 1em;}
.fee_main h3{color: #404040;
	text-align: center;
	border-bottom: solid 1px #C4AE53;
	border-top: solid 1px #C4AE53;
	padding: .5em;
	margin: 2em 4em;
	font-size: 1em;}
.fee_main .fee_inst{padding: 0 2em;}
.fee_main .fee_inst div{margin: 1em;}
.fee_main .fee_inst h4{color: #505050;}
.fee_main .fee_inst p{font-size: 0.8em;}
.fee_main table{margin: 0 auto;}
.fee_main .fee_box{border: solid 0.8px #c4ae53;
	padding: 0.5em;
	margin: 3em auto;
	max-width: 400px;}
.fee_main .fee_box h5{color: #505050;}
.fee_main .fee_shisetsu{color: #f5f5f5;
	background-color: #907D31;
	font-size: 0.7em;
	text-align: center;
	padding: 0.1em;}
.fee_main .fee_koumoku{color: #505050;
	border: solid 0.8px #907D31;
	text-align: center;
	font-size: 0.7em;
	padding: 0.1em;}
.fee_main .fee_koumoku_left{color: #f5f5f5;
	background-color: #907D31;
	text-align: center;
	font-size: 0.7em;
	padding: 0.1em;}
.fee_main .fee_kakaku{color: #505050;
	border: solid 0.8px #907D31;
	text-align: right;
	font-size: 0.7em;
	padding: 0.1em;}
.fee_main .fee_total{color: #505050;
	border: solid 0.8px #907D31;
	text-align: right;
	font-size: 0.7em;
	font-weight: bold;
	padding: 0.1em;}
.fee_main p{color: #505050;
	font-size: 0.5em;}
.fee_box p{font-size: 0.75em;}
.fee_table1 .fee_total{text-align: center;}
.fee_table2 .fee_total{text-align: center;}
.fee_table2 .fee_total{width: 7.5em;}
.fee_table5 .fee_shisetsu{padding: 0.1em 3em;}
.fee_table5 .fee_total{text-align: center;}
.fee_table6 .fee_shisetsu{padding: 0.1em 6.5em;}
.fee_table6 .fee_total{text-align: center;}
.fee_table7 .fee_shisetsu{padding: 0.1em 6.5em;}
.fee_table7 .fee_total{text-align: center;}
.fee_table8 .fee_koumoku{padding: 0.1em 2em;}
.fee_table8 .fee_kakaku{text-align: center;
	padding: 0.1em 2em;}
.fee_table8 .fee_total{text-align: center;
	padding: 0.1em 2em;}
.fee_table9 .fee_total{text-align: center;
	padding: 0.1em 0.5em;
	font-weight: normal;}
.fee_table9 .fee_total span{font-weight: bold;}
.fee_table9 .fee_total{font-size: 0.7em;}


/*8secondhouseセカンドハウスとして*/
.secondhouse_main{background-color: #f5f5f5;
	padding: 0em;}
.article_odd{padding-top: 3em;
	padding-bottom: 2em;}
.article_even{background-color: #392D2D;
	padding-top: 3em;
	padding-bottom: 2em;}
.article_even li{color: #e0e0e0;}
.article_odd li{color: #505050;}

.article_odd img{width: 80%;
	padding: 1em 0;}
.article_even img{width: 80%;
	padding: 1em 0;}
.article_odd h2{text-align: center;
	color: #c4ae53;
	padding: 1em;}
.article_even h2{text-align: center;
	color: #c4ae53;
	padding: 1em;}
.article_odd h3{color: #c4ae53;}
.article_even h3{color: #c4ae53;}
.article_odd li{
	font-size: 0.8em;
	padding: 0.3em 0.3em 0.3em 0em;}
.article_even li{
	font-size: 0.8em;
	padding: 0.3em 0.3em 0.3em 0em;}
.article_odd p{
	font-size: 0.8em;
	padding: 0.3em 0.3em 0.3em 0em;}
.article_even p{
	color: #e0e0e0;
	font-size: 0.8em;
	padding: 0.3em 0.3em 0.3em 0em;}
.article_odd .text{display: block;
	padding: 2em 3em;}
.article_even .text{display: block;
	padding: 3em;}

.img_right{transform: translateX(80%);
	opacity:0.1;
	transition: all ease-out 1s;}
.rightisactive{opacity: 1;
	transform: translateX(0);
	position: relative;
	right: -20%;;}
.img_left{transform: translateX(-80%);
	opacity:0.1;
	transition: all ease-out 1s;}
.leftisactive{opacity: 1;
	transform: translateX(-0);}

/*横揺れ対策*/
.article_odd{overflow: hidden;}
.even_box{overflow: hidden;}


/*9faqよくあるご質問*/
.faq_main{background-color: #f5f5f5;
	}
.faq_inner{margin: 0.5em;}
.faq_main h3{color: #404040;
	text-align: center;
	border-bottom: solid 1px #C4AE53;
	border-top: solid 1px #C4AE53;
	padding: .5em;
	margin: 2em 4em;
	font-size: 1em;}
.faq_main small{font-size: 0.6em;}
.faq_details{background-color: #ffffff;	
	padding: 0.3em;
    margin-bottom: 5px;
    border: none;}
.faq_details summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
	font-size: 0.8em;}
.faq_details summary::before,
.faq_details p::before {
    position: absolute;
    left: 1em;}
.faq_details summary::before {
    color: #0D3C60;
    content: "Q";}
.faq_details summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;}
.faq_details[open] summary::after {
    transform: rotate(225deg);}
.faq_details div {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .1em 1em .5em;
    color: #333;
    transition: transform .5s, opacity .5s;}
.faq_details[open] div {
    transform: none;
    opacity: 1;}
.faq_details div::before {
    color: #5A2121;
    line-height: 1.2;
    content: "A";}
.faq_details p{margin-bottom: .5em;
	font-size: 0.7em;}
.faq_contact{
	border: solid 1px #c4ae53;
	margin: 2.5em;
	padding: 2em;}
.faq_contact p{font-size: 0.7em;}

/*11Accessアクセス*/
.access_main{background-color: #f5f5f5;}
.access_main h3{color: #404040;
	text-align: center;
	border-bottom: solid 1px #C4AE53;
	border-top: solid 1px #C4AE53;
	padding: .5em;
	margin: 2em 4em;
	font-size: 1em;
	}
.access_by{width: 95vw;
	padding-bottom: 3em;}
.access_by{max-width: 400px;
	display: flex;
	margin: 0 auto;}

.googlemap iframe{ width: 100%;
  height: 350px;
  filter: grayscale(70%);
  -webkit-filter: grayscale(70%);
  transition: 0.5s;
	}
.googlemap{border: solid 1px #d0d0d0;
	width: 95%;
	margin: 0 auto;
	overflow: hidden;}
.googlemap:hover{border: solid 1px #C4AE53;
	transition: ease 0.5s;}
.googlemap iframe:hover{
  filter: none;
  -webkit-filter: none;
}

/*12company会社概要*/
.company_main{background-color: #f5f5f5;
	padding-left: 3em;
	padding-right: 3em;
	padding-bottom: 3em;}
.company_main h3{color: #404040;
	text-align: center;
	border-bottom: solid 1px #C4AE53;
	border-top: solid 1px #C4AE53;
	padding: .5em;
	margin: 2em 4em;
	font-size: 1em;
	}
.company_main th{display: block;
	font-size: 0.8em;
	text-align: left;
	color: #404040;}
.company_main td{display: block;
	font-size: 0.8em;
	padding: 0 0 1em 0;
	color: #404040;}
.company_main tr{padding: 2em;}
.company_main li{font-size: 0.8em;
	color: #404040;}
.company_main a{color: #404040;}
.company_main a:hover{color: #C4AE53;}

/*13facility施設概要*/
.facility_main{background-color: #f5f5f5;
	padding-left: 3em;
	padding-right: 3em;
	padding-bottom: 3em}
.facility_main h3{color: #404040;
	text-align: center;
	border-bottom: solid 1px #C4AE53;
	border-top: solid 1px #C4AE53;
	padding: .5em;
	margin: 2em 0em;
	font-size: 1em;
	white-space: pre;}
.facility_main th{display: block;
	font-size: 0.8em;
	text-align: left;
	color: #303030;}
.facility_main td{display: block;
	font-size: 0.8em;
	padding: 0 0 1em 0;
	color: #404040;}
.facility_main tr{padding: 2em;}


/*14privacy個人情報保護方針*/
.privacy_main{background-color: #f5f5f5;
	padding-bottom: 3em}
.privacy_main .main_inner{padding: 2em;}
.privacy_main h3{color: #404040;
	text-align: center;
	border-bottom: solid 1px #C4AE53;
	border-top: solid 1px #C4AE53;
	padding: .5em;
	margin: 2em 4em;
	font-size: 1em;
	}
.privacy_main .container{padding: 1em 0.5em;}
.privacy_main h4{color: #505050;
	font-size: 1em;
	border-bottom:solid 0.7px #c4ae53;}
.privacy_main h5{color: #505050;
	font-size: 0.9em;}
.privacy_main p{font-size: 0.8em;}
.privacy_contact{
	border: solid 1px #c4ae53;
	margin: 2.5em;
	padding: 2em;}
.privacy_contact h3{color: #505050;}
.privacy_contact p{font-size: 0.7em;}




/*フッター*/
footer{background-color: #fff;
padding: 2em;
text-align: center;}
footer .logomark{position: relative;
	width: 350px;}
.footerlogo{width: 40%;}
.footermenu{padding: 1em;}
.footermenu li{font-size: 0.7em;
	padding: .5em;}
.footerbanner{width: 8em;}
.footercopy{background-color: #301010;
	padding: 0.1em;}
.footercopy small{color: #c4ae53;
	font-size: 0.5em;}
.footerlink_text{display: flex;
	justify-content: center;}
.footerlink_text li a{color: #404040;}
.footerlink_text li a:hover{color: #c4ae53;
	transition: 0.5s ease;}
.footerlink_banner{display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em 0 0 0;}



/**/

@media (min-width: 768px){
	a[href^="tel:"] {pointer-events: none;}
	
	.slide-menu{width: 350px;}
	.menu .banner{width: 300px}
	
	main{width: 680px;
		margin: 0 auto;}
	
	.room_main{width: 100vw;}
	.room_article_odd{width: 680px;
		margin: 0 auto;}
	.room_article_even .slideBox{width: 680px;
		margin: 0 auto;}
	.room_article_even .slideBox img{width: 100%;
		margin: 0 auto;}
	.room_textbox{width: 650px;
		margin: 0 auto;}
	
	.meal_main{width: 100vw;}
	.meal_odd{width: 680px;
		margin: 0 auto;}
	.meal_even .splide_box{width: 680px;
		margin: 0 auto;}
	.meal_even .meal_textbox{width: 680px;
		margin: 0 auto;}
	.meal_even .blog{width: 600px;
		margin: 0 auto;}
	
	.healthcare_main{width: 100vw;}
	.healthcare_main .article_odd{width: 680px;
		margin: 0 auto;}
	.healthcare_main .article_even .even_box{width: 680px;
		margin: 0 auto;}
	
	.secondhouse_main{width: 100vw;}
	.secondhouse_main .article_odd{width: 680px;
		margin: 0 auto;}
	.secondhouse_main .article_even .even_box{width: 680px;
		margin: 0 auto;}
	
	.faq_contact{width: 500px;
		margin: 0em auto 3em auto;}
	
	.privacy_main{width: 100vw;}
	.privacy_contact{width: 600px;
		margin: 0em auto 3em auto;}
	
	.main_inner{width: 680px;
		margin: 0 auto;}
	
}