@charset "UTF-8";

@import url("guide.css");
@import url("table.css");

body{font-size: 16px;}
/*Layout*/
.wrapper{}
header{position: absolute;top: 0;left: 0;z-index: 20;width: 100%;background: rgba(0,0,0,0.3);}
header.active .top-header-wrap{background-color: #f2f2f2;}
header.active .bottom-header-wrap{border-bottom: 1px solid #e8e8e8;background-color: #fff;}
header.active .top-header-box .top-util-box > ul > li > a{color:#666;}
header.active .bottom-header-inner h1 a div .logo-img-b{display:inline-block;}
header.active .bottom-header-inner h1 a div .logo-img-w{display:none;}
header.active .bottom-header-inner h1 a div .logo-txt{color:#000;}
header.active .bottom-header-inner h1 a p{color:#000;}
header.active .gnb-ul > li > a{color:#000;}
header.active .gnb-ul > li:hover > a{color:#1f51a2;}
header.active .sub-mn{display:block;top:calc(100% + 1px);border-right:1px solid #e8e8e8;}
header.active .sub-mn:after{display:none;}
header.active .gnb-ul > li:first-of-type .sub-mn{border-left:1px solid #e8e8e8;}
header.active .btn-all-menu.close{border:1px solid #000;background:url(../img/common/btn-all-menu-close.png)no-repeat 50% 50%;}
header.active .gnb-bg{display:block;}
header:after{content:"";display:block;clear:both;}

.top-header-wrap{background-color: rgba(0,0,0,0.2);}
.top-header-box{max-width:1280px;margin:0 auto;}

.bottom-header-wrap{border-bottom: 1px solid rgba(255,255,255,0.2);}
.bottom-header-box{position:relative;max-width:1280px;margin:0 auto;}

.main-visual-wrap{position: relative;}
.main-visual-box{position:relative;}

.main-content-box {max-width: 1280px;margin: 0 auto;position:relative;}

.main-content-wrap01{}
.main-content-box01{padding: 60px 0 100px;}
.main-content-wrap02{background: url(../img/main/bg-main-content02.jpg)no-repeat 0 0/cover;}
.main-content-box02{}

.top-footer-wrap{background-color:#38415a;}
.top-footer-box{display: table;margin: 0 auto;width: 100%;max-width: 1280px;table-layout: fixed;}
.bottom-footer-wrap{}
.bottom-footer-box{margin: 0 auto;padding: 35px 0 50px;max-width: 1280px;}
.bottom-footer-box:after{content:'';display:block;clear:both;}

.content-wrap{max-width:1280px;margin:0 auto;}
.sub-content{padding:0 0 130px;}

@media screen and (max-width: 1023px){
	.main-content-box02{padding:30px 10px;}
	.top-header-box{display:none;}

}
@media screen and (max-width: 768px){
	.bottom-footer-box{padding:20px 15px 30px;}
	.sub-content{padding:0 0 60px;}
}