@charset "utf-8";

/*===================================================================
  CSS Import
===================================================================*/
@import url(./ress.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');

/*===================================================================
  Common
===================================================================*/
body{ width:100%; height:100vh; color:#333333; background-color: #f2f6f2; font-family:'Noto Sans JP',sans-serif; }
a, a:hover{ text-decoration:none; }
div{ position:relative; }
img{ display:inline-block; width:100%; height:auto; }
p{ line-height:190%; }

.MainBgImg{ width:100%; background-image:url(../img/MainImg02.jpg); background-position: center -2rem; background-size:100%; background-color:#ffffff; }
.ContentsArea{ width:1000px; margin:auto; }
.ContentsTitle{ width:1000px; font-size:2rem; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; margin-top: 6rem; }
.ContentsTitle span{ display:block; font-size:0.8rem; font-family:'Noto Sans JP',sans-serif; font-weight: bold; letter-spacing:1em; line-height: 200%; margin-left: 0.5rem; color: #82c878; }
a.newWin > p::after{ content:''; display:inline-block; width:1rem; height:1rem; margin-left: 0.5rem; background-image:url(../img/comIconNewWin.svg); background-size:contain; }
a.newWin2 > p::after{ content:''; display:inline-block; width:1rem; height:1rem; margin-left: 0.5rem; background-image:url(../img/comIconNewWin_W.svg); background-size:contain; }


/* greeting */
	.greetingBox01{ margin-top:5rem; display:flex; flex-wrap:nowrap; }
	.greetingBox01 > div:nth-of-type(1){ width:500px; padding-right: 3rem; }
	.greetingBox01 > div:nth-of-type(1) > p > span{ font-size: 1.8rem; line-height: 180%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;  }
	.greetingBox01 > div:nth-of-type(2){ width:500px; }
	.greetingBox01 > div:nth-of-type(2) > img{ margin-bottom: 1rem; }
	.greetingBox01 > div:nth-of-type(2) > a{ display:block; position: relative; margin: auto; width:260px; height: 50px; color: #333333; text-decoration: none; background-color: #82c878; padding: 0.2rem; border-radius: 3rem; }
	.greetingBox01 > div:nth-of-type(2) > a > p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; padding-left: 1.5rem; color: #ffffff; }
	.greetingBox01 > div:nth-of-type(2) > a > p:before{ content:''; display:inline-block; width:1rem; height:1rem; position:absolute; top:0; bottom:0; left:0; margin:auto; background-image:url(../img/comIconArrow.svg); background-size:contain; }
	.greetingBox01 > div:nth-of-type(2) > a:hover{ cursor:pointer; opacity:0.7; }


	/* Member */
	.memberBox01{ margin-top:5rem; }
	.memberBox01 > p{ margin-bottom:3rem; }
	.memberListBox{ display:flex; flex-wrap:nowrap; padding: 1rem 0; border-top: #989898 solid 1px; }
	.memberListBox:last-child{ border-bottom: #989898 solid 1px; }
	.memberListBox > p:nth-of-type(1){ width: 10rem; font-weight: bold; }
	.memberListBox > p:nth-of-type(2){ width: calc(100% - 10rem); }


	/* NEWS */
	.newsTitle{ margin-top:4rem; margin-bottom:2rem; color:#2d2481; line-height:160%; font-size:1.6rem; padding-left:2rem; font-weight:bold; }
	.newsTitle:before{ content:''; display:inline-block; width:2rem; position:absolute; top:0; bottom:0; left:0; margin:auto; background-image:url(../img/comIconV.svg); background-size:contain; }
	.newsBox01{ margin-top:4rem; display:flex; flex-wrap:nowrap; }
	.newsBox01 > a{ width: 100px; display: block; color: #ffffff; text-decoration: none; background-color: #82c878; padding: 0.5rem; border-radius: 3rem; text-align: center; margin-right: 0.5rem; }
	.newsBox01 > a:hover{ cursor:pointer; opacity:0.7; }
	.newsBox01 > a:last-child{ margin-right: 0rem; }
	.newsBox02{ margin-top:4rem; margin-bottom: 1rem; font-size: 1.5rem; }
	.newsBox03{ display:flex; flex-wrap:nowrap; padding: 1rem 0; border-top: #989898 solid 1px; }
	.newsBox03:last-child{ border-bottom: #989898 solid 1px; }
	.newsBox03 > p:nth-of-type(1){ width: 10rem; }
	.newsBox03 > p:nth-of-type(2){ width: calc(100% - 10rem); }
	.newsBox03 > p:nth-of-type(2) > a{ color: #333333; text-decoration: underline; }
	.newsDetailBox01{ margin-top:4rem; }
	.newsDetailBox01 > a{ position: relative; width: 200px; display: block; color: #ffffff; text-decoration: none; font-size: 0.8rem; background-color: #82c878; padding: 0.5rem; border-radius: 3rem; text-align: center; margin-right: 0.5rem; }
	.newsDetailBox01 > a > p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; padding-left: 2rem; }
	.newsDetailBox01 > a:before{ content:''; display:inline-block; width:1rem; height:1rem; position:absolute; top:0; bottom:0; left:1rem; margin:auto; background-image:url(../img/comIconArrow.svg); background-size:contain; transform:rotate(180deg); }
	.newsDetailBox01 > a:hover{ cursor:pointer; opacity:0.7; }
	.newsDetailBox02{ margin-top:4rem; margin-bottom: 0.5rem; font-size: 1.5rem; }
	.newsDetailBox02 > p:nth-of-type(1){ margin-top:4rem; font-size: 0.8rem; font-weight: bold; }
	.newsDetailBox02 > p:nth-of-type(2){ margin-bottom: 0.5rem; font-size: 1.5rem; }
	.newsDetailBox03{ padding: 1rem 0; border-top: #989898 solid 1px; }
	.newsDetailBox03 > div.Photover { display:flex; flex-wrap:wrap; justify-content: space-between; margin-top: 2rem; }
	.newsDetailBox03 > div.Photover > div{ width: 32%; border: #333333 solid 1px; }
	.newsDetailBox03 > div.Photover > div > img{ width: 100%; object-fit: contain; }
	.newsDetailBox03 > div.Photover::after { display: block; content:""; width: 32%; }
	.newsDetailBox03 > div.Linkver { margin-top: 2rem; }
	.newsDetailBox03 > div.Linkver > div > a { position: relative; display: block; margin-bottom: 0.5rem; background-color: #f2f6f2; color: #333333; border-radius: 3rem; padding: 0.5rem 2.5rem; }
	.newsDetailBox03 > div.Linkver > div > a::before{ content:''; display:inline-block; width:1rem; height:1rem; position:absolute; top:0; bottom:0; left:1rem; margin:auto; background-image:url(../img/comIconArrow_Green.svg); background-size:contain; }
	.newsDetailBox03 > div.Linkver > div > a:hover{ cursor:pointer; opacity:0.7; }


	/* HEADER */
	.headerArea{ width:1120px; margin:auto; padding-top: 1rem; display:flex; flex-wrap:nowrap; }
	.headerTitle{ width:800px; }
	.headerTitle > a{ color: #333333; text-decoration: none; }
	.headerTitle > a > p:nth-of-type(1){ font-weight: bold; }
	.headerTitle > a > p:nth-of-type(2){ font-size:1.7rem; line-height:130%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
	.headerTitle > a > p:nth-of-type(3){ line-height:130%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; margin-left: -0.5rem; }
	.headerTitle > a:hover{ cursor:pointer; opacity:0.7; }
	.headerBtn{ position: relative; margin-top: 1.9rem; width:160px; height: 50px; color: #333333; text-decoration: none; background-color: #82c878; padding: 0.2rem; border-radius: 3rem; }
	.headerBtn > p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; padding-left: 1.5rem; color: #ffffff; }
	.headerBtn > p:before{ content:''; display:inline-block; width:1rem; height:1rem; position:absolute; top:0; bottom:0; left:0; margin:auto; background-image:url(../img/comIconArrow.svg); background-size:contain; }
	.headerBtn:hover{ cursor:pointer; opacity:0.7; }
	.BtnON > p{ background: linear-gradient(transparent 95%, #b4deae 95%); }
	.headerBtn:nth-of-type(2){ margin-left: 0.5rem; }


	/* homemainArea */
	.homemainArea{ width:100%; background-image:url(../img/MainImg.jpg); background-position: center 4rem; background-size:100%; background-color:#ffffff; }
	.homemainBody{ width:1120px; margin:auto; padding-top: 1rem; background-image:url(../../img/homeMainImg01.png); background-position: right 60px; background-size:700px; }
	.homemainBody > a { display: block; color: #333333; text-decoration: none; }
	.homemainBody > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.homemainBody > a > p:nth-of-type(1){ font-size:1.2rem; line-height:200%; font-weight: bold; }
	.homemainBody > a > p:nth-of-type(2){ font-size:2.8rem; line-height:130%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
	.homemainBody > a > p:nth-of-type(3){ font-size:1.5rem; line-height:150%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; margin-left: -0.5rem; }
	.homemainBody > p { margin-top: 4rem; line-height:250%; }
	.homeConte { margin-top: 4rem; display: flex; }
	.homeConte > a { position: relative; display: block; width: 240px; height: 240px; text-align: center; background-color: #82c878; color: #ffffff; font-size:1.5rem; border-radius: 50%; }
	.homeConte > a > p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; padding-left: 2rem; }
	.homeConte > a:nth-of-type(2) { margin-left: 1rem; }
	.homeConte > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none; }
	.homeConte > a > p:before{ content:''; display:inline-block; width:1.5rem; height:1.5rem; position:absolute; top:0; bottom:0; left:0; margin:auto; background-image:url(../img/comIconArrow.svg); background-size:contain; }
	.homeNews{ width:1000px; margin: auto; margin-top: 6rem; display: flex; flex-wrap:nowrap; }
	.homeNewsTitle{ width: 10rem; }
	.homeNewsTitle > p{ font-size:1.8rem; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
	.homeNewsBody{ width: calc(100% - 10rem); padding-top:0.5rem; }
	.homeNewsBody > div{ display: flex; flex-wrap:nowrap; margin-bottom: 1rem; border:1px #82c878 solid; padding: 1rem 1rem; border-radius: 10px; }
	.homeNewsBody > div > p{ z-index:0; }
	.homeNewsBody > div > p:nth-of-type(1){ width: 7rem; }
	.homeNewsBody > div > p:nth-of-type(2){ width: calc(100% - 7rem); }
	.homeNewsBody > div > p > a{ color: #333333; text-decoration: underline; }
	.homeNewsBody > div > p > a:hover{ cursor:pointer; opacity:0.7; }
	.homeNewsBody > div::before { content: ""; width: calc(1000px - 9.5rem); height: calc(100% - 2rem); background: #FFF; display: inline-block; position: absolute; top: 50%; left: -2px; transform: translateY(-50%); }
	.homeMore{ width:1000px; margin: auto; }
	.homeMore > a{ display: block; width: 100px; height: 30px; margin: 0 0 0 auto; position: relative; font-size:0.8rem; color: #ffffff; text-align: center; background-color: #82c878; padding: 0.2rem; border-radius: 3rem; }
	.homeMore > a > p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; padding-left: 1.5rem; }
	.homeMore > a > p:before{ content:''; display:inline-block; width:1rem; height:1rem; position:absolute; top:0; bottom:0; left:0; margin:auto; background-image:url(../img/comIconArrow.svg); background-size:contain; }
	.homeMore > a:hover{ cursor:pointer; opacity:0.7; text-decoration:none;  text-decoration: underline;}


	/* footer */
	.bodyfooter{ height: 7rem; background-color:#ffffff; }
	.footerArea{ width:100%; background-color:#f2f6f2; border-top: #82c878 solid 2px; }
	.footerMainBody{ width:1120px; margin:auto; padding-top:2rem; padding-bottom: 4rem; }
	.footerMainBody > div:nth-of-type(1) > p:nth-of-type(1){ font-weight: bold; }
	.footerMainBody > div:nth-of-type(1) > p:nth-of-type(2){ font-size:1.7rem; line-height:130%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
	.footerMainBody > div:nth-of-type(1) > p:nth-of-type(3){ line-height:130%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; margin-left: -0.5rem; }
	.footerMainBody > div:nth-of-type(2){ padding-top:3rem; font-size:0.8rem; }