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

@media screen and (max-width: 700px) {

/*リセットCSSここから*/

*{ margin:0; padding:0;}

a{ text-decoration:none}

ul, ol{ list-style:none}

img{ vertical-align:middle}

/*リセットCSSここまで*/

img{ max-width:100%;}

html{
	line-height:1.5}

#navi{
	display:none;
	}

 #resnavi {
 display:none;/*モバイル時は非表示*/
}
 .slicknav_menu {
 display:block;/*モバイル時は表示*/
    position: fixed;
	top:0;
	width:100%;
	z-index:9999999;
 }



/*ハンバーガーメニューのエフェクト*/
.slicknav_icon,
.slicknav_icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.slicknav_icon {
    position: relative;
    width: 50px;
    height: 44px;
}
.slicknav_menu .slicknav_icon-bar{
    position: absolute;
    left: 0;
}
.slicknav_icon span:nth-of-type(1) {
    top: 0;
}
.slicknav_icon span:nth-of-type(2) {
    top: 3px;
}
.slicknav_icon span:nth-of-type(3) {
    bottom: 0;
}
.active .slicknav_icon-bar:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}
.active .slicknav_icon-bar:nth-of-type(2) {
    opacity: 0;
}
.active .slicknav_icon-bar:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}


header{
	width:100%;
	background:url(../index/ba_01.png) no-repeat;
	background-size:cover;
	height:30vh;
	padding: 0;
	}

#hbox{
	width:100%;
	margin:0 auto;
	background:url(../index/img_01.png) no-repeat center center;
	background-size:95%;
	height:35vh;
	position:relative;
	}

h1{
	float:left;
	margin-top:15px;
	width:80%
	}

#main_box{
	width:95%;
	margin:20px auto;
	}

h2{
	font-size:22px;
	font-weight:bolder;
	color:#3291ee;
	text-align:center;
	margin-bottom:20px;
	}

.honbun_01{
	font-size:13px;
	color:#333333;
	line-height:170%;
	}

#list_01{
	padding-top:20px;
	justify-content: space-around;
	width:95%;
	}

#list_01 li{
	width:48%;
	margin-bottom: 2%;
	}

#news{
	border:#3291ee 2px solid;
	width:100%;
	margin:35px 0;
	}

#news p{
	font-size:20px; 
	font-weight:bolder;
	color:#3291ee;
	padding:5px 0 0 0;
	margin-left:0;
	float:none;
	text-align:center;
	}

#list_02{
	border-left:none;
	margin:10px 0 10px 0;
	padding:0 0 1px 10px;
	}

#list_02 dt{
	float:none;
	font-size:14px;
	font-weight:bolder;
	color:#333;
	padding-top:5px;
	}

#list_02 dd{
	padding-left:0;
	font-size:12px;
	color:#333;
	padding-top:5px;
	margin-bottom:10px;
	text-decoration:underline;
	}

#toiawase{
	background:url(../index/ba_02.png) no-repeat;
	background-size:cover;
	height:auto;
	width:100%;
	}

#toiawase_box{
	width:95%;
	margin:0 auto;
	color:#FFFFFF;
	text-align:center;
	padding:10px 0;
	}

#toiawase_title{
	font-size:25px;
	border-bottom:#FFFFFF 3px solid;
	width:150px;
	margin:10px auto 10px auto;
	}

.toiawase_honbun{
	font-size:15px;
	margin-bottom:10px;
	letter-spacing:0.1em;
	}

#toiawase_box a img{
	width:70%;
	}

#map{
	position:static;
	top:auto;
	right:auto;
	width:100%;
	margin-bottom:40px;
	}


footer{
	width:95%;
	margin:20px auto 0 auto;
	padding-bottom:10px;
	position:relative;
	text-align:center;
	}

.meisyo{
	font-size:20px; 
	font-weight:bolder;
	color:#3291ee;
	}

.jyusyo{
	font-size:10px; 
	color:#3291ee;
	}

.tel_01{
	font-size:30px; 
	color:#3291ee;
	line-height:130%;
	}

.uketsuke span{
	border:#3291ee 1px solid;
	color:#3291ee;
	font-size:13px;
	padding:3px;
	margin-right:5px;
	}

.uketsuke{
	font-size:13px; 
	font-weight:bolder;
	color:#3291ee;
	}

.biko_01{
	font-size:12px; 
	color:#3291ee;
	line-height:200%;
	}

footer a{
	color:#333;
	font-size:13px;
	line-height:200%;
	}

.copyright{
	font-size:10px;
	color:#333;
	letter-spacing:0em;
	}
.img_res{
	display:block;
	}

.img_pc{
	display:none;
	}

#banner{
	width:90%;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
	}

.top_section_01{
border: #3291EE 1px solid;
padding: 15px 15px 10px 15px;
margin-bottom: 40px;
position: relative;
margin-top: 60px;
}

.top_midashi_01{
font-size: 15px;
font-weight: bold;
color: #3291EE;
border: #3291EE 1px solid;
display: inline-block;
background: #fff;
position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width: 90%;
	text-align: center;
}

.top_honbun_01{
font-size: 15px;
text-align: left;
line-height: 180%;
}

.pc{
display: none;
}

.h_sub_navi{
display: none;
}

.icon_01{
width: 20%;
height: auto;
position: absolute;
top: -230px;
left: 0px;
}

.sp{
display: block;
}

.tel_02{
font-size: 25px;
color: #fff;
margin-bottom: 10px;
}

}