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

p{
	font-size: 24px;
}

a{
	text-decoration: none;
}

#wrap{
	
	max-width: 1280px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

h1{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
header{
	max-width: 1080px;
		width:100%;
	margin-left: auto;
	margin-right: auto;
}
header h1{
	float: left;
	margin-right: 16.5%;
}

.h-tel{
	float: left;
	margin-left: 16.5%;
}
nav{
	max-width: 1080px;
		width:100%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

nav li{
	display: inline-block;
	font-size: 24px;
	width:15.7%;
	text-align: center;
	margin-right: 8.8%;

	
}
nav li a{
	color: #373737;
	
	text-decoration: none;
}

nav li a:hover{
	
	border-bottom: solid #FA9697 2px;
}

h2{
	border-bottom: #E57B7D solid 2px;
	clear: both;
}

#mainct{
	max-width: 1080px;
		width:100%;
	margin-left: auto;
	margin-right: auto;
}

#mainct p{
	text-align: center;
}
.box2{
	width:100%;
	max-width: 1080px;
}

.indeximg{
	width:37.1%;
	float: left;
}

.indeximg img{
	width: 100%;
	height: auto;
}
.text2 p{
	width: 32.5%;
	height: auto;
	float: left;
	text-align: right;
	
}

.imgslide img{
	width: 100%;
	height: auto;
}

.box{
	width:100%;
	max-width: 1080px;
	
}



.box p{
	width: 32.4%;
	height: auto;
	float: left;
}
.box p img{
		width: 100%;
	height: auto;
	
}

.check li{
	list-style-image: url(images/check.png);
	list-style-position: inside;
	font-size: 26px;
	margin-bottom: 15px;
	
}

footer{
	width: 100%;
	background-color: #ff7a7a;
}

footer ul{
	width:100%;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

footer li{
	float: left;
	font-size: 16pt;
	margin: 3.2%;
	
}

footer a{
	color: #FFFFFF;
	text-decoration: none;
}

footer a:hover{
	color: #FAD1D1;
}

.copy{
	clear: both;
	color: #FFFFFF;
	font-size: 15px;
	text-align: center;
}

.flow{
		width: 100%;
	max-width: 1080px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.title2{
	font-size: 24px;
	color: #FF7A7A;
}
.textbox{
	text-align: left;
	width: 48%;
	float: left;
	height: auto;
	margin: 2%;

}

.f-box {
	width: 100%;
	text-align: left;
	clear: both;
	margin: 0px 0px 60px;
	
	padding-bottom: 20px;
	
}

.fimg{
	width:40%;
	float: left;
}
	
.f-box img{
	float: left;
	margin-left: 5%;
	width: 100%;
	height: auto;
	
}

.arrow{
	text-align: center;
	width:100%;
	height: auto;
	clear: both;
	margin-top: 30.5%;
	
}

a:hover{
	opacity: 0.8;
}

#mainct{
	width:100%;
	max-width: 1080px;
}

#mainct th{
	text-align: left;
	width: 40%;
	background: #D56C6E;
	border: #FFFFFF 1px solid;
	color: #FFFFFF;
	padding:2%;
}

input submit{
	width:60%;
	background: #E95C5E;

}

.botan{
	clear: both;
	width:30%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #FFFFFF;
	color: #D56C6E;
	-webkit-border-top-left-radius: 40px;
	-webkit-border-top-right-radius: 40px;
	-webkit-border-bottom-right-radius: 40px;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-topright: 40px;
	-moz-border-radius-bottomright: 40px;
	-moz-border-radius-bottomleft: 40px;
}



@media screen and (max-width: 1020px){
	p{
		font-size:16px;
	}
	
	h1{
		text-align: center;
		
	}
	h2{
		font-size: 20px;
		text-align: center;
	}
	
	header h1{
		margin-right:8%;

	}
	.h-tel{
		text-align: center;
		margin-left:8%;
		float:none;
		margin: 0px;
	}
	
	header h1{
		text-align: center;
		float: none;
		margin: 0px;
	}
	.flow img{
		width: 100%;
		height:auto;
	}
	.check li{
		
		font-size: 16px;
	}
	
	.telimg img{
		width: 100%;
		height:auto;
	}
	.bt img{
		width: 100%;
		height:auto;
		
	}
	
		footer ul{
		padding:1px;
	}
	
	footer li{
		float: none;
		text-align: center;
		border: 1px solid #FFFFFF;
	}
	.f-box img{
		width:100%;
		float: none;
		margin-left: 0px;
	}
	.fimg{
		width: 100%;
		float: none;
			
	}
	.textbox{
		margin: 0px;
		width: 100%;
		float: none;
	}
	
	.indeximg{
		width:100%;
		height:auto;
	}
	.text2 p{
		width:100%;
		height:auto;
	}
	
	.arrow{
		margin-top: 0px;
		width:60%;
		height:auto;
		margin-left: auto;
		margin-right: auto;
	}
	.botan{
	clear: both;
	width:80%;
}