@charset "utf-8";@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,900; 1,900&family=Titillium+Web:ital,wght@0,400; 0,700; 1,400; 1,700&display=swap');@import url('/pcms/common/font/font_gothic.css');
#body_layout { overflow: hidden}

#mcont1 { overflow: hidden; position: relative; z-index: 1; margin-top: 20px; height: 650px; } 

#mcont1 .obj_bg1 { ;position: absolute;left: 0;bottom: 0;width:calc((100% - 1240px)/2);;height: 100%;background: #fff url(/images/eng/main/mcont1_bg3.png) left center no-repeat;content: '';z-index: 1; } 

#mcont1 .obj_bg2 { position: absolute; right: 50%; /* top: 0; */
 bottom: 50px; z-index: -1; width: 278px; height: 355px; margin-right: -920px; background: url(/images/eng/main/mcont1_bg2.png); content: ''; } 

#mcont1 #main_visual { width: 100%; margin: 0 auto; padding-top: 60px;overflow: hidden;}

#mcont1 #main_visual:after { display: block; content: ""; clear: both; } 

#mcont1 #main_visual .group { float: left; } 

#mcont1 #main_visual .group1 { width: 550px; padding: 55px 0;padding-right: 60px;}

#mcont1 #main_visual .group1 .tit_box>p { font-size: 18px; color: #375c99; font-weight: bold; } 

#mcont1 #main_visual .group1 .tit_box>h2 { font-size: 51px; margin-bottom: 15px; } 

#mcont1 #main_visual .group1 .tit_box>h2>* { display: block; font-weight: bold; font-family: 'Montserrat', sans-serif; } 

#mcont1 #main_visual .group1 .tit_box>h2>em { color: #2b4491; } 

#mcont1 #main_visual .group1 .tit_box>span { color: #555; font-size: 18px; } 

#mcont1 #main_visual .group1 .control_box { margin-top: 25px; } 

#mcont1 #main_visual .group1 .paging { position: relative; display: inline-block; } 

#mcont1 #main_visual .group1 .paging .slick-dots li { display: inline-block; margin-right: 30px; } 

#mcont1 #main_visual .group1 .paging .slick-dots li button { display: inline-block; line-height: 1.5; font-size: 15px; color: #000; font-weight: normal; position: relative; } 

#mcont1 #main_visual .group1 .paging .slick-dots li.slick-active button { font-weight: 700; display: inline-block; font-size: 16px; } 

#mcont1 #main_visual .group1 .paging .slick-dots li button:after { display: block; opacity: 0; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; content: ''; background: #0058b0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } 

#mcont1 #main_visual .group1 .paging .slick-dots li.slick-active button:after { left: 0; width: 100%; opacity: 1; } 

#mcont1 #main_visual .group1 .paging .slick-dots li button:before { display: inline; content: "0"; } 

#mcont1 #main_visual .group1 .slider-progress { display: inline-block; width: 80px; margin-left: 45px; margin-right: 10px; height: 2px; } 

#mcont1 #main_visual .group1 .slider-progress .progress { height: 100%; background: #000; } 

#mcont1 #main_visual .group1 .btn_stop,
#mcont1 #main_visual .group1 .btn_play { display: inline-block; position: relative; width: 7px; height: 44px; margin-left: 12px; font-size: 0; vertical-align: middle; } 

#mcont1 #main_visual .group1 .btn_stop:before { content: ''; position: absolute; top: 50%; left: 2px; right: 0; display: block; width: 3px; height: 11px; margin-top: -5.5px; box-shadow: -3px 0 #000000, 3px 0 #000000}

#mcont1 #main_visual .group1 .btn_play:before { content: ''; position: absolute; top: 50%; left: 0; right: 20px; display: block; width: 0; height: 0; margin-top: -5.5px; border-width: 6px 0 7px 8px; border-style: solid; border-color: transparent transparent transparent #000; } 

#mcont1 #main_visual .group1 .slick-arrow { display: block; position: absolute; bottom: -60px; font-size: 0; z-index: 11; } 

#mcont1 #main_visual .group1 .btn_prev { width: 38px; height: 92px; background: #2b4491; box-shadow: 4px 4px 5px 0px rgba(43, 68, 145, 0.3); right: 100px;
}

#mcont1 #main_visual .group1 .btn_next { background: #91bd3b; width: 74px; height: 92px; box-shadow: 4px 4px 5px 0px rgba(145, 189, 59, 0.3); border-bottom-right-radius: 35px; right: 10px; } 

#mcont1 #main_visual .group1 .slick-arrow:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

#mcont1 .basic_search { width: 100%; height: 66px; border: 4px solid #375c99; border-radius: 33px; position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 0 20px; margin-top: 60px;}

#mcont1 .basic_search .search--select { padding-right: 15px; border-right: 1px solid #c3cee0; } 

#mcont1 .basic_search .search--select select { border: none; font-size: 15px; color: #375c99; padding: 0 20px 0 0; font-weight: 300; background: transparent; position: relative; background: transparent url(/images/eng/main/arrow-select.png) no-repeat 98% 50%; font-style: italic; } 

#mcont1 .basic_search .searchinput { padding: 0 15px; width: 100%; padding-right: 75px; } 

#mcont1 .basic_search .searchinput input[type=text]::placeholder { color: #375c99; font-style: italic; font-size: 15px; width: 100%; } 

#mcont1 .basic_search .searchinput .submit { position: absolute; top: 0px; right: 0px; width: 82px; height: 59px;}

#mcont1 .basic_search .searchinput .submit:after { display: block; content: ""; width: 87px; height: 96px; background: transparent url(/images/eng/main/mcont1_search_bg.png) no-repeat 0 0; position: absolute; right: -28px; bottom: 1px; z-index: 1; } 

#mcont1 .basic_search .searchinput .submit input { display: block; width: 100%; height: 100%; font-size: 0; background: transparent url(/images/eng/main/mcont1_search.png) no-repeat 0 center; } 

#mcont1 #main_visual .group1 .slick-arrow.btn_prev:before { width: 8px; height: 8px; border-width: 3px; border-style: solid; border-color: #fff; transform: rotate(45deg); border-width: 0 0 3px 3px; } 

#mcont1 #main_visual .group1 .slick-arrow.btn_next:before { width: 8px; height: 8px; border-width: 3px; border-style: solid; border-color: #fff; transform: rotate(45deg); border-width: 3px 3px 0 0;}


#mcont1 #main_visual .group2 { width: 1484px; height: 515px; position: absolute; top: 60px; left: 550px; overflow: hidden; z-index: 0;} 

#mcont1 #main_visual .group2 .slide_box { height: 515px;  width: 742px; } 

#mcont1 #main_visual .group2 .slide_box .slick-list { overflow: visible; height: 100%;} 
#mcont1 #main_visual .group2 .slide_box .slick-list .slick-track{height: 100%;z-index: 0;}
#mcont1 #main_visual .group2 .slide_box .slick_item { position: relative;height: 100%; overflow: hidden;} 
#mcont1 #main_visual .group2 .slide_box .slick_item>a{display: block;}
#mcont1 #main_visual .group2 .slide_box .slick_item img { height: 100%; } 
#mcont1 #main_visual .group2 .slide_box .slick-slide[tabindex="-1"]{opacity: 0;}
#mcont1 #main_visual .group2 .slide_box .slick-slide { margin-right: 52px; opacity: 0; height: 100%;} 
#mcont1 #main_visual .group2 .slide_box .slick-slide>div{height: 100%;}

#mcont1 #main_visual .group2 .slide_box .slick-slide.slick-current{ opacity: 1; } 
#mcont1 #main_visual .group2 .slide_box .slick-slide.slick-current +.slick-slide{opacity: .4;}
#mcont1>em { position: absolute; left: 50%; top: 315px; margin-left: -950px; font-size: 13px; color: #bcbec1; transform: rotate(-90deg); letter-spacing: 0px; } 

#mcont1>em:before { display: inline-block; width: 42px; height: 1px; margin-right: 10px; background: #ddd; vertical-align: middle; content: ''; } 

#mcont1 .layout:after { display: block; clear: both; content: ''; } 

#mcont1 .layout>div { margin-bottom: 30px}

#mcont2 { padding: 20px 0 90px; } 

#mcont2 .layout { width: 100%; max-width: 1240px; } 

#mcont2 .list_box .list.news ul { border-top: 1px solid #000; } 

#mcont2 .list_box .list.news ul li { border-bottom: 1px solid #dddddd; } 

#mcont2 .list_box .list.news ul li a { display: block; width: 100%; height: 100%; overflow: hidden; } 

#mcont2 .list_box .list.news ul li a .date { padding: 10px 0; text-align: center; display: block; float: left; width: 70px;}

#mcont2 .list_box .list.news ul li a>em { display: block; float: left; width: calc(100% - 70px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 24px 0 0 0; font-family: "gothic"; } 

#mcont2 .list_box .list.news ul li a .date .day { font-size: 26px; font-weight: bold; display: block; text-align: center; } 

#mcont2 .list_box .list.news ul li a .date em { color: #494949; font-size: 15px; font-family: "gothic"; line-height: 1; display: block; } 

#mcont2 .list_box .list.news ul li a:hover .date .day,
#mcont2 .list_box .list.news ul li a:focus .date .day { color: #000; } 

#mcont2 .list_box .list.news ul li a:hover>em,
#mcont2 .list_box .list.news ul li a:focus>em { color: #333333; border-bottom: 1px solid #b0b0b0; font-weight: bold; } 

#mcont2 .list_box .list.activ .item .thum { display: block; width: 100%; height: 220px; } 

#mcont2 .list_box .list.activ .item .thum img { width: 100%; height: 100%;}

#mcont2 .list_box .list.youtube .tit { background: url(/images/eng/common/yt_icon.png) no-repeat 0 center; padding-left: 35px; } 

#mcont2 .list_box .list.youtube .item { margin-bottom: 15px; } 

#mcont2 .list_box .list.youtube .item a { width: 100%; height: 100%; display: block; overflow: hidden; } 

#mcont2 .list_box .list.youtube .item a .thum:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: all .3s; } 

#mcont2 .list_box .list.youtube .item a:hover .thum:before,
#mcont2 .list_box .list.youtube .item a:focus .thum:before { opacity: 1; transition: all .3s; } 

#mcont2 .list_box .list.youtube .item a .thum { float: left; width: 120px; overflow: hidden; margin-right: 15px; position: relative; } 

#mcont2 .list_box .list.youtube .item a:hover>span,
#mcont2 .list_box .list.youtube .item a:focus>span { font-weight: bold; text-decoration: underline; } 

#mcont2 .list_box .list.youtube { border-bottom: 1px solid #b0b0b0; } 

#mcont2 .list_box .list.youtube .item a .thum img { width: 100%; } 

#mcont2 .list_box .list.youtube .item a>span { display: block; width: calc(100% - 135px); float: left; font-size: 17px; color: #333; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px; text-overflow: ellipsis; white-space: normal;}

#mcont4 { background: #f3f3f3; padding: 60px 0; } 

#mcont4 .layout { display: flex; align-items: flex-start; justify-content: space-between; } 

#mcont4 .list_box { width: 50%; display: block; } 

#mcont4 .list_box .list { width: 100%; height: auto; position: relative; } 

#mcont4 .list_box .list.public::before { width: 1px; height: 256px; display: block; content: ""; right: 0px; top: calc(50% - 128px); background: #d9d9d9; position: absolute;
}

#mcont4 .list_box .list.public .tit { margin-right: 45px; } 

#mcont4 .list_box .list.enews .tit { margin-left: 45px; } 

#mcont4 .list_box .list ul { display: flex; align-items: flex-start;}

#mcont4 .list_box .list .item .date_box em { background: #f3f3f3; } 

#mcont4 .list_box .list.public ul { justify-content: flex-start; } 

#mcont4 .list_box .list.enews ul { justify-content: flex-end; } 

#mcont4 .list_box .list ul li { width: 50%; position: relative; } 

#mcont4 .list_box .list.public ul li { margin-right: 45px; } 

#mcont4 .list_box .list.enews ul li { margin-left: 45px}

#mcont4 .list_box .list ul li .thum { width: 100%; overflow: hidden; height: 340px; border: 1px solid #dadada; transition: all .3s; background: #fff url(/images/eng/common/logo.png) no-repeat 50%; background-size: 70%; } 

#mcont4 .list_box .list ul li .thum img { width: 100%}

#mcont4 .list_box .list ul li a>strong { display: block; font-size: 18px; font-family: "gothic"; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px; text-overflow: ellipsis; white-space: normal; margin: 20px 0 35px; } 

#mcont4 .list_box .list .item .date_box:before { width: 53%; } 

#mcont4 .list_box .list ul li a:hover .thum,
#mcont4 .list_box .list ul li a:focus .thum { border: 1px solid #2b4491; box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.20); transform: translate(-1px, -1px); } 

#mcont5 { width: 100%; position: relative; height: 515px; background-image: url(/images/eng/main/mcoun5_bg1.png), url(/images/eng/main/mcoun5_bg2.png); background-repeat: no-repeat, no-repeat; background-position: left center, right center; background-size: contain; padding-top: 90px; } 

#mcont5 .layout { width: 100%; max-width: 1500px; background: url(/images/eng/main/mcoun5_box_bg.png) no-repeat center; height: 530px; box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.20); } 

#mcont5 .layout .list_box { margin: 0 auto; max-width: 1240px; padding: 60px 0; position: relative; } 

#mcont5 .layout .list_box.resources:before { display: block; content: ""; position: absolute; top: -35px; left: 25px; width: 10px; height: 70px; background: #91bd3b;}

#mcont5 .layout .list_box .list { width: 100%; height: auto; } 

#mcont5 .list_box .list .tit { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 25px; } 

#mcont5 .list_box .list .tit .line { height: 1px; width: calc(100% - 350px); margin: 0 20px; display: block; content: ""; bottom: 10px; right: 50px; background: #fff; opacity: .2; } 

#mcont5 .list_box .list .tit a.more_btn { position: relative; bottom: unset; top: unset; left: unset; right: unset; } 

#mcont5 .list_box .list .tit strong { color: #fff; line-height: 1; } 

#mcont5 .list_box .list .tit strong:after { display: inline; } 

#mcont5 .list_box .list .tit .mcont5_control_box { width: 80px; display: none; } 

#mcont5 .list_box .list .tit .mcont5_control_box .play_btn { display: none; } 

#mcont5 .list_box .list .tit .mcont5_control_box button { display: inline-block; position: relative; font-size: 0; width: 22px; height: 17px; } 

#mcont5 .list_box .list .tit .mcont5_control_box button:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } 

#mcont5 .list_box .list .tit .mcont5_control_box button.prev_btn:before { width: 8px; height: 8px; border-width: 3px; border-style: solid; border-color: #fff; transform: rotate(45deg); border-width: 0 0 3px 3px; } 

#mcont5 .list_box .list .tit .mcont5_control_box button.stop_btn:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 3px; height: 11px; margin-top: -5.5px; margin-left: -3px; box-shadow: -3px 0 #fff, 3px 0 #fff; } 

#mcont5 .list_box .list .tit .mcont5_control_box button.play_btn:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; margin-left: -3px; margin-top: -5.5px; border-width: 6px 0 7px 8px; border-style: solid; border-color: transparent transparent transparent #fff; } 

#mcont5 .list_box .list .tit .mcont5_control_box button.next_btn:before { width: 8px; height: 8px; border-width: 3px; border-style: solid; border-color: #fff; transform: rotate(45deg); border-width: 3px 3px 0 0; } 


#mcont5 .list_box .list .tit a.more_btn:before,
#mcont5 .list_box .list .tit a.more_btn:after { background-color: #fff; } 

#mcont5 .list_box .list ul { display: flex; justify-content: space-between; align-items: flex-start; } 

#mcont5 .list_box .list ul li { width: 30%; position: relative; } 

#mcont5 .list_box .list ul li .subject { display: inline-block; font-size: 17px; font-family: "gothic"; padding: 12px; line-height: 1; border: 1px solid rgba(255, 255, 255, 0.4); color: #fff; margin-bottom: 15px; border-radius: 23px;}

#mcont5 .list_box .list ul li>a>strong { font-size: 24px; font-family: "gothic"; color: #fff; font-weight: bold; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 68px; text-overflow: ellipsis; white-space: normal; margin-bottom: 45px;margin-top: 0;}
#mcont5 .list_box .list ul li>strong{ font-size: 24px; font-family: "gothic"; color: #fff; font-weight: bold; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 68px; text-overflow: ellipsis; white-space: normal; margin-bottom: 45px;margin-top: 0;}
#mcont5 .list_box .list ul li>.cont { font-size: 17px; color: #c5c4c4; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px; text-overflow: ellipsis; white-space: normal; margin-bottom: 50px; } 

#mcont5 .list_box .list .item .date_box em { color: #fff; background: #04253a; } 

#mcont5 .list_box .list .item .rd_more_btn { display: block; font-size: 16px; color: #fff; font-style: italic; position: absolute; bottom: -50px; left: 0px;}

#mcont5 .slick-initialized .slick-slide { padding-bottom: 75px; margin-right: 35px; } 

#mcont5 .slick-initialized .slick-slide:last-child { margin-right: 0; } 

#mcont3 { padding: 110px 0 40px; background: #323232; } 

.list_box .list .item .date_box { position: absolute; right: 0px; bottom: 0px; width: 100%; display: flex; justify-content: space-between; align-items: flex-end; } 

.list_box .list .item .date_box em { position: absolute; top: -10px; right: 0; font-size: 15px; font-family: "gothic"; font-style: italic; display: block; background: #fff; } 

.list_box .list .item .date_box:before { display: block; content: ""; width: 70%; height: 1px; display: block; background: #b0b0b0;}

.list_box .list .item a { display: block; } 

.list_box .list .item a>strong { display: block; font-weight: bold; font-size: 18px; font-family: "gothic"; text-align: left; margin: 15px 0;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;} 

.list_box { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } 

.list_box .list { width: 30%; position: relative; height: 341px; } 

.list_box .list .tit { position: relative; margin-bottom: 15px; } 

.list_box .list .tit strong { display: inline-block; font-weight: bold; font-size: 26px; color: #393939; } 

/* .list_box .list .tit strong:after { display: inline-block; content: "."; font-size: 26px; font-weight: bold; color: #0058b0; }  */

.list_box .list .tit a.more_btn { display: block; position: absolute; top: calc(50% - 9px); right: 0px; width: 17px; height: 17px; } 

.list_box .list .tit a.more_btn:before,
.list_box .list .tit a.more_btn:after { content: ""; position: absolute; background-color: #000; transition: transform .3s; } 

.list_box .list .tit a.more_btn:before { right: 0; bottom: 8px; width: 100%; height: 1px; } 

.list_box .list .tit a.more_btn:after { right: 8px; bottom: 0; width: 1px; height: 100%; } 

.list_box .list .tit a.more_btn:hover:before,
.list_box .list .tit a.more_btn:hover:after,
.list_box .list .tit a.more_btn:focus:before,
.list_box .list .tit a.more_btn:focus:after { transform: rotate(90deg); } 









#mcont3 .layout { height: 100%; } 

#mcont3 .tit { position: relative; min-height: 83px; padding-top: 30px; } 

#mcont3 .tit strong { display: block; width: 87px; height: 83px; padding: 18px 0 0 10px; background: url(/images/eng/main/mcont3_bg.png); color: #fff; font-size: 14px; line-height: 1.2; letter-spacing: -0.05em; } 

#mcont3 .tit strong b { display: block; font-weight: bold; font-size: 17px; } 

#mcont3 .sitemap { position: relative; height: 100%; padding: 60px 0 0 0; } 



#mcont3 .sitemap .tit { position: absolute; left: 0; top: 0; } 

#mcont3 .sitemap .clickOpen { overflow: hidden; float: left; width: calc(20% - 17px); margin-right: 20px; } 

#mcont3 .sitemap .clickOpen:last-child { margin-right: 0; } 

#mcont3 .sitemap .clickOpen>a { display: block; position: relative; padding-bottom: 25px; color: #fff; font-size: 18px; font-family: "gothic"; } 



#mcont3 .sitemap .clickOpen ul { display: block !important; } 

#mcont3 .sitemap .clickOpen ul li { position: relative; padding-left: 15px; } 

#mcont3 .sitemap .clickOpen ul li a { position: relative; font-size: 15px; color: #fff; font-family: "gothic"; opacity: .6; transition: all .3s; } 

#mcont3 .sitemap .clickOpen ul li a:hover,
#mcont3 .sitemap .clickOpen ul li a:focus { opacity: 1;}

#mcont3 .sitemap .clickOpen ul li a:before { position: absolute; left: -15px; top: 50%; width: 3px; height: 3px; background: #fff; content: ''; border-radius: 50%; } 

#mcont3 .contact { position: absolute; right: 0; top: 0; width: 312px; height: 100%; padding-left: 30px; background: #233f6e; } 

#mcont3 .contact .tit { padding-left: 90px; padding-bottom: 56px; } 

#mcont3 .contact .tit:before { position: absolute; visibility: visible; left: 0; right: 30px; top: 90px; height: 1px; background: rgba(255, 255, 255, 0.2); content: ''; } 

#mcont3 .contact .tit strong { position: absolute; left: 0; top: 30px}

#mcont3 .contact .tit p { margin-top: 10px; font-size: 16px; color: #55c9ff; line-height: 1.2; } 

#mcont3 .contact ul { padding-left: 8px; } 

#mcont3 .contact ul li { color: #fff; font-size: 16px; } 

#mcont3 .contact ul li span { display: inline-block; width: 32px; height: 32px; margin-bottom: 7px; background: url(/images/eng/main/mcont3_icon.png); margin-right: 5px; vertical-align: middle}

#mcont3 .contact ul li .icon1 { background-position: 0 0}

#mcont3 .contact ul li .icon2 { background-position: 0 -39px}

#mcont3 .contact ul li .icon3 { background-position: 0 -79px}

#banner { display: none; } 

footer#foot_layout { background: #323232; border: 0px; } 

footer#foot_layout .layout { border-top: 1px solid rgba(255, 255, 255, 0.4); padding: 30px 220px 0 0; } 

#foot_layout .flogo { display: none; } 

#foot_layout address { color: #fff; font-size: 15px; } 

#foot_layout address span { display: inline-block; padding-right: 20px; position: relative;}

#foot_layout address span:after { content: ""; display: inline-block; position: absolute; width: 1px; height: 10px; top: calc(50% - 5px); right: 10px; background: #fff; } 

#foot_layout address span:last-child:after { display: none; } 

#foot_layout .copy { color: #fff; font-size: 15px; opacity: .5; } 

@keyframes bouns { 
 0% { transform: scale(0); -webkit-transform: scale(0); } 

 90% { transform: scale(1.1); -webkit-transform: scale(1.1); } 

 100% { transform: scale(1); -webkit-transform: scale(1); } 
 }

@-webkit-keyframes bouns { 
 0% { transform: scale(0); -webkit-transform: scale(0); } 

 90% { transform: scale(1.1); -webkit-transform: scale(1.1); } 

 100% { transform: scale(1); -webkit-transform: scale(1); } 
 }

@keyframes icon-pulsate { 
 0% { transform: scale(0.1, 0.1); opacity: 0; } 

 50% { opacity: 1; } 

 100% { transform: scale(1.2, 1.2); opacity: 0; } 
 }
@media (max-width: 1560px) {
  #mcont1 .obj_bg1{background: #fff;}
}
@media (max-width: 1260px) {
 #mcont1 .obj_bg1,
 #mcont1 .obj_bg2 { display: none; } 
  
 body { position: relative; height: auto; } 

 #foot_layout { padding-bottom: 150px; } 

 .quick_link { width: 100%; position: absolute; bottom: 0px; left: 0px; display: flex; align-items: center; justify-content: flex-start; background: #fff}

 .quick_link strong { margin: 0; width: 20%; height: 80px; padding: 0; background-size: auto; background-position: 20px center; background-repeat: no-repeat; background-image: url(/images/eng/common/m_quick_bg2.png); color: #3a4fab; text-align: left; padding-left: 75px; padding-top: 24px; } 

 .quick_link strong span { color: #3a4fab; } 

 .quick_link ul { overflow: visible; top: auto; width: 100%; height: 78px; padding: 17px 0; border: 0px; } 

 .quick_link ul li { float: left; position: relative; width: 20%; height: 100%; border: 0; border-left: 1px solid rgba(255, 255, 255, 0.15); } 

 .quick_link ul li a { display: flex; justify-content: center; align-items: center; padding: 0; } 

 #body_layout .quick_link ul li a span { margin: 0; } 

 .quick_link ul li.btn_top { bottom: 90px; left: unset; right: 15px; } 

 .quick_link ul li a:hover,
 .quick_link ul li a:focus { box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%); position: relative; } 
#mcont1 #main_visual .group1{width: 40%;padding-right: 20px;}
 #mcont1 #main_visual .group2{width: 60%;position: relative;left: 0; top: 0px;}
 #mcont1 #main_visual .group2 .slide_box .slick_item>a{display: block;width: 100%;height: 100%;}
#mcont1 #main_visual .group2 .slide_box .slick_item img{
  height: 100% ;width: 100%;    object-fit: cover;
}
#mcont1 #main_visual .group1 .tit_box>h2{font-size: 4vw;}
#mcont1 #main_visual .group1 .tit_box>span{font-size: 1.2vw}
 #mcont2 .list_box { flex-wrap: wrap; } 

 #mcont2 .list_box .list { width: 48%; } 

 #mcont2 .list_box .list.news { width: 100%; margin-bottom: 30px; } 

 #mcont2 .list_box .list.activ .item .thum { height: auto; text-align: center; } 

 #mcont2 .list_box .list.activ .item .thum img { height: 100%; width: auto; } 



 #mcont3 { height: auto; } 

 #mcont3 .sitemap { padding-bottom: 30px; } 


 #mcont3 .sitemap:before { right: 0}

 #mcont3 .contact { width: 274px}

 #mcont5 .list_box .list .tit .mcont5_control_box { display: block; } 
  #mcont1 #main_visual .group2 .slide_box .slick-list{overflow: hidden;}
#mcont1 #main_visual .group2 .slide_box .slick_item>a


}
@media (max-width: 1280px) { 
 #mcont4 .list_box .list ul li .thum { height: 25vw;  }  
}
@media (max-width: 1023px) { 
  footer#foot_layout .layout { padding: 70px 0 0; } 


#mcont1 { height: auto; padding-bottom: 150px; } 

 #mcont1 #main_visual .group1 { width: 100%; padding-right: 0; float: none; } 

 #mcont1 #main_visual .group1 * { text-align: center; } 

 #mcont1 #main_visual .group1 .tit_box>span { display: none; } 

 #mcont1 #main_visual .group2 { width: 100%; position: static; float: none; padding: 0px 60px;height: 45vw; } 

 #mcont1 #main_visual .group1 .tit_box>h2 { padding: 0 20px; } 

 #mcont1 #main_visual .group1 .tit_box>h2>* { display: inline-block; padding: 0;}

 #mcont1 .search_box { width: 100%; margin: 0 auto; position: absolute; bottom: -120px; } 

 #mcont1 .basic_search { width: 50%; margin: 0 auto; } 

 #mcont1 #main_visual .group2 .slide_box .slick-slide { margin: 0; } 

 #mcont1 #main_visual .group2 .slide_box { height: 50vw;width: 100%; } 

 #mcont1 #main_visual .group1 .btn_next { width: 38px; height: 92px; background: #2b4491; box-shadow: 4px 4px 5px 0px rgb(43 68 145 / 30%); right: 20px; border-radius: 0; } 

 #mcont1 #main_visual .group1 .btn_prev { right: unset; left: 20px; } 

 #mcont1 #main_visual .group1 .slick-arrow { bottom: 20vw; } 
 #mcont3 .contact { width: 260px; } 

 #mcont3 { height: auto; } 
 

 #mcont3 .contact { position: relative; right: auto; top: auto; width: 100%; height: auto; padding: 0 0 60px; background: none; } 

 #body_layout { overflow: visible; } 

 #mcont3 .sitemap { padding: 60px 0; } 

 #mcont3 .sitemap .clickOpen { width: 33.3330%; margin: -1px 0 0 -1px; position: relative; } 

 #mcont3 .sitemap .clickOpen { overflow: visible; } 

 #mcont3 .sitemap .clickOpen>a { padding: 0 0 0 15px; line-height: 46px; border: 1px solid rgba(255, 255, 255, 0.4); color: #fff; font-size: 14px; } 

 #mcont3 .sitemap .clickOpen>a:before { display: none; } 

 #mcont3 .sitemap .clickOpen>a:after { content: ''; position: absolute; top: 50%; right: 16px; display: block; width: 7px; height: 7px; margin-top: -6.5px; border: 2px solid #aaaaab; border-width: 2px 2px 0 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); transform-origin: 50% 50%; } 

 #mcont3 .sitemap .clickOpen ul { display: none !important; } 

 #mcont3 .sitemap .clickOpen.on ul { display: block !important; position: absolute; top: 47px; z-index: 1; width: 100%; background: #293446; border: 1px solid rgba(255, 255, 255, 0.4); border-width: 1px 1px 0; } 

 #mcont3 .sitemap .clickOpen ul li { margin: -1px 0 0px; border: 1px solid rgba(255, 255, 255, 0.4); border-width: 1px 0; padding-left: 0; } 

 #mcont3 .sitemap .clickOpen ul li:first-child { border: 0}

 #mcont3 .sitemap .clickOpen ul li a { display: block; padding: 5px 0px; text-align: center; } 

 #mcont3 .sitemap .clickOpen ul li a:before { display: none; } 

 #mcont5 .layout { width: 90%; } 
 }

@media (max-width: 767px){


 #mcont4 .list_box .list.enews .tit{margin-left: 0;}
 #top_layout { margin-top: -30px; } 

 #top_layout .search_wrap { top: 100px; } 

 #top_layout .utile_wrap li.box.search_btn { top: 46px; } 

 #mcont1 .search_box { left: 0px; } 

 #mcont1 .basic_search { width: 80%; margin: 0 auto; } 

 #mcont1 #main_visual .group1 .btn_next { right: 0px; } 

 #mcont1 #main_visual .group1 .btn_prev { left: 0px; } 

 #mcont1 #main_visual .group1 .slick-arrow { height: 60px; box-shadow: 0px 0px 0px 0px rgba(43, 68, 145, 0.3); } 

 #mcont1 #main_visual .group1 .tit_box>h2 { font-size: 6vw; } 
 #mcont1 #main_visual .group1 .slider-progress{margin-left: 5px;}
  #mcont1 #main_visual .group1 .paging .slick-dots li{margin-right: 20px;}
 #mcont1 .basic_search .searchinput .submit:after { display: none; } 

 #mcont1 #main_visual .group .basic_search .searchinput { padding-right: 0px; text-align: left; } 

 #mcont1 #main_visual .group .basic_search .searchinput input { text-align: left; width: calc(100% - 42px); } 

 #mcont1 .basic_search .searchinput .submit { width: 42px; } 

 #mcont2 .list_box .list.news { margin-bottom: 50px; border-top: 0px; padding-top: 0; } 

 #mcont2 .list_box .list { width: 100%; margin-bottom: 40px; border-top: 1px solid #d9d9d9; padding-top: 20px; height: auto; } 
    #mcont4 .layout { flex-wrap: wrap; } 

 #mcont4 .list_box { width: 100%; margin-bottom: 30px; } 

 #mcont4 .list_box .list.public ul,
 #mcont4 .list_box .list.enews ul { justify-content: space-between; } 

 #mcont4 .list_box .list.enews { border-top: 1px solid #d9d9d9; margin-top: 40px; padding-top: 50px; } 

 #mcont4 .list_box .list ul li { width: 48%; } 

 #mcont4 .list_box .list.public ul li { margin: 0; } 

 #mcont4 .list_box .list.enews ul li { margin: 0; } 

 #mcont4 .list_box .list ul li .thum { height: 60vw; display: inline-block; } 

 #mcont4 .list_box .list ul li .thum img { width: 100%; } 

 #mcont4 .list_box .list .item a { text-align: center; } 

 #mcont4 .list_box .list.public:before { display: none; } 


 

 .quick_link ul li { width: 25%; position: relative; } 

 .quick_link ul li:before { display: block; position: absolute; left: 0px; content: ""; top: calc(50% - 15px); width: 1px; height: 30px; background: #dedede;}

 .quick_link ul li:last-child:before { display: none; } 

 .quick_link strong { margin: 0; width: 20%; height: 80px; padding: 0; background-size: auto; background-position: center 10px; background-repeat: no-repeat; background-image: url(/images/eng/common/m_quick_bg2.png); color: #3a4fab; text-align: center; padding-left: 0; padding-top: 45px; background-size: 32px 32px; font-size: 12px; } 

 .quick_link ul li a { display: block; } 

 #body_layout .quick_link ul li a span { display: block; margin: 0 auto; } 

 .quick_link ul { overflow: visible; top: auto; width: 100%; height: 78px; padding: 5px 0; border: 0px; } 

 footer#foot_layout .layout { padding-top: 40px; } 

 #foot_layout address { padding: 0px 70px; } 

 #foot_layout address span { display: block; } 

 #foot_layout address span:after { display: none; } 
  
}
@media (max-width: 480px){
  #mcont4 .list_box .list.public ul,
 #mcont4 .list_box .list.enews ul { flex-wrap: wrap; } 

 
 
}


@media all and (-ms-high-contrast:none) {
   *::-ms-backdrop, #mcont1 #main_visual .group2 .slick-track{
     transition-duration: 0ms;
    transform: translateZ(0px);
    -ms-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: antialiased
  }
}