/* common */
/* keyframes */
@keyframes imgScale {
  0% {
    transform: scale(1)
  }
  50% {
	transform: scale(1.2)
  }
  100% {
    transform: scale(1)
  }
}

@-webkit-keyframes imgScale {
  0% {
    transform: scale(1)
  }
  50% {
	transform: scale(1.2)
  }
  100% {
    transform: scale(1)
  }
}

@-moz-keyframes imgScale {
  0% {
    transform: scale(1)
  }
  50% {
	transform: scale(1.2)
  }
  100% {
    transform: scale(1)
  }
}

@-ms-keyframes imgScale {
  0% {
    transform: scale(1)
  }
  50% {
	transform: scale(1.2)
  }
  100% {
    transform: scale(1)
  }
}

@-o-keyframes imgScale {
  0% {
    transform: scale(1)
  }
  50% {
	transform: scale(1.2)
  }
  100% {
    transform: scale(1)
  }
}

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

/* header */
#header{}
.h-wrap{height: 140px; background: #fff;}
.h-top {margin-top: 15px;float: right;}
.h-top > a img {vertical-align: -3px; margin-right: 9px;}
.h-top > a {display: block; background: #00b3be; border-radius: 25px;  width: 160px; height: 40px; line-height: 40px; text-align: center; font-size: 0;}
.h-top > a span {color: #fff; font-size: 16px; font-weight: 500; letter-spacing: -0.5px; }
.gnb{
    /*width: 1120px; */
    width: 1200px;
    float: left;
}
.gnb-bg{display: none; height: 270px; position: absolute; top: 140px; left: 0; width: 100%; box-sizing:border-box; background: #fff; border-top: 1px solid #ddd; z-index: 9;}
.depth01{width: 100%; font-size: 0; text-align: center; display: flex; align-items: center; }
.depth01 > li{height: 85px; margin-right: 10px; width: 140px; display: inline-block; vertical-align: top;}
.depth01 > li:last-of-type{margin-right: 0;}
.depth01 > li.w180{width: 180px;}
.depth01 > li.home {
    width: 85px;
}
.depth01 > li.greeting {
    width: 85px;
}
.depth01 > li > a{margin-top: 20px; font-size: 18px; line-height:34px; letter-spacing:0; font-weight: 500; color: #222; display: block; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.depth02{display: none; height: 270px; padding: 20px 0; position: absolute; width: 100%; left: 0; top: 85px; z-index: 10; border-top: 1px solid #ddd; box-sizing:border-box;}
.depth02:after{opacity:0; top: -1px; left: 50%; margin-left: -6px; width: 12px; height: 7px; background: url(../img/depth02-arrow.png) center center no-repeat; background-size: cover; content:""; position: absolute; z-index: 11; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.depth02 li {margin-bottom: 10px;}
.depth02 li:last-of-type{margin-bottom: 0;}
.depth02 li a{font-size: 14px; line-height:25px; letter-spacing:0; font-weight: 300; color: #333; display: block; opacity:0.9;}
.depth01 > li.on > a{color: #1c5cb0;}
.depth01 > li.on .depth02{background: #1c5cb0; border-top: 1px solid #1c5cb0;}
.depth01 > li.on .depth02:after{opacity:1;}
.depth01 > li.on .depth02 li a{color: #fff; opacity:0.7;}
.depth01 > li.on .depth02 li a:hover{opacity:1; font-weight: 400;}

.search{margin: 37px 0 0 50px; width: 22px; float: left;}
.search > a{height: 22px; display: block;}
.search > a > img{width: 100%; display: block;}
.search-over{display: none; padding: 45px 0; top: 100px; left: 0; width: 100%; background: #fff; position: absolute; z-index: 5; box-sizing:border-box; font-size: 0; text-align: center; border-top: 1px solid #ddd;}
.s-over-in{width: 700px; font-size: 0; text-align: center; position: relative; display: inline-block; vertical-align: top;}
.s-over-in input[type="text"]{font-size: 16px; line-height:58px; letter-spacing:0; font-weight: 400; color: #1c5cb0; padding: 0 82px 0 20px; width: 700px; height: 60px; box-sizing:border-box; border: 1px solid #ccc;}
.s-over-in input[type="submit"]{top: 16px; right: 31px; width: 31px; height: 31px; display: block; position: absolute; font-size: 0; text-indent:-9999px; box-sizing:border-box; border: 0; background: url(../img/search-over-icon.png) center center no-repeat; background-size: cover;}
.search-over > a{margin: 17px 0 0 23px; width: 25px; height: 25px; display: inline-block; vertical-align: top;}
.search-over > a img{width: 100%; display: block;}
.menu{width: 28px; margin-top: 24px; float: right;}
.menu a{height: 22px; display: block;}
.menu a img{width: 100%; display: block;}
/* header */

/* layer-popup */
.layer-wrap {
    display: none;
}
.layer-wrap .bg {
    background: rgb(0,0,0,40%);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 11;
}
.layer {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 910px;
    height: 530px;
    z-index: 111;
    border-radius: 30px;
    box-sizing: border-box;
    border: 10px solid #00b3be;
    background-color: #fff;
    text-align: center;
    padding: 28px;
    box-sizing: border-box;
}
.layer-close {
    display: flex;
    justify-content: flex-end;
}
.layer-title {
    font-size: 35px;
    color: #333;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin: 36px 0 55px;
}
.layer-lists {
    font-size: 0;
    padding: 0 31px;
    box-sizing: border-box;
}
.layer-lists .list {
    display: inline-block;
    vertical-align: top;
    padding: 40px 0 25px;
    box-sizing: border-box;
    text-align: center;
    width: calc(33.33% - 35px);
    margin-right: 35px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px 4px rgb(0 0 0 / 10%);
}
.layer-lists .list:nth-child(3) {
    margin-right: 0;
}
.layer-lists .list > .listImg {
    min-height: 70px;
    line-height: 70px;
}
.layer-lists .list > .listImg img {
    vertical-align: middle;
}
.layer-lists .list .list-tit {
    font-size: 25px;
    color: #333;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 24px;
    margin: 17px 0 10px;
}
.layer-lists .list .go-page {
    font-size: 0;
}
.layer-lists .list .go-page span {
    font-size: 14px;
    color: #888;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 24px;
}
.layer-lists .list .go-page img {
    vertical-align: 0;
    margin-left: 8px;
}

/* quick */
#quick{width: 110px; position: absolute; top: 140px; right: 0; z-index: 4; background: #313133;}
.quick-wrap{}
.quick-in a{padding-top: 20px; height: 90px; margin:0 17px; display: block; text-align: center; box-sizing:border-box; position: relative; border-bottom: 1px solid rgba(255,255,255,0.1);}
.quick-in a img{width: 38px; height: 27px; margin: 0 auto 9px; display: block;}
.quick-in a:hover img{-webkit-animation: imgScale .3s linear alternate; -moz-animation: imgScale .3s linear alternate; -ms-animation: imgScale .3s linear alternate; -o-animation: imgScale .3s linear alternate; animation: imgScale .3s linear alternate;}
.quick-in a img.mb5{margin-bottom: 5px;}
.quick-in a span{font-size: 12px; line-height:15px; letter-spacing:-0.05em; font-weight: 300; color: #fff; display: block;}
.quick-top a{padding-top: 18px; margin: 0 17px; height: 60px; font-size: 10px; line-height:1; letter-spacing:0.05em; font-weight: bold; color: #fff; display: block; text-align: center; box-sizing:border-box;}
.quick-top a img{margin: 0 auto 9px; width: 9px; height: 5px; display: block;}
/* quick */

/* topbtn*/
#topbtn{position: fixed; width: 50px; bottom: 175px; left: 50%; margin-left: 630px; z-index: 5;}
#topbtn a{height: 50px; display: block;}
#topbtn a img{width: 100%; display: block;}
/* topbtn*/

/* footer */
#footer{background: #25292c;}
.f-wrap{padding: 65px 0 60px; box-sizing:border-box;}
.f-nav{margin-bottom: 46px; font-size: 0;}
.f-nav a{font-size: 14px; line-height:14px; letter-spacing:0; font-weight: 400; color: #bbb; display: inline-block; vertical-align: top;}
.f-nav span{margin: 0 15px; font-size: 15px; line-height:14px; letter-spacing:0; font-weight: 400; color: #bbb; display: inline-block; vertical-align: top;}
.f-adr{}
.f-adr p{margin-bottom: 15px; font-size: 13px; line-height:13px; letter-spacing:0; font-weight: 400; color: #666;}
.f-adr p em{margin: 0 10px; font-size: 9px; line-height:13px; letter-spacing:0; font-weight: 400; color: #666; font-style: normal; display: inline-block; vertical-align: top;}
.f-adr span.copy{font-size: 12px; line-height:1; letter-spacing:0; font-weight: 400; color: #666; display: block;}
/* footer */