<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ê³µí†µ */
.w1136{width: 1136px; margin: 0 auto;}
/* ê³µí†µ */

/* header */
#header{width: 100%; min-width:1136px; background: #fff;}
.h-wrap{}
.h-con{height: 88px;}
.logo{width: 229px; margin: 29px 120px 0 0; float: left;}
.logo a{height: 30px; display: block;}
.logo a img{width: 100%; display: block;}
.gnb{width: calc(100% - 459px); float: left;}
.dep-bg{display: none; top: 88px; left: 0; width: 100%; height: 200px; position: absolute; z-index: 4; background: #a4a4a4;}
.depth01{width: 100%;}
.depth01 &gt; li{width: 25%; float: left; text-align: center; position: relative;}
.depth01 &gt; li &gt; a{font-size: 16px; line-height:88px; letter-spacing:-0.02em; font-weight: 500; color: #333; display: block; position: relative;}
.depth01 &gt; li &gt; a:after{bottom: 0; left: 50%; width: 0; height: 4px; background: #000; display: block; position: absolute; content:""; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;}
.depth01 &gt; li.on &gt; a:after{left: 0; width: 100%;}
.depth02{display: none; padding: 32px 0; height: 200px; top: 88px; left: 0; width: 100%; box-sizing:border-box; text-align: center; position: absolute; z-index: 5;}
.depth02:after{position: absolute; top: 32px; right: 0; width: 1px; height: 140px; background: #ddd; content:""; position: absolute; z-index: 5;}
.depth02.disN:after{display: none;}
.depth02 li a{font-size: 14px; line-height:28px; letter-spacing:-0.02em; font-weight: 400; color: #fff; display: block; opacity:0.7; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;}
.depth02 li a:hover{opacity:1; font-weight: 500;}
.menu{margin-left: 22px; width: 88px; float: right;}
.menu a{height: 88px; display: block;}
.menu a img{width: 100%; display: block;}
/* header */

/* footer */
#footer{width: 100%; min-width:1136px; /* background: #2e3092; */background: #333;}
.f-wrap{}
.f-con{padding: 30px 0 35px; box-sizing:border-box;}
.f-con h4{width: 83px; height: 32px;}
.f-con h4 img{width: 100%; display: block;}
.f-con #f-top{width: 54px; height: 54px; top: 90px; right: 0; position: absolute; z-index: 1; display: block;}
.f-con #f-top img{width: 100%; display: block;}
.f-nav{margin-bottom: 15px; padding: 20px 0; box-sizing:border-box; font-size: 0; border-bottom: 1px solid #ddd;}
.f-nav a{font-size: 14px; line-height:16px; letter-spacing:0; font-weight: 300; color: #eee; display: inline-block; vertical-align:top;}
.f-nav span{margin: 0 15px; font-size: 14px; line-height:16px; letter-spacing:0; font-weight: 300; color: #eee; display: inline-block; vertical-align:top;}
.f-adr .f-text{width: calc(100% - 240px); float: left;}
.f-adr .f-text p{font-size: 12px; line-height:19px; letter-spacing:0; font-weight: 400; color: #ddd;}
.f-adr .f-text p span{width: 12px; display: inline-block; vertical-align:top;}
.f-adr .f-select{width: 222px; margin:7px 0 0 18px; float: right;}
.f-adr .f-select select{font-size: 12px; line-height:32px; padding: 0 30px 0 18px; height: 32px; letter-spacing:0; font-weight: 400; color: #aaa; box-sizing:border-box; border: 1px solid #9697c4; 
					    background: url(../img/f-select-arrow.png) top 13px right 15px no-repeat; width: 100%;}
/* footer */</pre></body></html>