@charset "utf-8";

/*** Sub Common ***/
/* Sub Visual Sec */
.sub_wrap{margin-top: 0px !important;}
/* .sub_wrap.sc{padding-top: 60px;} */
.lnb_wrap.sc{position: fixed; left: 0; top: 0;}

.sv_sec {position: relative; display: flex; align-items:center; width: 100%; height: 460px; box-sizing: border-box; overflow: hidden; background: url(../../images/sub/sv00.jpg) center no-repeat;}
.sv01 {background:url(../../images/sub/sv00.jpg) center no-repeat ; }
.sv02 {background:url(../../images/sub/sv01.jpg) center no-repeat ; }
.sv03 {background:url(../../images/sub/sv02_01.jpg) center  no-repeat ; }
.sv04 {background:url(../../images/sub/sv03.jpg) center no-repeat ; }
.sv05 {background:url(../../images/sub/sv04.jpg) center no-repeat ; }
.sv06 {background:url(../../images/sub/sv05.jpg) center no-repeat ; }

.sv_sec .tit_box {display: flex;	align-items:center; text-align: center; height: 100%; }
.sv_sec .sv_title1{position: relative; width: 100%; z-index: 10; font-size: 5rem; line-height: 1; color: #fff; font-weight: 700; text-align: center; text-shadow:5px 5px 5px rgba(0,0,0,0.1); padding-top: 92px;}
.sub_layout {width:100%;box-sizing:border-box;  position: relative; }

/* lnb */
.lnb_box{border-bottom: 1px solid #ddd;}
.lnb_box .lnb .dep3{display: none;}
.lnb_box .lnb .dep2{display: flex; }
.lnb_box .lnb .dep2 > li{flex:1; text-align: center; }
.lnb_box .lnb .dep2 > li a{position: relative; font-size: 1.8em;font-size: max(min(1.8rem), 14px); color: #999; line-height: 80px; transition:.3s; letter-spacing: -0.02em;}
.lnb_box .lnb .dep2 > li a:before{position: absolute; content:''; width: 0%; height: 2px; background: #1a449c; left: 50%; bottom: 0; opacity: 0; transition:.3s;}
.lnb_box .lnb .dep2 > li a:after{position: absolute; content:''; width: 6px; height: 6px; border-radius: 50%; background: #aaa; right: 0; top: 50%; margin-top: -3px;}
.lnb_box .lnb .dep2 > li:last-child a:after{display: none;}
.lnb_box .lnb .dep2 > li.current a,
.lnb_box .lnb .dep2 > li a:hover{color: #133e99; font-weight: 500;}
.lnb_box .lnb .dep2 > li:hover a:before,
.lnb_box .lnb .dep2 > li.current a:before{width: 100%; left: 0; opacity: 1;}

.sv_tit_sec{text-align: center; overflow: hidden;} 
.sv_tit_sec .sv_title {font-size: 5rem; line-height: 1; font-weight: 700; color: #333; margin-bottom: 50px; padding-top: 96px;}
.lnb_dep3 {margin-bottom: 100px;}
.lnb_dep3 .lnb .dep2 > li{display: none;}
.lnb_dep3 .lnb .dep2 > li.current{display: block;}
.lnb_dep3 .lnb .dep2 > li > a{display: none;}
.lnb_dep3 .lnb .dep2 > li ul{display: inline-flex; }
.lnb_dep3 .lnb .dep2 > li ul > li{box-sizing: border-box; margin-right: 15px;}
.lnb_dep3 .lnb .dep2 > li ul > li:last-child{margin-right: 0;}
.lnb_dep3 .lnb .dep3 > li > a{width: 181px; font-size: 1.8rem; font-size: max(min(1.8rem), 14px); height: 60px; color: #aaa; background: #efefef;	 border-radius: 50px; transition:.3s; line-height: 1.4; display: flex; align-items:center; justify-content:center;}
.lnb_dep3 .lnb .dep3 > li.current > a,
.lnb_dep3 .lnb .dep3 > li:hover > a{background: #109fc5; color: #fff; font-weight: 500; box-shadow:5px 5px 5px rgba(0,0,0,0.1)}

/* sub_common */
.greetings, .s113, .history, .s13 {margin-top: -40px !important;}
.s31,
.s32,
.s42,
.s51 {margin-top: -50px !Important;}

/* s111 */
.s111{margin-bottom: 130px; 	}
.greetings {display: flex; text-align: center;}
.greetings > .tbx{flex:1}
.greetings > .tbx span{display: block; font-size: 1.8rem; font-size: max(min(1.8rem), 12px); line-height: 1; color: #133e99; font-weight: 700;}
.greetings > .tbx h3{font-size: 1.6rem; font-size: max(min(1.6rem), 14px);  line-height: 30px; font-weight: 500; color: #333; margin: 19px 0 30px;	}
.greetings > .tbx p{font-size: 1.6rem; font-size: max(min(1.6rem), 12px); line-height: 26px; color: #666; margin-bottom: 26px;}
.greetings > figure{position: relative; width: 38.18%; z-index: 10;}
.greetings > figure:before{position: absolute; content:''; width: 375px; height: 375px; background: url(../../images/sub/s111_2.jpg) center no-repeat; right: -40px; top: -40px; z-index: -1;}

.greetings > .tbx strong {display: block; margin-top: 42px; text-align: right; /* padding-right: 7vw; */}
.greetings > .tbx strong img{width: auto;}





/* s121 */
.s112{margin-bottom: 124px;}
.s112 img{width: auto;}
.s112 .arti1{background: url(../../images/sub/s112_bg.jpg) center top no-repeat; padding-top: 78px;} 
.s112 .arti1 ol{display: flex; text-align: center;}
.s112 .arti1 ol > li{width: 50%; text-align: center; box-sizing: border-box; padding-left: 60px; position: relative;}
.s112 .arti1 ol > li:first-child:after{position: absolute; content: ''; width: 1px; height: 157px; background: rgba(255,255,255,0.25); right: 0; top: 30px; }
.s112 .arti1 ol > li:last-child{padding-left: 0; padding-right: 60px;}
.s112 .arti1 ol > li figure{height: 93px;}
.s112 .arti1 ol > li:first-child figure img{margin-left: 22px; margin-top: 11px;}
.s112 .arti1 ol > li .tbx{color: #fff;}
.s112 .arti1 ol > li .tbx h4{font-size: 3.6rem; line-height: 1; font-weight: 500; margin: 14px 0 0px; }
.s112 .arti1 ol > li .tbx h2{font-size: 6rem; color: rgba(255,255,255,0.13); font-weight: 700; position: relative; top: -9px;}
.s112 .arti1 ol > li .tbx p{font-size: 2rem; font-size: max(min(2rem), 12px); line-height: 1; padding-top: 15px;}


.s112 .arti1 .white_box h5{font-size: 3.4rem;  font-size: max(min(3.4rem), 16px); line-height: 1;	font-weight: 500; color: #333; top: 30px; padding-left: 6.75%; position: relative; top: 49px; padding-bottom: 6px;}
 
.s112 .arti1 .white_box{position: relative; background: #fff; margin-top: 83px; }


.s112 .arti1 .white_box ul{display: flex; }
.s112 .arti1 .white_box ul > li{width: 33.333%; box-sizing: border-box; padding: 5.4% 4.7%; padding-right: 0; position: relative; } 
.s112 .arti1 .white_box ul > li:first-child{padding-left: 6.75%; }
.s112 .arti1 .white_box ul > li .tbx h3{position: relative; font-size: 2.8rem; font-size: max(min(2.8rem), 12px); line-height: 1; color: #133e99; font-weight: 500; z-index: 1; padding-top: 50px; margin-bottom: 23px;}
.s112 .arti1 .white_box ul > li .tbx h3:after{position: absolute; content:'01'; font-family: 'Montserrat'; font-size: 8rem; line-height: 1; color: #e6e6e6; font-weight: 600; z-index: -1; left: -4px; top: -2px;}
.s112 .arti1 .white_box ul > li:nth-child(2) .tbx h3:after{content:'02'; }
.s112 .arti1 .white_box ul > li:nth-child(3) .tbx h3:after{content:'03'; }
.s112 .arti1 .white_box ul > li .tbx p{font-size: 1.6rem; font-size: max(min(1.6rem), 12px); line-height: 26px; color: #666;  padding-right: 5%;	}




/* s131 */
.s113 img{width: auto; }
.s113 .arti1{background: #f8f8f8 url(../../images/sub/s113_bg.jpg) center 207px no-repeat; padding: 70px 0 150px;}

/* s12 */
.history {margin-bottom: 150px !important;}
.history .arti1{ background: url(../../images/sub/s12_1.jpg) top center no-repeat; display: flex; height: 412px; align-items:center; text-align: center; color: #fff;}
.history .arti1 .tbx{flex:1; padding-bottom: 74px;}
.history .arti1 .tbx h3{font-size: 4.5rem; line-height: 1; font-weight: 600;	text-shadow:5px 5px 5px rgba(0,0,0,0.1); margin-bottom: 13px; }
.history .arti1 .tbx p{font-size: 2rem; font-size: max(min(2rem), 12px); line-height: 1; opacity: .9; 	}
.history .arti2 {margin-top: -10px;}
.history_cnt, .history_cnt ul li{display: flex; align-items:flex-start; }
.history_cnt h3{position: relative; width:35.60%; font-size: 4.5rem; line-height: 1; color: #109fc5; font-weight: 600; box-sizing: border-box; padding-left: calc(17.804% + 5px); text-align: left; padding-right: 9.5%;}
.history_cnt h3.test_h{letter-spacing: 0.02em !important;}


.history_cnt h3:before{position: absolute; content: ''; width: 20.5%; height: 1px; background: #109fc5;	right: 0; top: 50%; }
.history_cnt h3:after{position: absolute; content:''; width: 21px; height: 21px; background: url(../../images/sub/s12_2.png) center no-repeat; right: -10px; top: 50%; margin-top: -10px;}
.history_cnt ul{position: relative; flex-grow:1; margin-top: 11px; padding-bottom: 5px;}
.history_cnt ul:before{position: absolute; content:''; width: 1px; height: 110%; background: #ddd; left: -1px; top: 14px; z-index: -1;}
.history_cnt:last-child ul:after{position: absolute; content:''; width: 8px; height: 8px; background: #bababa; border-radius: 50%; left: -4px; bottom: 5%; }
.history_cnt:last-child ul{padding-bottom: 80px;}
.history_cnt:last-child ul:before{height: 85%;}
.history_cnt ul li{font-size: 1.6rem; font-size: max(min(1.6rem), 12px); line-height: 26px; color: #666; margin-bottom: 10px;}
.history_cnt ul li span{width: 70px; box-sizing: border-box; color: #333; font-weight: 500; padding-left: 40px;}

/* s103 map */
.s13 iframe{width: 100% !Important;height: 520px !Important;}
.map_txt img{width: auto;}
.map_txt{padding-top: 37px; margin-bottom: 95px;}
.map_txt .lbx{display: flex; float: left;}
.map_txt .lbx h4{font-size: 2.5rem; font-size: max(min(2.5rem), 18px);line-height: 1; color: #303030; font-weight: 500; width: 165px;}
.map_txt .lbx ul{flex-glow:1; margin-top: -8px;}
.map_txt .lbx ul li{font-size: 1.6rem; font-size: max(min(1.6rem), 12px); line-height: 36px; color: #606060; }
.map_txt .lbx ul li span{position: relative;	padding-right: 20px;} 
.map_txt .lbx ul li span:after{position: absolute; content:''; width: 1px; height: 12px; background: #dbdbdb; top: 8px; right:8px;}
.map_txt .lbx ul li span:last-child:after{display: none;}
.map_txt ol{float: right; margin-top: -6px;}
.map_txt ol li{float: left; border: 1px solid #ddd; display: flex; align-items:center; text-align: center; width: 60px; height: 60px;}
.map_txt ol li:last-child{border-left: 0;}
.map_txt ol li a{width: 100%;}
.map_txt ol li a img{transition:.3s;}
.map_txt ol li:hover a img{transform:rotate(25deg)}

/* s31 */
.s31 img{width: auto;}
/* .s31 .arti1{background: url(../../images/sub/s31_1.jpg ) left top no-repeat; background-size: 81.4%;  box-sizing: border-box;}
.s31 .arti_wrap{position: relative; width: 100%; display: flex; align-items:center; height: 524px;}
.s31 .arti_wrap:before{position: absolute; content:''; width: 194px; height: 194px; background: url(../../images/sub/s31_2.jpg) left top; right: -50px; bottom: 0;}
.s31 .arti_wrap:after{position: absolute; content:''; width: 89px; height: 89px; background: #d1e9f7; right: -95px; bottom: 153px; }
.s31 .arti_wrap .tbx{position: relative; width: 100%;}
.s31 .arti_wrap .tbx p{font-size: 1.8rem; font-size: max(min(1.8rem), 12px);line-height: 32px; color: #fff; margin-top: 26px;} */
.s31 .arti1{position: relative; height: 525px; width: 100%;}
.s31 .arti1:before,
.s31 .arti1:after{position: absolute; content: ''; width: 50%; height: 525px; left: 0; top: 0; background: url(../../images/sub/s3_1_new_1.jpg) center no-repeat; background-size: cover;}
.s31 .arti1:after{left: 50%; background: url(../../images/sub/s3_1_new_2.jpg) center no-repeat; background-size: cover;}
.s31 .arti1 .arti_wrap{position: relative; z-index: 100; display: flex; align-items:center; height: 100%;}
.s31 .arti1 .arti_wrap .tbx{box-sizing: border-box;margin-left: 50%; padding-left: 80px; flex:1; padding-top: 40px;}
.s31 .arti1 .arti_wrap h5{position: relative; font-size: 4.8rem; font-size: max(min(4.8rem), 18px); line-height: 1; color: #333; font-weight: 700; padding-bottom: 36px; margin-bottom: 30px;}
.s31 .arti1 .arti_wrap h5:after{position: absolute; content:''; width: 37px; height: 3px; background: #1a449c; left: 3px; bottom: 0;}
.s31 .arti1 .arti_wrap p{font-size: 1.8rem; font-size: max(min(1.8rem), 12px); line-height: 32px; color: #666; letter-spacing: -0.03em; margin-left: 2px;}
.s31 .arti1 .arti_wrap p b{display: block; font-weight: 500; color: #333;} 


/* s32 */
.s32{margin-bottom: 140px;}
.s32 .arti1{display: flex; align-items:stretch; height: 387px;}
.s32 .arti1 > *{width: 49.24%; margin-right: 1.5%; background: #f8f8f8 url(../../images/sub/s32_2.jpg) right bottom no-repeat; box-sizing: border-box; padding: 4.2% 4.4%;}
.s32 .arti1 > *:last-child{margin-right: 0; background: #f8f8f8 url(../../images/sub/s32_1.jpg) right bottom no-repeat;}
.s32 .arti1 > * h4{font-size: 2.8rem; font-size: max(min(2.8rem), 12px);line-height: 1; font-weight: 500; color: #333; margin-bottom: 19px;}
.s32 .arti1 > * ul > li{float: left; width: 44.289%; border-bottom: 1px solid #ddd; padding: 15px 0 12px; margin-bottom: 13px; margin-right: 9%;}
.s32 .arti1 > * ul > li:nth-child(2n+2){margin-right: 0;}
.s32 .arti1 > * ul > li p{font-size: 1.6rem; font-size: max(min(1.6rem), 12px);line-height: 1; color: #666; margin-bottom: 11px;padding-left: 2px;}
.s32 .arti1 > * ul > li h5{font-size: 5rem; line-height: 1; color: #1197c1; font-weight: 600; margin-left: 4px;}
.s32 .arti1 > *:last-child ul > li h5{color: #133e99;}

/* s331 */
.product {background: url(../../images/sub/s331_2.jpg) 90% bottom no-repeat; padding-bottom: 150px;}
.product .arti2 > *{float: left; box-sizing: border-box;}
.product .arti2 > .img_box{width: 47.34%; padding-right: 50px; }
.product .arti2 > .img_box img{width: auto;}
.product .arti2 > .tbx{width: 52.66%; border-top: 2px solid #333;}
.product .arti2 > .img_box .pro_img{background: #f8f8f8; display: flex; text-align: center; align-items:center; height: 534px;} 
.product .arti2 > .img_box .pro_img > *{width: 100%; text-align: center;}
.product .arti2 > .img_box img{margin: 0 auto;}
.product_owl  .owl-nav [class*=owl-] {position: absolute; left: 40px; top: 50%; margin-top: -15px; width: 17px; height: 31px; background: url(../../images/sub/s331_prev.jpg) center no-repeat !important; z-index: 10;}
.product_owl  .owl-nav .owl-next{ background: url(../../images/sub/s331_next.jpg) center no-repeat !important; left: auto; right: 40px;}
.product_owl  .owl-nav [class*=owl-] span{display: none;}
.product .arti2 .tbx{display: flex; padding: 58px 0 0 36px;}
.product .arti2 .tbx ul{width: calc(50% - 11px);}
.product .arti2 .tbx ul:first-child{width: calc(50% + 11px);}
.product .arti2 .tbx ul li{position: relative; font-size: 1.6rem; font-size: max(min(1.6rem), 12px); line-height: 32px; color: #666; padding-left: 14px; letter-spacing: -0.04em;}
.product .arti2 .tbx ul li:before{position: absolute; content:''; width: 5px; height: 5px; background: #11346d; left: 0; top: 14px; border-radius: 50%;}
.product .arti2 .tbx ul:last-child li{padding-left: 15px;}

/* s42 */

.s41 .arti3{margin-top: 64px; }
.s41 .arti3 ul{display: flex; flex-wrap:wrap; }
.s41 .arti3 ul li { ; margin-bottom: 20px; width: calc(33.33% - 17.33px); margin-right: 26px;}
.s41 .arti3 ul li video{width: 100%; height: auto;}
.s41 .arti3 ul li:nth-child(3n+3){margin-right: 0;}


.s42{padding-bottom: 150px; }
.s42 .arti1 ul{display: flex; } 
.s42 .arti1 ul li{width: 50%; text-align: center;}
.s42 .arti1 ul li span{display: inline-block; width: 250px; font-size: 2rem; font-size: max(min(2rem), 12px);line-height: 77px; font-weight: 500; color: #333; background: #efefef; border-radius: 50px; background: #efefef;	margin-top: 50px;}

/* s51 */
.s51 {background: url(../../images/sub/s51_bg.jpg) center bottom no-repeat; padding-bottom: 140px;}
.s51 .arti1 ul{display: flex; text-align: center;}
.s51 .arti1 ul li{width: 15.53%; margin-right: 12.62%; }
.s51 .arti1 ul li:last-child{margin-right: 0;}
.s51 .arti1 ul li figure{position: relative; margin-bottom: 15px; }
.s51 .arti1 ul li figure:after{position: absolute; content:''; width: 32px; height: 21px; background: url(../../images/sub/s51_arr.png) center no-repeat; right: -49%; top: 50%; margin-top: -10px;}
.s51 .arti1 ul li span{font-size: 1.6rem; font-size: max(min(1.6rem), 12px); line-height: 1; color: #109fc5; font-weight: 700;}
.s51 .arti1 ul li p{font-size: 2rem; font-size: max(min(2rem), 12px);color: #333; line-height: 1;}
.s51 .arti1 ul.origin li:last-child figure:after{transform:rotate(90deg); right: auto; left: 50%; margin-left: -15px; bottom: -76%; top: auto; margin-top: 0;}
.s51 .arti1 ul.rev{padding-top: 90px; flex-direction: row-reverse;}
.s51 .arti1 ul.rev li:first-child{margin-right: 0;}
.s51 .arti1 ul.rev li:last-child{margin-right: 12.62%;}
.s51 .arti1 ul.rev li figure:after{transform:rotate(180deg)}
.s51 .arti1 ul.rev li:first-child figure:after{display: none;}

/* s602 */
#bo_w{margin-top: -50px;}
.s602_figure{display: flex; align-items:center; height: 491px; background: url(../../images/sub/s602_002.jpg) top center no-repeat; }
.s602_figure img{width: auto;}
.s602_figure .tbx{display: flex; align-items:center; padding-left: 90px; padding-bottom: 100px;}
.s602_figure figure{width: 115px;}
.s602_figure p{font-size: 2.4rem; font-size: max(min(2.4rem), 16px); font-weight: 500; line-height: 34px; color: #333; padding-left: 19px; letter-spacing: -0.03em !important;}