@charset "utf-8";

.btn_menu,
#search{display:none;}

.logo {font-family:"score";}
.logo strong{padding:5px 0 0 0; color:#333; font-weight:600;}
.logo span > span{padding:0; font-size:16px; color:#171717; font-weight:400; letter-spacing:-1px;}

@media all and (max-width:1024px) {
	.logo strong{padding:0; letter-spacing:-2px; font-size:21px;}
	.logo span > span{padding:2px 0 5px 0; font-size:13px;}
}
@media all and (max-width:768px) {
	.logo strong{font-size:19px;}
	.logo span > span{font-size:12px;}
}
@media all and (max-width:380px) {
	.logo strong{font-size:18px;}
	.logo span > span{font-size:11px;}
}

#font_control li a{border-radius:5px; border-color:#ddd;}

#topmenu {padding:0;}
#topmenu > li {width:14.28%;}
#topmenu > li > a{font-size:22px;}
#topmenu > li:last-child {display:block;} 
#menuArea:after{display:none;}
#menuArea.on:after{display:block;}

#footer {padding:37px 0; font-size:16px; color:rgba(255,255,255,0.8); background:#272c39;}
#footer .inner {padding:0 0 0 282px;}
#footer .logo {top:0;}
#footer .logo span{font-size:12px; color:#aeaeae; letter-spacing:-0.3px;}
#footer .logo strong{padding:3px 0 5px; color:rgba(255,255,255,0.7); font-weight:500;}
#footer address{padding:3px 0;}
#footer .copyright{padding:0; color:rgba(200,200,200,0.8); text-transform:uppercase;}

@media all and (max-width:1230px) {
    #footer .logo {left:15px;}
}
@media all and (max-width:1024px) {
    #footer{font-size:15px; text-align:center;}
	#footer .inner {padding:0 15px;}
	#footer .logo{position:static; display:inline-block; margin:0 0 20px;}
	#footer .logo span{padding:0 0 0 3px; letter-spacing:0.4px; font-size:11px;}
	#footer .copyright{font-size:12px;}
}
@media all and (max-width:768px) {
	#footer{font-size:14px;}
	#footer .inner {padding:0 10px;}
	#footer .logo{margin:0 0 17px;}
	#footer .logo span{letter-spacing:0.3px; font-size:10px;}
	#footer .copyright{font-size:11px;}
	#footer address span{display:block; padding:3px 0 0 0;}
}
@media all and (max-width:380px) {
	#footer{padding:35px 0; font-size:13px;}
	#footer .logo{margin:0 0 15px;}
	#footer .logo span{letter-spacing:0.5px; font-size:9px;}
	#footer .copyright{font-size:10px;}
}

#subVisual{height:310px; background:#b1b2b7;}
#subVisual .img{position:absolute; left:50%; top:0; transform:translateX(-50%);}

@media all and (max-width:1230px) {
	#subVisual{height:auto;}
	#subVisual .img{position:static; transform:translateX(0); margin:0 0 0 -8%;}
	#subVisual .img img{max-width:116%;}
}

.location {z-index:2; position:relative; float:none; max-width:1200px; height:62px; padding:0; margin:-31px auto 0; font-size:19px; box-sizing:border-box;}
.location .inner{background:#375998;}
.location:after {content:''; display:block; clear:both;}
.location * {display:block;}
.location .home {width:65px; height:62px; background:rgba(36,60,106,0.9) url(/images/common/ico_home.png) no-repeat 55% 45%;}
.location .snb {float:left;}
.location .snb > li {float:left; position:relative;}
.location .snb > li > a {position:relative; width:309px; height:100%; line-height:62px; padding:0 40px 0 20px; color:#fff; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.3);}
.location .snb > li > a:after {content:''; position:absolute; top:50%; transform:translateY(-50%); right:20px; border-top:8px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; transition:transform 0.25s ease-in-out;}
.location .snb > li > a.on:after {transform:translateY(-50%) rotate(-180deg);}

.snb ul {display:none; z-index:3; position:absolute; top:62px; left:-1px; width:calc(100% + 1px); border:1px solid #e6e6e6; border-top:none; background:#fff; box-sizing:border-box; box-shadow:2px 3px 5px rgba(0,0,0,0.1);}
.snb ul li {width:100%;}
.snb ul a {display:block; line-height:53px; padding:0 0 0 20px;}
.snb ul li + li a {border-top:1px solid #e6e6e6;}
.snb ul a.on,
.snb ul a:hover,
.snb ul a:focus,
.snb ul a:active {background:#f7f7f7;}

@media all and (max-width:1230px) {
	.location{padding:0 15px;}
	.location .inner{padding:0;}
}
@media all and (max-width:1024px) {
    .location {height:49px; padding:0; margin:0; font-size:16px;}
    .location .home {width:49px; height:49px;}
    .location .snb > li > a {width:200px; line-height:49px;}
    
    .snb ul {top:49px;}
	.snb ul a {line-height:45px; padding:0 0 0 20px; font-size:0.938em;}
}
@media all and (max-width:768px) {
	.location {font-size:0.938em; height:45px;}
    .location .home {width:45px; height:45px;}
    .location .snb > li > a {width:180px; line-height:45px;}

    .snb ul {top:45px;}
	.snb ul a {line-height:37px;}
}
@media all and (max-width:568px) {
	.location {height:39px; padding:0;}
    .location .home {width:39px; height:39px; background-size:13px;}
    .location .snb > li > a {width:130px; line-height:39px; padding:0 30px 0 15px;}
    .location .snb > li > a:after {right:12px; border-width:4px; border-top-width:5px;}

    .snb ul {top:39px;}
	.snb ul a {padding:0 0 0 15px; line-height:34px;}
}
@media all and (max-width:380px) {
	.location {height:36px;}
    .location .home {width:36px; height:36px;}
    .location .snb > li > a {width:120px; line-height:36px; padding:0 27px 0 12px;}
    
    .snb ul {top:36px;}
	.snb ul a {line-height:32px; padding:0 0 0 12px;}
}

#subContent #content {width:100%;}

#pageInfo {overflow:inherit; padding:69px 0 0 0; margin:0 0 50px; border-color:#eee; text-align:center;}
#pageTitle {float:none;}
#pageTitle h3{position:relative; display:inline-block; padding:0 16px 22px; font-size:40px; font-weight:800;}
#pageTitle h3:after{content:''; display:inline-block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#f2a531;}

@media all and (max-width:1024px) {
    .btn_menu {display:block; right:15px;}

    #pageInfo {padding:40px 0 0 0; margin:0 0 30px;}
	#pageTitle h3{padding:0 14px 18px; font-size:27px;}
}
@media all and (max-width:768px) {
	.btn_menu {right:10px;}

	#pageInfo {padding:35px 0 0 0; margin:0 0 25px;}
	#pageTitle h3{padding:0 12px 16px; font-size:23px;}
    #pageTitle .btn_move {width:35px; height:35px;}
    #pageTitle .btn_move:after {top:15px; width:6px;}
}
@media all and (max-width:568px) {
    #pageInfo {padding:30px 0 0 0; margin:0 0 20px;}
	#pageTitle h3{padding:0 10px 14px; font-size:21px;}
}
@media all and (max-width:380px) {
    #pageInfo {padding:28px 0 0 0; margin:0 0 18px;}
	#pageTitle h3{padding:0 10px 12px; font-size:20px;}
}