@charset "utf-8";
/*--------------------------------------
	copyright :
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(https://unpkg.com/aos@next/dist/aos.css);
/*@import url(../_plugin/lightGallery/css/lightgallery.min.css);*/
@import url(common_parts.css);
@import url(common.css);


/* index ==============================*/


/* mv ----------*/
#mv { background-image: url(../_img/index/mv.jpg); }


/* main  ----------*/
/* schedule */
#schedule ul { padding: 3rem 1rem; }
#schedule li { padding: 1rem 0; border-bottom: 1px dashed #b3b3b3; }
#schedule .news_item { display: table; }
#schedule li h3,
#schedule li p { display: table-cell; min-width: 125px; padding-right: 1rem; font-size: 1.6rem; }
#schedule li h3 { position: relative; width: 100%; min-width: inherit; padding-left: 10rem; font-size: 1.8rem; }
#schedule li h3 a { display: block; color: #000; }
#schedule li h3 > span { position: absolute; top: 0; left: 0; min-width: 80px; padding: 0.3rem 1rem; font-size: 1.4rem; color: #fff; background: #29abe2; text-align: center; }
#schedule li h3 > span.new { background: #ff0000; }
@media screen and ( max-width: 768px ) {
	#schedule .news_item,
	#schedule li p { display: block; }
}

/* about */
#about .img_wrap { justify-content: center; }
#about .btn { max-width: 320px; margin: 3rem auto; background: #000; }
#about .img_box { margin-bottom: 2rem; text-align: center; }
@media screen and ( min-width: 768px ) {
	#about .img_box { margin-bottom: 0; }
}

/* problem */
#problem .btn { max-width: 320px; margin: 3rem auto; background: #000; }

/* health */
#health .flb .img_box { margin-bottom: 2rem; }
@media screen and ( min-width: 769px ) {
	#health .flb { position: relative; margin-bottom: 3rem; }
	#health .flb .img_box { width: 60%; }
	#health .flb p { background: rgba(255,255,255, 0.6); position: absolute; right: 0; bottom: -3rem; padding: 3rem; }
	#health .sec_inner > p { text-align: center; }
}

/* community */
section#community { position: relative; padding: 0; text-align: center; background: url(../_img/index/community_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; -webkit-background-size: cover; }
#community::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: rgba(21, 138, 0, 0.3); }
#community .cont_outer { position: relative; z-index: 2; padding: 5rem 2rem 0; background: #fff; }
#community .sec_header { position: relative; padding: 5rem 0; }
#community .sec_header h2,
#community .sec_header p { position: relative; z-index: 2; color: #fff; }
#community .sec_header h2 { font-size: 3.2rem; }
#community .sec_header p { font-size: 1.8rem; }
#community .item_box { margin-bottom: 3rem; }
#community .item_box h3 { font-size: 2rem; }
#community .img_box { margin-bottom: 3rem; }
@media screen and ( min-width: 768px ) {
	#community .sec_header::after { position: absolute; top: 0; left: 0; content:""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }
	#community .sec_header { padding: 10rem 0; }
	#community .sec_header h2,
	#community .sec_header p { position: relative; z-index: 2; color: #fff; }
	#community .item_box h3 { font-size: 2.4rem; }
}


@media screen and ( min-width: 769px ) {
	#community .img_wrap { margin: 3rem 0; flex-wrap: wrap; }
	#community .img_wrap .img_box { width: calc( (99.999% - 6rem) / 3 ); }
	#community .img_wrap .img_box:not(:nth-last-of-type(1)) { margin-right: 3rem; }
}