@charset "utf-8";

#container {width:100%; height:auto;}

/* main visual */
.main_visual {width:100%; height:960px; position:relative;}
.main_visual ul {width:inherit; height:inherit;}
.main_visual ul li {width:inherit; height:inherit; background-size:cover; background-position:center; position:absolute;}
.main_visual ul li .tt_box {width:inherit; max-width:1280px; padding:17.5em 0 0 0em; margin:0 auto; position:relative; z-index:1; color:#fff; box-sizing:border-box;}
.main_visual ul li .tt_box span {display:block; font-size:18px; font-weight:500; letter-spacing:1px; padding-bottom:1.6em; text-transform:uppercase;}
.main_visual ul li .tt_box h3 {display:block; font-weight:500; letter-spacing:-5px; line-height:1.2; padding-bottom:.35em;font-size:70px;}
.main_visual ul li .tt_box p {font-weight:300; font-size:25px; letter-spacing:-1px; line-height:1.5;}

.main_visual ul li .tt_box.first {padding:14em 0 0 0;}
.main_visual ul li .tt_box .desc {font-size: 35px; letter-spacing:-0.05em; line-height:1.3; text-shadow: 0 2px 2px rgba(0,0,0,0.1);}
.main_visual ul li .tt_box .desc strong {font-weight: 700;}
.main_visual ul .item-1 {background-image:url("../image/main/vis1.jpg");}
.main_visual ul .item-2 {background-image:url("../image/main/vis2.jpg"); display:none;}
.main_visual ul .item-3 {background-image:url("../image/main/vis3.jpg"); display:none;}

/* controler */
.main_visual .visual_control {display:block; position:absolute; bottom:8%; left:45%; width:auto; height:auto; display:none;}
.main_visual .visual_control ul {width:257px; height:36px; margin:0 auto;}
.main_visual .visual_control a {float:left; width:auto; height:auto; margin:0 10px; position:relative; margin-right:17px;}
/*
.main_visual .visual_control a {display:block; font-size:0;}*/
.main_visual .visual_control .bt_stop {width:36px; height:36px; background:url("../image/main/bt_stop.png") center no-repeat;}
.main_visual .visual_control .bt_stop:hover {background:url("../image/main/bt_stop_over.png") center no-repeat;}
.main_visual .visual_control .bt_play {width:36px; height:36px; background:url("../image/main/bt_play.png") center no-repeat;}
.main_visual .visual_control .bt_play:hover {background:url("../image/main/bt_play_over.png") center no-repeat;}
.main_visual .visual_control a.bt_vis {width:80px; height:4px; background:#747682; margin:17px 0 0 0; margin-right:17px;}
.main_visual .visual_control a.bt_vis:hover, .main_visual .visual_control a.bt_vis.vis_active {width:80px; height:4px; background:#fff; margin-right:17px;}

/* service */
.service {background:#f4f4f4; height:1014px;}
.service .inner {width:100%; max-width:1280px; height:auto; margin:0 auto;}
.service h4 {font-size:48px; font-weight:600; text-align:center; padding-top:77px; text-transform:uppercase;}
.service p {font-size:22px; font-weight:500; text-align:center; padding:55px 0 65px;}
.service ul {width:100%; height:auto;}
.service ul li {position:relative; float:left; width:100%; max-width:400px; height:611px; text-align:center; color:#fff; padding:2.3em 2em; box-sizing:border-box;}
.service ul li > * {position:relative; z-index:2;}
.service ul li:nth-child(1) {background:url("../image/main/service_bg1.png") 0 0 no-repeat;}
.service ul li:nth-child(2) {background:url("../image/main/service_bg2.png") 0 0 no-repeat; margin:60px 40px;}
.service ul li:nth-child(3) {background:url("../image/main/service_bg3.png") 0 0 no-repeat;}
.service ul li:before {position:absolute; top:0; left:0; content:'';  display:block; z-index:1; width:100%; height:100%; display:none; 
background: rgb(2,143,142);
background: linear-gradient(360deg, rgba(2,143,142,1) 0%, rgba(255,255,255,0) 85%, rgba(255,255,255,0) 100%);
}
.service ul li:hover:before {display:block;}
/*
.service ul li:hover:nth-child(1) {background:url("../image/main/service_bg1_over.png") 0 0 no-repeat;}
.service ul li:hover:nth-child(2) {background:url("../image/main/service_bg2_over.png") 0 0 no-repeat;}
.service ul li:hover:nth-child(3) {background:url("../image/main/service_bg3_over.png") 0 0 no-repeat;}
*/
.service ul li a {width:100%; height:100%; display:block;}
/*
.service ul li:hover a {color:#000;}*/
.service ul li a h5 {font-size:35px; font-weight:500; padding-top:35px; text-transform:uppercase;}
.service ul li a h5:after {content:''; background:url("../image/main/service_ico.png") 0 0 no-repeat; display:block; width:20px; height:28px; margin:30px auto 10px auto;}
/*
.service ul li:hover a h5:after {content:''; background:url("../image/main/service_ico_hover.png") 0 0 no-repeat; display:block; width:20px; height:28px; margin:30px auto 10px auto;}*/
.service ul li a strong {font-size:25px; font-weight:500; text-transform:uppercase;}
.service ul li a p.txt {font-size:20px; font-weight:300; line-height:30px; padding:1em; /* text-transform:uppercase; */ letter-spacing:-1px;}
.service ul li a span {width:282px; height:53px; border:1px solid #fff; display:block; line-height:53px; margin:42px auto;}
.service ul li:hover a span {background:#fff; color:#222;}

/* notice */
.main_notice {width:100%;}
.main_notice .inner {width:100%; max-width:1280px; height:auto; margin:0 auto;}
.main_notice h4 {font-size:48px; font-weight:600; text-align:center; padding-top:77px; text-transform:uppercase;}
.main_notice .inner > p {font-size:22px; font-weight:500; text-align:center; padding:55px 0 65px;}
.main_notice .lst_notice {border-top:3px solid #013674;}
.main_notice .lst_notice li + li {border-top:1px solid #e4e4e4;}
.main_notice .lst_notice li:nth-child(3) {border-bottom:1px solid #e4e4e4;}
.main_notice .lst_notice .date {float:left; width:12%; padding:20px 0 25px 0; text-align:center; line-height:1; font-size:18px; color:#013674; letter-spacing:-1px; font-weight:500;}
.main_notice .lst_notice .date strong {margin-bottom:-10px; display:block; font-size:45px; font-weight:500; letter-spacing:-1px;}
.main_notice .lst_notice .txt {float:left; width:88%; line-height:22px; }
.main_notice .lst_notice a {position:relative; display:block; padding:27px 120px 26px 40px; text-decoration:none;}
.main_notice .lst_notice .tit {font-size:22px; font-weight:600; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:40px;}
.main_notice .lst_notice .tit strong {margin-right:2px; display:inline-block; width:35px; text-align:center; font-size:12px; color:#fff; border-radius:22px;}
.main_notice .lst_notice .article {margin-top:2px; font-size:18px; font-weight:300; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_notice .lst_notice a:hover .tit,
.main_notice .lst_notice a:hover .article {text-decoration:underline; color:#004aa0;}
.main_notice .lst_notice a:hover .go {position:absolute; top:50%; right:0; margin-top:-25px; width:50px; height:50px; background-color:#f6f6f6; border-radius:100%;}
.main_notice .lst_notice a:hover .go:before,
.main_notice .lst_notice a:hover .go:after {content:""; position:absolute;}
.main_notice .lst_notice a:hover .go:before {top:24px; left:calc(50% - 6px); width:10px; height:2px; background-color:#013674;}
.main_notice .lst_notice a:hover .go:after {top:22px; left:calc(50% - 2px); width:4px; height:4px; border-top:2px solid #013674; border-right:2px solid #013674; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.main_notice .btn_more {width:282px; height:52px; border:1px solid #000; line-height:52px; text-align:center; margin:53px auto 77px; transition:all 0.9s, color 0.3s; cursor:pointer; display:block; font-size:18px;}
.main_notice .btn_more:hover {background:#013674; border:1px solid #013674; color:#fff;}

.order_wp {width:100%; overflow:hidden; font-size:0;}
.order_wp ul li {width:50%; float:left; position:relative;}
.order_wp ul li:nth-child(1) {border-right: 1px solid #505150; box-sizing:border-box;}
.order_wp ul li a {width:100%; height:100%; display:block;}
.order_wp ul li a img {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;}
.order_wp ul li a span {width:100%; display:block; overflow:hidden;}
.order_wp ul li a span img {width: 100%;}
.order_wp ul li a .txt {position:absolute; text-align:center; line-height:348px; color:#fff; font-size:25px; font-weight:600; z-index:1;}
.order_wp ul li a .txt:after {content:''; background:url("../image/main/order_ico1.png") 0 0 no-repeat; display:inline-block; width:25px; height:25px; margin-left:.7em;}
.order_wp ul li a:hover img {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}


#active_on {background-image:url("../images/his_tab_01_on.gif");}