@charset "utf-8";

/*===================================================================
 CSS Import
===================================================================*/
@import url(./ress.css);

/*===================================================================
 Common
===================================================================*/
*{ color:#333333; font-family:'UD Reimin Medium','UD Shin Go NT Medium',sans-serif; }
html{ width:100%; }
body{ width:100%; background-color:#ffffff; }
a{ color:#006e6d; text-decoration:none; }
div{ position:relative; }
img{ display:block; width:100%; height:auto; }
p{ line-height:190%; }


.fBold { font-weight:bold; }
.fMincho { font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
.cRed { color:#6d0000; }
.cGreen { color:#289650; }
.cBlue { color:#00196d; }
.fSmall { font-size:0.8rem; }


	/* COMMON */
	html{ overflow-y:scroll; font-size:16px; }
	a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.BoxBG { width:100%; margin-top:4rem; background: linear-gradient(180deg, #E9F4ED, #ffffff 10%); border-top:1px #ffffff solid; }
	.BoxBG02 { width:100%; background-color:#E9F4ED; }

		
	/* HOME */
	.homeNewsBody { padding:0.5rem 0; background:rgba(0,0,0,0.5); position:absolute; bottom:0; }
	.homeNewsBody { width:100%; margin:auto; }
	.homeNewsList > a { width:1020px; margin:auto; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.homeNewsList > a > p { color:#ffffff; }
	.homeNewsList > a > p:nth-of-type(1) { width:7rem; }
	.homeNewsList > a > p:nth-of-type(2) { width:calc(100% - 7rem); }
	.homeMenuBox { width:100%; border-bottom:1px solid #289650; }
	.homeMenu { width:1020px; height:100px; margin:auto; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.homeMenu > p { display:block; position:relative; width:33.3%; height:100%; padding:0.8rem 0; border-left:1px solid #289650; text-align:center; color:#289650; font-size:1.5rem; font-family: 'Noto Sans JP', sans-serif; text-decoration:none; }
	.homeMenu > p:nth-of-type(3) { border-right:1px solid #006e6d; }
	.homeMenu > p:hover{ cursor:pointer; text-decoration:none; background-color:#E9F4ED; }
	.homeMenu > p > img { display:block; position:absolute; left:45%; width:1.5rem; height:auto; padding-top:0.5rem; }
	.homeNewsBox { width:1020px; margin:auto; margin-top:3rem; background-color:#FCEDF1; border-radius:2rem; }
	.homeNewsBox > div { border-bottom:1px solid #E65078; }
	.homeNewsBox > p.Title { padding:0 2rem; padding-top:2rem; padding-bottom:1rem; font-size:1.3rem; font-weight:bold; color:#E65078; line-height:100%; }
	.homeNewsBox > p.Content { padding:0 2rem; padding-top:1rem; padding-bottom:2rem; }
	.homeNewsBox > p.Content > span:nth-of-type(1) { font-size:1.2rem; font-weight:bold; }
	.homeNewsBox > p.Content > span:nth-of-type(2) { font-weight:bold; }
	.GreetingBox { width:1020px; margin:auto; margin-top:2rem; }
	.GreetingBox > p.Title { font-size:2.5rem; font-weight:bold; font-family: 'Noto Sans JP', sans-serif; color:#289650; text-align:center; line-height:150%; letter-spacing:0.5rem; }
	.GreetingBox > p.SubTitle { font-size:1.3rem; font-weight:bold; font-family: 'Noto Sans JP', sans-serif; color:#888888; text-align:center; letter-spacing:0.3rem; }
	.GreetingBox > p.Content { width:840px; margin:auto; margin-top:2rem; }
	.GreetingBox > p.Content2 { width:840px; margin:auto; margin-top:2rem; text-align:right; }
	.GreetingBox > p.Content2 > span { font-size:1.8rem; font-weight:bold; line-height:150%;  }
	.HistoryBox { width:1020px; margin:auto; margin-top:4rem; padding:3rem 0; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.HistoryBox > div:nth-of-type(1) { width:280px; }
	.HistoryBox > div:nth-of-type(2) { width:calc(100% - 280px); padding-left:1rem; }
	.HistoryBox > div:nth-of-type(1) > p.Title { font-size:2.5rem; font-weight:bold; font-family: 'Noto Sans JP', sans-serif; color:#289650; line-height:150%; letter-spacing:0.5rem; }
	.HistoryBox > div:nth-of-type(1) > p.SubTitle { font-size:1.3rem; font-weight:bold; font-family: 'Noto Sans JP', sans-serif; color:#888888; letter-spacing:0.3rem; }
	.HistoryBox > div:nth-of-type(2) > p { padding:0.5rem 0; border-bottom:1px #289650 solid; display:flex; flex-wrap:nowrap; }
	.HistoryBox > div:nth-of-type(2) > p > span:nth-of-type(1) { width:3.5rem; }
	.HistoryBox > div:nth-of-type(2) > p > span:nth-of-type(2) { width:7rem; padding-left:1rem; }
	.HistoryBox > div:nth-of-type(2) > p > span:nth-of-type(3) { width:18rem; padding-left:1rem; }
	.HistoryBox > div:nth-of-type(2) > p > span:nth-of-type(4) { width:calc(100% - 28.5rem); padding-left:1rem; }
	.MemberBox { width:1020px; margin:auto; margin-top:3rem; display:flex; flex-wrap:nowrap; justify-content:space-between; }
	.MemberBox > div:nth-of-type(1) { width:280px; }
	.MemberBox > div:nth-of-type(2) { width:calc(100% - 280px); padding-left:1rem; }
	.MemberBox > div:nth-of-type(1) > p.Title { font-size:2.5rem; font-weight:bold; font-family: 'Noto Sans JP', sans-serif; color:#289650; line-height:150%; letter-spacing:0.5rem; }
	.MemberBox > div:nth-of-type(1) > p.SubTitle { font-size:1.3rem; font-weight:bold; font-family: 'Noto Sans JP', sans-serif; color:#888888; letter-spacing:0.3rem; }
	.MemberBox > div:nth-of-type(2) > p { padding:0.5rem 0; border-bottom:1px #289650 solid; display:flex; flex-wrap:nowrap; }
	.MemberBox > div:nth-of-type(2) > p > span:nth-of-type(1) { width:3.8rem; color:#289650; font-weight:bold; }
	.MemberBox > div:nth-of-type(2) > p > span:nth-of-type(2) { width:calc(100% - 3.8rem); padding-left:1rem; }


	/* HEADER */
	.header { width:100%; height:600px; background-image:url(../../img/homeImg01.jpg); background-size:cover; position:relative; }
	.headerTitle { position:absolute; top:45%; right:0; left:0; transform: translate(0, -50%); text-align:center; text-decoration:none; }
	.headerTitle > p { color:#ffffff; text-shadow: #000000 1px 0 10px; }
	.headerTitle > p:nth-of-type(1) { font-size:2.5rem; line-height:150%; font-family: 'Noto Sans JP', sans-serif; }
	.headerTitle > p:nth-of-type(2) { margin-top:1rem; font-weight:bold; }


	/* FOOTER */
	.footerBanner{ clear:both; width:950px; margin:auto; margin-top:8rem; display:flex; flex-wrap:wrap; justify-content:space-between; }
	.footerBanner > a { display:block; width:300px; height:80px; border:1px #cccccc solid; margin-bottom:1rem; color:#000000; text-align:center; text-decoration:none; position:relative; font-weight:bold; }
	.footerBanner > a > p { position:absolute; top:50%; right:0; left:0; transform: translate(0, -50%); line-height:150%; }
	.footerBanner > a:nth-of-type(1) { background-image:url(../../img/img_btn01.jpg); background-size:cover; }
	.footerBanner > a:nth-of-type(1) > p > span { display:block; font-size:1.3rem; line-height:120%; }
	.footerBanner > a:nth-of-type(2) { background-image:url(../../img/img_btn02.jpg); background-size:cover; }
	.footerBanner > a:nth-of-type(3) { background-image:url(../../img/img_btn03.jpg); background-size:cover; }
	.footerBanner > a:last-child{ margin-right:0; }
	.footerBanner > a:hover{ cursor:pointer; text-decoration:none; }
	.footerBanner::after{ content:""; display: block; width:300px; }
	.footer{ background-color:#289650; }
	.footer > div { width:1020px; margin:auto; margin-top:2rem; padding:1rem 0; }
	.footer > div > p { line-height:100%; color:#ffffff; padding-top:1rem; }
	.footer > div > p:nth-of-type(1) { font-size:1.4rem; font-weight:bold; }
	.footer > div > p:nth-of-type(2) { padding-top:0.8rem; }
	.footer > div > p:nth-of-type(3) { font-size:0.9rem; padding-top:2rem; padding-bottom:5rem; line-height:180%; }
	.footer > div > p:nth-of-type(3) > span { font-weight:bold; color:#ffffff; }

	.btnPgTop {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    display: block;
    width:4rem; 
    z-index:9999;
	}
	.btnPgTop > a > img:hover { cursor:pointer; opacity:0.7; }