@charset "utf-8";

/* main_visual */
.main_visual {position:relative; height:calc(100vh);}
.main_visual .slick-list, .main_visual .slick-track {height:100%;}
.main_visual .main_slide {height:100%; overflow:hidden;}
.main_visual .main_slide .ms_sec {position:relative; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.main_visual .main_slide .ms_sec .txt_box {position:absolute; top:35%; left:0; right:0; max-width:750px; width:100%; margin:0 auto; text-align:center;}
.main_visual .main_slide .ms_sec .txt_box .s_cate {opacity:0; transform:translateY(-15px); display:block; margin-bottom:35px; color:#fff; font-size:24px; font-weight:600; letter-spacing:-0.5px; line-height:140%; transition:opacity 1.8s cubic-bezier(0.23, 1, 0.38, 1), transform 1.8s cubic-bezier(0.23, 1, 0.38, 1);}
.main_visual .main_slide .ms_sec .txt_box .s_cate:after {content:""; display:block; width:24px; height:1px; margin:10px auto 0 auto; background-color:#fff;}
.main_visual .main_slide .ms_sec .txt_box .s_tit {opacity:0; transform:translateY(-15px); display:block; color:#fff; font-size:64px; font-weight:100; letter-spacing:-0.5px; line-height:150%; transition:opacity 1.8s cubic-bezier(0.23, 1, 0.38, 1), transform 1.8s cubic-bezier(0.23, 1, 0.38, 1);}
.main_visual .main_slide .ms_sec .txt_box .s_tit strong {font-weight:600;}
.main_visual .main_slide .ms_sec .txt_box .s_txt {opacity:0; transform:translateY(-15px); display:block; color:#fff; font-size:26px; font-weight:300; line-height:140%; transition:opacity 1.8s cubic-bezier(0.23, 1, 0.38, 1), transform 1.8s cubic-bezier(0.23, 1, 0.38, 1);}
.main_visual .main_slide .ms_sec .txt_box .s_link {opacity:0; transform:translateY(-15px); display:block; margin-top:35px; transition:opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1), transform 1.6s cubic-bezier(0.23, 1, 0.38, 1);}
.main_visual .main_slide .ms_sec .txt_box .s_link .btn_more {display:inline-block; padding:10px 30px; color:#fff; font-size:20px; font-weight:300; letter-spacing:-0.5px; line-height:140%; border:1px solid #fff; border-radius:50px; overflow:hidden; vertical-align:middle; transition:background .15s ease-out, border .15s ease-out;}
.main_visual .main_slide .ms_sec .txt_box .s_link .btn_more:hover {background-color:#d23735; border:1px solid #d23735; text-decoration:none;}
.main_visual .ms_control {position:absolute; top:50%; left:0; right:0; max-width:1260px; width:100%; margin:-48px auto 0 auto;}
.main_visual .ms_control .btn_prev, .main_visual .ms_control .btn_next {opacity:.6; position:absolute; top:0; display:block; width:96px; height:96px; text-indent:-999em; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; border:1px solid #fff; border-radius:96px; outline:0; overflow:hidden; transition:opacity .15s ease-out;}
.main_visual .ms_control .btn_prev:hover, .main_visual .ms_control .btn_next:hover {opacity:1;}
.main_visual .ms_control .btn_prev {left:30px; background-image:url('../images/ico/ms_arr_prev.png');}
.main_visual .ms_control .btn_next {right:30px; background-image:url('../images/ico/ms_arr_next.png');}
.main_visual .main_slide .ms_sec.afterOn .txt_box .s_cate {opacity:1; transform:translateY(0); transition-delay:.2s;}
.main_visual .main_slide .ms_sec.afterOn .txt_box .s_tit {opacity:1; transform:translateY(0); transition-delay:.6s;}
.main_visual .main_slide .ms_sec.afterOn .txt_box .s_txt {opacity:1; transform:translateY(0); transition-delay:.6s;}
.main_visual .main_slide .ms_sec.afterOn .txt_box .s_link {opacity:1; transform:translateY(0); transition-delay:1.2s;}
.main_visual .slick-dots {display:none !important; position:absolute; bottom:25px; left:0; width:100%; text-align:center;}
.main_visual .slick-dots li {display:inline-block; margin:0 5px; vertical-align:middle;}
.main_visual .slick-dots li button {opacity:.7; display:inline-block; width:12px; height:12px; text-indent:-999em; background-color:transparent; border:2px solid #fff; border-radius:12px; outline:0; overflow:hidden; vertical-align:middle;}
.main_visual .slick-dots li.slick-active button {background-color:#fff;}
.main_visual .btn_scroll_down {opacity:.7; display:block; position:absolute; bottom:5%; left:50%; width:53px; height:66px; margin-left:-26px; background:url('../images/ico/ico_scroll_down.png') no-repeat 50% 50%; overflow:hidden; transition:opacity .15s ease-out;}
.main_visual .btn_scroll_down:hover {opacity:1;}
.main_visual .btn_scroll_down:before {content:""; display:block; position:absolute; top:9px; left:0; right:0; width:5px; height:5px; margin:0 auto; background-color:#fff; border-radius:5px; -webkit-animation:scrollMove .7s ease-in-out .1s infinite alternate; animation:scrollMove .7s ease-in-out .1s infinite alternate;}

@-webkit-keyframes scrollMove {
	0% {transform:translateY(0);}
	100% {transform:translateY(5px);}
}
@keyframes scrollMove {
	0% {transform:translateY(0);}
	100% {transform:translateY(5px);}
}

@media (max-height:760px) {
.main_visual {height:760px;}
}

@media (max-width:1280px) {
.main_visual .main_slide .ms_sec .txt_box .s_cate {font-size:22px;}
.main_visual .main_slide .ms_sec .txt_box .s_tit {font-size:48px;}
.main_visual .main_slide .ms_sec .txt_box .s_txt {font-size:22px;}
.main_visual .main_slide .ms_sec .txt_box .s_link .btn_more {font-size:18px;}
}

@media (max-width:1023px) {
.main_visual {height:600px;}
.main_visual .main_slide .ms_sec .txt_box {top:32%; max-width:580px;}
.main_visual .main_slide .ms_sec .txt_box .s_cate {margin-bottom:25px; font-size:20px;}
.main_visual .main_slide .ms_sec .txt_box .s_tit {font-size:46px;}
.main_visual .main_slide .ms_sec .txt_box .s_txt {font-size:20px;}
.main_visual .ms_control {margin:-37px auto 0 auto;}
.main_visual .ms_control .btn_prev, .main_visual .ms_control .btn_next {width:74px; height:74px; background-size:30px auto;}
.main_visual .btn_scroll_down {display:none;}
}

@media (max-width:767px) {
.main_visual {height:480px;}
.main_visual .main_slide .ms_sec .txt_box {top:33%; max-width:400px; padding:0 20px;}
.main_visual .main_slide .ms_sec .txt_box .s_cate {margin-bottom:20px; font-size:14px;}
.main_visual .main_slide .ms_sec .txt_box .s_cate:after {margin:6px auto 0 auto;}
.main_visual .main_slide .ms_sec .txt_box .s_tit {font-size:26px;}
.main_visual .main_slide .ms_sec .txt_box .s_txt {font-size:16px;}
.main_visual .main_slide .ms_sec .txt_box .s_link {margin-top:30px;}
.main_visual .main_slide .ms_sec .txt_box .s_link .btn_more {padding:8px 20px; font-size:14px;}
.main_visual .ms_control .btn_prev, .main_visual .ms_control .btn_next {display:none;}
.main_visual .slick-dots {display:block !important;}
}

/* section layout */
.section .sec_tit {margin-bottom:50px; color:#fff; font-size:52px; font-weight:500; letter-spacing:-0.5px; line-height:140%; text-align:center; text-transform:uppercase;}

@media (max-width:1023px) {
.section .sec_tit {font-size:42px;}
}

@media (max-width:767px) {
.section .sec_tit {margin-bottom:30px; font-size:24px;}
}

/* section intro */
.section.intro {background:url('../images/main/bg_section_intro.jpg') no-repeat 50% 0; background-size:cover;}
.section.intro .main_intro {max-width:830px; margin:0 auto; text-align:center; padding:140px 30px;}
.section.intro .main_intro .s_tit {position:relative; color:#000; font-size:64px; font-weight:600; line-height:140%; text-align:center; text-transform:uppercase;}
.section.intro .main_intro .s_tit:before {content:""; display:block; width:61px; height:106px; margin:0 auto 30px auto; background:url('../images/ico/ico_symbol.png') no-repeat 50% 50%;}
.section.intro .main_intro .s_txt {margin-top:30px; color:#000; font-size:32px; font-weight:300; line-height:160%; text-align:center;}
.section.intro .main_intro .s_txt span {display:block; line-height:160%;}
.section.intro .main_intro .btn_download {position:relative; display:inline-block; margin-top:60px; padding-right:50px; padding-bottom:10px; color:#000; font-size:26px; font-weight:300; line-height:140%; border-bottom:2px solid #8d8d8d; vertical-align:middle;}
.section.intro .main_intro .btn_download:hover {text-decoration:none;}
.section.intro .main_intro .btn_download:before {content:""; display:block; position:absolute; top:4px; right:0; width:29px; height:24px; background:url('../images/ico/ico_download.png') no-repeat 50% 50%; background-size:29px 24px;}
.section.intro .main_intro .btn_download:hover:before {-webkit-animation:arrMove .5s ease-out alternate; animation:arrMove .5s ease-out alternate;}
.section.intro .main_intro .s_tit.ani_obj {opacity:0; transform:translateY(50px); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1); transition-delay:.3s;}
.section.intro .main_intro .s_tit.ani_obj.ani_on {opacity:1; transform:translateY(0);}
.section.intro .main_intro .s_txt.ani_obj {opacity:0; transform:translateY(50px); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1); transition-delay:.3s;}
.section.intro .main_intro .s_txt.ani_obj.ani_on {opacity:1; transform:translateY(0);}
.section.intro .main_intro .btn_download.ani_obj {opacity:0; transform:translateY(50px); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1); transition-delay:.3s;}
.section.intro .main_intro .btn_download.ani_obj.ani_on {opacity:1; transform:translateY(0);}
@-webkit-keyframes arrMove {
	0%   {transform:translateY(0px);}
	50% {transform:translateY(5px);}
	100% {transform:translateY(0px);}
}
@keyframes arrMove {
	0%   {transform:translateY(0px);}
	50% {transform:translateY(5px);}
	100% {transform:translateY(0px);}
}

@media (max-width:1023px) {
.section.intro .main_intro {max-width:640px; padding:120px 30px;}
.section.intro .main_intro .s_tit {font-size:44px;}
.section.intro .main_intro .s_tit:before {width:50px; height:87px; margin:0 auto 20px auto; background-size:50px 87px;}
.section.intro .main_intro .s_txt {margin-top:20px; font-size:24px;}
.section.intro .main_intro .btn_download {margin-top:50px; padding-right:45px; font-size:22px; border-bottom:1px solid #8d8d8d;}
.section.intro .main_intro .btn_download:before {width:25px; height:21px; background-size:25px 21px;}
}

@media (max-width:767px) {
.section.intro .main_intro {max-width:300px; padding:60px 15px;}
.section.intro .main_intro .s_tit {font-size:24px;}
.section.intro .main_intro .s_tit:before {width:31px; height:53px; margin:0 auto 10px auto; background-size:31px 53px;}
.section.intro .main_intro .s_txt {margin-top:15px; font-size:15px;}
.section.intro .main_intro .s_txt span {display:inline;}
.section.intro .main_intro .btn_download {margin-top:25px; padding-right:25px; padding-bottom:5px; font-size:15px;}
.section.intro .main_intro .btn_download:before {top:3px; width:18px; height:15px; background-size:18px 15px;}
}

/* section shortcuts */
.section.shortcuts {position:relative;}
.section.shortcuts .shortcuts_list {display:table; width:100%; overflow:hidden;}
.section.shortcuts .shortcuts_list li {display:table-cell; width:50%; padding:55px 30px; text-align:center; vertical-align:middle;}
.section.shortcuts .shortcuts_list li.nth1 {background-color:#048817;}
.section.shortcuts .shortcuts_list li.nth2 {background-color:#0562a4;}
.section.shortcuts .shortcuts_list li .s_txt {display:block; color:#fff; font-size:24px; font-weight:400; letter-spacing:-0.5px; line-height:140%;}
.section.shortcuts .shortcuts_list li .s_link {display:inline-block; min-width:190px; margin-top:25px; padding:14px 20px; font-size:16px; font-weight:500; line-height:140%; background-color:#fff; border:1px solid #fff; border-radius:50px; overflow:hidden; vertical-align:middle; transition:all .15s ease-out;}
.section.shortcuts .shortcuts_list li .s_link:hover {text-decoration:none;}
.section.shortcuts .shortcuts_list li.nth1 .s_link {color:#048817;}
.section.shortcuts .shortcuts_list li.nth2 .s_link {color:#0562a4;}

@media (min-width:1024px) {
.section.shortcuts .shortcuts_list li.nth1 .s_link:hover {color:#fff; background-color:#048817; border:1px solid #fff;}
.section.shortcuts .shortcuts_list li.nth2 .s_link:hover {color:#fff; background-color:#0562a4; border:1px solid #fff;}
}

@media (max-width:1023px) {
.section.shortcuts .shortcuts_list li .s_txt {font-size:22px;}
}

@media (max-width:767px) {
.section.shortcuts .shortcuts_list {display:block;}
.section.shortcuts .shortcuts_list li {display:block; width:auto; padding:30px 15px;}
.section.shortcuts .shortcuts_list li .s_txt {font-size:18px;}
.section.shortcuts .shortcuts_list li .s_link {min-width:160px; margin-top:15px; padding:10px 15px; font-size:14px;}
}

/* section technology */
@media (min-width:1024px) {
.technology_area .technology_tab ul li a:hover {background-color:#014473;}
}
.section.technology {background:url('../images/main/bg_section_technology.jpg'); background-size:cover; overflow:hidden;}
.section.technology .inner {max-width:1260px; margin:0 auto; padding:120px 30px;}
.technology_area {position:relative; min-height:560px; margin-left:25px; padding:80px 40px 110px 250px; background-color:#1a77ba; border:1px solid #32b7f1; box-shadow:0 26px 38px rgba(0, 0, 0, .21);}
.technology_area:before {content:""; display:block; position:absolute; top:0; right:0; width:35%; height:100%; background-color:#0099dc;}
.technology_area .technology_tab {position:absolute; top:50%; left:-25px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.technology_area .technology_tab ul li {position:relative; margin-top:10px;}
.technology_area .technology_tab ul li:first-child {margin-top:0;}
.technology_area .technology_tab ul li a {display:block; padding:18px 30px; color:#79b1d9; font-size:16px; font-weight:300; line-height:140%; text-align:left; background-color:#02538d; transition:all .15s ease-out;}
.technology_area .technology_tab ul li a:hover {text-decoration:none;}
.technology_area .technology_tab ul li.on a {color:#fff; background-color:#0ca9ed;}
.technology_area .technology_cont {position:relative; width:0; height:0; visibility:hidden; filter:alpha(opacity=0); opacity:0; transition:opacity .5s ease-out;}
.technology_area .technology_cont:after {content:""; display:block; clear:both;}
.technology_area .technology_cont.on {width:auto; height:auto; visibility:visible; filter:alpha(opacity=100); opacity:1;}
.technology_area .technology_cont .technology_tbl {display:table; width:100%;}
.technology_area .technology_cont .technology_tbl .technology_info {display:table-cell; width:46%; padding-right:2%; vertical-align:middle;}
.technology_area .technology_cont .technology_tbl .technology_info dl {}
.technology_area .technology_cont .technology_tbl .technology_info dl dt {margin-bottom:30px; color:#fff; font-size:40px; font-weight:500; line-height:140%;}
.technology_area .technology_cont .technology_tbl .technology_info dl dt:after {content:""; display:block; width:34px; height:2px; margin-top:15px; background-color:#fff;}
.technology_area .technology_cont .technology_tbl .technology_info dl dd {margin-bottom:30px; color:#fff; font-size:21px; font-weight:300; line-height:160%;}
.technology_area .technology_cont .technology_tbl .technology_info dl dd:last-child {margin-bottom:0;}
.technology_area .technology_cont .technology_tbl .technology_item {position:relative; display:table-cell; width:54%; vertical-align:middle;}
.technology_area .technology_cont .technology_tbl .technology_item img {opacity:0; width:0; height:0; visibility:hidden; -ms-transform:translateX(30px); -webkit-transform:translateX(30px); transform:translateX(30px); max-width:100%; width:auto; height:auto; vertical-align:middle; transition:transform .5s ease-out, opacity .5s ease-out; transition-delay: .3s;}
.technology_area .technology_cont.on .technology_tbl .technology_item img {opacity:1;width:auto; height:auto; visibility:visible; -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0);}

@media (max-width:1280px) {
.technology_area {min-height:535px; padding:100px 40px 120px 230px;}
.technology_area .technology_cont .technology_tbl .technology_info dl dt {font-size:38px;}
.technology_area .technology_cont .technology_tbl .technology_info dl dd {font-size:19px;}
}

@media (max-width:1023px) {
.section.technology .inner {padding:100px 30px;}
.technology_area {margin-top:80px; margin-left:0; padding:100px 60px;}
.technology_area .technology_tab {top:-30px; left:60px; right:60px; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.technology_area .technology_tab ul {display:table; width:100%;}
.technology_area .technology_tab ul li {display:table-cell; width:25%; border-left:1px solid #1f79b9; vertical-align:middle;}
.technology_area .technology_tab ul li:first-child {border-left:none;}
.technology_area .technology_tab ul li a {height:60px; line-height:60px; padding:0 20px; text-align:center;}
.technology_area .technology_tab ul li a span {display:inline-block; margin-bottom:2px; line-height:130%; vertical-align:middle;}
.technology_area .technology_tab ul li {margin-top:0;}
}

@media (max-width:767px) {
.section.technology .inner {padding:40px 15px;}
.technology_area {min-height:auto; margin-top:60px; padding:50px 30px 30px 30px;}
.technology_area:before {display:none;}
.technology_area .technology_tab {left:10px; right:10px;}
.technology_area .technology_tab ul li a {height:50px; line-height:50px; padding:0 10px; font-size:12px;}
.technology_area .technology_cont .technology_tbl {display:block; width:auto;}
.technology_area .technology_cont .technology_tbl .technology_info {display:block; width:auto; padding-right:0;}
.technology_area .technology_cont .technology_tbl .technology_info dl dt {margin-bottom:20px; font-size:18px; text-align:center;}
.technology_area .technology_cont .technology_tbl .technology_info dl dt:after {margin:15px auto 0 auto; width:28px; height:1px;}
.technology_area .technology_cont .technology_tbl .technology_info dl dd {margin-bottom:15px; font-size:13px;}
.technology_area .technology_cont .technology_tbl .technology_item {display:block; width:auto; margin:15px auto 0 auto; padding:0 20%;}
}

/* section product */
.section.product {background:url('../images/main/bg_section_product.jpg'); background-size:cover; overflow:hidden;}
.section.product .inner {max-width:1260px; margin:0 auto; padding:120px 30px;}
.product_area .product_kind {max-width:440px; margin:0 auto; padding:12px 20px; text-align:center; border-radius:80px; background-color:#294e8a; border:1px solid #3c63a4; overflow:hidden;}
.product_area .product_kind span {position:relative; display:inline-block; padding:0 25px; color:#9ec2ff; font-size:36px; font-weight:100; line-height:140%; text-transform:uppercase; vertical-align:middle;}
.product_area .product_kind span:before {content:""; position:absolute; top:50%; left:0; display:block; width:1px; height:28px; margin-top:-14px; background-color:#577ab3;}
.product_area .product_kind span:first-child:before {display:none;}
.product_area .product_obj {margin-top:30px; text-align:center;}
.product_area .product_obj img {max-width:100%; width:auto; height:auto; vertical-align:top;}

@media (max-width:1023px) {
.section.product .inner {padding:100px 30px;}
.product_area .product_kind {max-width:380px; padding:10px 20px;}
.product_area .product_kind span {font-size:30px;}
}

@media (max-width:767px) {
.section.product .inner {padding:40px 15px;}
.product_area .product_kind {max-width:210px; padding:8px 10px;}
.product_area .product_kind span {padding:0 15px; font-size:16px;}
.product_area .product_kind span:before {height:16px; margin-top:-8px;}
}

/* section rnd */
.section.rnd {background:url('../images/main/bg_section_rnd.jpg'); background-size:cover; overflow:hidden;}
.section.rnd .inner {max-width:1260px; margin:0 auto; padding:120px 30px;}
.rnd_list {overflow:hidden;}
.rnd_list ul {margin:0 -30px -30px 0; font-size:0; overflow:hidden;}
.rnd_list ul li {display:inline-block; width:50%; vertical-align:top;}
.rnd_list ul li a {position:relative; display:block; margin:0 30px 30px 0; padding:80px 30px; text-align:center; background-color:#1a77ba; transition:background .15s ease-out;}
.rnd_list ul li a:hover {text-decoration:none;}
.rnd_list ul li a:before {content:""; display:block; position:absolute; top:10px; right:10px; bottom:10px; left:10px; background-color:#288bd2; border:1px solid #16639a; transition:background .15s ease-out;}
.rnd_list ul li a span {position:relative; display:block; color:#fff; font-size:40px; font-weight:500; line-height:140%; z-index:1;}
.rnd_list ul li a em {position:relative; display:block; margin-top:10px; color:#87c8f7; font-size:18px; font-weight:100; line-height:140%; z-index:1;}

@media (min-width:1024px) {
.rnd_list ul li a:hover {background-color:#2183ca;}
.rnd_list ul li a:hover:before {background-color:#3ca0e8;}
}

@media (max-width:1023px) {
.section.rnd .inner {padding:100px 30px;}
.rnd_list ul li a span {font-size:32px;}
.rnd_list ul li a em {font-size:17px;}
}

@media (max-width:767px) {
.section.rnd .inner {padding:40px 15px;}
.rnd_list ul {margin:0 -12px -12px 0;}
.rnd_list ul li a {margin:0 12px 12px 0; padding:40px 15px;}
.rnd_list ul li a:before {top:5px; right:5px; bottom:5px; left:5px;}
.rnd_list ul li a span {font-size:18px;}
.rnd_list ul li a em {margin-top:5px; font-size:12px;}
}