@charset "UTF-8";
/* CSS Document */
@import url('reset.css');
@import url('global.css');


/*
	全体にかかわるもの
*/
html { overflow:scroll;  font-size:16px; }
body { font-family: "FP-ヒラギノ角ゴ StdN W1"; color:#333; line-height:1.5; background-color: #f6f6f6; }
img { vertical-align:bottom; width:100%; }
.container { width:1440px; /*width:100%; max-width:1200px;*/ margin-left:auto; margin-right:auto; position: relative;}
article { }

/*
	画面サイズによって切り替えるフラグ
*/
.pc { display:block; }
.sp { display:none; }

@media (max-width: 768px) {
	/* 全体に関わる部分 */
	.pc { display:none; }
	.sp { display:block; }
	.container { width:100%;}
}

@media (max-width: 480px) {
	/* 全体に関わる部分 */
	.container { width:100%;}
}



/*------------------------------------------------------
	ヘッダー
------------------------------------------------------*/
header { position: relative; border-bottom: 1px solid #DDDDDD; background-color: #fff;}
header #headerInner { position: relative; width: 1000px; margin-left: auto; margin-right: auto;}
header p { font-size: 0.625em; color: #999; padding-top: 3px; padding-bottom: 10px;}
header h1 { text-indent: -9999px; background: url(../images/headLogo.png) no-repeat left top; width: 110px; height: 80px; background-size: 100% auto; position: absolute; bottom: 5px; left: 0; right: 0; margin: auto; cursor: pointer;}
header .btnWrap.type1 { position: absolute; right: 0; }
header .btnWrap.type1 a { font-size: 0.875em;}

header nav.pc {}
header nav.pc ul { list-style-type: none; width: 430px; float: left; margin: 60px 0 18px;}
header nav.pc ul.right { float: right;}
header nav.pc ul li { width: 33%; float: left; text-align: center; }
header nav.pc ul li:not( :last-child ){ background: url(../images/headNavLine.png) no-repeat right center; background-size: 20px auto; }
header nav.pc ul li a { font-size: 0.875em; color: #333; text-decoration: none;}
header nav.pc ul li a:hover { text-decoration: underline;}

header nav.sp { display: none;}
header nav.sp ul { list-style-type: none;}
header nav.sp ul li { border-bottom: 1px solid #ccc;}
header nav.sp ul li a { font-size: 1.125em; color: #fff; text-decoration: none; background-color: #0a3190; display: block; border-left: 12px solid #9dc816; padding: 17px 0; text-indent: 1em;}

#spNavBtn { text-indent: -9999px; background: url(../images/spNavBtn.png) no-repeat left top; background-size: 100% auto; width: 64px; height: 64px; position: absolute; top: 10px; right: 10px; cursor: pointer;}

@media (min-width: 769px) {
	header .snsWrap { position: absolute;}
	header .snsWrap ul { list-style-type: none;}
	header .snsWrap ul li { width: 40px; height: 40px; float: left;}
	header .snsWrap ul li:not(:last-child) { margin-right: 10px;}
	header .snsWrap ul li a { display: block;}
	header .snsWrap ul li a:hover { opacity: 0.8;}
	header .snsWrap ul li img {}
}

@media (max-width: 768px) {
	header.container { width: 100%;}
	header #headerInner { width: 100%; }
	header p { display: none;}
	header h1 { position: relative; padding: 10px 0; background-position: center center;}
	header .btnWrap.type1 { display: none; }
	
	header nav.sp .snsWrap { border-bottom: 10px solid #0a3190; }
	header nav.sp .snsWrap *, header .snsWrap *:before, header .snsWrap *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
	header nav.sp .snsWrap ul { list-style-type: none; padding: 10px;}
	header nav.sp .snsWrap ul li { width: 49%; margin-right: 1%; height: 80px; float: left; border: 1px solid #000; position: relative;}
	header nav.sp .snsWrap ul li:last-child { margin-left: 1%; margin-right: 0;}
	header nav.sp .snsWrap ul li a { display: block; background-color: #fff; border: none; padding: 0; text-indent: 0; height: 100%;}
	header nav.sp .snsWrap ul li img { width: 70px; height: 70px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

}

@media (max-width: 480px) {
	#spNavBtn { width: 44px; height: 44px; }
	header h1 { width: 72px; height: 52px; bottom: 0; }
	header nav.sp .snsWrap ul li { height: 60px; }
	header nav.sp .snsWrap ul li img { width: 50px; height: 50px; }
}



/*------------------------------------------------------
	フッター
------------------------------------------------------*/
footer { background-color: #fff;}
footer #sns { height: 77px;  border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
footer #sns .snsWrap { text-align: center; line-height: 0; padding-top: 30px;}
footer #sns img { width: auto;}
footer #sns .fb-like { line-height: 0.7;}

footer nav { border-bottom: 1px solid #0a3190;}
footer nav ul { list-style-type: none; width: 960px; margin-left: auto; margin-right: auto; padding: 23px 0;}
footer nav ul li { width: 14.2%; float: left; text-align: center;}
footer nav ul li a { color: #333; text-decoration: none; }
footer nav ul li a:hover { text-decoration: underline;}
footer #about { width: 1200px; margin-left: auto; margin-right: auto; padding: 25px 0; }
footer #about #footLogo { width: 210px; float: left; }
footer #about #footLogo a { text-indent: -9999px; background: url(../images/footLogo.png) no-repeat left top; background-size: 100% auto; display: block; height: 50px;}
footer #about address { color: #666; font-style: normal; font-size: 0.875em; float: left; padding-left: 20px;}
footer #about address .name {}
footer #about address .info {}
footer #copy { text-align: center; color: #fff; font-size: 0.875em; background-color: #0a3190; padding: 10px 0 9px;}

@media (max-width: 768px) {

footer nav ul { width: 100%; padding: 0;}
footer nav ul li {  width: 100%; text-align: left; border-bottom: 1px solid #ccc;}
footer nav ul li a { font-size: 1.125em; color: #fff; text-decoration: none; background-color: #0a3190; display: block; border-left: 12px solid #9dc816; padding: 17px 0; text-indent: 1em;}


footer #about { width: 100%; }
footer #about #footLogo { width: 210px; float: none; padding-left: 20px; padding-bottom: 10px; }
footer #about address { float: none;}

}

@media (max-width: 480px) {

}

/*------------------------------------------------------
	トップへ戻る
------------------------------------------------------*/
#page-top { position:fixed; bottom:20px; right:20px; font-size:14px; z-index:999;}
#page-top a { background: #666; text-decoration: none; color:#fff; width:100px; padding:20px 0; text-align:center; display: block; border-radius: 5px; opacity:0.8;  }
#page-top a:hover { text-decoration:none; background:#999; }

/*------------------------------------------------------
	大見出し
------------------------------------------------------*/
.header1 { font-weight: normal; font-size: 2.125em; color: #06318c; text-align: center; line-height: 1.2; padding: 40px 0 50px; }
.header1 span { color: #6f6f6f; font-size: 0.353em; display: block; }

/*------------------------------------------------------
	
------------------------------------------------------*/
.header2 { font-weight: normal; font-size: 1.125em; color: #fff; text-align: center; background-color: #0a3190; border-bottom: 4px solid #9dc816; padding: 6px 0; margin-left: auto; margin-right: auto;}

/*------------------------------------------------------
	header3
------------------------------------------------------*/
.header3 { background: url(/common/top/listIcon01.png) no-repeat left top+7px; background-size: 10px auto; padding-left: 20px; font-size: 1.125em; color: #0a3190;}

@media (min-width: 769px) {
    .header3 { margin-bottom: 20px;}
}

@media (max-width: 768px) {
    .header3 { margin-bottom: 15px;}
}

/*------------------------------------------------------
	
------------------------------------------------------*/
.btnWrap.type1 { border-left: 5px solid #0a3190; }
.btnWrap.type1 a { color: #fff; text-decoration: none; background-color: #9dc813; display: block; padding: 7px 10px; }
.btnWrap.type1 a:hover { opacity: 0.8;}

.btnWrap.type2 { border-bottom: 4px solid #477c13; margin: auto;}
.btnWrap.type2 a { color: #fff; text-decoration: none; background-color: #9dc816; border: 1px solid #ccc; display: block; text-align: center; padding: 12px 0;}
.btnWrap.type2 a:hover { opacity: 0.8;}