@charset "UTF-8";

#main-visual{
	position:relative;
}
#main-visual img{
	width:100%;
	height:auto;
	display:block;
	margin-right:0;
}

#contents h2{
	margin-top:8%;
	margin-bottom:3%;
}

#outline h2{
	margin-top:8%;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝B" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:48px;
	font-weight:normal;
	text-align:center;
	line-height:1;

}
#outline h2 span,#tel h2{
	font-size:14px;
	display:block;
	width:auto;
	padding:0 12px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝B" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight:normal;	
}

#outline p a{
	display:inline-block;
	position:relative;
	padding:0 0.4%;
	font-weight:bold;
	margin:0 0.4%;
	color:#000;

}
#outline p a::after{
	width:100%;
	height:6px;
	background:#17b09c;
	position:absolute;
	left:0;
	bottom:3px;
	content:"";
	display:block;
	filter:alpha(opacity=60);
	opacity:0.6;
}
#form h2 span,#tel h2 span,#access h2 span{
	font-size:22px;
	display:inline-block;
	width:auto;
	padding:0 12px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝B" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight:normal;	
}

#form p span{
	color:#ec7474;
	font-weight:bold;
}
#form h2 span.line:after,#tel h2 span.line:after,#access h2 span.line:after{
	content: "";
    width: 108%;
    height: 13px;
    background: #f1f1f1;
    display: block;
    margin: auto;
    text-align: center;
    margin-left: -4%;
    margin-top: -14px;
}

table#researve-form{
	border-collapse:collapse;
	width:100%;
}
#researve-form th.title{
	width:30%;
	padding-bottom:3%;
	padding-top:3%;
	font-weight:normal;
	text-align:left;
}
#researve-form td.area{
	width:70%;
	padding-bottom:3%;
	padding-top:3%;
	text-align:left;
}
#name,#mail,#phone{
	width:100%;
	border:1px solid #dfdfdf;
	height:40px;
	line-height:40px;
	background:#fafafa;
}
.nichiji{
	border:1px solid #dfdfdf;
	height:40px;
	line-height:40px;
	background:#fafafa;
	margin-right:2%;
}
#time{
	border:1px solid #dfdfdf;
	height:40px;
	line-height:40px;
	background:#fafafa;
}
.area .warm{
	padding-top:2%;
	//color:#ec7474;
	line-height:1.5;
	font-size:13px;
}
#naiyou{
	border:1px solid #dfdfdf;
	height:40px;
	line-height:40px;
	background:#fafafa;
}
#detail{
	width:100%;
	border:1px solid #dfdfdf;
	height:180px;
	background:#fafafa;
}

th.title span{
	display:inline-block;
	background:#ec7474;
	color:#fff;
	margin-left:3%;
	padding:0 2%;
}
#confirm-btn,#change-btn{
	margin-top:2%;
	width:30%;
	display:block;
	background:#fff;
	border:1px solid #444;
	color:#444;
	height:45px;	
	line-height:45px;
	cursor:pointer;
	transition:all 0.3s ease;
}
#submit-btn{
	margin-top:2%;
	width:30%;
	display:block;
	background:#000;
	border:1px solid #444;
	color:#fff;
	height:45px;	
	line-height:45px;
	cursor:pointer;
	transition:all 0.3s ease;
}
.btn{
	padding-bottom:2%;
}
#confirm-btn:hover,#change-btn{
	background:#000;
	color:#fff;
}
#submit-btn{
	background:#fff;
	color:#444;
}
#tel dl{
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding:1% 0;
	overflow:hidden;
	margin-top:3%;
}
#tel dt{
	float:left;
	width:30%;
	border-right:1px solid #dfdfdf;
	height:100px;
	line-height:100px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝B" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:24px;
}
#tel dd{
	float:right;
	width:70%;
	height:100px;
}
#tel dd a{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝B" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:36px;
	display:block;
	background:#fafafa;
	border:1px solid #dfdfdf;
	margin-left:1%;
	height:100%;
}
#tel dd a span{
	display:block;
	font-size:12px;
}
/* /////////////////////////////////764px以下の時//////////////////////////////// */
@media screen and (max-width:764px){
	#outline h2{
		font-size:36px;
	}
	#form h2 span,#tel h2 span,#access h2 span{
		font-size:18px;
	}
	#researve-form th.title{
		width:100%;
		display:block;
		padding-bottom:0;
	}
	#researve-form td.area{
		width:100%;
		display:block;
	}
	#confirm-btn,#submit-btn{
		width:100%;
	}
	#tel dl{
		border:none;
	}
	#tel dt{
		float:none;
		width:100%;
		height:auto;
		line-height:1.5;
		border-right:none;
	}
	#tel dd{
		float:none;
		width:100%;
		height:auto;
		min-height:100px;
	}
	#tel dd a{
		margin-top:1%;
		margin-left:0;
	}
	#tel dd a span{
		display:block;
		font-size:12px;
	}
	#naiyou{
		min-width:100%;
	}
}

/* /////////////////////480px 以下のスタイル//////////////// */
@media screen and (max-width:480px){
	#form p,#tel p{
		text-align:left;
	}
}