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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
body {
	margin:0 auto;
	font-family: "ヒラギノ丸ゴ Pro W4",HiraMaruPro-W4,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,sans-serif;
	background-color:#4c6db8;
}
img,a img{
	border-style:none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
#wrapper #header h1{
	margin-left:50px;
	padding-top: 5px;
}
#wrapper{
	width:970px;
	margin:0 auto;
	background-color:#FFF;
}
#wrapper #header #tel {
	float:right;
	margin-top:20px;
	margin-bottom:30px;
	margin-right:50px;
}
#wrapper #header #tel .tel{
	margin-left:-15px;
}
#wrapper #header #tel #forkigyou{
	margin-top:5px;
	margin-bottom: -30px;
}
#wrapper #header #tel #blue{
	color:#234184;
	font-size:14px;
	font-weight:bold;
	margin-left: -3px;
}
#wrapper #header #logo{
	float:left;
	margin-top:20px;
	margin-left:50px;
}
#wrapper #main .bar,#wrapper #main #bar {
	margin-left:70px;
	margin-top:20px;
}
#wrapper #main .bar2{
	margin-left:65px;
	margin-top:20px;
}
#wrapper #main .box{
	width:810px;
	margin-left:80px;
	margin-top:-45px;
	margin-bottom:20px;
	border-left:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
}
#wrapper #main .box p{
	width:730px;
	margin-left:30px;
	padding-top:40px;
}
#wrapper #main .box .btn{
	margin-left:250px;
	margin-top:20px;
}
#wrapper #main .btn2{
	text-align:center;
	padding-bottom:50px;
}
#wrapper #main .box .photo{
	float:right;
	margin-right:100px;
	margin-top:50px;
}
#wrapper #main .box .photo2{
	float:right;
	margin-right:70px;
	margin-top:-200px;
}
#wrapper #main .box .flow {
	margin-left:100px;
	margin-bottom:-30px;
}
#wrapper #main .box .tx_end{
	margin-bottom:10px;
}
#main .box #edrm{
	margin-left:30px;
	margin-top:10px;
}
#main .box p .blue{
	color:#3871f2;
}
#main .box ul li{
	list-style-position:inside;
	margin-top:10px;
	margin-left:32px;
}
#main .box ul .tx_end{
	margin-bottom:10px;
}
#wrapper #main .box .red{
	color:#d53232;
}
#wrapper #main .box .red2{
	color:#d53232;
	font-weight:bold;
	font-size:160%;
}
#wrapper #main form .mail tr .mailform1{
	text-align:left;
	padding-left:30px;
	padding-bottom:10px;
	padding-top:13px;
}
#wrapper #main form .mail tr .mailform2{
	padding-top:5px;
}
#wrapper #main form #center{
	text-align:center;
	margin-bottom:10px;
}
#wrapper #footer #ad address{
	padding-left:160px;
}
#wrapper #footer #ad p{
	text-align:center;
	padding-top:10px;
}
#wrapper #footer #ad{
	margin-top:30px;
	padding-bottom:30px;
}
#wrapper #main .center{
	text-align:center;
}

#wrapper #navi{
	width:970px;
}
#wrapper #navi p{
	font-size:90%;
	text-align:center;
	position:relative;
	top:-40px;
	margin-bottom:-30px;
}
#wrapper #navi p a{
	text-decoration:none;
}
#wrapper #navi p a:hover{
	color:#db524f;
}
#wrapper #main .box .back{
	text-align:right;
}
.thanks{
	margin-left:10px;
}
#simekiri{
	position:relative;
	top:5px;
}

.h2sp{
	display:none;
	}

#navi ul{
	width:90%;
	margin:0 auto;
	}

#navi ul li{
	width:20%;
	box-sizing:border-box;
	list-style:none;
	float:left;
	text-align:center;
	border-right:1px solid #999;
	}

#navi ul li:last-child{
	border-right:none;
	}

#navi ul li a{
	margin:0 auto;
	font-size:1em;

	}	
	

/*##################781px以下##################*/
@media (max-width: 781px) {
body{
	width:100%;
	box-sizing:border-box;
	}


#wrapper, #wrapper #main .box, #header, #wrapper #navi,#wrapper #main .box p{
	width:100%;
	box-sizing:border-box;
	margin:0;
	margin-bottom:20px;
	padding: 5px;
    border: none;
	}

#wrapper #main .bar2, #wrapper #main .bar, #wrapper #main .bar2, #wrapper #main #bar{
	display:none;
	}
	
#wrapper #header h1, #wrapper #header #logo, #wrapper #header #tel{
	float:none;
	margin:0;
	}

#main .box #edrm,#wrapper #main .box .tx_end img{
	width:100%;
	height:auto;
	margin:10px auto;
	}

#wrapper #main .box .photo2{
	display:none;
	}
	
.h2sp{
	display:block;
	background:#3871f2;
	color:#FFF;
	padding: 5px;
	}

.title{
	width:100%;
	height:auto;
	margin-top: 30px;
	}

#wrapper #header #tel .tel{
	margin-left:0;
	}

#wrapper #main .box .red2{
	font-size:140%;
	}

#navi ul{
	width:80%;
	margin:0 auto;
	}

#navi ul li{
	width:100%;
	float:none;
	border:none;
	}

#navi ul li a{
	margin:0 auto;
	}	

#footer img{
	display:none;
	}

.btninq{
	width:80%;
	margin:0 auto;
	}

#wrapper #footer #ad{
	width:100%;
	margin:20px auto;
	}

#wrapper #footer #ad address{
	padding:0;
	margin:0 auto;
	text-align:center;
	}
	
	
	}