@charset "UTF-8";
/*sp.css */

/*reset css */
h1,h2,h3,h4,h5,h6{ margin:0; padding:0}
img{ max-width:100%; border:0; margin:0; vertical-align:bottom}

body{-webkit-text-size-adjust: 100%;}
body{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:15px; color:#333333}

.logo_area_sp{ height:64px; padding-top:17px; padding-bottom:8px; font-size:0px;}
.logo{text-align:center;margin-top:0; padding:0}
.logo img{width:172px; height:auto; margin-bottom:3px}

.title{ width:100%}
.title img{ width:100%}


#wrap{ padding-left:10px; line-height:1.6em}

#wrap h2{font-size:22px; margin:20px auto 30px auto; padding-bottom:8px; font-weight:normal; line-height:1.3em; border-bottom:solid 2px #ccc; color:#000;}
#wrap h2 span{ color:#000;font-weight:bolder; border-right: solid 3px #ccc; padding-right:10px; margin-right:10px}

#wrap h3{font-size:18px;font-weight:normal; color:#666; margin-bottom:1em}
#wrap h3 span{ color:#000;font-weight:bolder; border-right: solid 3px #ccc; padding-right:10px; margin-right:10px}

#wrap h4{font-size:16px;background-color:#aabbdb; margin:1em auto}
h4 span{ display:inline-block; padding:2px 10px;background-color:#5c73af; color:#fff;}

#wrap h5{ font-size:15px}
#wrap .center{ text-align:center; margin-right:10px;}



iframe{ margin:0; padding:0}
iframe p{ font-size:15px}
.tableScroll{ padding:0;overflow-x: auto; margin-right:0px}

.tableScroll::-webkit-scrollbar {
	width: 10px;
	background: #e0e0e0;
	border-radius: 10px;
}

.tableScroll::-webkit-scrollbar:horizontal {
	height: 20px;
	background: #e0e0e0;
	border-radius: 10px;
}
.tableScroll::-webkit-scrollbar-thumb {
	background: #ffffff;
	border-radius: 10px;
	border: 4px solid #e0e0e0;
}
.tableScroll::-webkit-scrollbar-thumb:horizontal {
	background: #ffffff;
	border-radius: 10px;
	border: 4px solid #e0e0e0;
}



.content_main{ margin-top:2em}
.content_main td{ padding:0}
.menuinfo{ margin:0 auto 0 1.5em;}
.menuinfo h3{ font-size:16px; letter-spacing:0.1em; line-height:1em;}
.menuinfo p{ font-size:12px; margin-top:5px; line-height:1.3em}
.menuinfo a{ color:#000; text-decoration:none}

.contact{ background-color:#edeff2;border-radius:4px; padding:10px; font-size:12px; line-height:1.4em}
.notice{ margin-bottom:3em; font-size:12px}

.pic{ margin-bottom:2em}


#footer {
	margin-top:2em;
	padding: 1em;
	font-size: 10px;
	color: #222;
	position: relative;
	text-align:center;
}

.twit{ text-align:right; margin-bottom:-14px}

.footerlink{font-size:12px; color:#888888; height:3em; text-align:center}
.footerlink img{ margin-bottom:6px}
.footerlink a{ text-decoration:none; color:#888888; display:inline-block}
.footerlink a:hover{ text-decoration: underline; opacity:0.5}

#footer ul li {
	list-style-type: none;
	float: left;
	margin-right: 2em;
}
#footer ul li a, #Footer ul li a:link, #Footer ul li a:visited, #Footer ul li a:hover {
	color: #fff;
	text-decoration: none;
}
#footer #Copyright {
	clear: both; margin:1em auto;
}



@media print, screen and (min-width: 568px) {
	
.logo_area_sp{ height:64px; padding-top:12px; padding-bottom:13px; font-size:0px;}
.logo{text-align:center;margin-top:0; padding:0}
.logo img{width:214px; height:auto; margin-bottom:3px}

}



/* ページトップへ戻るボタン */
#page-top{position: fixed; width: 44px; height:44px; bottom: 20px;right: 16px; z-index:10}
#page-top a {padding: 0;text-align: center;display: block;}
#page-top a:hover {opacity:0.8;}

/* ページトップへ戻るボタン　印刷時に隠す */
@media print{
	#page-top{ visibility:hidden}
	}