@charset "utf-8";

.lower_page_title{padding: 80px 20px 0 0; position: relative; z-index: 2;}
#lower_pageMV h1{max-width: 459px; margin-bottom: 70px;}
#lower_pageMV p{font-size: 11px;}

@media screen and (max-width:960px){
	#lower_pageMV .lower_page_title{padding: 30px 20px 0 0;}
}
@media screen and (max-width:640px){
	#lower_pageMV .lower_page_title{padding: 30px 0 0 0;}
	#lower_pageMV h1{width: 80%; margin-bottom: 15px;}
}

#feature10_content{padding-bottom: 114px;}

@media screen and (max-width:640px){
	#feature10_content{padding-bottom: 50px;}
}


/* HeadingArea
---------------------------------------------------------- */

.HeadingArea {position: relative; margin: 120px auto 170px; text-align: center;}
.HeadingArea .fe10_bk_green::before {content: ""; background: #d9e9e1; display: block; position: absolute;
	top: -60px; left: -385px; z-index: -1; width: 480px; height: 280px;}

.HeadingArea h2 {font-size: 28px; color: #006e38; margin-bottom: 20px; padding: 0 0 5px; border-bottom: 1px solid #006e38;}

.HeadingArea02 {position: relative; margin: 0 auto 100px; text-align: center;}
.HeadingArea02 .fe10_bk_green::after {content: ""; background: #d9e9e1; display: block; position: absolute;
    top: 70px; right: -385px; z-index: -1; width: 280px; height: 440px;}

.HeadingArea02 h2 {font-size: 28px; color: #006e38; margin-bottom: 20px; padding: 0 0 5px; border-bottom: 1px solid #006e38;}

.HArea02_wrap {text-align: center; margin-top: 100px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.HArea02_wrap p {font-size: 16px; color: #006e38; margin-top: 20px;}

.HArea02_wrap .HArea02_box01 {width: 60%;}
.HArea02_wrap .HArea02_box02 {width: 30%;}

@media screen and (max-width:640px){
	.HeadingArea {margin: 75px auto 50px;}
	.HeadingArea h2 {font-size: 18px;}

	.HeadingArea02 {margin: 0 auto 50px;}
	.HeadingArea02 h2 {font-size: 18px;}

	.HArea02_wrap {margin-top: 50px;}
	.HArea02_wrap p {font-size: 13px; margin-top: 5px; margin-bottom: 15px;}

	.HArea02_wrap .HArea02_box01 {width: 100%;}
	.HArea02_wrap .HArea02_box02 {width: 100%;}
}


/* gallery
---------------------------------------------------------- */

.gallery {position: relative; margin: 120px auto 170px; text-align: center;}
.gallery .fe10_bk_green::before {content: ""; background: #d9e9e1; display: block; position: absolute;
    top: -85px; left: -340px; z-index: -1; width: 450px; height: 440px;}
.gallery .fe10_bk_green::after {content: ""; background: #d9e9e1; display: block; position: absolute;
    top: 950px; right: -385px; z-index: -1; width: 530px; height: 440px;}

.gallery_title {margin-bottom: 100px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.gallery_title_left {width: 67%;}
.gallery_title_left h2 {font-size: 28px; color: #006e38; margin-bottom: 20px; padding: 0 0 5px; border-bottom: 1px solid #006e38;}

.gallery_title_right {width: 30%;}

.gallery_wrap {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; text-align: center;}
.gallery_wrap p {font-size: 16px; color: #006e38;}
.gallery_box {width: 48%; margin-bottom: 60px;}

.gallery_box:nth-child(5) {margin-bottom: 0;}
.gallery_box:last-child {margin-bottom: 0;}

.gallery h3 {font-size: 28px; color: #006e38; margin-top: 100px;}

@media screen and (max-width:640px){
	.gallery {margin: 50px auto;}

	.gallery_title {margin-bottom: 50px;}
	.gallery_title_left {width: 100%; margin-bottom: 30px;}
	.gallery_title_left h2 {font-size: 18px; margin-bottom: 20px; padding: 0;}

	.gallery_title_right {width: 100%;}

	.gallery_wrap p {font-size: 13px;}
	.gallery_box {width: 100%; margin-bottom: 25px;}
	.gallery_box:nth-child(5) {margin-bottom: 25px;}
	
	.gallery h3 {font-size: 18px; margin-top: 30px;}
}


/* meeting
---------------------------------------------------------- */

.meeting {position: relative; margin: 0 auto 170px; text-align: center;}
.meeting .fe10_bk_green::before {content: ""; background: #d9e9e1; display: block; position: absolute;
    top: -830px; left: -400px; z-index: -1; width: 470px; height: 800px;}
.meeting .fe10_bk_green::after {content: ""; background: #d9e9e1; display: block; position: absolute;
    top: 270px; right: -385px; z-index: -1; width: 550px; height: 340px;}

.meeting_title {margin-bottom: 40px;}
.meeting_title h2 {font-size: 28px; color: #006e38; margin-top: 15px;}

.meeting_wrap {margin-bottom: 100px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}

.meeting_box01 {width: 48%;}
.meeting_box01 h3 {font-size: 18px; color: #006e38; border: 1px solid #006e38; padding: 25px 40px; margin-bottom: 30px;}
.meeting_box01 h4 {font-size: 16px; color: #006e38; align-items: center; display: flex; margin-bottom: 20px;}
.meeting_box01 h4::before,
.meeting_box01 h4::after {background-color: #006e38; content: ""; flex-grow: 1; height: 1px;}
.meeting_box01 h4::before {margin-right: 25px;}
.meeting_box01 h4::after {margin-left: 25px;}
.meeting_box01 p {font-size: 16px; margin-bottom: 20px;}
.meeting_box01 p:last-child {margin-bottom: 0;}

.meeting_box02 {width: 48%;}

@media screen and (max-width:640px){
	.meeting {margin: 0 auto 50px;}

	.meeting_title {margin-bottom: 25px;}
	.meeting_title h2 {font-size: 18px; margin-top: 15px;}

	.meeting_wrap {margin-bottom: 50px;}

	.meeting_box01 {width: 100%;}
	.meeting_box01 h3 {font-size: 13px; padding: 15px 20px; margin-bottom: 15px;}
	.meeting_box01 h4 {font-size: 15px; margin-bottom: 10px;}
	.meeting_box01 p {font-size: 13px; margin-bottom: 15px;}
	.meeting_box01 p:last-child {margin-bottom: 25px;}

	.meeting_box02 {width: 100%;}
	
}


/* place
---------------------------------------------------------- */

.place {margin: 0 auto 170px; text-align: center;}

.place_wrap {padding: 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border: 1px solid #006e38;}
.place_box01 {width: 48%;}

.place_box02 {width: 48%;}
.place_box02 h2 {font-size: 24px; color: #006e38;}
.place_box02 h3 {text-align: left; font-size: 18px; color: #006e38; margin-bottom: 10px;}
.place_box02 ul {margin-bottom: 20px;}
.place_box02 li {margin-bottom: 8px;}
.place_box02 dl {display: flex; justify-content: flex-start; align-items: center;}
.place_box02 dt {width: 50px; background: #006e38; color: #fff; padding: 3px; margin-right: 20px;}

@media screen and (max-width:640px){
	.place {margin: 0 auto 50px;}

	.place_wrap {padding: 15px;}
	.place_box01 {width: 108%; margin-bottom: 25px;}
	
	.place_box02 {width: 108%;}
	.place_box02 h2 {font-size: 18px; margin-bottom: 10px;}
	.place_box02 h3 {font-size: 16px; margin-bottom: 5px;}
	.place_box02 ul {margin-bottom: 10px;}
	.place_box02 li {margin-bottom: 5px;}
	.place_box02 dt {width: 45px; margin-right: 15px;}
	.place_box02 dd {text-align: left;}
}


/* staff
---------------------------------------------------------- */

.staff {margin: 0 auto 170px; text-align: center;}

.staff_wrap {padding: 80px 40px; background: #d9e9e1;}
.staff_wrap h2 {font-size: 28px; color: #006e38; align-items: center; display: flex; margin-bottom: 40px;}
.staff_wrap h2::before,
.staff_wrap h2::after {background-color: #006e38; content: ""; flex-grow: 1; height: 1px;}
.staff_wrap h2::before {margin-right: 25px;}
.staff_wrap h2::after {margin-left: 25px;}

.staff_inner {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}

.staff_box {width: 48%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; text-align: left;}
.staff_box figure {width: 30%;}
.staff_box_text {width: 65%;}
.staff_box h3 {font-size: 24px; color: #006e38; margin-bottom: 24px;}
.staff_box h3 span {font-size: 16px;}

@media screen and (max-width:640px){
	.staff {margin: 0 auto 50px;}

	.staff_wrap {padding: 15px 20px;}
	.staff_wrap h2 {font-size: 18px; margin-bottom: 20px; display: block;}
	.staff_wrap h2::before,
	.staff_wrap h2::after {content: initial;}

	.staff_box {width: 100%;}
	.staff_box figure,.staff_box img {width: 100%;}
	.staff_box_text {width: 100%; margin-bottom: 15px;}
	.staff_box h3 {font-size: 18px; margin: 5px 0 10px;}
	.staff_box h3 span {font-size: 14px;}	
}


/* official
---------------------------------------------------------- */

.official {margin: 0 auto 120px; text-align: center;}
.official h2 {font-size: 28px; color: #006e38; margin-bottom: 80px;}

@media screen and (max-width:640px){
	.official {margin: 0 auto 50px;}
	.official h2 {font-size: 18px; color: #006e38; margin-bottom: 20px;}

}


/* campaign_img
---------------------------------------------------------- */

.campaign_img {width: 100%; margin-bottom: 120px;}

@media screen and (max-width:640px){
	    .campaign_img {margin-bottom: 60px;}
}