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

body {
    overflow-x: auto;
    overflow-y: scroll;
	font-family: "Apple TP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif";
}

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;
	font-size:1.3vw;
	/*line-height:20px;*/
}

a img{
	border:none;
}

#wrapper{
	margin:0 auto;
	width:100%;
	height:100%;
}

.pc { display: block !important; }
.tb { display: none !important; }




/*-------------フッター--------------*/
/*#footer .n_footer{
	width:75%;
	margin:0 auto;
}*/
#footer{
	width:65%;
	margin:0 auto;
	padding-bottom:3%;
	font-size:1.5vw;
	overflow: auto;

}
.footer_bno{
	background-color: #FFFFFF;
	width:100%;
	height:100%;
	margin-top: 0;
	padding-top:10%;
	padding-bottom:20%;
}
.footer_bno_text{
	width:90%;
	margin:0 auto;
}

#footer img{
	width:100%;
	height:auto;
}

#footer h1{
	color:#00A7EB;
	font-size:1.5vw;
	border-bottom:2px solid #00A7EB;
	padding:0 0 1% 1%;
}

#footer .navi{
	margin:4%;
}

#footer .navi .s_shi{
	width:62%;
	float:left;
}

#footer .navi .s_shi .mail img{
	vertical-align:bottom;
	width:65%;
}
#footer .navi .s_shi span{
	padding:10% 0;
}
/*#footer .navi .s_shi div{

}*/

#footer .navi .icon{
	float:left;
	width:17%;
	margin-left:18%;
}

#footer .navi .icon img{
	width:100%;
}

#footer .navi .icon .i_shi{
	margin-bottom:10%;
	padding-bottom:20%;
}
#footer .navi .icon .i_sapporo img{
	width:1%;
}

#footer .tit{
	font-size:1.4vw;
	padding-bottom:0%;
}

.f_blue{
	color:#00A7EB;
	font-weight:bold;
	font-size:1.4vw;

}
.f_blue_s{
	color:#00A7EB;
	font-weight:bold;
	font-size:1.4vw;
	padding:2% 0 1%;
}
.ad{
	padding-bottom:2%;
	text-indent: 1em;
}
.ad:nth-child(2){
	margin-left:1%;
}

.f_blue_b{
	color:#00A7EB;
	font-weight:bold;
	font-size:1.2vw;
}
.f_black{
	font-size:1.1vw;
}


.ku{
	margin-bottom:2%;
}

#footer .f_chonaijichi{
	clear:both;
	margin:0 4%;
	padding-top:4%;
}

#footer .f_chonaijichi .f_cj_l{
	float:left;
	padding:2% 0% 2% 0%;
	width:24%;
}
#footer .f_chonaijichi .f_cj_l .l_ka{
	padding-bottom:3%;
}

#footer .f_chonaijichi .f_cj_l .f_blue{
	padding-right:5%;
}
#footer .f_chonaijichi .f_cj_l_tel{
	float:left;
	padding-top:2%;
	padding-bottom:10%;
	width:20%;
	font-size: 1.0vw;
}
.l_tel{
	padding-bottom:6%;
}
.f_cj_l_tel .l_ka{
	padding-bottom:3%;
}

#footer .f_chonaijichi .f_cj_r{
	float:left;
	padding-top:2%;
	width:24%;
}

#footer .f_chonaijichi .f_cj_r .f_blue{
	padding-right:5%;
}
.l_ka{
	float:left;	
}
.l_tel{
	float:left;
	margin-left:20px;
}
#footer .f_s_btn{
	width:35%;
	margin:0 auto;
}
#footer .aki{
	height:1%;
	margin:1%;
}
#footer span{
	padding-bottom:10%;
}
.f_black_b{
	font-size:1.1vw;
}
.kensakuandnavi{
	background: #E3E2F1;
	width: 100%;
	height: 100%;
}