body{
	font​-size: 62.5%;
	position:relative;
}
header h1,
img{
	max-width:100%;
}

header{
}
header h1,
.head_tel{
	max-width:50%;
	float:left;
}
.head_tel{
	float:right;
}
.head_tel img{
	margin:20px 0 20px 90px;
	background:#f5f5f5;
	padding:3px;
}
header>.inner{
	overflow:hidden;
	height: 17.5vw;
	display: flex;
    align-items: center;
}
footer{
	background:#999;
	color:#fff;
	text-align:center;
	line-height:80px;
}
nav{
	background:#777;
}
nav li{
	border-bottom:0.5vw solid #fff;
}
nav li:last-child{
	border:0;
}
nav li,
nav li a{
	width: 35vw;
	text-align:center;
	height:15vw;
	line-height:15vw;
	color:#fff;
}
nav li a:hover{
	background:#555;
	color:#ddd;
}
.head_img{
	background:#666;
}
.inner,
.head_img p,
.main{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
.main{
	margin-bottom:80px;
}
.main{
	margin:0;
}
.contents{
	margin:0;
}
.contents{
	width:75%;
}
.side{
	width:25%;
	padding:15px;
}

table{
	width:80%;
	margin:20px 10%;
	border:1px solid #ccc;
	border-collapse:collapse;
}
th,
td{
	padding:5px 15px;
	border:1px solid #ccc;
}
th{
	background:#eee;
}
.subtext{
	padding:15px 30px;
	width:100%;
	background:#eee;
	margin-top:20px;
	color:#999;
	font-size:12px;
}
/*消すやつ*/
	.head_img p{
		height:350px;
	}
	nav{
		height:40px;
	}
/*消すやつ*/
h2{
	position: relative;
	color: #3f3f3f;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 3vw;
	padding: 4vw;
	border-bottom: 3px solid #2B3267;
}
h2:before{
	content: "";
	position: absolute;
	background: #8284A6;
	top: 0;
	left: 0.4em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
 
h2:after{
	content: "";
	position: absolute;
	background:#2B3267;
	top: 1.0em;
	left: 0;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
}
.totop{
	text-align:right;
	width:100%;
}
.totop::before{
	width: 12px;
	height: 2px;
	background: #7a0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.totop::after{
	left: 1px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #7a0;
	border-right: 2px solid #7a0;
}
.tel_bnr{
	margin:20px 0;
}
.tel_bnr img{
	width:100%;
}

.organization{
	font-size:1.1rem;
	padding:3vw;
	border:0.5vw solid #ccc;
	background:#e9e9e9;
}
.organization li{
	border-bottom:0.5vw solid #ccc;
	line-height:8vw;
	text-indent:1em;
}
.organization li:last-child{
	border:0;
}
.organization h3{
	color: #fff;
	padding: 0.5em;
	display: inline-block;
	line-height: 1.3;
	background: #272E67;
	vertical-align: middle;
	border-radius: 25px 25px 25px 25px;
	width:100%;
}
.organization h3:before {
	content: '●';
	color: white;
	margin-right: 8px;
}
.side>ul>li{
	margin:20px 0;
}
.side li img{
	width:100%;
}
.side li img:hover{
	opacity:0.7;
}
.side li p{
	font-size:1.0rem;
	padding:3vw;
}
.area{
	width:100%;
	overflow:hidden;
}
.area img{
	width:434px;
	margin:0 auto;
	display:block;
}
.area li{
	float:left;
	width:18%;
	margin:1%;
	padding:2px 0;
	background:#ccc;
	text-align:center;
}
input,
textarea{
	border:1px solid #ccc;
	border-radius:5px;
	width:100%;
	padding:3px;
	background:#d9dbff;
}
textarea{
	height:150px;
}
button{
	border:1px solid #ccc;
	border-radius:5px;
	padding:5px 10px;
	background:#666;
	color:#fff;
	width:20%;
	margin:0 40%;
}
button:hover{
	background:#333;
	color:#ddd;
}
.message{
	margin:50px 0;
	padding:50px;
	background:#eee;
}
.top{
	width:100%;
}
.top .harf{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
.top .item{
	padding:3vw;
	overflow:hidden;
	width:100%;
}
.top .item img{
	width:60%;
	height:auto;
	margin:3vw 20%;
}
.top .item h4{
	position: relative;
	background: #8284A6;
	color:#fff;
	box-shadow: 0px 0px 0px 2vw #8284A6;
	border: dashed 2px white;
	padding: 2vw;
	margin-bottom:15px;
}
.top .item h4:after{
	position: absolute;
	content: '';
	left: -2vw;
	top: -2vw;
	border-width: 0 0 4vw 4vw;
	border-style: solid;
	border-color: #fff #fff #2B3267;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.voice li{
	width:100%;
	padding:3vw;
}
.voice dt{
	width:100%;
	background: #dcddf3;
	padding:3vw;
	margin-bottom:3vw;
}
.voice dd{
	text-indent:1em;
	display: flex;
    flex-wrap: wrap;
}
.voice dd p{
	width:61vw;
}
.voice dd img{
	WIDTH:30VW;
	height:30vw;
	margin-left:3vw;
}
.pickup{
	overflow:hidden;
	margin-bottom:30px;
}
.pickup li{
	width:30%;
	margin:0 1.5%;
	float:left;
	
}
.pickup dt{
	position: relative;
	padding: 3vw 3vw 3vw 6vw;
}
.pickup dt:before{
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px #8284A6;
}
.pickup dt:after{
	position: absolute;
	content: '';
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom: solid 3px #8284A6;
}
.pickup dd{
	margin-left:10px;
}
.about dt{
	position:relative;
	margin:0 -1px;
	text-align:center;
	color:#333;
	background:#f0e800;
	-webkit-transform: rotate(3deg) skew(3deg);
	-moz-transform: rotate(3deg) skew(3deg);
	-o-transform: rotate(3deg) skew(3deg);
	-ms-transform: rotate(3deg) skew(3deg);
	transform: rotate(3deg) skew(3deg);
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),0px 0 0 0 #f0e800,0px 0 0 0 #f0e800;
}
.about dd{
	margin-bottom:15px;
}
.about dd ul{
	list-style-type:square;
	margin-left:15px;
	padding:10px;
}
.menu_button{
	display:none;
}
.example li dt{
	borader-bottom:solid 2px #333;
}

.head_img p{
	height:auto;
}
.head_tel{
	display:none;
}
header h1,
header h1 a,
header h1 img,
.inner,
.head_img,
.head_img p,
.main,
.contents,
.side,
.pickup li{
	display:block;
	width:100%;
	margin-left:0;
	margin-right:0;
}
.pickup li{
	margin:15px 0;
}


.pickup img{
	margin:15px 25%;
	width:50%;
}
.pickup p,
.side p{
	background:#efefef;
	padding:6vw;
}
.pickup dd{
	margin:0;
}
.side>ul>li{
	margin-top:0;
}
.side h3 img{
	width:70%;
	margin:0 15%;
}
.menu_button{
	display:block;
}
div.menu_button{
	position:fixed;
	right:5px;
	top:5px;
	width:15vw;
	height:15vw;
	line-height:14.5vw;
	text-align:center;
	background:#2B3267;
	color:#fff;
	border-radius:5px;
	z-index:998;
}
.nav{
	position:fixed;
	display:none;
	height:100%;
	right:0;
	top:0;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
}
.nav.open{
	display:block;
	z-index:999;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
}
.hide{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	opacity:0.5;
	background:#000;
	top:0;
	z-index:997;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
}
.price td{
	white-space: nowrap;
}
.example ul{
	padding:3vw;
}
.example li{
	border:1.5vw solid #ddd;
	margin-bottom:3vw;
	padding:3vw;
}
.example li dt{
	borader-bottom:solid 2px #333;
}