@charset "UTF-8";



#contents{position:relative;z-index:98;overflow:hidden;background:url('../images/main/bg_01.png') no-repeat 100% 63%;}

.visual_box{position:relative;z-index:2;}
.visual_box .vod{position:relative;z-index:1;height:720px;padding:0;overflow:hidden;}/* height:770px; */
.visual_box .vod img {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:9;}
.visual_box .vod video {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:9;}

.visual_box .visual_txt{position:absolute;top:0;left:0;width:100%;z-index:2;}
.visual_box p{position:absolute;left:50%;top:200px;width:1200px;margin-left:-600px;padding:0;font-size:0;box-sizing: border-box;text-align:center;text-shadow: 2px 2px 2px rgba(0,0,0,0.35);}
.visual_box p.txt1{font-size:53px;color:#ffffff;line-height:1.46;letter-spacing:-0.04em;font-weight:bold;}
.visual_box p.txt2{top:278px;font-size:26px;color:#ffffff;letter-spacing:-0.02em;}
.visual_box .slidesjs-container{position:relative;width:100%;height:720px;z-index:1;}
.visual_box .slidesjs-control{position:relative;width:100%;height:720px;z-index:1;}
.visual_box .slidesjs-container .v{position:absolute;left:0;width:100%;height:auto;margin-top:-200px;}
.visual_box .slidesjs-container .slidesjs-slide{height:720px;}
.visual_box .slidesjs-previous,.visual_box .slidesjs-next{display:none;}
.visual_box .slidesjs-pagination{position:absolute;left:50%;bottom:31px;z-index:2;height:14px;width:1200px;text-align:left;}
.visual_box .slidesjs-pagination li{display:inline-block;width:auto;margin-right:7px;}
.visual_box .slidesjs-pagination li a{display:block;overflow:hidden;width:15px;height:15px;font-size:0;border:3px solid #666;border-radius:100%;}
.visual_box .slidesjs-pagination li a.active,
.visual_box .slidesjs-pagination li a:hover.active{background:#666;}
.visual_box .vod .visual_1{background:url("../images/main/img_visual_01.png") no-repeat 50% 0;}
.visual_box .vod .visual_2{background:url("../images/main/img_visual_02.png") no-repeat 50% 0;}
.visual_box .vod .visual_3{background:url("../images/main/img_visual_03.png") no-repeat 50% 0;}


.activity_box{position:relative;z-index:1; padding:60px 0 0;}
.activity_box .layout{overflow:hidden;}

.tab_box{float:left;position:relative; width:100%;height:275px;}
.tab_box > ul{position:relative; padding:0 20px 0 1px;}
.tab_box > ul > li{width:auto;vertical-align:top;z-index:1;display:inline-block;margin:0 22px 0 0;}
.tab_box > ul > li > a.t{position:relative;display: flex;align-items: center;width:100%;height:61px;line-height:61px;font-size:24px;color:#666;vertical-align:top;}
.tab_box > ul > li > a.t:after{content:'';display:inline-block;margin-left:24px;width:4px;height:4px;border-radius:100%;background:#ccc;}
.tab_box > ul > li:last-child > a.t:after{display:none;}
.tab_box > ul > li > a:hover{text-decoration:none;}
.tab_box .on .data {display:block}
.tab_box .data {display:none;width:100%;position:absolute;left:0;top:71px;z-index:1;text-align:left;border-top:2px solid #111;padding:26px 0 0;}
.tab_box .data a:hover{text-decoration:none;}
.tab_box > ul > li.on > a.t{color:#143c81;font-weight:500;}
.tab_box .btn_more{position:absolute; top:-52px; right:0; width:20px;z-index:21;text-align:center;z-index:10;}
.tab_box .btn_more a{height:20px;display:block;font-size:0;background:url('../images/common/ico_more.png') no-repeat 50% 50%; font-size:0;box-sizing:border-box;}
.notice_list{display:flex;gap:33px;justify-content: flex-start;}
.notice_list li{position:relative;width:calc(33.3% - 13.33px);}
.notice_list li a{display:block;height:175px;}
.notice_list li a:hover{text-decoration:none;}
.notice_list li .tit{display:block;font-size:20px;font-weight:500;color:#333;line-height:1.3;height:52px;display:block;white-space:normal;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.notice_list li .txt{display:block;margin:12px 0 0;font-size:14px;font-weight:300;color:#666;line-height:1.42;height:40px;display:block;white-space:normal;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.notice_list li .date{display:block;margin:54px 0 0;font-size:14px;font-weight:500;color:#999;line-height:1.3;}
.notice_list li a:hover .tit{text-decoration:underline;}

.activity_slide{float:right;position:relative;width:30%;height:492px;background:#148175;border-radius:0 20px 20px 20px;overflow:hidden;}
.activity_slide .swiper-container, .swiper-wrapper { height: 100%; }
.activity_slide .control {position:absolute; bottom:29px; left:0; width:100%;display:block;z-index:20;text-align:left;}
.activity_slide .visual_btn {display:inline-block;font-size:0;height:40px;vertical-align:top;width:40px; border:1px solid #ffffff;position:absolute;bottom:0;}
.activity_slide .visual_btn.prev {background:url('../images/common/btn_prev.png') no-repeat 50% 50%; left:30px;}
.activity_slide .visual_btn.next {background:url('../images/common/btn_next.png') no-repeat 50% 50%; right:30px;}
.activity_slide .swiper-slide{width:100%;opacity: 1;overflow: hidden;}
.activity_slide .swiper-slide a{display:block;color:#fff;}
.activity_slide .swiper-slide a:hover .img:before{content:'';display:block;position: absolute;left:0;top:0;z-index:2;width:100%;transition: all 0.5s ease-out;opacity:1;height:100%;}
.activity_slide .swiper-slide .img{position:relative;display:block;height:398px;overflow:hidden;}
.activity_slide .swiper-slide .img img{position: absolute;height: 100%;object-fit: cover;left: 0;top: 0;width: 100%;z-index:1;}
.activity_slide .swiper-slide .txt{font-size:18px;font-weight:300;color:#fff;line-height:1.2;height:25px;background:#148175;text-align:center;display:block;margin:35px 0 0;white-space:normal;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow:hidden;}

.link_box{float:left;display: flex;margin:57px 0 0;height:160px;width:65.7%;padding:0 20px 0 68px;background:#143c81  url('../images/main/bg_link.png') no-repeat 0 0;border-radius:0 20px 20px 20px;}
.link_box h2{width:177px;flex:none;height:160px;line-height:160px;font-size:24px;color:#fff;font-weight:500;}
.link_box ul{display: flex;width:100%;}
.link_box li{display:inline-block;width:calc(50%);}
.link_box li a{display:block;color:#fff;padding:111px 0 0;height:160px;color:#fff;font-size:18px;box-sizing:border-box;text-align:center;background: url('../images/main/ico_s_menu_01.png') no-repeat 50% 35px;}
.link_box li:nth-child(2) a{background: url('../images/main/ico_s_menu_02.png') no-repeat 50% 35px; }
.link_box li:nth-child(3) a{background: url('../images/main/ico_s_menu_03.png') no-repeat 50% 35px; }
.link_box li:nth-child(4) a{background: url('../images/main/ico_s_menu_04.png') no-repeat 50% 35px; }


.intro_box{position:relative;overflow:hidden;}
.intro_box .layout{display: flex;}
.activity_slide_02{flex:none;position:relative;margin:60px 0 0;width:40%;float:left;height:300px;border-radius:0 0 0 30px;overflow:hidden;}
.activity_slide_02 .swiper-container, .swiper-wrapper { height: 100%; }
.activity_slide_02 .control {position:absolute; top:118px; left:0; width:100%;display:block;z-index:20;text-align:left;}
.activity_slide_02 .visual_btn {display:inline-block;font-size:0;height:40px;vertical-align:top;width:40px; border:1px solid #ffffff;position:absolute;top:0;}
.activity_slide_02 .visual_btn.prev {background:url('../images/common/btn_prev.png') no-repeat 50% 50%; left:10px;}
.activity_slide_02 .visual_btn.next {background:url('../images/common/btn_next.png') no-repeat 50% 50%; right:10px;}
.activity_slide_02 .swiper-slide{width:100%;opacity: 1;overflow: hidden;}
.activity_slide_02 .swiper-slide a{display:block;color:#fff;}
.activity_slide_02 .swiper-slide a:hover strong{text-decoration:underline;}
.activity_slide_02 .swiper-slide a:hover .img:before{content:'';display:block;position: absolute;left:0;top:0;z-index:2;width:100%;transition: all 0.5s ease-out;opacity:1;height:100%;}
.activity_slide_02 .swiper-slide .img{position:relative;display:block;height:300px;overflow:hidden;}
.activity_slide_02 .swiper-slide .img img{position: absolute;height: 100%;object-fit: cover;left: 0;top: 0;width: 100%;z-index:1;}
.activity_slide_02 .swiper-slide .txt{position: absolute;bottom:0;left:0;z-index:2;width:100%;height:60px;font-size:18px;font-weight:300;color:#fff;line-height:60px;background:rgba(0,0,0,0.65);text-align:center;display:block;white-space:normal;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow:hidden;padding:0 20px;box-sizing: border-box;}

.link_box_02{display: flex;gap:20px;flex-wrap: wrap;margin:60px 0 0;float:right;height:300px;width:60%;padding:20px;background:#eef5fe;border-radius:0 20px 20px 0;}
.link_box_02 li{display:inline-block;width:calc(50% - 10px);}
.link_box_02 li a{position:relative;display:block;height:120px;color:#fff;padding:36px 0 0 25px;color:#666;font-size:14px;box-sizing:border-box;border-radius:20px 20px 0 20px;background:#fff}
.link_box_02 li a:after{content:'';display:block;width:77px;height:83px;position:absolute;right:25px;top:18px;background: url('../images/main/ico_link_01.png') no-repeat 50% 50%;}
.link_box_02 li:nth-child(2) a{border-radius:20px 20px 20px 0;}
.link_box_02 li:nth-child(2) a:after{background: url('../images/main/ico_link_03.png') no-repeat 50% 50%;}
.link_box_02 li:nth-child(3) a{border-radius:20px 0 20px 20px;}
.link_box_02 li:nth-child(3) a:after{background: url('../images/main/ico_link_02.png') no-repeat 50% 50%;}
.link_box_02 li:nth-child(4) a{border-radius:0 20px 20px 20px;}
.link_box_02 li:nth-child(4) a:after{background: url('../images/main/ico_link_04.png') no-repeat 50% 50%;}
.link_box_02 li a strong{display:block;font-size:18px;color:#111;margin:0 0 12px;line-height:1.1;font-weight:300;}
.link_box_02 li a:hover{background-color:#105a8b;color:#fff;text-decoration:none;padding:32px 0 0 35px;}
.link_box_02 li a:hover strong{color:#fff;font-size:24px;margin:0 0 8px;letter-spacing:-0.2px;}
.link_box_02 li a:hover span{text-decoration:underline;}


#layer_popup {display:inline;border:0;position:absolute; left:50%; top:200px; width:400px; margin-left:260px;z-index:999999;}
#layer_popup2 {display:inline;border:0;position:absolute; left:20px; top:20px; width:400px;z-index:999999;}
.popup_txt {background:#333;width:100%;display:block;height:36px; text-align:right;}
.popup_txt_chk {font-size:12px;position:absolute; bottom:9px; right:45px;color:#fff;}
.popup_txt_close {margin:auto;font-size:12px; position:absolute; bottom:9px; right:10px;color:#fff;}

@media screen and (max-width:1330px) {
	.link_box_02 li a:after{background-size:80%;right:15px;}
	.link_box_02 li:nth-child(2) a:after{background-size:80%;}
	.link_box_02 li:nth-child(3) a:after{background-size:80%;}
	.link_box_02 li:nth-child(4) a:after{background-size:80%;}
}
@media screen and (max-width:1270px) {
	.link_box_02 li a:after{background-size:70%;right:10px;top:0;height:70px;}
	.link_box_02 li:nth-child(2) a:after{background-size:70%;}
	.link_box_02 li:nth-child(3) a:after{background-size:70%;}
	.link_box_02 li:nth-child(4) a:after{background-size:70%;}
}
@media screen and (max-width:1100px) {
	.visual_box .vod{height:600px;}
	.visual_box .slidesjs-container .slidesjs-slide{height:600px;}
	.visual_box p{top:340px;width:1000px;margin-left:-500px;word-break: keep-all;}
	.visual_box p.txt1{font-size:40px;}
	.visual_box p.txt2{top:420px;font-size:22px;}

	.link_box{padding:0 20px 0 40px;}
	.link_box h2{width:155px;}
	.link_box li a{font-size:16px;}
	.activity_slide .swiper-slide .txt{font-size:16px;}
	.activity_slide_02 .swiper-slide .txt{font-size:16px;}
}
@media screen and (max-width:980px) {
	.visual_box .vod{height:450px;}
	.visual_box .slidesjs-container .slidesjs-slide{height:450px;}
	.visual_box p{top:150px;width:800px;margin-left:-400px;}
	.visual_box p.txt1{font-size:35px;}
	.visual_box p.txt2{top:200px;font-size:20px;}

	.tab_box{width:100%;}
	.activity_slide{margin: 40px 0 0;width: 35%;height: 452px;}
	.activity_slide .swiper-slide .img{height: 358px;}
	.link_box{height: 452px;width: 60%;flex-wrap: wrap;margin: 40px 0 0;padding: 0 20px 0 20px;align-content: flex-start;}
	.link_box h2{width: 187px;height: 140px;text-align: center;}
	.link_box ul{flex-wrap: wrap;}
	.link_box li a{height: 140px;padding: 105px 0 0;}

	.activity_slide_02{width: 35%;margin: 40px 0 0;}
	.link_box_02{width: 65%;margin: 40px 0 0;}
	.link_box_02 li a{padding-right:25px;}
}
@media screen and (max-width:800px) {
	.activity_box{padding-top:40px;}
	.tab_box {height: 238px;}
	.tab_box > ul > li > a.t{font-size:20px;}
	.tab_box > ul > li > a.t:after{margin-left: 15px;}
	.tab_box > ul > li{margin: 0 11px 0 0;}
	.tab_box .data{top:62px;}
	.tab_box .btn_more{top: -44px;}
	.notice_list {gap:30px;}
	.notice_list li{width: calc(50% - 15px);}
	.notice_list li:nth-child(3){display:none;}
	.notice_list li .tit{font-size:18px;height: 48px;}
	.notice_list li .date{margin: 30px 0 0;}

	.activity_slide{margin: 40px 0 0;width: 100%;height: 437px;}
	.activity_slide .control{bottom: 20px;}
	.activity_slide .swiper-slide .txt{margin: 30px 0 0;}
	.link_box{height: 160px;width: 100%;flex-wrap: nowrap;}
	.link_box h2{width: 187px;height: 160px;}
	.link_box ul{ flex-direction: row;flex-wrap: nowrap;}
	.link_box li a{height: 140px;padding: 105px 0 0;}

	.intro_box .layout{flex-direction: column;}
	.activity_slide_02{width: 100%;border-radius: 0 30px 30px 30px;}
	.link_box_02{width: 100%;border-radius: 0 30px 30px 30px;}
	.link_box_02 li a:after{top: 0;height: 100%;}

	
	.layer_popup {top:90px !important; width:100% !important; left:0 !important;margin:0 !important;}
	.layer_popup img {width:100% !important;}
	.popup_txt {width:100% !important;}
}
@media screen and (max-width:750px) {
	.visual_box .vod{height:350px;}
	.visual_box .slidesjs-container .slidesjs-slide{height:350px;}
	.visual_box .vod .visual_1{background:url("../images/main/img_visual_001_m.jpg") no-repeat 50% 0;}
	.visual_box .vod .visual_2{background:url("../images/main/img_visual_002_m.jpg") no-repeat 50% 0;}
	.visual_box .vod .visual_3{background:url("../images/main/img_visual_003_m.jpg") no-repeat 50% 0;}
	.visual_box p.txt2{display:none;}
	.visual_box p{top:150px;width:600px;margin-left:-300px;}
	.visual_box p.txt1{font-size:24px;color:#ffffff;line-height:1.46;letter-spacing:-0.04em;font-weight:bold;word-break: keep-all;}

	.link_box{flex-wrap: wrap;height:auto;padding-bottom:20px;}
	.link_box h2{height: 136px;line-height: 136px;text-align: left;padding:10px 0 0 10px;}
	.link_box li a, .link_box li:nth-child(2) a, .link_box li:nth-child(4) a, .link_box li:nth-child(4) a{background-position:50% 30px;}

	.link_box_02{height:auto;}
	.link_box_02 li{width:100%;}
	.link_box_02 li a{border-radius: 0 20px 20px 20px;}
	.link_box_02 li:nth-child(2) a, .link_box_02 li:nth-child(3) a, .link_box_02 li:nth-child(4) a{border-radius: 0 20px 20px 20px;}
}
@media screen and (max-width:500px) {
	.visual_box .vod{height:250px;}
	.visual_box .slidesjs-container .slidesjs-slide{height:250px;}
	.visual_box p{top:120px;width:460px;margin-left:-230px;}

	.tab_box > ul > li > a.t{font-size:18px;}
	.tab_box > ul > li > a.t:after{margin-left: 10px;}
	.tab_box > ul > li{margin: 0 6px 0 0;}
	.layer_popup {top:0 !important;}
}
@media screen and (max-width:470px) {
	.link_box ul{flex-wrap: wrap;}
}
@media screen and (max-width:410px) {
	.visual_box .vod{height:250px;}
	.tab_box > ul > li > a.t{font-size:16px;}
	.tab_box > ul > li > a.t:after{margin-left: 5px;}
	.tab_box > ul > li{margin: 0 1px 0 0;}
}
@media screen and (max-width:350px) {
	.tab_box > ul{padding:0;}
	.tab_box .btn_more{display:none;}

	.activity_slide .visual_btn.prev{left:20px;}
	.activity_slide .visual_btn.next{right:20px;}
}