@charset "utf-8";

html, body, div, section, p, b, i, a, strong, em, span, abbr, dl, dt, dd, aside, figure, time, i, form, input, label, select, small, sup, sub, ul, ol, li, blockquote, h1, h2, h3, h4, h5, h6 { box-sizing: border-box; padding: 0; margin: 0; font-size: 100%; list-style: none; }

body {
	font-family: YuGothic, "Yu Gothic", Verdana, "Hiragino Kaku Gothic ProN", "Hiragino Sans",Meiryo, sans-serif;
	text-align: center;
	color:#3E3A39;
}

img { max-width: 100%; height: auto; }
a {color:inherit;}
a:hover {opacity:0.7;}


header {height:auto; padding:0 10px 5px 10px;}
header #Logo {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header #Logo .iccologo {width:35%;}
header #Logo .bblogo {width:32.8%; padding-top:10px;}
header #Logo .bblogo img {width: min(215px,100%);}
section {width: 100%;}

@media screen and (min-width: 481px){
header {height:80px;}
header #Logo .iccologo {text-align: left; width:40%;}
header #Logo .iccologo img {max-height:65px;}
header #Logo .bblogo {text-align: right;}

section {
	margin:0 auto;
}

}