@charset "UTF-8";

body {margin:0; padding:0; background:#ededed; color:#222; font-size:87.5%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
img, a img {border:0;}
#container {width:960px; margin:0 auto; background:#fff; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-top:solid 10px #000056;}
header, footer {padding:20px; text-align:center; position:relative;}
#contents {padding:0 80px 40px;}
#headerTitle {color:darkgreen; font-weight:bold;}
.navi {position:absolute; top:20px; right:10px;}
h1 {margin:5px 0;}
h2 {margin:5px 0 20px; border:solid 1px #aaa; border-left:solid 5px #000056; padding-left:5px; font-weight:normal; font-size:130%;}
p {margin-left:20px; margin-right:20px;}
.attension {border: solid 1px red; padding: 2px; margin:0px 1em 0px 1em; font-size: 90%;}
.attension span {font-weight: bold;}
.text_red {color: red;}
.flexBox {display:flex; justify-content:center; margin:0 0 40px; text-align:center; font-size:85%;}
button {padding:20px; margin:0 20px 5px; font-size:130%; line-height:1; color:#fff; border:0; border-radius:6px; cursor:pointer;}
button.shin {background:#6298fa;}
button.gaku {background:#51a52c;}
.navi button {padding:8px; font-size:75%;}
#contact {border:double 5px #6298fa; padding:20px; margin:40px 0 20px; text-align:center;}
#contact span {font-size:150%; font-weight:bold;}
#contact span.tel {color:#6298Fa;}
footer {background:#000056;}
address {color:#fff; font-style:normal; font-size:90%;}
 
/* tablet  */
@media only screen and (max-width: 960px) {
	#container {width:100%; border-left:0; border-right:0;}
}

/* smartPhone */
@media screen and (max-width: 640px) {
	.flexBox {display:block;}
	.flexBox div:first-child {margin-bottom:1em;}
	body {font-size:100%;}
	#contents {padding:0 20px 40px;}
	h1 img {width:100%;}
	.navi {position:relative; top:0; right:0;}
	p {margin-left:5px; margin-right:5px;}
	#contact {font-size:87.5%; padding:10px;}
	#contact span {display:block;}
}