@charset "utf-8";


/*=============================================
	
	メインビジュアル
	
==============================================*/
#mv_wrap {
	position: relative;
	padding: 0 0 3em;
}
#mv_wrap .container {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}
#mv_wrap .img {
	margin-bottom: 3em;
}
#mv_wrap .en_title {
	width: 90%;
	margin: 0 auto 0.5em;
	text-align: center;
	font-size: 3em;
}
#mv_wrap .title {
	width: 90%;
	margin: 0 auto 1em;
	text-align: center;
	font-size: 1em;
}
#mv_wrap .lead {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.1em;
}
#mv_wrap .lead p {
	
}
#mv_wrap .lead p span {
	background: linear-gradient(transparent 50%, #96cb37 50%);
	padding: 2px;
}
@media print, screen and (max-width: 768px) {

}
@media print, screen and (min-width: 769px) {
	#mv_wrap {
		padding: 50px 0;
	}
	#mv_wrap .container {
		width: 90%;
		min-width: 960px;
	}
	#mv_wrap .img {
		margin-bottom: 50px;
		width: 80%;
		margin-left: auto;
		padding-top: 40px;
	}
	#mv_wrap .en_title {
		width: auto;
		margin: 0;
		text-align: left;
		font-size: 80px;
		writing-mode: vertical-rl;
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -31%;

	}
	#mv_wrap .title {
		width: auto;
		margin: 0;
		text-align: left;
		font-size: 16px;
		writing-mode: vertical-rl;
		position: absolute;
		left: 50%;
		top: 10px;
		margin-left: -37%;
	}
	#mv_wrap .lead {
		font-size: 22px;
	}
	#mv_wrap .lead p {
		
	}
	#mv_wrap .lead p span {
		background: linear-gradient(transparent 60%, #96cb37 60%);
		padding: 2px;
	}
}


/*=============================================
	
	アクセス情報
	
==============================================*/
.transport_wrap {
	background-color: #F7F7F7;
	padding: 3em 0;
}
.transport_wrap .container {

}
.transport_wrap .box {
	background-color: #FFF;
	padding: 20px 30px;
}
.transport_wrap .box .info {
	padding: 1em 0;
}
.transport_wrap .box .info .title {
	color: #96cb37;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
.transport_wrap .box .info .body {
	font-size: 1em;
	line-height: 1.8;
}
.transport_wrap .box .info .body span {
	font-size: 0.9em;
	color: #999;
}
@media print, screen and (max-width: 768px) {

}
@media print, screen and (min-width: 769px) {

	.transport_wrap {
		padding: 70px 0;
	}
	.transport_wrap .container {
		width: 900px;
		min-width: 900px;
	}
	.transport_wrap .box {
		padding: 20px 30px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.transport_wrap .box .info {
		padding: 25px 2%;
		width: 46%;
	}
	.transport_wrap .box .info .title {
		font-size: 15px;
		margin-bottom: 7px;
	}
	.transport_wrap .box .info .body {
		font-size: 13px;
	}
	.transport_wrap .box .info .body span {
		font-size: 12px;
	}

}

/*=============================================
	
	Google Map
	
==============================================*/
.googlemap {
	margin: 0;
	padding: 0;
}
.googlemap .map {
	width: 100%;
}
.googlemap .map iframe {
    width: 100%;
    height: 50vh;
}
.googlemap .btn_wrap {
	padding: 2.5em 0;
}
@media print, screen and (max-width: 768px) {

}
@media print, screen and (min-width: 769px) {
	.googlemap {
		margin: 0;
		padding: 0;
	}
	.googlemap .map {
		width: 100%;
	}
	.googlemap .map iframe {
	    width: 100%;
	    height: 80vh;
	}
	.googlemap .btn_wrap {
		padding: 50px 0;
	}
}

/*=============================================
	
	徒歩案内
	
==============================================*/
.walk_wrap {
	background-color: #DFE5E1;
	padding: 3em 0;
}
.walk_wrap .text_wrap {
	background-color: #FFF;
	padding: 30px 20px 50px;
}
.walk_wrap .text_wrap .title {
	font-size: 1.4em;
	color: #7EA38B;
	margin-bottom: 1em;
}
.walk_wrap .text_wrap .body {
	font-size: 0.9em;
}
.walk_wrap .pic01 {
	width: 80%;
	margin: -2em 0 0 3%;
}
.walk_wrap .pic02 {
	width: 70%;
	margin: -1em 5% 0 auto;
}
@media print, screen and (max-width: 768px) {

}
@media print, screen and (min-width: 769px) {
	.walk_wrap {
		padding: 70px 0 30px;
	}
	.walk_wrap .container {
		min-height: 500px;
	}
	.walk_wrap .text_wrap {
		padding: 70px 70px 100px;
		width: 480px;
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -90px;
	}
	.walk_wrap .text_wrap .title {
		font-size: 24px;
		margin-bottom: 30px;
	}
	.walk_wrap .text_wrap .body {
		font-size: 14px;
	}
	.walk_wrap .pic01 {
		width: 420px;
		margin: 0;
		position: absolute;
		left: 50%;
		top: 50px;
		margin-left: -480px;
		z-index: 10;
	}
	.walk_wrap .pic02 {
        width: 290px;
        margin: 0;
        position: absolute;
        left: 50%;
        top: 240px;
        margin-left: -90px;
        z-index: 10;
	}
}

/*=============================================

	アコーディオン 基本レイアウト

==============================================*/

/* 蠢��� */
.accordion-content {
  display: none;
}

/* 陬�｣ｾ逕ｨ */

.accordion-header {
  padding: 12px 45px 10px 20px;
  margin: 0 0 0;
  transition: background .3s ease;
  cursor: pointer;
  position: relative;
}

.accordion-header::before,
.accordion-header::after{
  position:absolute;
  content:'';
  top:1px;
  right:0;
  bottom:0;
  width:12px;
  height:1px;
  margin:auto;
  background:#96cb37;
}
.accordion-header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.accordion-header.active::after{transform:rotate(0deg);}

.accordion-content {
  padding: 12px 20px 10px;
}

/* hover */
.accordion-header:hover {
}



/*=============================================
	
	FAQ スタイル
	
==============================================*/
.faq_wrap {
	background-color: #fafcf4;
	padding: 3em 0;
}
.faq_wrap .en_title {
    font-size: 5em;
    line-height: 1;
    width: 90%;
    margin: 0 auto 0.1em;
    text-align: center;
}
.faq_wrap .title {
    font-size: 1.1em;
    line-height: 1;
    width: 90%;
    margin: 0 auto 2em;
    text-align: center;
}
.faq_wrap .box {
	background-color: #FFF;
	padding: 10px 15px;
	margin-bottom: 0.5em;
	position: relative;
}
.faq_wrap .box::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 1em solid transparent;
    border-left: 1em solid #96cb37; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.faq_wrap .box .q_wrap {
	color: #96cb37;
	padding-left: 9%;
	position: relative;
	background: url(/img/access/icon_faq.svg) no-repeat left center;
	background-size: 20px 20px;
}
.faq_wrap .box .a_wrap {
	font-size: 0.9em;
	line-height: 2;
	padding-left: 9%;
}
@media print, screen and (max-width: 768px) {

}
@media print, screen and (min-width: 769px) {
	.faq_wrap {
		padding: 90px 0;
	}
	.faq_wrap .container {
		width: 880px;
	}
	.faq_wrap .en_title {
		font-size: 120px;
        margin: 0px auto 10px;
	}
	.faq_wrap .title {
		font-size: 16px;
        margin: 0px auto 50px;
	}
	.faq_wrap .box {
		padding: 30px 50px;
		margin-bottom: 10px;
	}
	.faq_wrap .box::before {
	    border-bottom: 20px solid transparent;
	    border-left: 20px solid #96cb37; /* ラベルの色はここで変更 */
	}
	.faq_wrap .box .q_wrap {
		padding-left: 40px;
		background-size: 30px 30px;
		font-size: 18px;
		line-height: 1.8;
	}
	.faq_wrap .box .a_wrap {
		font-size: 15px;
		padding-left: 40px;
	}
}


/*=============================================
	
	ギャラリー写真
	
==============================================*/
.bottom_gallery {
	position: relative;
	background-color: #fafcf4;
	padding: 3em 0;
}
.bottom_gallery .container {
}

.bottom_gallery .pic_c {
	width: 80%;
	margin-bottom: 1em;
}
.bottom_gallery .pic01 {
}
.bottom_gallery .pic02 {
	margin-left: auto;
}
.bottom_gallery .pic03 {
	margin-right: auto;	
}
.bottom_gallery .pic04 {
	margin-left: auto;
}
.bottom_gallery .pic05 {
	margin-right: auto;	
}
.bottom_gallery .pic06 {
	margin-left: auto;
	margin-bottom: 2em;
}
.bottom_gallery .text_c {
	font-size: 1.2em;
	line-height: 1.6;
	text-align: center;
}
@media print, screen and (max-width: 768px) {

}
@media print, screen and (min-width: 769px) {
	.bottom_gallery {
		padding: 30px 0 70px;
	}
	.bottom_gallery .container {
		min-height: 920px;
	}
	
	.bottom_gallery .pic_c {
		margin-bottom: 0;
		position: absolute;
		left: 50%;
		margin-left: -480px;
		top: 50px;
		width: 480px;
		margin-right: 0;
	}
	.bottom_gallery .pic01 {
        margin-left: -480px;
        top: 0;
        width: 480px;
	}
	.bottom_gallery .pic02 {
        margin-left: 20px;
        top: 0;
        width: 214px;
	}
	.bottom_gallery .pic03 {
        margin-left: 255px;
        top: 0;
        width: 300px;
	}
	.bottom_gallery .pic04 {
        margin-left: 255px;
        top: 220px;
        width: 300px;
   	}
	.bottom_gallery .pic05 {
        margin-left: 255px;
        top: 440px;
        width: 300px;
	}
	.bottom_gallery .pic06 {
        margin-left: -446px;
        top: 340px;
        width: 680px;
	}
	.bottom_gallery .text_c {
		font-size: 20px;
		margin-bottom: 0;
		position: absolute;
		left: 50%;
		top: 860px;
		transform: translateX(-50%);
		width: 100%;
		text-align: center;
	}

}