@charset 'utf-8';

/* main-banner */
#main-banner { position:relative; width:100%; overflow:hidden; }
#main-banner .innerbx { position:relative;  }
#main-banner .swiper-slide { background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center; }
#main-banner .swiper-slide img { max-width:100%; height:auto; }
#main-banner .ver-web { display:block; }
#main-banner .ver-m { display:none; }

/* main-content */
#main-content { background-repeat:repeat; background-position:center; background-image:url('../img/main/main_content_bg.jpg'); background-size:100% auto; }
#main-content .content { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:50% 50%; }
#main-content article { width:100%; padding:45px 30px; box-sizing:border-box; }
#main-content article .article-hd { position:relative; margin-bottom:20px; }
#main-content article .article-hd h3 { font-size:30px; line-height:1.35; font-weight:700; }
#main-content article .article-hd .more-link { position:absolute; right:0; bottom:0; font-size:16px; font-weight:700; }
#main-content article .article-body { }
#main-content article .article-body .notice-list { border-top:1px solid #d7d7d7; }
#main-content article .article-body .notice-list li { padding:15px 0; border-bottom:1px solid #d7d7d7; }
#main-content article .article-body .notice-list li .date { font-size:14px; line-height:1.35; color:#616161; margin-bottom:2px; }
#main-content article .article-body .notice-list li .subject { display:block; width:100%; font-size:18px; line-height:1.35; font-weight:700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#main-content article .article-body .notice-list li .subject a { }

/*#main-content article .article-body .gallery-list { display:grid; grid-template-columns:repeat(3, 1fr); gap:34px 22px; }*/
/*#main-content article .article-body .gallery-list li { }*/
/*#main-content article .article-body .gallery-list li .img { }*/
/*#main-content article .article-body .gallery-list li .img img { width:100%; height:auto; }*/
/*#main-content article .article-body .gallery-list li .title { font-size:14px; line-height:1.35; text-align:center;font-weight:700;  margin-top:10px; }*/

#main-content article .article-body .gallery-list { display:grid; grid-template-columns:repeat(3, 1fr); gap:34px 22px; }
#main-content article .article-body .gallery-list li { overflow: hidden; }
#main-content article .article-body .gallery-list li .img { overflow: hidden; margin-bottom:15px; }
#main-content article .article-body .gallery-list li .img a { position:relative; display:block; padding-bottom:60%; }
#main-content article .article-body .gallery-list li .img img { position:absolute; left:0; top:50%; width:100%; height:auto; transform:translateY(-50%); }
#main-content article .article-body .gallery-list li .title { display:block; font-size:14px; line-height:1.35; font-weight:700;  margin-top:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



/* sec-aboutus */
#sec-aboutus { position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center; height:475px; overflow:hidden; }
#sec-aboutus a { display:block; width:100%; height:100%; }
#sec-aboutus img { width:100%; height:auto;  }
#sec-aboutus .ver-m { display:none; }

/* popup-box */
.popup-box { position: fixed;top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; border: 1px solid #ccc; padding: 20px; z-index: 1000; min-width:280px; }
.popup-box .pop-tail { position:relative; overflow:hidden; margin-top:10px; }
.popup-box .pop-tail .today { float:left; display:inline-block; cursor:pointer; }
.popup-box .pop-tail .today input { -webkit-appearance: checkbox; vertical-align:middle; margin-right:5px; }
.popup-box .pop-tail .btn-pop-close { float:right; border:0; cursor:pointer; }



@media (max-width: 768px) {
	#main_banner { background-color:#000; }
	#main_banner .ver-web { display:none; }
	#main_banner .ver-m { display:block; }
	#main_banner .swiper-slide { background:transparent; }
	
	#main-content .content { display:block; /* display:flex; flex-direction: column-reverse; */ background-color: rgb(236, 240, 223);  }
	#main-content article { flex-basis:100%; background-color:#f7f7ef; }
	#main-content article.events { flex-basis:100%; background-color:#eadbde; }
	#main-content article .article-body .notice-list li:last-child { border-bottom:0; }
	
	#sec-aboutus { height:auto; }
}

@media (max-width: 480px) {
	#main-content article { padding:30px 20px; }
	#main-content article .article-hd { margin-bottom:10px; }
	#main-content article .article-hd h3 { font-size:25px; }
	#main-content article .article-hd .more-link { font-size:14px; }
	#main-content article .article-body .notice-list li { padding:10px 0; display:flex; flex-direction: column-reverse;  }
	#main-content article .article-body .notice-list li .date { font-size:12px; margin:0; margin-top:4px; }
	#main-content article .article-body .notice-list li .subject { font-size:14px; }
	#main-content article .article-body .gallery-list { grid-template-columns: repeat(2, 1fr); gap: 20px 15px; }
	
	#partners { padding:0 40px; }
	#partners .swiper-button-prev, #partners .swiper-button-next { width:40px; background-size:8px auto; }
	
	#sec-aboutus .text-box dt { font-size: 30px; }
	#sec-aboutus .text-box dd { font-size:15px; }
}

@media (max-width: 375px) {
	#sec-aboutus .text-box dt { font-size:20px; }
	#sec-aboutus .text-box dd { font-size:11px; margin-top: 10px; }
}

@media (max-width: 320px) {
	#main-content article { padding:30px 15px; }
}