@charset "utf-8";

/*----------------------------------------------------------------------------------------------------
	Reset, Common　-　リセット＆共通設定
----------------------------------------------------------------------------------------------------*/

*{box-sizing:border-box;font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;word-wrap:break-word;overflow-wrap:break-word;letter-spacing:0.05em;}
html{min-height:100%;border-bottom:5px #435a87 solid;}
body{font-size:0.9em;text-align:center;background:#fff url(../img/bg.png) left top repeat;}
a{color:#264af2;}
a:hover{color:#e41b1b;}
img{border:none;vertical-align:bottom;}
body,article,section,div,h1,h2,h3,p,img{margin:0px;padding:0px;}
h1,h2,h3,p{font-size:1.0em;font-style:normal;font-weight:normal;}
p{color:#4f4f4f;line-height:1.6em;}
.cf:after,section:after{content:"";display:block;clear:both;}
.in{width:980px;margin:0px auto;}


#header{width:100%;border-top:5px #435a87 solid;}
#header h1{margin:150px 0px 0px -30px;}
#header p{margin:10px 0px 0px;color:#6f6f6f;font-size:1.1em;}

section p{width:800px;margin:50px auto 0px;padding:30px 20px;color:#5f5f5f;font-size:1.2em;text-align:center;background:#fff;border:3px #dfdfdf solid;border-radius:10px;}

section .box{display:inline-block;width:350px;margin:50px 10px 0px;padding:0px;}
section .box h2{margin:0px;font-size:1.6em;}
section .box dl{margin:10px 0px 30px;}
section .box dl dt{margin:0px;}
section .box dl dt img{padding:10px;height:50%;border:1px #dfdfdf solid;background:#fff;}
section .box dl dd{margin:15px 20px 0px;text-align:center;}
section .box dl dd a{display:inline-block;padding:15px 50px;font-size:1.1em;color:#fff;text-decoration:none;background:#999;}
section .box dl dd a:hover{background:#555;}
p#copyright{width:800px;margin:20px auto 0px;padding:20px 0px 0px;font-size:1.0em;color:#6f6f6f;border-top:3px #dfdfdf solid;}


@media only screen and (max-width: 480px){
	html{height:auto;}
	img{max-width:100%;height:auto;}
	.in{width:auto;margin:0px;}

	#header{}
	#header h1{margin:25px 0px 0px;}
	#header h1 img{width:60%;}
	#header p{margin:5px 15px 0px;font-size:1.0em;}

	section p{width:auto;margin:30px 10px 0px;padding:15px;font-size:1.0em;border-radius:5px;text-align:left;line-height:1.45em;}
	section p br{display:none;}

	section .box{display:block;margin:50px auto;text-align:center;}
	section .box h2{font-size:1.1em;font-weight:bold;}
	section .box dl{margin:5px 0px 30px;}
	section .box dl dt{margin:0px;}
	section .box dl dt img{width:auto;height:auto;}
	section .box dl dd{margin:10px 0px 0px;}
	section .box dl dd a{padding:10px 100px;font-size:0.95em;}
	section .box dl dd a:hover{background:#555;}
	p#copyright{width:auto;margin:10px 0px;padding:15px 0px 0px;font-size:0.8em;}
}