@charset "utf-8";
.lower_pageMV_wrap {align-items: flex-end;}
.lower_page_title{padding: 30px 20px 40px 0; position: relative; z-index: 2;}
#lower_pageMV {background: #eae5da;}
#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;}
}

/* feature12_content
---------------------------------------------------------- */
#feature12_content{padding-bottom: 114px;}

.HeadingArea {margin: 120px auto; text-align: center;}
.HeadingArea h2 {font-size: 28px; color: #006e38; margin-bottom: 20px;}
.HeadingArea h2 span {font-size: 36px; border-bottom: 1px solid #006e38; padding: 0 0 5px;}

.Heading_img {width: 100%; margin-bottom: 120px;}

@media screen and (max-width:960px){
  .HeadingArea h2 {font-size: 24px;}
  .HeadingArea h2 span {font-size: 32px;}

}
@media screen and (max-width:640px){
  .HeadingArea {margin: 60px auto;}
  .HeadingArea h2 {font-size: 20px;}
  .HeadingArea h2 span {font-size: 22px;}
  .Heading_img {margin-bottom: 60px;}

}

/* resultArea
---------------------------------------------------------- */

.resultArea {max-width: 830px; margin: 0 auto; position: relative; z-index: 10; text-align: center; padding: 0 0 0;}
.resultArea h3 {position: relative; margin: 40px auto 60px; padding: 2px 5px; max-width: 450px; font-size: 24px; color: #fff; background: #006e38; border-radius: 20px;}
.resultArea h3::after {content: ""; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); border: 15px solid transparent; border-top: 15px solid #006e38;}

.feature12_btn {max-width: 415px; width: 100%; margin: 100px auto 80px;}
.feature12_btn a {display: block; text-align: center; background: #006e38; color: #fff;
  padding: 20px 15px; font-size: 15px; letter-spacing: 2px; position: relative;}
.feature12_btn a::after {content: ""; display: block; position: absolute; width: 15px; height: 15px; right: 20px; top: 25px;
  border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);}

.page_link_box {position: relative;}
.page_link_box {background: #fff; margin-bottom: 80px;}
.page_link_box a {width: 100%; min-height: 215px; border: 1px solid #006e38; background: #fff;}
.page_link_img01 {width: 43%; display: flex; justify-content: center; flex-direction: column; padding: 20px;}
.page_link_img02 {width: 57%; position: relative; overflow: hidden;}
.page_link_box a:hover .backImg {transform: scale(1.2);}
.backImg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1); transition: 1s ease;}

@media screen and (max-width:960px){
}
@media screen and (max-width:640px){
  .resultArea h3 {margin: 0 auto 35px; font-size: 18px;}
  .resultArea h3::after {top: 40px;}

	.feature12_btn {margin: 30px auto;}
  .page_link_box + .page_link_box{margin-top: 40px;}
  .page_link_box.is-new:before{right: -5px;}
  .page_link_img01{width: 100%;}
  .page_link_img02{width: 100%; /*height: 200px;*/height: 150px;}
  .page_link_box.past:before {width: 80vw; font-size: 13px;}
}

.feature12_read_box {margin: 100px auto 80px;}

.feature12_deadline_box {display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}

.feature12_overview_box {border: 1px solid #006e38; background: #fff; text-align: center; padding: 30px;}
.feature12_overview_box h2 {font-size: 24px; margin-bottom: 10px;}
.feature12_overview_box h2 span {background-color: #e4007f; font-size: 17px; color: #fff; padding: 3px 15px; margin-left: 15px;}
.feature12_overview_box h3 {text-align: left; line-height: 2; margin-bottom: 25px;}
.feature12_overview_box p {text-align: left; font-size: 11px;}

.feature12_date {text-align: right; margin-top: 80px; color: #9fa0a0;}

#feature12_banner {background: #d9e9e1; padding: 80px 0; text-align: center; margin-bottom: 100px;}

@media screen and (max-width:640px){
  #feature12_banner {padding: 20px 0;margin-bottom: 70px;}
  .feature12_deadline_box {justify-content: space-around;}
}











