/*---------------------------------
　設定
---------------------------------*/

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


/*初期設定*/
html, body, div, span, object, iframe, h1, h2, h3, a, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, article, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, table, tr, th, td, img　address header {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: normal;
    vertical-align: baseline;
	line-height: 1.5;
	zoom: 1;
}
html {
    /* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
}
body {
	/* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定 */
	font-size: 1.6em;
}
ul, ol{
	list-style: none;
}
a{
	text-decoration: none;
	cursor: pointer;
	color: unset;
}
a:visited{
	color: unset;
}
a:hover{
	opacity: 0.7;
}
img{
	vertical-align: middle;
	max-width: 100%;
}

/*クリアフィックス*/
.cf{width:100%;}
.cf:after{content:"";display:block;clear:both;}

/*コンテンツ*/
.wrap{width:100%;max-width:900px;margin:auto;padding:0;box-shadow:0 0 4px 4px rgba(0, 0, 0, .1);}

/*---------------------------------
　ヘッダー
---------------------------------*/
header{position:fixed;z-index:100;top:0;left:0;right:0;height:60px;background:#fff;box-shadow:0 0 2px rgba(0, 0, 0, .3);font-family:"Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;}
.header-inner{width:100%;max-width:900px;margin:0 auto;height:60px;display:flex;align-items:center;}
.header-logo{margin:4px 16px 0;text-decoration:none;vertical-align:middle;}
.header-logo img{width:177px;}
.header-text{color:#182b3f;font-size:14px;letter-spacing:1px;vertical-align:middle;margin-bottom:1px;line-height:1.5em;}
@media screen and (max-width:769px){.header-logo img{width:150px;}
.header-text{padding-right:10px;}
}
@media screen and (max-width:375px){.header-logo img{width:130px;}
}
@media screen and (max-width:320px){.header-logo{margin:5px 16px 0;}
.header-logo img{width:100px;}
.header-text{font-size:3.5vw;}
}

/*---------------------------------
　コンテンツ
---------------------------------*/



@media screen and (max-width: 450px) {
  .side_bnr_img {
    max-width: 100px;
  }
	#footer_btn p{
	left: 50%;
    width: 40%
	}
}