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

* html body{
	height:100%;
}

/* IEの隙間を埋める */
img{vertical-align:bottom;}

*:first-child+html body{
	font-size:medium;
}
*{
	border:0px;
	margin:0px;
	padding:0px;
}
div{
	text-align:left;
}

/* メイン */
#main {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1rem;
    line-height: 1.3;
	text-decoration: none;
	text-align: center;
	width: 100%;
	background-color: #fff;
    max-width: 1920px;
}

.c-s {
    width: 80%;
    height: auto;
    margin: 0 auto;
}
/* メイン end */

/* float 汎用 */
.clearfix { display: inline-block; } 
.clearfix:after { 
     clear: both; 
     content: " "; 
     display: block; 
     font-size: 0; 
     height: 0; 
     visibility: hidden; 
} 
/* start commented backslash hack \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* close commented backslash hack */
/* float 汎用 end */


/* width 汎用 */
	.wid150{width:150px;}
	.wid165{width:165px;}
	.wid199{width:199px;}
	.wid400{width:400px;}
	.wid600{width:600px;}
	.wid701{width:701px;}
	.wid850{width:850px;}
	.wid880{width:880px;}
	.wid936{width:936px;}
	.wid900{width:900px;}
	.wid1100{width:1100px;}
/* width 汎用 end */

/* Margin-left 汎用*/
	.ml5 { margin-left:  5px; } 
/* Margin-left 汎用 end*/

/* Margin-right 汎用*/
	.mr30 { margin-right:  30px; } 
	.mr50 { margin-right:  50px; } 
	.mr70 { margin-right:  70px; } 
	.mr100 { margin-right:  100px; } 
/* Margin-right 汎用 end*/

/* Margin-top 汎用*/
	.mt5 { margin-top:  5px; } 
	.mt10 { margin-top:  10px; } 
	.mt20 { margin-top:  20px; } 
	.mt30 { margin-top:  30px; } 
	.mt50 { margin-top:  50px; } 
	.mt100 { margin-top:  100px; }
/* Margin-top 汎用 end*/

/* Margin-bottom 汎用*/
	.mb5 { margin-bottom:  5px; } 
	.mb10 { margin-bottom:  10px; } 
	.mb20 { margin-bottom:  20px; } 
	.mb30 { margin-bottom:  30px; } 
	.mb50 { margin-bottom:  50px; }
    .mb70 { margin-bottom:  70px; }
	.mb100 { margin-bottom:  100px; } 
/* Margin-top 汎用 end*/

/* Margin auto汎用*/	
	.ml_auto {margin-left: auto;}
	.mr_auto {margin-right: auto;}
/* Margin auto 汎用 end*/

/* Float */
	.fl { float: left; }        .fr { float: right; }       .clear { clear:both; }

/* vertical-align */	
	.vat {vertical-align: top;}
/* vertical-align end */

/* 配置 end */

/* バナー透過 */
.opa img:hover {
	opacity: 0.7 ;
}
/* バナー透過 end */

/* メイン */
#main {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1rem;
    line-height: 1.3;
	text-decoration: none;
	text-align: center;
	width: 100%;
	background-color: #fff;
    max-width: 1920px;
}
/* メイン end */

/* トップページ */
/*.top_main {
    width: 100%;
    height: auto;
    max-width: 1300px;
    margin: 0 auto 5% auto;
	text-align: center;
}*/
.top_midashi {
    width: 80%;
    height: auto;
    max-width: 500px;
    margin: 0 auto;
}

.banner {
    display:flex;
    justify-content: space-between;
    width: 90%;
    max-width: 800px;
    height: auto;
    margin: 0 auto;
}
.banner-item {
    width: 48%;
    height: auto;
    background-color: #ef859b;
    text-align: center;
    padding: 0.7rem 0;
    margin: 2rem 0;
    border-radius: 5px;
}
.banner-item a {display: block;}
.banner-item a:link { color: #fff; }
.banner-item a:visited { color: #fff; }
.banner-item a:hover { color: #000; }
.banner-item a:active { color: #000; }

/* トップページ end */

/* プラン  */

.plan_nav {
    width: 100%;
    height: auto;
    margin: 0 auto;
	text-align: center;
}



.plan_nav1 {
    width: 100%;
    margin: 0% auto;
}

.plan_nav1 img {
    width: 100%;
    margin: 0% auto;
}

.plan_nav2 {
    width: 100%;
    margin: 0% auto;
}

.plan_nav2 img {
    width: 100%;
    margin: 0% auto;
}

.plan_nav3 {
    width: 100%;
    margin: 0% auto;
}

.plan_nav3 img {
    width: 100%;
    margin: 0% auto;
}


/* プラン end */

/* アクセスページ  */
/* アクセスページ end */

/* 近隣施設ページ  */
/* 近隣施設ページ end */

/* 社名・フッター */


.footer {
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;

}
.footer ul {
  position: relative;
  left: 50%;
  float: left;
  list-style: none;
}
.footer ul li {
  position: relative;
  left: -50%;
  float: left;
}
/* 社名・フッター end */


.syamei {
	text-align: center;
	background-color: #fff;
	padding: 2.5% 0% 2.5% 0px;
    display: flex;
    border-top: 0.5px solid #aaa;
    border-bottom: 0.5px solid #aaa;
    margin: 2% 0% 0% 0%;
}

/* 背景色 */
/* 背景色 end */


/* 下からフェード  */

/* 画面外にいる状態01 */
.fadein {
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 1500ms;
	}

/* 画面内に入った状態01 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 画面外にいる状態02 */
.fadein02 {
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 600ms;
	}

/* 画面内に入った状態02 */
.fadein02.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 画面外にいる状態03 */
.fadein03 {
	opacity : 0;
	transform : translate(0, 150px);
	transition : all 800ms;
	}

/* 画面内に入った状態03 */
.fadein03.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 画面外にいる状態04 */
.fadein04 {
	opacity : 0;
	transform : translate(0, 200px);
	transition : all 1000ms;
	}

/* 画面内に入った状態04 */
.fadein04.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 下からフェード end */


/* 右からフェード  */
/* 画面外にいる状態_右 */
.fadein_r {
	opacity : 0;
	transform : translate(500px, 0);
	transition : all 1000ms;
}

.fadein_r1-2 {
	opacity : 0;
	transform : translate(500px, 0);
	transition : all 1000ms;
	}

.fadein_r2 {
	opacity : 0;
	transform : translate(500px, 250px);
	transition : all 1000ms;
}

.fadein_pnav {
	opacity : 0;
	transform : translate(500px, 0);
	transition : all 1000ms;
}


/* 画面内に入った状態04 */
.fadein_r.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

.fadein_r1-2.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}



.fadein_r2.scrollin {
	opacity : 1;
	transform : translate(25px, 200px);
	}

.fadein_pnav.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
}
/* 右からフェード end */


/* 左からフェード  */
/* 画面外にいる状態_右 */
.fadein_l {
	opacity : 0;
	transform : translate(-500px, 0);
	transition : all 1000ms;
	}

.fadein_l2 {
	opacity : 0;
	transform : translate(-500px, 0);
	transition : all 1000ms;
	}


/* 画面内に入った状態04 */
.fadein_l.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

.fadein_l2.scrollin {
	opacity : 1;
	transform : translate(-70px, 210px);
}


/* 左からフェード end */

.arrow_sita{
    display: block;
    width: 20px;
    height: 20px;
	margin: 0 auto 1rem auto;
    border-bottom: solid 2px #000;
    border-left: solid 2px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(-45deg);
}

/* その場でフェード1 */
.fadeIn_sonoba{
animation-name:fadeInAnime;
animation-duration:2s;
animation-fill-mode:forwards;
animation-delay: 0.8s;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/* その場でフェード1 end */

/* ズーム */
.zoom-1 img {
      width: 100%;
      height: auto;
      animation: animationZoom1 5s ease-in-out forwards;
    }



/* ズーム end */


/*ギャラリー*/
.slider6-wrap {
  width: 600px;
  margin: 0 auto;
  position: relative;
}
.slider-6 .slick-slide {
  height: 400px;
  overflow: hidden;
}
.slider-6 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumbs_dots {
  margin: 10px 0 0;
}
.thumbs_list li {
  display: inline-block;
  width: 150px;
  height: 80px;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity 0.3s;
}
.thumbs_list li.slick-active {
  opacity: 1;
}