.main_barogagi {background:#eaf4fa; position:relative; height:150px;}
.main_barogagi ul {display:flex; position:absolute; top:-80px; z-index:11; justify-content: space-between; width:100%;}
.main_barogagi ul li {width:170px; height:170px; border-radius:170px; background:#FFF; text-align:center; display:flex; justify-content:center; align-items:center; box-shadow:2px 2px 5px rgba(0,0,0,0.1); transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;}
.main_barogagi ul li:hover {background:#50b7e7; }
.main_barogagi ul li:hover a {color:#FFF;}



@media (max-width:780px) {

.main_barogagi {height:auto; padding:20px 0;}
.main_barogagi ul {flex-wrap:wrap; position:relative; top:0; margin-left:-1%;}
.main_barogagi ul li {border-radius:0; margin-bottom:1%; width:32.33333%; height:auto; padding:10px 0; margin-left:1%;}
.main_barogagi ul li p {font-size:12px;}
}



.main_board01 {display:flex; margin-top:60px; margin-bottom:50px;}
.main_notice {width:62%; border:1px solid #ebebeb;  border-radius:5px; padding:35px 20px 10px 20px; position:relative; }


@media (max-width:780px) {
.main_board01 {flex-wrap:wrap;}
.main_notice {width:100%;}
}

.main_notice_tab {position:relative; margin-bottom:20px;}
.main_notice_tab ul.tab {display:flex; border-bottom:2px solid #ebebeb;}
.main_notice_tab ul.tab li a {font-size:20px; color:#a9a9a9; padding:0px 10px 20px 20px; font-weight:bold; display:block;}
.main_notice_tab ul.tab li:first-child a {padding-left:0;}
.main_notice_tab ul.tab li a.active {color:#0097de; background:url(../img/notice_active.png) no-repeat right top; }
.main_notice a.main_more {position:absolute; width:34px; height:34px; border:1px solid #ebebeb; border-radius:5px; background:url(../img/main_more.png) no-repeat center center; right:20px; top:30px; text-indent:-5000px;}

.main_list {position:relative;}
.main_list li {background:url(../img/notice_dot_line.jpg) repeat-x 0 bottom; position:relative; padding-right:100px; padding-left:70px;}
.main_list li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10px 0; font-weight:bold;}
.main_list li span.date {position:absolute; right:0; top:10px; font-size:14px; color:#4c4c4c;}
.main_list li span.caname {position:absolute; left:0; top:10px; background:#eaf4fa; font-size:13px; color:#0097de; padding:0px 5px; width:65px; text-align:center; letter-spacing:-1px;}


.main_popupzone {margin-left:3%; width:35%; border:1px solid #ebebeb; border-radius:5px; padding:35px 10px 10px 10px;}
.main_popupzone h3 {font-size:20px; margin-bottom:20px; position:relative; font-weight:bold; color:#222222;}


@media (max-width:780px) {
.main_popupzone {margin-left:0; margin-top:20px; width:100%;}
}


.main_board02 {display:flex; margin-bottom:50px; flex-wrap:wrap;}
.main_board02 .main_photo_box {width:100%; border:1px solid #ebebeb; border-radius:5px; padding:35px 20px; margin-bottom:10px;}
/*.main_board02 .main_photo_box:first-child {margin-right:3%;}*/
.main_board02 .main_photo_box h3 {font-size:20px; margin-bottom:20px; position:relative; font-weight:bold; color:#222222;}
.main_board02 .main_photo_box a.main_more {position:absolute; width:34px; height:34px; border:1px solid #ebebeb; border-radius:5px; background:url(../img/main_more.png) no-repeat center center; right:0; top:0; text-indent:-5000px;}

.main_board02 .main_photo_box ul {display:flex; margin-left:-2%;}
.main_board02 .main_photo_box ul li {width:23%; margin-left:2%;}
.main_board02 .main_photo_box ul li img {max-width:100%;}
.main_board02 .main_photo_box ul li p {text-align:center; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}


@media (max-width:780px) {

.main_board02 .main_photo_box ul {flex-wrap:wrap;}
.main_board02 .main_photo_box ul li {width:48%; margin-bottom:2%;}
.main_board02 .main_photo_box ul li p {font-size:12px;}
}

.main_board03 {display:flex; margin-bottom:50px;}
.main_board03 .main_board03_box {width:58.5%; border:1px solid #ebebeb; border-radius:5px; padding:35px 20px;}
.main_board03 .main_board03_box:first-child {margin-right:3%;}
.main_board03 .main_board03_box h3 {font-size:20px; margin-bottom:20px; position:relative; font-weight:bold; color:#222222;}
.main_board03 .main_board03_box a.main_more {position:absolute; width:34px; height:34px; border:1px solid #ebebeb; border-radius:5px; background:url(../img/main_more.png) no-repeat center center; right:0; top:0; text-indent:-5000px;}
.main_board03 .main_board03_box img {max-width:100%;}

@media (max-width:780px) {


.main_board03 {flex-wrap:wrap;}
.main_board03 .main_board03_box {width:100%;}
.main_board03 .main_board03_box:first-child {margin-right:0; margin-bottom:10px;}

}


.main_banner {position:relative; padding-left:200px;}
.main_banner h3 {position:absolute; left:0; top:20px; font-size:20px; color:#222222;}


@media (max-width:780px) {
.main_banner {padding-left:0;}
.main_banner h3 {display:none;}
}