@charset "utf-8";

.lower_pageMV_wrap {align-items: center;}
.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;}
}


/* con01
---------------------------------------------------------- */
#con01 {margin: 120px auto 60px;text-align: center;}
#con01 h2 {margin-bottom: 20px;}
#con01 h2 span {font-size: 130%; border-bottom: 1px solid #006e38; padding-bottom: 3px;}

@media screen and (max-width:640px){
  #con01 {margin: 30px auto 20px;}
	#con01 h2 span {font-size: 120%;}
}


/* resultArea
---------------------------------------------------------- */
.resultArea {margin-top: 80px; text-align: center;}
.resultArea .inner {max-width: 900px;}
.resultArea h2 {margin-bottom: 80px;}
.resultArea h3 {background: #006e38;color: #fff; border-radius: 20px;
	max-width: 450px;margin: 0 auto 60px;padding: 2px 5px;position: relative;}
.resultArea h3::after {content: ""; position: absolute; top: 55px; left: 50%; transform: translateX(-50%); border: 15px solid transparent; border-top: 15px solid #006e38;}

@media screen and (max-width: 640px){
	.resultArea {margin-top: 30px;}
  .resultArea h2 {margin-bottom: 30px;}
  .resultArea h3 {max-width: 280px;margin: 0 auto 30px;padding: 4px 5px;}
	.resultArea h3::after {top: 42px; border: 10px solid transparent; border-top: 10px solid #006e38;}
}

/* page_link_box */
.page_link_box {margin-bottom: 80px; position: relative;}
.page_link_box a {border: 1px solid #006e38;}
.page_link_img01 {width: 48.5%; display: flex; justify-content: center; align-items: center;
	border-right: 1px solid #006e38; padding: 20px;}
.page_link_img01 figure {max-width: 320px;margin: 0 auto;}
.page_link_img01 figure img {width: 100%;}
.page_link_img02 {width: 51.5%; aspect-ratio: 448 / 241; position: relative; overflow: hidden;}
.page_link_img02 .backImg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/*.page_link_box a:hover .page_link_img02 .backImg {transform: scale(1.1);}*/

@media screen and (max-width:640px){
  .page_link_box {margin-bottom: 30px;}
  .page_link_img01 {width: 100%; border-right: none; border-bottom: 1px solid #006e38;}
	.page_link_img01 figure {max-width: 180px;}
  .page_link_img02 {width: 100%;}
}

/* campaign_btn */
.campaign_btn {margin: 100px auto 0;}
.campaign_btn .inner {max-width: 415px; width: 100%;}
.campaign_btn a {font-size: 18px; letter-spacing: 2px; background: #006e38; color: #fff; text-align: center;
  padding: 20px 10px; display: block; position: relative;}
.campaign_btn a::after {content: ""; display: block; position: absolute; width: 15px; height: 15px; right: 20px; top: 28px;
  border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);}

@media screen and (max-width:640px){
	.campaign_btn {margin: 60px auto 0;}
	.campaign_btn .inner {max-width: 320px;}
	.campaign_btn a {font-size: 15px;padding: 15px 0;}
	.campaign_btn a::after {width: 10px;height: 10px;top: 24px;}
}

/* campaign_deadline */
.campaign_deadline {margin-top: 30px;}
.campaign_deadline .flex {column-gap: 30px; justify-content: center; align-items: center;}

@media screen and (max-width:640px){
	.campaign_deadline .inner {max-width: 320px;}
	.campaign_deadline .flex {column-gap: 3%; justify-content: space-between;}
	.campaign_deadline .flex h2 {width: 65%;}
	.campaign_deadline .flex figure {width: 32%;}
}

/* campaign_overview */
.campaign_overview {max-width: 1160px;margin: 60px auto 80px;}
.campaign_overview_box {border: 1px solid #006e38; padding: 30px;}
.campaign_overview h2 {text-align: center;}
.campaign_overview ul {font-size: clamp(14px, 1.2vw, 16px);font-weight: bold;margin-top: 10px;}
.campaign_overview p {font-size: 11px;color: #666;margin-top: 20px;}

@media screen and (max-width:640px){
	.campaign_overview {margin: 40px auto 30px;}
}