/* common */
.w1260{width: 1260px; margin: 0 auto;}
/* common */

/* header */
#header{}
.h-top{height: 46px; background: #2c2c2c;}
.h-nav{font-size: 0; text-align: right;}
.h-nav a{font-size: 13px; line-height:15px; margin: 15px 15px 0 0; letter-spacing:-0.05em; font-weight: 400; color: #fff; opacity:0.57; display: inline-block; vertical-align: top;}
.h-nav a:last-of-type{margin-right: 0;}
.h-logo{height: 95px; box-sizing:border-box; border-bottom: 2px solid #ddd;}
.h-logo a{top: 50%; left: 50%; width: 266px; height: 34px; position: absolute; display: block; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.h-logo a img{width: 100%; display: block;}
.gnb{}
.gnb-bg{display: none; height: 260px; top: 80px; left: 0; width: 100%; box-sizing:border-box; border-top: 2px solid #b2bfca; background: rgba(0,72,132,0.9); position: absolute; z-index: 9;}
.h-menu{top: 50%; left: 50%; width: 29px; height: 17px; margin: -8.5px 0 0 485px; display: block; position: absolute; z-index: 11;}
.h-menu img{width: 100%; display: block;}
.depth01{font-size: 0; text-align: center;}
.depth01 > li{width: 145px; display: inline-block; vertical-align: top; position: relative;}
.depth01 > li > a{font-size: 17px; line-height: 80px; letter-spacing:-0.025em; font-weight: 400; color: #000; display: block; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.depth01 > li.on > a{color: #004884; font-weight: 500;}
.depth01 > li .depth02{display: none; padding: 30px 0; top: 80px; left: 0; width: 100%; position: absolute; z-index: 10; box-sizing:border-box; font-size: 0; text-align: center;}
.depth01 > li .depth02 li{margin-bottom: 15px;}
.depth01 > li .depth02 li:last-of-type{margin-bottom: 0;}
.depth01 > li .depth02 li a{font-size: 16px; line-height:28px; letter-spacing:-0.025em; font-weight: 400; color: #fff; position: relative; display: inline-block; vertical-align: top;}
.depth01 > li .depth02 li a:after{position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: #fff; content:""; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.depth01 > li .depth02 li:hover a:after{left: 0; width: 100%;}
/* header */


/* footer */
#footer{background: #fff; position: relative;}
.f-wrap{}
.f-top{box-sizing:border-box; border-bottom: 2px solid #e6e6e6;}
.f-nav{height: 56px; font-size: 0;}
.f-nav a{margin:22px 45px 0 0; font-size: 14px; line-height:16px; letter-spacing:-0.025em; font-weight: 300; color: #616161; display: inline-block; vertical-align: top;}
.f-nav a:last-of-type{margin-right: 0;}
.f-btm{}
.f-adr{padding: 30px 0; box-sizing:border-box;}
.f-adr .left{width: 152px; margin: 10px 35px 0 0; float: left;}
.f-adr .left img{width: 100%; display: block;}
.f-adr .cent{width: calc(100% - 670px); float: left;}
.f-adr .cent p{font-size: 13px; line-height:20px; letter-spacing:-0.025em; font-weight: 300; color: #616161;}
.f-adr .cent p em{width: 10px; display: inline-block; vertical-align: top; font-style: normal;}
.f-adr .cent span.copy{margin-top: 5px; font-size: 14px; line-height:16px; letter-spacing:-0.025em; font-weight: 300; color: rgba(97,97,97,0.54); display: block;}
.f-adr .right{width: 475px; font-size: 30px; line-height:1; letter-spacing:-0.015em; font-weight: 400; color: #a1a1a1; float: right; text-align: right;}
/* footer */