/***** main common *****/
#main_container .wrap{width: 1400px; margin: 0 auto; padding: 160px 0}
#main_container section:first-child .wrap{padding-top: 0}
.main_tlt{padding-bottom: 80px}
.main_tlt h2{font-size: 42px; font-weight: 600}
.main_tlt p{padding-top: 20px;}




/***** main visual *****/
.main_visual{margin-top: 75px;}
.main_visual .swiper-slide{height: 850px; display: flex; justify-content: center; align-items: center; background-size: cover}
.main_visual .swiper-slide .txt_box{width: 1400px; margin: 0 auto; color: #fff;}
.main_visual .swiper-slide .big{line-height: 1.2; padding-bottom: 30px;; font-size: 70px; font-weight: bold}
.main_visual .swiper-slide .big .primary{font-size: .8em;}
.main_visual .swiper-slide p{font-size: 1.1em;}

.main_visual .slide01{background-image: url('/assets/images/main/visual01.jpg')}
.main_visual .slide02{background-image: url('/assets/images/main/visual02.jpg')}
.main_visual .slide03{background-image: url('/assets/images/main/visual03.jpg')}
.main_visual .swiper-button-next,
.main_visual .swiper-button-prev {color: #fff;}




/*****  ad banner / calendar  *****/
.main_sect01 .wrap{position: relative;margin-top: -3.75% !important; margin-bottom: 160px !important; padding: 0 !important; /*display: flex; justify-items: stretch;*/ z-index: 1;}
.main_sect01 .wrap > div{width: 50%; height: 100%}
.main_sect01 .ad_banner{margin: 0}
.main_sect01 .main_cal{position: absolute; top: 0; right: 0; height: 100%; background-color: #f5f5f5}
.main_sect01 .main_cal .top_box{height: 15%; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; padding: 30px; font-size: 1.2em; color: #fff; font-weight: 600; background-color: #3e4880}
.main_sect01 .main_cal .btm_box{height: 85%; display: flex; padding: 30px}
.main_sect01 .main_cal .btm_box ul{ display: flex; flex-wrap: wrap; text-align: center;align-items: center;}
.main_sect01 .main_cal .btm_box li{position:relative; width: 14.2%; height: 14.2%; line-height: 45px;padding: 5px;}
.main_sect01 .main_cal .btm_box li.day{font-weight: 500}
.main_sect01 .main_cal .btm_box li.red{color: #d73d3d}
.main_sect01 .main_cal .btm_box li.blue{color: #3d3de4}
.main_sect01 .main_cal .btm_box li.active a{display: inline-block; width: 45px; color: #fff; background-color: #3e4880; border-radius: 50%; cursor: pointer;}
.main_sect01 .main_cal .btm_box .btn_sympo{cursor:pointer}
.main_sche{display: none; position:absolute;background:#fff;height: initial;line-height: 1;  padding: 10px; line-height: 1.3; font-size: 16px; color: #222; font-weight: 600; border: 1px solid #ddd; transition:all 0.3s ease-out; z-index: 1}

.swiper-pagination-bullet-active{background: #3ac5b2 !important}




/****** main_box ******/
.main_sect02{margin-bottom: 170px;}
.main_sect02 .wrap{position: relative; width: 100% !important;}
.main_sect02 .wrap:before{content: ''; position: absolute; top: 0; left: 0; width: 87%; height: 100%; padding-bottom: 90px; background: url(/assets/images/main/sect_bg01.jpg) no-repeat center center / cover;}
.main_sect02 .tlt{position: relative; width: 1400px; margin: 0 auto;padding-left: 120px; margin-top: 70px; padding-bottom: 80px; line-height: 1.3; color: #fff; font-size: 40px; font-style: italic; z-index: 1}
.main_sect02 .tlt:before{content: ""; position: absolute; width: 80px; height: 2px; background-color: #3ac5b2; top: 23px; left: 0;}
.main_sect02 .main_box{position: absolute; width: 1650px; left: 13.25%; display: flex; z-index: 1}
.main_sect02 .main_box > li{position: relative; width: 25%; padding: 50px; cursor: pointer;display: flex; justify-content: space-between; flex-wrap: wrap;}
.main_sect02 .main_box > li:hover .g_box{opacity: 1}
.main_sect02 .main_box > li .box_tlt{padding-bottom: 20px; font-size: 1.6em; font-weight: 500}
.main_sect02 ul li p{width: 100%;}
.main_sect02 ul li .ic{position: relative; width: 100%; padding-top: 60px; text-align: right; z-index: 2}

.main_sect02 .main_box li.box01{color: #fff; background-color: #414b82;}
.main_sect02 .main_box li.box02{background-color: #f6f6f6;}
.main_sect02 .main_box li.box03{color: #fff; background-color: #3c3e3e;}
.main_sect02 .main_box li.box04{color: #fff; background-color: #3ac5b2;}
.main_sect02 .main_box li.box01 .g_box{background-color: #414b82;}
.main_sect02 .main_box li.box02 .g_box{background-color: #f6f6f6;}
.main_sect02 .main_box li.box03 .g_box{background-color: #3c3e3e;}
.main_sect02 .main_box li.box04 .g_box{background-color: #3ac5b2;}
.main_sect02 .main_box li.box01 .g_box a,
.main_sect02 .main_box li.box03 .g_box a,
.main_sect02 .main_box li.box04 .g_box a{color: #fff;}

.main_sect02 .g_box{opacity: 0; position: absolute;top: 0; left: 0; width: 100%; height: 100%; padding: 50px; z-index: 1}
.main_sect02 .g_box .s_tlt{font-size: 1.2em; padding-bottom: 20px;}
.main_sect02 .g_box ul{display: flex; flex-wrap: wrap;}
.main_sect02 .g_box li{position: relative; width: 50%; padding: 5px 0; padding-left: 10px;}
.main_sect02 .g_box li:before{position: absolute; top: 12px; left: 0; width: 2px; height: 2px; content: ""; background-color: #3ac5b2;}
.main_sect02 .box04 .g_box li:before{background-color: #fff;}




/***** main_notice *****/
.main_sect03 .con{display: flex;}
.main_sect03 .con > div{width: 50%; padding: 0 30px;}
.main_sect03 .board_tlt{display: flex; justify-content: space-between;align-content: center; padding: 20px 0; font-size: 1.6em; font-weight: 600; border-top: 2px solid #222; border-bottom: 1px solid #ddd;}
.main_sect03 .board_tlt > div{display: flex;align-items: center;}
.main_sect03 .board_tlt a{display: flex; padding: 10px; align-content: center; flex-wrap: wrap;}
.main_sect03 ul{}
.main_sect03 ul li{position: relative;padding: 30px 0;border-bottom: 1px solid #ddd;}
.main_sect03 ul li .date{position: absolute; top: 30px; left: 0; font-weight: 600}
.main_sect03 ul li a{display: block; padding-left: 130px;}
.main_sect03 ul li .sbj{padding-bottom: 10px; font-size: 1.2em; font-weight: 600}
.main_sect03 ul li p{ height: 54px; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}


.main_sect03 .l_box .date{color: #414b82}
.main_sect03 .r_box .date{color: #42c0af}