@charset "UTF-8";

/* 一般・共通設定 */
html {margin:0; padding:0; width:100%;}
body {margin:0; padding:0; font-size:100%; line-height:1; font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; width:100%; min-width:480px; -webkit-text-size-adjust:100%; color: #333;}
img { border:none; vertical-align: middle;}

/* 外枠 */
#layout {width:480px;}
#contents { width:480px;}

/* ヘッダー・メニュー・フッター・パンくず */
#header { width: 480px;}
    #head { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; width:480px;}
    span#menu { display: block; width:100px; height:90px; cursor: pointer; opacity: 1;}
        span#menu:hover { opacity: .8;}
        span#menu.active { opacity: .8;}
        span#menu:before { content: url(../images/menu.jpg);}
    #head p { width: 380px; padding:0; margin:0; text-align: left;}
	#nav { display: block; width:480px; clear:both; }
		#nav ul { display: block; width:480px; text-align:left; color: #999; list-style:none; margin: 0; padding: 0;}
			#nav li { margin:0; padding:0; font-size:18px;}
			#nav li a { display:block; padding:16px 80px; margin:0; color:#333; text-decoration:none; background: #FFF; border-top:1px solid #CCC;}
                #nav li a:hover { background: #EEE;}
			#nav li a:before { content:"\003e"; float:right; font-size:16px; font-weight:bold; }
		#nav ul li ul li a { border-top: none; text-indent: 1em;}
		#nav li span { display:block; padding:16px 80px; margin:0; color:#333; text-decoration:none; background: #FFF; border-top:1px solid #CCC;}
    span#menuclose { display: block; margin: 0; padding:16px 0; text-align: center; font-size: 14px; line-height: 16px; color: #FFF; font-weight: bold; background: #005C9C; border-top:1px solid #CCC; cursor: pointer;}
        span#menuclose:before { content:"MENUを閉じる";}

#header-inquiry { width: 480px; }
	#header-inquiry p { width: 480px; padding: 0; margin: 0;}

#contact-btn { width: 480px; clear:both; padding:30px 0; text-align:center; background: #F2F2F2;}
	#contact-btn p { margin:0; padding:0;}


#pagetop { padding:30px 0; width: 480px; height: 100px; text-align: center;}
	#pagetop a { display: block; width: 90px; height: 90px; margin: 0 auto; overflow: hidden; background: #1D3079; border-radius: 100px; color:#FFF; text-decoration: none; text-align: center; font-size: 12px; line-height:90px; }

#footer {width:440px; padding:30px 20px; }
	#footer p  { display: block; padding:.5rem 0; margin:0; font-size:16px; line-height:1.5em; text-align: left; }
		#footer p a { color:#333; text-decoration: underline;}
		#footer p .fg { font-size:12px; color: #333;}
		#footer p strong { font-size: 18px;}


/* 共通要素 */
.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden; width:100%;}
.f10 { font-size:12px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f28 { font-size:28px;}
.blue { color:#1C30A2;}
.red { color: #EE0000;}
.orange { color:#FF9900;}
.purple { color:#6812CD;}
.green { color:#0AB600;}
.tac { text-align:center;}
.tar { text-align:right;}
.tal { text-align:left;}
.fb { font-weight:bold;}
.fr { float:right;}
.fl { float:left;}
.fg { font-family:Arial, Helvetica, sans-serif;}
.iv { filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
.btn {}