@charset "utf-8";

/* main_box01 ***********************************************************************************/
.mainbox_area01{ text-align:right !important; overflow:hidden;position:relative;}
.mainbox_area01 >img{animation:zoom02 2s; transition:ease-in-out; z-index:-1; }
.mainbox_area01 > div{ position:relative; margin-top:-580px;text-align:center;}
.mainbox_area01 > div > p{ font-size:38px; color:#1e3cc1; font-weight:600; text-shadow:1px 0 0 #1e3cc1; padding:0px 0 40px 0;}
.mainbox_area01 > div > p strong{color:#000; display:block; font-size:44px; line-height:1.5em; text-shadow:1px 0 0 #000;}
.mainbox_area01 .box_all{ font-size:0; display:inline-block; margin-bottom:60px;}
.mainbox_area01 .box_all > div{box-shadow:0 0 10px #666; display:inline-block; width:260px; height:350px; margin:0 10px; border-radius:5px; vertical-align:top; position:relative;}
.mainbox_area01 .box_all > div:hover{transform: scale(1.07,1.07); transition:ease-in-out 0.7s; z-index:5;}
.mainbox_area01 .box_all > div > a{ display:block; box-sizing:border-box; padding-top:55px; height:350px; color:#fff; z-index:11;}
.mainbox_area01 .box_all > div > a:hover > strong{ text-decoration:underline;}
.mainbox_area01 .box_all > div > a:before{ position:absolute; display:block; content:''; width:130px; height:130px; background-color:#fff; background-position:center; background-repeat:no-repeat; left:50%; bottom:50px; transform:translate(-50%, 0%); border-radius:65px;}
.mainbox_area01 .box_all > div > a > strong{display:block; font-size:25px; margin-bottom:15px;}
.mainbox_area01 .box_all > div > a > span{ display:block; font-size:15px; opacity:0.7;}
.mainbox_area01 .box_all .box01{ background:#00adaf url(/images/home/main/box_bg01.png) no-repeat -30px 170px;}
.mainbox_area01 .box_all .box02{ background:#0161da url(/images/home/main/box_bg02.png) no-repeat center 200px;}
.mainbox_area01 .box_all .box03{ background:#0129da url(/images/home/main/box_bg03.png) no-repeat center 180px;}
.mainbox_area01 .box_all .box04{ background:#2e0098 url(/images/home/main/box_bg03.png) no-repeat -150px 150px;}

.mainbox_area01 .box_all > .box01 > a:before{ background-image:url(/images/home/main/box_icon01.png);}
.mainbox_area01 .box_all > .box02 > a:before{ background-image:url(/images/home/main/box_icon02.png);}
.mainbox_area01 .box_all > .box03 > a:before{ background-image:url(/images/home/main/box_icon03.png);}
.mainbox_area01 .box_all > .box04 > a:before{ background-image:url(/images/home/main/box_icon04.png);}


@media all and (max-width :1023px) {
.mainbox_area01 >img{ height:450px; margin-left:-200px;}
.mainbox_area01 > div{margin-top:-300px;}

.mainbox_area01 > div > p{ font-size:30px;}
.mainbox_area01 > div > p strong{font-size:36px;}

.mainbox_area01 .box_all{ display:block;}
.mainbox_area01 .box_all > div{width:23%; height:290px; margin:0 0.5%;}
.mainbox_area01 .box_all > div > a{padding-top:45px; height:290px;}	

.mainbox_area01 .box_all > div > a:before{bottom:30px;}
.mainbox_area01 .box_all > div > a > strong{font-size:22px; margin-bottom:10px;}
.mainbox_area01 .box_all > div > a > span{font-size:14px;}


}

@media all and (max-width :767px) {
.mainbox_area01 >img{ height:400px;}
.mainbox_area01 > div{margin-top:-280px;}

.mainbox_area01 .box_all{margin-bottom:40px;}
.mainbox_area01 .box_all > div{width:25%; height:230px; margin:0 0%; border-radius:0; box-shadow:none;}
.mainbox_area01 .box_all > div > a{padding-top:30px; height:230px;}

.mainbox_area01 .box_all > div > a:before{ width:100px; height:100px; border-radius:50px; background-size:70% !important;}
.mainbox_area01 .box_all > div > a > strong{font-size:18px;}
.mainbox_area01 .box_all > div > a > span{font-size:12px;}

.mainbox_area01 .box_all .box01{ background:#00adaf url(/images/home/main/box_bg01.png) no-repeat -50px 100px;}
.mainbox_area01 .box_all .box02{ background:#0161da url(/images/home/main/box_bg02.png) no-repeat center 120px;}
.mainbox_area01 .box_all .box03{ background:#0129da url(/images/home/main/box_bg03.png) no-repeat center 100px;}
.mainbox_area01 .box_all .box04{ background:#2e0098 url(/images/home/main/box_bg03.png) no-repeat -50px 110px;}


}

@media all and (max-width :640px) {
.mainbox_area01 >img{ height:250px;}
.mainbox_area01 > div{margin-top:-180px;}

.mainbox_area01 > div > p{ font-size:20px;}
.mainbox_area01 > div > p strong{font-size:25px;}

.mainbox_area01 .box_all{margin-bottom:20px;}
.mainbox_area01 .box_all > div{height:150px; background-size:150% !important;}
.mainbox_area01 .box_all > div > a{height:150px;padding-top:20px;}

.mainbox_area01 .box_all > div > a:before{ width:80px; height:80px; border-radius:40px; bottom:20px;}
.mainbox_area01 .box_all > div > a > strong{font-size:16px;}
.mainbox_area01 .box_all > div > a > span{ display:none;}

.mainbox_area01 .box_all .box01{ background:#00adaf url(/images/home/main/box_bg01.png) no-repeat -10px 50px; }
.mainbox_area01 .box_all .box02{ background:#0161da url(/images/home/main/box_bg02.png) no-repeat center 70px;}
.mainbox_area01 .box_all .box03{ background:#0129da url(/images/home/main/box_bg03.png) no-repeat center 50px;}
.mainbox_area01 .box_all .box04{ background:#2e0098 url(/images/home/main/box_bg03.png) no-repeat -100px 30px;}

}

@media all and (max-width :480px) {
.mainbox_area01 .box_all > div{width:45%;}
}




/* main_box02 *********************************************************************************/
.mainbox_area02{ background:#eaeaea; padding:60px 0;}
.mainbox_area02 .ly_center_mom{ font-size:0;}
.mainbox_area02 h3{display:inline-block; width:25%; vertical-align:top;}
.mainbox_area02 h3 strong{display:block; font-size:50px; background:url(/images/home/main/dot01.png) 250px top no-repeat; padding:10px 0;}
.mainbox_area02 h3 p{font-size:15px; margin-top:10px; font-weight:400; color:#666;}
.mainbox_area02 h3 p span{display:block;}
.mainbox_area02 ul{display:inline-block;font-size:0; width:75%; vertical-align:top;}
.mainbox_area02 ul li{display:inline-block;width:25%; text-align:right; box-sizing:border-box; font-size:16px; font-weight:600;}
.mainbox_area02 ul li a{ display:inline-block; text-align:center; width:175px; background-color:#fff; border-radius:90px; height:175px; padding-top:125px; color:#2e1066; background-position:center 30px; background-repeat:no-repeat; box-sizing:border-box;}
.mainbox_area02 ul li a:hover{ background-color:#2e1066; color:#fff;}
.mainbox_area02 ul li a.bg01{ background-image:url(/images/home/main/icon02.png);}
.mainbox_area02 ul li a.bg02{ background-image:url(/images/home/main/icon01.png);}
.mainbox_area02 ul li a.bg03{ background-image:url(/images/home/main/icon03.png);}
.mainbox_area02 ul li a.bg04{ background-image:url(/images/home/main/icon04.png);}


@media all and (max-width :1023px) {
/* main_box02 */
.mainbox_area02{padding:40px 0;}
.mainbox_area02 h3{width:100%; margin-bottom:20px; text-align:center;}
.mainbox_area02 h3 strong{ font-size:40px; background:none;}
.mainbox_area02 h3 p{margin-top:-5px; font-size:14px;}
.mainbox_area02 h3 p span{ display:inline;}
.mainbox_area02 ul{width:100%;}
.mainbox_area02 ul li{ text-align:center;}
.mainbox_area02 ul li a{width:145px; border-radius:90px; height:145px; padding-top:100px;background-size:50%;}

}



@media all and (max-width :640px) {
/* main_box02 */
.mainbox_area02 ul li{ width:50%; margin:5px 0;}
.mainbox_area02 h3 strong{font-size:30px;}
}






/* main_box03 *********************************************************************************/
.mainbox_area03{padding:60px 0;}
.mainbox_area03 h3{ text-align:center;font-weight:400; margin-bottom:40px;}
.mainbox_area03 h3 p{font-size:16px; color:#666; margin-bottom:10px;}
.mainbox_area03 h3 strong{ font-size:40px; font-weight:400; text-shadow:1px 0 0 #000;}

/*notice tab*/
.Notice{display:block !important; width:100%; height:400px; vertical-align:top;}
.Notice #article-tab01{position:relative; font-size:0; width:100%;height:54px; box-sizing:border-box; text-align:center; border-bottom:2px solid #2a3c96;}  

.Notice h4{display:inline-block; width:200px; height:50px; line-height:50px; font-size:18px; margin:0 1px; vertical-align:top;box-sizing:border-box;}
.Notice h4 a{ display:block; color:#fff; height:50px;line-height:50px; padding:0 30px; text-align:center; background:#2a3c96; border:2px solid #2a3c96; border-radius:5px 5px 0 0; }
.Notice h4 a:hover{color:#000; font-size:20px; background:#fff;}
.Notice h4 a.on{display:block; color:#000; height:52px;line-height:55px; background:#fff; font-size:20px; border-bottom:none;}

.Notice .notice_more{position:absolute; display:inline-block; bottom:0%; left:50%; transform:translateX(-50%);}
.Notice .notice_more a{display:block; color:#fff; background:#9497a3;padding:15px; width:100px; border-radius:25px; font-size:15px; line-height:15px;}
.Notice .notice_more a:focus, .Notice .notice_more a:hover{background:#353742;}


.notice_all{position:absolute;top:100px; left:0;width:100%; padding:0 1%; height:300px; box-sizing:border-box;}

.notice_all ul{ font-size:0;}
.notice_all ul li{display:inline-block;width:25%; padding:0 10px; box-sizing:border-box; font-size:14px;}
.notice_all ul li a{ display:block; padding:20px; border:1px solid #e5e5e5; background:#f2f2f2; box-sizing:border-box; text-align:center;line-height:1.6em;}
.notice_all ul li a:hover{background:#e8e8e8;}
.notice_all ul li a strong{ display:block; margin:10px 0; font-size:16px; height:45px; overflow:hidden;}
.notice_all ul li a span{ display:block; }
.notice_all ul li a span>b{ display:inline-block; background:#0150da; font-size:13px; color:#fff; padding:5px 15px; border-radius:15px;}
.notice_all ul li a .stxt{text-align:left; height:70px; color:#666; overflow:hidden;}
.notice_all ul li a .date{text-align:left; color:#666; margin-top:20px;}


.notice_all .photo_all{overflow:hidden; font-size:0;}
.notice_all .photo_all > div{display:inline-block; width:25%; padding:0 10px; box-sizing:border-box;}
.notice_all .photo_all > div a{position:relative; display:block; overflow:hidden; color:#fff; font-size:15px;}
.notice_all .photo_all > div a img {display:block;width:100%; height:auto; transition: all 0.4s;}
.notice_all .photo_all > div a .overlay{position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.7); overflow:hidden; width:100%; height:30%; text-align:center; vertical-align:middle;}
.notice_all .photo_all > div a .overlay b{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-weight:400; width:90%; padding:0 5%;}
.notice_all .photo_all > div a .overlay strong{ font-size:16px; display:block; font-weight:400; height:21px; overflow:hidden; margin-bottom:5px;}
.notice_all .photo_all > div a .overlay em{ font-style:normal; margin-bottom:10px;font-size:14px;}
.notice_all .photo_all > div a:hover img{transform:scale(1.2, 1.2)}
.notice_all .photo_all > div a:hover .overlay {height:100%;  background:rgba(0,0,0,0.7); transition:.3s ease; transform:translate(00%, 0%);}
.notice_all .photo_all > div a:hover .overlay strong{font-weight:600; height:auto; margin-bottom:10px;}



@media all and (max-width :1023px) {
.mainbox_area03{padding:40px 0;}
.mainbox_area03 h3{font-size:36px;}

.Notice h4{width:24.5%;}

.notice_all ul li{padding:0 5px;}

.notice_all .photo_all{}
.notice_all .photo_all > div{padding:0 5px;}
.notice_all .photo_all > div a{ height:219px !important;}
.notice_all .photo_all > div a img{ width:100%; height:100%;}
.notice_all .photo_all > div a .overlay{height:40%;}


}

@media all and (max-width :767px) {
.Notice{height:500px;}
.notice_all{height:420px;top:70px;}

.notice_all ul li{width:50%; margin:5px 0;}
.notice_all ul li a strong{height:20px;}
.notice_all ul li a span>b{font-size:12px;}
.notice_all ul li a .stxt{height:38px; line-height:1.4em;}

.notice_all .photo_all{}
.notice_all .photo_all > div{width:50%; margin:5px 0;}
.notice_all .photo_all > div a{ height:162px !important;}


}

@media all and (max-width :640px) {

.mainbox_area03 h3{ margin-bottom:20px;}
.mainbox_area03 h3 strong{font-size:28px;}
.mainbox_area03 h3 p{font-size:13px; margin-bottom:0;}

/*notice tab*/
.Notice #article-tab01{height:44px;}
.Notice h4{width:24%;height:40px; line-height:40px; font-size:16px;}
.Notice h4 a{height:40px; padding:0 1%;line-height:40px;}
.Notice h4 a:hover{font-size:16px;}
.Notice h4 a.on{height:42px;line-height:45px; font-size:17px; }
.Notice .notice_more{font-size:13px;}




}

@media all and (max-width :360px) {

.Notice h4{font-size:15px;}
.Notice h4 a:hover{font-size:15px;}
.Notice h4 a.on{font-size:15px; }

}