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


/*共有*/
.pc{display:block;}
.sp{display:none;}
.page_wrap{overflow: hidden;}


/*ヘッダー*/
header{
	background:#39b54a;
	margin-bottom:80px;
	overflow: hidden;
	height: 35vw;
	max-height: 500px;
	position:relative;
	}
header .title_wrap{
	float:right;
	width:44%;
	padding:7vw 3% 0;
	}
header .title_wrap h1{max-width:540px;}
header .title_wrap address{font-size:2.8vw;color:#FFF;margin-bottom:0.2em;}
header .title_wrap .tel{font-size:2.8vw;color:#FFF;padding:0.4em 0 0 0.2em;}
header .main_img{
	float:left;
	width:50%;
	position: absolute;
	bottom: 0;
	}

/*バナー*/
.bnr_instagram{
	display:block;
	max-width:160px;
	position:absolute;
	top:20px;
	right:20px;
	}

/*タイトル*/
.sub_title{border-top:1px #39b54a solid;border-bottom:1px #39b54a solid;padding:5px 0;margin-bottom:1.5em;}
.sub_title h2{
	background:#39b54a;
	color:#FFF;
	padding:0.3em 0.5em 0.4em;
	line-height:1em;
	font-size:32px;
	font-weight:700;
	}

/*セクション*/
.section_wrap{padding:0 0.5em;}

/*写真右*/
.photo_right{margin-bottom:8%;}
.photo_right .text_area{float:left;width:60%;text-align:justify;}
.photo_right .float_photo{float:right;width:38%;max-width:420px;}

/*写真右*/
.photo_left{margin-bottom:8%;}
.photo_left .text_area{float:right;width:60%;text-align:justify;}
.photo_left .float_photo{float:left;width:38%;max-width:420px;}


/*流れ*/
.border_wrap{border:3px #8cc63f solid;}
.border_wrap .gr_wrap{background:#8cc63f;text-align:center;color:#FFF;padding:1em;line-height:1.4em;}
.border_wrap .gr_wrap span{font-size:0.8em;display:block;}
.border_wrap p{padding:1em;line-height:1.8em;font-size:0.8em;}

.two_wrap{display: flex;justify-content: space-between;align-items: stretch;}
.two_wrap .left{width:48%;border:3px #8cc63f solid;}
.two_wrap .right{width:48%;border:3px #8cc63f solid;}
.two_wrap .gr_wrap{background:#8cc63f;text-align:center;color:#FFF;padding:1em;line-height:1.4em;}
.two_wrap p{padding:1em;line-height:1.8em;font-size:0.8em;}


.arrow{width:60px;margin:1.5em auto;display:block;}

.flow_btm{margin-top:1em;}
.indent{padding-left:1em;text-indent:-1em;}

/*基本情報*/
.about_wrap{margin:8% 0;}
.table_wrap dl{display:table;width:100%;border-bottom:2px #FFF solid;}
.table_wrap dt{
	display:table-cell;
	background:#8cc63f;
	color:#FFF;
	width:8em;
	padding:0.5em;
	border-right:2px #FFF solid;
	}
.table_wrap dd{display:table-cell;background:#eee;padding:0.5em;text-align:justify;}


/* Google Mapを囲う要素 */
.gmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*フッター*/
.ftr_logo{text-align:center;padding:4em 0;font-size:0.8em;}
.ftr_logo img{max-width:260px;width: 60%;margin:0 auto;}
.copyright{
	background:#39b54a;
	text-align:center;
	color:#FFF;
	font-size:0.8em;
	padding:0.5em 1em;
	line-height:1.2em;
	}


@media screen and (min-width:1400px) {
/*ヘッダー*/
header .title_wrap address{font-size:36px;}
header .title_wrap .tel{font-size:36px;}
}


@media screen and (max-width:760px) {
/*共通*/
.pc{display:none;}
.sp{display:block;}

/*ヘッダー*/
header{
	background:#fff;
	overflow:auto;
	height:auto;
	max-height:none;
	position:static;
	}
header .title_wrap{
	float:none;
	width:90%;
	padding:15% 5% 5%;
	}
header .title_wrap h1{max-width:540px;}
header .title_wrap address{font-size:6vw;color:#333;text-align:center}
header .title_wrap .tel{font-size:7vw;color:#333;display:block;margin:0 auto;padding:0.4em 0;width:10em;text-align:center}
header .main_img{float:none;width:100%;position:static;}

/*バナー*/
.bnr_instagram{
	display:block;
	max-width:150px;
	position:absolute;
	top:10px;
	right:10px;
	}

/*タイトル*/
.sub_title h2{
	font-size:24px;
	}
	
/*写真右*/
.photo_right .text_area{float:none;width:100%;}
.photo_right .float_photo{float:none;width:100%;max-width:none;margin-top:1.5em;}

/*写真左*/
.photo_left .text_area{float:none;width:100%;}
.photo_left .float_photo{float:none;width:100%;max-width:none;margin-top:1.5em;}

/*流れ*/
.arrow{width:40px;margin:0.8em auto;display:block;}

/*基本情報*/
.table_wrap dl{display:block;width:auto;margin:0 0.5em;}
.table_wrap dt{display:block;width:auto;border-right:none;}
.table_wrap dd{display:block;width:auto;background:#FFF;}



}