@charset "utf-8";
/*
	Last Update:2021/11/21
	Auther: iw
*/
/*===================================================================
	layout
===================================================================*/
a:link { color:#555; }
a:visited { color:#555; }

.wrapper, .wrapper-t, .wrapper-b { position:relative; }
@media (max-width: 767px){
	.wrapper, .wrapper-t { padding-top:60px; }
	.wrapper, .wrapper-b { padding-bottom:60px; }
}
@media (min-width: 768px){
	.wrapper, .wrapper-t { padding-top:80px; }
	.wrapper, .wrapper-b { padding-bottom:80px; }
}
@media (max-width:575px) {
	.wrapper, .wrapper-t { padding-top:40px; }
	.wrapper, .wrapper-b { padding-bottom:40px; }
}

.center, .center2 { width:100%; margin:0 auto; text-align:left; }
.center { max-width:1100px; }
.center2 { max-width:900px; }
	@media (max-width:1130px){
		.center { padding-left:15px; padding-right:15px; }
	}
	@media (max-width: 930px){
		.center2 { padding-left:15px; padding-right:15px; }
	}


/*===================================================================
	#head
===================================================================*/
#head { position:relative; top:0; left:0; width:100%; z-index:1000; background:#fff; }
#head a { text-decoration:none; }
#head h1 a img { max-width:calc(100vw - 800px); }
#head .site_logo { display:inline-block; width:120px; }
	@media (max-width:1130px) {
		#head h1 a img { max-width:calc(100vw - 770px); }
	}
	@media (max-width: 991px){
		#head.fixed { position:fixed; box-shadow:0 3px 6px rgb(0,0,0,0.2); }
	}
	@media (min-width: 992px){
	}

#head .head_wrap { height:80px; display:table; width:100%; padding:0 30px; }
#head .head_wrap > * { display:table-cell; vertical-align:middle; }
@media (max-width:1130px){
	#head .head_wrap { padding:0 15px; }
}

#head_navi nav { height:100%; padding:10px 0; }
#head_navi ul { display:table; height:100%; margin-right:0; margin-left:auto; }
#head_navi ul > li { display:table-cell; vertical-align:middle; padding-left:20px; }
#head_navi ul > li a { display:block; font-weight:bold; letter-spacing:1px; }
#head_navi ul > li a.login_btn { display:flex; flex-direction:column; justify-content:center; background:#00AF7F; font-weight:bold; color:#fff; border-radius:6px; height:100%; padding:0 20px; min-height:60px; }
#head_navi ul > li a.login_btn._red { background:#fff; border:2px solid #FF0000; color:#FF0000; }
	@media (max-width: 991px){
		#head .head_wrap { height:65px; }
		#head h1 a img { max-width:90%; }
		#head_navi { top:65px; position:absolute; left:0; width:100%; background:#fff; box-shadow:0 3px 3px rgb(0 0 0 / 20%); }
		#head_navi nav { padding:0; }
		#head_navi ul { display:block; }
		#head_navi ul > li { display:block; padding-left:0; border-top:1px dotted #ccc; }
		#head_navi ul > li > a { padding:15px; }
		#head_navi ul > li > a.login_btn { background:#fff; color:#00AF7F; border-radius:0; padding:15px; }
		#head_navi ul > li a.login_btn._red { border:0; }

		#base:not(.open) #head_navi { display:none !important; }
	}
	@media (min-width: 992px){
		#head_navi {}
	}

#head_contact {  }
#head_contact > a { border:1px solid #2C72BD; padding:10px 0; color:#2C72BD; width:160px; display:block; margin-left:auto; margin-right:0; text-align:center; letter-spacing:1px; }
#head_contact > a > span { display:inline-block; padding-left:20px; background:url(../image/layout/icon_mail.png) no-repeat left center; }


#btn_open { width:30px; padding-left:15px; }
#btn_open a { display:block; width:30px; height:100%; min-height:60px; margin-left:auto; background:no-repeat center center; }
#btn_open a.bars { background-image:url(../image/layout/icon_bars.png); }
#btn_open a.times { background-image:url(../image/layout/icon_times.png); }
@media (min-width:992px) {
	#btn_open { display:none!important; }
}
@media (max-width:991px) {

}

/*===================================================================
	#foot
===================================================================*/
#foot { position:relative; }
#foot::before { content:""; position:absolute; display:block; width:100%; height:16px; background:linear-gradient(to bottom, #E9E9E9, #fff); top:0; left:0; z-index:-10; }
#foot #foot_banner a { margin-bottom:30px; display:block; text-align:center; }

#copyright { padding:10px 0; font-size:0.85em; background:#00AF7F; color:#fff; letter-spacing:1px; }
#copyright .center { position:relative; }
@media (max-width:575px) {
	#foot { padding-top:20px; }
}

/*===================================================================
	main
===================================================================*/
.information_list { margin-bottom:40px; }
.information_list dl { padding:20px 0 10px; }
.information_list dl:not(:last-child) { border-bottom:1px solid #CFCFCF; }
.information_list dl .date { display:inline-block; padding-right:10px; }
.information_list dl .category { display:inline-block; border:1px solid #00AF7F; color:#00AF7F; padding:2px 5px; background-color:#fff; }
.information_list dl .title { font-size:1.5em; font-weight:bold; padding:5px 0 10px; line-height:2; }
.information_list dl .title a { display:inline-flex; align-items:center; }
.information_list dl .title a .name { max-width:calc(100% - 60px); }
.information_list dl .files { padding-left:110px; }
.information_list dl .files a { display:inline-flex; align-items:center; margin-bottom:10px; }
.information_list dl .title a:hover,
.information_list dl .files a:hover { text-decoration:underline; }
.information_list dl .files a .name { vertical-align:middle; font-size:1.1em; max-width:calc(100% - 60px); }
.information_list dl .icon { width:50px; height:45px; margin-right:10px; background:no-repeat center center; }
.information_list dl .icon._pdf { background-image:url(../image/layout/icon_pdf.png); }
.information_list dl .icon._exl { background-image:url(../image/layout/icon_xls.png); }
.information_list dl .icon._zip { background-image:url(../image/layout/icon_zip.png); }
.information_list dl .icon._ppt { background-image:url(../image/layout/icon_ppt.png); }
.information_list dl .icon._png { background-image:url(../image/layout/icon_png.png); }
.information_list dl .icon._jpg { background-image:url(../image/layout/icon_jpg.png); }
.information_list dl .icon._webp { background-image:url(../image/layout/icon_webp.png); }
.information_list dl .icon._doc { background-image:url(../image/layout/icon_word.png); }
.information_list dl .icon._txt { background-image:url(../image/layout/icon_txt.png); }

.information_list dl a.information_link._visited,
.information_list dl .name._visited { color:#8f3bb1; }

.information_list dl .comment { height:100%; max-height:130px; overflow:hidden; position:relative; padding-bottom:30px; margin-bottom:20px; }
.information_list dl .comment._open { max-height:none; }
.information_list dl .comment:not(._open)::before { content:""; position:absolute; top:0; height:0; display:block; width:100%; height:100%; background:linear-gradient(to bottom, transparent 20%, #fff 80%); }
.information_list dl .comment .read_more { position:absolute; bottom:0; display:block; }
.information_list dl .comment .read_more a { text-decoration:underline; }
.information_list dl .comment .read_more:hover a { text-decoration:none; }

@media (max-width:575px) {
	.information_list { margin-bottom:20px; }
	.information_list dl .icon { width:30px; height:35px; background:no-repeat center center / 30px auto; margin-right:10px; }
	.information_list dl .files { padding-left:60px; }
	.information_list dl .title { font-size:1.2em; }
	.information_list dl .title a .name { max-width:calc(100% - 40px); }
	.information_list dl .files a .name { font-size:1em; max-width:calc(100% - 40px); }
}


.event_list { margin-bottom:40px; }
.event_list a:hover .title,
.event_list a:hover .comment { text-decoration:underline; }
.event_list dl { padding:20px 0; border-bottom:1px solid #CFCFCF; }
.event_list dl .date { display:inline-block; padding-right:10px; }
.event_list dl .category { display:inline-block; border:1px solid #00AF7F; color:#00AF7F; padding:2px 5px; background-color:#fff; }
.event_list dl .title { font-size:1.5em; font-weight:bold; padding:5px 0 10px; }
.event_list a.event_link._visited dl .comment,
.event_list a.event_link._visited dl .title { color:#8f3bb1; }

.event_detail { margin-bottom:40px; }
.event_detail .detail_head { padding-top:20px; }
.event_detail .detail_head .date { display:inline-block; padding-right:10px; }
.event_detail .detail_head .category { display:inline-block; border:1px solid #00AF7F; color:#00AF7F; padding:2px 5px; background-color:#fff; }
.event_detail .detail_head .title { padding-top:20px; }
.event_detail .image img { width:100%; }
@media (max-width:767px) {
	.event_detail .image img { margin-bottom:20px; }
	.event_detail .detail_head .title { margin-bottom:30px; }
}
@media (max-width:575px) {
	.event_list { margin-bottom:20px; }
}

.tag { display:inline-block; border: 1px solid #555; color:#555; padding:2px 5px; min-width:80px; text-align:center; }
.tag._public { background-color:#ffe; }
.tag._member { background-color:#efe; }

.search_box { padding:20px; margin-bottom:40px; }
.search_box h3 { font-size:1.5em; margin-bottom:20px; }
.search_box h4 { font-size:1.2em; margin-bottom:10px; }
.search_box label { display:inline-block; padding-right:5px; }
.search_box .freeword { letter-spacing:-1em; }
.search_box .freeword > * { letter-spacing:normal; display:inline-block; vertical-align:top; }
.search_box .freeword .search_keyword { max-width:100%; height:50px; margin:0; border:1px solid #ddd; border-radius:0; }
.search_box .freeword .search_keyword:focus { background:#fff; border-color:#00AF7F; }
.search_box .search_foot { text-align:right; }
.search_box .search_foot .btn_search { height:50px; border:0; background:#00AF7F url(../image/layout/icon_search.png) no-repeat center left 5px; text-align:right; padding:0 10px 0 40px; font-size:1.1em; color:#fff; font-weight:bold; letter-spacing:2px; }
.search_box .search_foot .btn_reset { height:50px; border:2px solid #f00; padding:0 10px; display:inline-flex; flex-direction:column; justify-content:center; margin-left:10px; background:#fff; color:#f00; font-weight:bold; font-size:1.1em; }
@media (max-width:575px) {
	.search_box { padding:20px 15px; margin-bottom:20px; }
	.search_box .search_foot .search_keyword { max-width:100%; width:calc(100% - 50px); }
	.search_box .freeword .btn_reset { margin-left:auto; margin-right:0; display:flex; width:90px; height:40px; text-align:center; padding:0; margin-top:10px; }
}

.box { box-shadow:0 0 5px rgba(0,0,0,0.2); }
	@media (max-width: 575px){
		.box > .box_in { padding:20px 15px; }
	}
	@media (min-width: 576px){
		.box > .box_in { padding:25px 30px; }
	}

.hl_1 { text-align:center; padding-top:40px; }
.hl_1 > * { display:block; color:#005B25; font-weight:bold; }
.hl_1 .main { position:relative; line-height:200%; letter-spacing:2px; text-indent:2px; z-index:10; }
.hl_1 .main::after { content:""; position:absolute; display:block; z-index:-10; width:200px; height:12px; background:#F3F3F3; bottom:12px; left:50%; transform:translateX(-50%); }
	@media (max-width: 575px){
		.hl_1 { margin-bottom:40px; }
		.hl_1 .main { font-size:1.8em; }
		.hl_1 .main::after { width:120px; bottom:6px; }
	}
	@media (min-width: 576px){
		.hl_1 { margin-bottom:50px; }
		.hl_1 .main { font-size:2.25em; }
	}


.button._type1 { font-weight:bold; color:#fff; background-color:#00AF7F; font-weight:bold; border:2px solid #00AF7F; border-radius:6px; max-width:100%; }
.button._type1._white { background:#fff; color:#00AF7F; }
.button._type1._red { background:#fff; color:#FF0000; border-color:#FF0000; }
.button._type1._blue { background:#5da2f5; border-color:#5da2f5; }
.button._type1 .paper_plane { padding-left:35px; background:url(../image/layout/icon_paper_plane.png) no-repeat center left; line-height:30px; }
.button._type1 .pdf { padding-left:35px; background:url(../image/layout/icon_pdf2.png) no-repeat center left; line-height:30px; }
	@media (max-width: 575px){
		.button._type1 { width:100%; padding:10px 15px; }
	}
	@media (min-width: 576px){
		.button._type1 { width:320px; padding:15px 20px; font-size:1.1em; letter-spacing:1px; }
		.button._type1._small { width:160px; }
	}

/*===================================================================
	tbl
===================================================================*/
.tbl_1 { display:table; width:100%; border:2px solid #707070; }
.tbl_1 tr > * { vertical-align:top; padding:20px 30px; border:1px solid #707070; vertical-align:middle; }
.tbl_1 th { color:#707070; text-align:center; width:180px; background-color:#F3FFFB; font-size:1.2em; }
.tbl_1 td { color:#272727; }
	@media (min-width:768px) {
		.tbl_1 { border-collapse:separate; border-spacing:0; border:0; }
		.tbl_1 tr > * { border-right:0; border-bottom:0; }
		.tbl_1 tr:first-child > * { border-top:2px solid #707070; }
		.tbl_1 tr > *:first-child { border-left:2px solid #707070; }
		.tbl_1 tr:last-child > * { border-bottom:2px solid #707070; }
		.tbl_1 tr > *:last-child { border-right:2px solid #707070; }
	}
	@media (max-width:767px) {
		.tbl_1 tr { display:block; }
		.tbl_1 tr > * { display:block; width:100%; border:0; padding:20px 15px; }
		.tbl_1 tr:not(:last-child),
		.tbl_1 tr > *:not(:last-child) { border-bottom:1px solid #707070; }
		.tbl_1 th { font-size:1em; }
	}


/*===================================================================
	form
===================================================================*/
a.form_link { text-decoration:underline; }
a.form_link:hover { text-decoration:none; }
form .tbl_1 th { min-width:240px; }
form .tbl_1 th > span { font-size:.9em; display:inline-block; }
form .tbl_1 td dl:not(:last-child) { margin-bottom:10px; }

form input[type="file"] { -webkit-appearance:none; appearance:none; }
form input[type="date"] { width:auto; min-width:150px; }
@media (max-width:767px) {
	form input[type="date"],
	form select { width:100%; }
	form input[type="file"] { display:inline-block; width:100%; max-width:100%; }
}

/*===================================================================
	color
===================================================================*/
.bg_white { background-color:#fff !important; }
.bg_lg { background-color:#F3FFFB !important; }

.c_white { color:#fff !important; }
.c_red { color:#f00 !important; }
.c_green { color:#005B25 !important; }

/*===================================================================
	icon
===================================================================*/
.icon { display:inline-block; line-height:100%; background-repeat:no-repeat; background-size:contain; background-position:left center; padding-left:1.25em; }

/*===================================================================
	common
===================================================================*/
.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.p0 { padding:0 !important; }
.mt20 { margin-top:20px !important; }

.disp_b { display:block; }
.disp_ib { display:inline-block; }
.disp_tbl { display:table; width:100%; height:100%; }
.disp_td { display:table-cell; vertical-align:middle; }

.img_back { background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; }
.img_back > img { visibility:hidden; width:1px; height:1px; }
.img_rect { padding-top:65%; line-height:1px; }
.img_sq { padding-top:100%; line-height:1px; }

.parallax,
.parallax:before,
.parallax:after { transition:opacity .7s, transform .7s, left .7s, right .7s; }
.parallax[data-parallax-in="vertical"],
.parallax[data-parallax-in="vertical2"],
.parallax[data-parallax-in="vertical3"] { opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); }
.parallax[data-parallax-in="vertical"]:not(.parallax_on),
.parallax[data-parallax-in="vertical2"]:not(.parallax_on),
.parallax[data-parallax-in="vertical3"]:not(.parallax_on) { opacity:0 !important; }
.parallax[data-parallax-in="vertical"]:not(.parallax_on) { transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); }
.parallax[data-parallax-in="vertical2"]:not(.parallax_on) { transform:translateY(60px); -webkit-transform:translateY(60px); -ms-transform:translateY(60px); }
.parallax[data-parallax-in="vertical3"]:not(.parallax_on) { transform:translateY(90px); -webkit-transform:translateY(90px); -ms-transform:translateY(90px); }
.parallax[data-parallax-in="left"] { position:relative; left:0; }
.parallax[data-parallax-in="left"]:not(.parallax_on) { left:-100vw; }
.parallax[data-parallax-in="right"] { position:relative; right:0; }
.parallax[data-parallax-in="right"]:not(.parallax_on) { right:-100vw; }

.parallax[data-parallax-in="slide_right"],
.parallax[data-parallax-in="slide_left"] { display:inline-block; position:relative; }
.parallax[data-parallax-in="slide_right"] > *,
.parallax[data-parallax-in="slide_left"] > * { position:relative; display:block; transform:translateX(0vw); transition:all .5s; transition-delay:.4s; }
.parallax[data-parallax-in="slide_right"]:before,
.parallax[data-parallax-in="slide_left"]:before { content:""; position:absolute; top:0; width:100%; height:100%; background:#9CB5A7; transition:all .5s; }
.parallax[data-parallax-in="slide_right"]:before { right:0; }
.parallax[data-parallax-in="slide_left"]:before { left:0; }
.parallax[data-parallax-in="slide_right"]:not(.parallax_on):before,
.parallax[data-parallax-in="slide_left"]:not(.parallax_on):before { width:0%; }
.parallax[data-parallax-in="slide_right"]:not(.parallax_on)  > * { transform:translateX(100vw); }
.parallax[data-parallax-in="slide_left"]:not(.parallax_on)  > * { transform:translateX(-100vw); }