@charset "utf-8";
/*===================
   common
===================*/
section h1 {
  font-family: 'EB Garamond', serif;
}
#zone_sheet {
  /*max-width: 1280px;*/
  margin: 0 auto;
}
/* 基本　*/
#zone_middle_floor {
  margin: 0 auto;
  max-width: 100%;
}
#zone_bottom_floor {
  margin: 0 auto;
}
/*===================
   main_visual
===================*/
#main_visual > img:nth-of-type(1){
	height: 90vh;
	object-fit: cover;
	width: 100%;
}
@media (max-width: 768px) {
	#main_visual > img:nth-of-type(1){
		height: 80vh;
	}
}

#main_visual{
	position: relative;
}
#main_visual img:nth-of-type(2){
	object-fit: contain;
	width: 100%;
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
}

/*===================
   main_visual下のボタン
===================*/
#mv-btn{
	display: flex;
	justify-content: center;
	flex: 1;
	position: absolute;
	content: "";
  right: 0;
  bottom: -4em;
  left: 0;
  margin: auto;
	
}
#mv-btn div{
	background: #f4fafa;
	border-radius: 20px;
	box-shadow: 0 10px 15px rgba(0,0,0,.2);
	margin: 0 .5em 0;
	width:250px;
	transition: .5s;
}
#mv-btn div:hover{
	box-shadow: 0 10px 15px rgba(0,0,0,0);

}
#mv-btn a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 3em 1.5em;

}
#mv-btn img{
	width: 80px;
	object-fit: contain;
	margin: 0 0 .5em 0;
}
#mv-btn div h2{
	margin-top: 0!important;
	white-space: nowrap;
}
@media (max-width: 960px) {
	#mv-btn div{
		margin: 0 .5em 0;
		width:200px;
	}

}
@media (max-width: 768px) {
	#mv-btn{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#mv-btn a{
		flex-direction: row;
		justify-content: flex-start;
		padding: 1em 3em;
		height: 4em;
		width: 100%;
	}
	#mv-btn img{
		margin: 0 1em 0 0;
		width: 40px;
	}
	#mv-btn div {
        margin: 1em auto;
        width: 50%;
		min-width: 300px;
		position: absolute;
		content: "";
	    right: 0;
	    bottom: 5em;
	    left: 0;
    }
	#mv-btn div:nth-of-type(2){
		position: absolute;
		content: "";
	    right: 0;
	    bottom: 0em;
	    left: 0;
	}
	#mv-btn div:nth-of-type(3){
		position: absolute;
		content: "";
	    right: 0;
	    bottom: -5em;
	    left: 0;
	}
	
}
/*===================
   sectionの余白、見出し
===================*/

#message,
#news,
#information_link{
	padding: 5em 0;
}
#message{
	padding-top: 10em;
}
#news{
	padding-bottom: 8em;
}
#information_link{
	padding-bottom: 8em;
}
@media (max-width: 768px) {
	#message{
		padding-top: 13em;
	}
}
.sitetop_midashi{
	text-align: center;
}
.sitetop_midashi > img:nth-of-type(1){
	margin: -70px auto 1em;
}
@media (max-width: 768px) {
	.sitetop_midashi > img{
		width: 70%;
	}
	.sitetop_midashi > img{
		margin: -40px auto 1em!important;
	}

}
@media (max-width: 500px) {
	.sitetop_midashi > img{
		width: 70%;
	}
	.sitetop_midashi > img{
		margin: -30px auto 1em!important;
	}

}
/*===================
   感謝の言葉
===================*/
#message{
	background:url("../image/sitetop/message-bg.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
.gratitude_wrapper{
	display: flex;
	justify-content: center;
	margin: 3em 0;
}
.gratitude_content{
	background: url("../image/sitetop/gratitude-bg-01.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	padding: 5em 4em 3em;
	width: 45%;
	margin: 0 .5em 0 0;
	min-width: 380px;
	max-width: 600px;
}
.gratitude_content:nth-of-type(2){
	background: url("../image/sitetop/gratitude-bg-02.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	padding: 4.5em 4em 3.5em;
	margin: 0 0 0 .5em;
}
.gratitude_content:nth-of-type(1) img{
	position: absolute;
	content: "";
	top: 0px;
	left:30px;
	width: 80px;
}
.gratitude_content:nth-of-type(2) img{
	position: absolute;
	content: "";
	bottom: 0%;
	right: 0%;
	width: 80px;
}
p.center{
	text-align: center;
}
@media (max-width: 960px) {
	.gratitude_wrapper{
		flex-direction: column;
	}
	.gratitude_content{
		width: 500px;
		margin: 0 auto!important;
	}
	.gratitude_content p{
		width: 100%;
		margin: 0 auto;
		min-height: 6em;
	}
}
@media (max-width: 768px) {
	.gratitude_content{
		width: 300px;
	}
	.gratitude_content p{
		width: 100%;
		margin: 0 auto;
		min-height: 7em;
	}
}
/*===================
   みおつくし会だより
===================*/
#news{
	background: #fff;
}
#news ul{
	display: flex;
	flex: 1;
	justify-content: center;
	position: relative;
	z-index: 2;
}
.news_content{
	display: flex;
	flex-direction: column;
	align-items: center;	background:url("../image/sitetop/news-panel.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 30%;
	padding: 2em 2em;
	margin: 0 .5em 0;
	border-radius: 30px;
	box-shadow: 0 10px 10px rgba(0,0,0,.2);
	transition: .5s;
	font-weight: bold;
}
.news_content img{
	width: 80%;
	margin: 1em auto 0;
}
#news{
	position: relative;
}
#news > img{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	object-fit: cover;
}
.news_date{
	display: block;
	font-weight: normal;
	border-bottom: 1.5px solid #00408b;
	margin: 0 0 10px 0;
	letter-spacing: .05em;
}
.news_content .small{
	display: block;
	margin: 1em 0 0 0;
	font-weight: normal;
	line-height: 1.4;
	font-size: .9em;
}
#news .bpts_btn_fuwa{
	margin: 50px auto 100px;
	position: relative;
	z-index: 2;
}
@media (max-width: 960px) {
	.news_content {
		padding: 2em 1.5em;
	}
	#news .bpts_btn_fuwa{
		margin: 30px auto 50px;
	}
	#news ul {
		flex-direction: column;
		align-items: center;
	}
	.news_content{
		width: 80%;
		min-width: 280px;
		margin: 0 0 1em 0; 
	}
	.news_content p{
		width: 90%;
	}
	#news .bpts_btn_fuwa{
		margin: 20px auto 5px;
	}


}

/*===================
   更新情報・リンク
===================*/
#information_link{
	background: url("../image/common/green-bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#information_link .width_content{
	display: flex;
	flex: 1;
	justify-content: center;
	width: 95%;
}
#information_link h4{
	text-align: center;
	margin: 0 0 1em;
}
#information_link ul{
	background: #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,.5);
	padding: 3em 2em 2em;
	margin: 0 1em 0;
	position: relative;
	width: 40%;
	display: flex;
	flex-direction: column;
	
}
.information_ul li{
	border-bottom: 2px rgba(61,171,74,.4) dashed;

}
.link_ul{
	text-align: center;
}
.link_ul li:nth-child(n+2){
	background: rgba(179,223,191,.5);
	padding: .5em;
	margin: .5em 0;
}
.link_ul img{
	top: -10%!important;
	width: 20%!important;
}
.link_ul li:nth-of-type(n+2){
	transition: .5s;
}
.link_ul li:nth-of-type(n+2):hover{
	opacity: .5;
}
#information_link li:nth-of-type(1){
	border-bottom: none;
}
#information_link img{
	position: absolute;
	content:"";
	top: -10%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 40%;
	height: auto;
	object-fit: contain;
}
@media (max-width: 960px) {
	#information_link ul {
		padding: 3em 1em 2em;
	}
	#information_link img {
		position: absolute;
		content: "";
		top: -5%;
		left: 0;
		right: 0;
		width: 50%;
	}
	.link_ul img{
		top: -5%!important;
		width: 30%!important;
	}
}
@media (max-width: 768px) {
	#information_link .width_content{
		flex-direction: column;
	}
	#information_link ul {
		padding: 3em 2em 2em;
		margin: 2em auto;
		width: 80%;
	}
	#information_link img {
		position: absolute;
		content: "";
		top: -13%;
		left: 0;
		right: 0;
		width: 40%;
	}
	.link_ul img{
		top: -7%!important;
		width: 20%!important;
	}

}
@media (max-width: 428px) {
	#information_link ul {
		padding: 3em 1em 2em;
		margin: 2em auto;
		width: 80%;
	}
}