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

.wrapper{
	height:1200px;
}
.notice{
	color:red;
}
body{
    width:960px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(b071.jpg);
}
nav ul{
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
	font-size:120%;
}
nav li{
	display:inline-block;
	border-right:1px solid;
	width:120px;
}
a{
	text-decoration:none;
}
a:link{
	color:#6a5acd;
}
a:hover{
	color:#00bfff;
}
.header-in{
	font-size:200%;
	font-family:"Comic Sans MS", cursive;
	color:#009e9f;
    background: linear-gradient(transparent 70%, #a7d6ff 70%);
}
ol li{
	display:inline;
	margin-right:5px;
}
.midashiobi{
	background-image:linear-gradient(to right,#87cefa,#e0ffff);
	padding-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	border-left:15px solid #003366;
	color:#000080;
}
.point-list li{
	margin-right:50px;
	padding-left:10px;
	display:inline-block;
}
.before{
	float:left;
	margin-bottom:10px;
}
.after{
	float:right;
}
section p{
	clear:both;
}
.before figcaption{
	font-size:120%;
	border-radius:15px;
	background-color:#666666;
	color:#ffffff;
	text-align:center;
}
.after figcaption{
	font-size:120%;
	border-radius:15px;
	background-color:#4169e1;
	color:#ffffff;
	text-align:center;
}
.arrow{
    margin-left:30px;
    margin-top:62px;
}

h2{
	font-size:120%;
	border-bottom:1px dashed #036;
	border-left:10px solid #036;
	padding-left:7px;
}
span{
	font-weight:bold;
}
.address input{
    width:400px;
}
textarea{
	width:400px;
	height:120px;
}
button{
	width:100px;
	margin-top:20px;
	margin-bottom:20px;
}
.pagetop_btn a{
	display:block;
	width:100px;
	background-color:#fff;
	border-radius:10px;
	position:fixed;
	right:20px;
	bottom:20px;
	color:#4169e1;
	text-align:center;
	text-decoration:none;
	line-height:50px;
}
.point-list1{
	display:flex;
    justify-content:space-around;
}
.point-list2{
	display:flex;
    justify-content:space-around;
}

footer{
	border-top:1px solid #003366;
	text-align:center;
	
}