@charset "UTF-8";
/* ==========================================================================
Googlefont
			font-family: "Roboto", sans-serif;
			font-family: "Noto Sans JP", sans-serif;
			
.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
========================================================================== */



/*===============================================
 レスポンシブ スマホサイズ　横幅 414px以下
===============================================*/
@media screen and (max-width: 414px) {}
/*===============================================
 レスポンシブ	タブレットサイズ　横幅 570px以下
===============================================*/
@media screen and (max-width: 570px) {}
/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {}
/*===============================================
 レスポンシブ タブレットサイズ 横幅 992px以下
===============================================*/
@media screen and (min-width: 769px) and (max-width: 992px) {}
/*===============================================
 レスポンシブ PCサイズ 横幅 1,200px以下 以上
===============================================*/
@media screen and (min-width: 993px), print {}


article#home {
	margin-top: 0px;
}
#spSlider {
	display:none;
}
#home #main_area {
	position:relative;
	overflow: hidden;
	width: 100%;
	min-width: 960px;
	padding: 0px;
	margin: 0 auto;
}
#main_area .sliderUnit {
position: relative;
z-index: 0!important;
}
#main_visual {
	overflow: hidden;
	position: relative;
}
#main_visual:after {
	content: "";
	display: block;
	position: absolute;
	top: 0rem;
	left: 50%;
	transform: translate(-50%,0%);
	width: 100%;
	height: calc( 100% );
	background: rgba(0,0,0,0.25);
}
.swiper-slide-active img,
.swiper-slide-duplicate-active img,
.swiper-slide-prev img {
width: 100vw;
animation: zoomUp 10s linear 0s 1 normal both;
}
@keyframes zoomUp {
  0%    { transform: scale(1); }
  100%  { transform: scale(1.1); }
}
.swiper-slide img {
	width: 100vw;
	height: auto;
}

#main_area .sliderUnit .parts img {
	width: 100%;
	height: auto;
}
#main_area .sliderUnit .main_left {
	position: absolute;
	bottom: 0vw;
	left: 0vw;
	width: 30vw;
	height: 13.3333vw;
	z-index: 1;
}
#main_area .sliderUnit .main_right {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30vw;
	height: 13.3333vw;
	z-index: 1;
}
#main_area .sliderUnit .main_logo {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10vw;
	height: 22.5vw;
	z-index: 1;
	transform: translate(-50%,-50%);
}

#home #main_area #main_visual.slider {
	width: 100%;
	height: auto;
	margin: 0px auto;
}

#home .swiper-pagination {
 position: absolute;
 z-index: 2;
	top: auto;
	left: 0;
 bottom: 1vw;
 _height: -webkit-max-content;
 _height: -moz-max-content;
 _height: max-content;
 margin: auto;
}
#home .swiper-pagination-bullet {
 display: inline-block;
 width: 3rem;
 height: .2rem;
 cursor: pointer;
 transition: .8s cubic-bezier(.2, 1, .2, 1);
 background-color: rgba(255, 255, 255, 1.0);
	border-radius: 0;
	opacity: 1;
}
#home .swiper-pagination-bullet:not(:first-child) {
 margin-top: 0.8rem;
}
#home .swiper-pagination-bullet-active {
 background-color: rgba(218,187,98,1.00);
}

/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
	#home #main_area {
		overflow: hidden;
		padding: 0px;
		width: 100%;
		min-width: 320px;
		height: auto;
	}
	#home #main_area .slick-slide {
		padding: 0px;
	}
	#home #main_area .slick-slide img {
		margin: 0px;
		padding: 0px;
	}
	#home #main_area .slick-prev,
	#home #main_area .slick-next {
		display: none!important;
	}
.swiper-slide img {
 aspect-ratio: 1 / .65;
 object-fit: cover;
}

#home .swiper-pagination {
	left: 96vw;
 bottom: 2vw;
}
#home .swiper-pagination-bullet {
 width: .2rem;
 height: 2rem;
}


#main_area .sliderUnit .main_left {}
#main_area .sliderUnit .main_right {}
#main_area .sliderUnit .main_logo {
	left: 50%;
	top: 50%;
	width: 15vw;
	height: 22.5vw;
	height: 33.75vw;
	z-index: 1;
	transform: translate(-50%,-50%);
}

}

#about_area {
	background: url("../img/home/bg_matsu1.png") no-repeat left 12.5%, url("../img/home/bg_matsu2.png") no-repeat right 87.5%;
	background-size: 18rem 18rem, 30rem 15rem;
}
#about_area .wrap {
	width: 100%;
	max-width: 1080px;
	margin: 0rem auto;
	padding: 7rem 0rem 16rem 0rem;
	font-family: ah-hakushu-rs, sans-serif;
}
#about_area .wrap h2 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 2.4rem;
}
#about_area .wrap h2 img {
	display: block;
	margin-bottom: 1.5rem;
}
#about_area .wrap h3 {
	font-size: 2.4rem;
	font-weight: 100;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 1em;
}
#about_area .wrap p {
	font-size: 1.8rem;
	letter-spacing: 0.3em;
	line-height: 1.8em;
	text-align: center;
}



/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#about_area {
	background: url("../img/home/bg_matsu1.png") no-repeat left 1%, url("../img/home/bg_matsu2.png") no-repeat right 96%;
	background-size: 36vw 36vw, 50vw 25vw;
}
#about_area .wrap {
	padding: 15% 0rem 34% 0rem;
	font-family: ah-hakushu-rs, sans-serif;
}
#about_area .wrap h2 {
	margin-bottom: 2.4rem;
}
#about_area .wrap h2 img {
	display: block;
	margin-bottom: 0.5rem;
}
#about_area .wrap h2 img:nth-child(1) {
	width: 18vw;
	height: auto;
	max-width: 11rem;
}
#about_area .wrap h2 img:nth-child(2) {
	width: 27.5vw;
	height: auto;
	max-width: 16rem;
}

#about_area .wrap h3 {
	font-size: 2.1rem;
	letter-spacing: 0.1em;
	margin: 0 5vw 2.5vw;
}
#about_area .wrap p {
	font-size: 1.2rem;
	letter-spacing: 0em;
	line-height: 1.8em;
	text-align: center;
	margin: 0 5vw;
}
}

#contents_area {
	position: relative;
	background: url("../img/common/bg_g.jpg") center;
	background-size: 30rem 42rem;
}
#contents_area span.crest3 {
	position: absolute;
	display: block;
	top: -3.5rem;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 1;
}
#contents_area span.cloud1 {
	position: absolute;
	display: block;
	top: -1.8rem;
	left: 0;
	z-index: 1;
}

#contents_area .wrap {
	width: 100%;
	max-width: 1080px;
	margin: 0rem auto;
	padding: 14rem 0rem 13rem 0rem;
}
#contents_area .wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#contents_area .wrap ul li {
	margin: 0.5rem;
}
#contents_area .wrap ul li a {
	display: block;
	position: relative;
}
#contents_area .wrap ul li a:before {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: rgba(0,0,0,0.25);
}
#contents_area .wrap ul li a:hover:before {
	background: rgba(0,0,0,0.00);
}
#contents_area .wrap ul li a em {
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 2.7rem;
	font-weight: 900;
	line-height: 1em;
	text-align: center;
	color: #ffffff;
	text-shadow: 0 0 .5rem rgba(0,0,0,1.00);
}
#contents_area .wrap ul li a figure {}
#contents_area .wrap ul li a figure img {}

/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#contents_area span.crest3 {
	width: 16vw;
	max-width: 7rem;
	top: -8vw;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 1;
}
#contents_area span.cloud1 {
	width: 36vw;
	max-width: 22rem;
	top: -3vw;
	left: 0;
	z-index: 1;
}
#contents_area span.crest3 img, #contents_area span.cloud1 img {
	width: 100%;
	height: auto;
}
#contents_area .wrap {
	width: 100%;
	max-width: 1080px;
	margin: 0rem auto;
	padding: 12vw 0rem 13vw 0rem;
}
#contents_area .wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 80vw;
	margin: 0 auto;
}
#contents_area .wrap ul li {
	margin: .5vw;
	width: 100%;
	max-width: 27rem;
}
#contents_area .wrap ul li a {
	display: block;
	position: relative;
	width: 100%;
}
#contents_area .wrap ul li a em {
	font-size: 2.4rem;
}
#contents_area .wrap ul li a figure {
	width: 100%;
}
#contents_area .wrap ul li a figure img {
	width: 100%;
	height: auto;
}
}

/*-- お知らせ News --*/
#home section#news_area {}
#news_area {
	position: relative;
	background: url("../img/home/bg_matsu3.png") no-repeat left top, url("../img/home/bg_matsu2.png") no-repeat right 87.5%;
	background-size: 20rem 14rem, 30rem 15rem;
}
#news_area span.cloud2 {
	position: absolute;
	display: block;
	top: -6.5rem;
	right: 0;
	z-index: 1;
}

#home section#news_area .wrap {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 8rem 0;
}
#home section#news_area h2 {
	text-align: center;
	margin: 0 auto 5rem;
}
#home section#news_area h2 em {
	display: block;
	font-size: 1.2rem;
	line-height: 1em;
}
#home section#news_area h2 span {
	display: block;
	font-size: 3.2rem;
	font-weight: 900;
	line-height: 1em;
}

#home section#news_area ul {
	overflow-y: auto;
	max-height: 22rem;
	width: 72rem;
	margin: 0 auto 8rem;
}
#home section#news_area ul li {
	margin: 0;
	border-bottom: 1px solid #CCC6B7;
}
#home section#news_area ul li a {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.6em;
	padding: 1.2em;
}
#home section#news_area ul li a:hover {
	background: rgba(0,0,0,0.05);
}
#home section#news_area ul li a em {
	display: inline-block;
	margin: 0 2rem 0 0;
	width: 6em;
	font-size: 1.2rem;
}
#home section#news_area ul li a p {
	display: inline-block;
	text-align: left;
	width: calc( 100% - 6em );
}

#home section#news_area .btn {
	position: relative;
	margin: 0 auto 0rem;
	text-align: center;
}
#home section#news_area .btn a {
	display: inline-block;
	background: #68CEB4;
	color: #fff;
	font-size:1.8rem;
	line-height: 1em;
	padding: 1.6rem 8rem;
	transform: scale(1);
}
#home section#news_area .btn a:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:12px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#home section#news_area .btn a:hover {
	transform: scale(1.02);
}

/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
/*-- お知らせ News --*/
#news_area {}
#home section#news_area {}
#news_area {
	background: url("../img/home/bg_matsu3.png") no-repeat left top, url("../img/home/bg_matsu2.png") no-repeat right 96%;
	background-size: 40vw 28vw, 50vw 25vw;
}
#news_area span.cloud2 {
	width: 36vw;
	max-width: 22rem;
	top: -3vw;
	right: 0;
	z-index: 1;
}
#news_area span.cloud2 img {
	width: 100%;
	height: auto;
}
#home section#news_area .wrap {
	margin: 0 auto;
	padding: 12vw 0 24vw 0;
}
#home section#news_area h2 {
	text-align: center;
	margin: 0 auto 10vw;
}
#home section#news_area h2 em {
	font-size: 1.2rem;
}
#home section#news_area h2 span {
	font-size: 2.7rem;
}
#home section#news_area ul {
	max-height: 25rem;
	width: 90%;
	margin: 0 auto 12vw;
}
#home section#news_area ul li {}
#home section#news_area ul li a {
	font-size: 1.2rem;
	padding: .5em;
}
#home section#news_area ul li a em {
	margin: 0 2rem 0 0;
	width: auto;
	font-size: 1.2rem;
}
#home section#news_area ul li a p {
	text-align: left;
	width: calc( 100% );
}
#home section#news_area .btn {}
#home section#news_area .btn a {
	font-size:1.6rem;
	padding: 1.0rem 4rem;
}
}

/*-- Googleマップ info --*/
#gmap_area {}
section#gmap_area {
	overflow: hidden;
	padding: 0px 0px;
	margin: 0px auto;
	width: 100%;
}
section#gmap_area iframe {
	width: 100%;
	height: 32rem;
}