@charset "utf-8";
/* CSS Document */

.main{ overflow:visible;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}
.notice{ overflow:visible;}
.scrollSecond{ padding-right:10px;}
.scrollSecond ul{ display:block; margin:0 -6px;}
.scrollSecond ul::before,
.scrollSecond ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.scrollSecond li{ padding:0; margin:0; width:50%; box-shadow:none; height:auto;}
.scrollSecond li a{ display:block; height:123px; margin:7px 6px; padding:0 16px; box-shadow:0px 0px 5px 2px #d1dae3; position:relative; overflow:hidden;}
.secondText h3{ width:auto; margin-right:0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.bulletinBox .flex{ display:flex; justify-content:space-between;}
.flex .notice{ width:314px;}
.flex .scrollSecond li{ width:100%;}
.flex .scrollSecond li a{ height:auto; padding-bottom:12px;}
.flex .scrollSecond li b{ display:none;}
.flex .secondText h3{ -webkit-line-clamp:1;}

@media screen and (max-width:768px){

.scrollBox,
.unslider-wrap li a img{ height:46vw;}
.unslider-wrap li a img{ object-fit:cover;}

.scrollSecond{ padding-right:0;}
.scrollSecond li{ width:auto;}
.scrollSecond li a{ padding-left:4px; padding-right:14px; height:auto; padding-bottom:12px;}
.secondText h3{ padding-top:0; -webkit-line-clamp:1; white-space:normal;}
.bulletinBox .flex{ display:block;}
.flex .notice{ width:auto;}
.mediaBox{ margin-bottom:15px;}
.contactUl li{ height:auto; line-height:24px; padding:7px 8px;}
.contactUl li b{ margin-top:8px; margin-left:0;}
.contactUl li span{ display:block; overflow:hidden;}


}
















/**/