@charset "utf-8";

.lower_pageMV_wrap {align-items: end;}
.lower_page_title{padding: 30px 20px 40px 0; position: relative; z-index: 2;}
#lower_pageMV h1{max-width: 420px; margin-bottom: 40px;}

@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: 80px auto 0;text-align: center;}
#con01.bk_green::before {background: #d9e9e1;content: '';display: block;z-index: -1;  
	width: 267px; height: 234px;
	top: -20px; right: 0;position: absolute;}
#con01.bk_green::after {display: none;}
#con01 .inner {max-width: 945px;}
#con01 h2 {border-bottom: #006e38 1px solid;line-height: 1.4; padding-bottom: 10px;margin-bottom: 10px;}

@media screen and (max-width:640px){
	#con01 {margin: 40px auto 0;}
	#con01.bk_green::before {top: 160px;}
}


/* con02
---------------------------------------------------------- */
#con02 {margin-top: 70px;}
#con02 .flex {gap: 10px;}
#con02 .flex > * {width: calc(100% / 5 - 10px);}

@media screen and (max-width:640px){
	#con02 {margin-top: 30px;}
	#con02 .flex {justify-content: center;}
	#con02 .flex > * {width: calc(100% / 3 - 10px);}
}

.ranking_area {background: #d9e9e1;margin-top: 100px;padding: 100px 0;}
@media screen and (max-width:640px){
	.ranking_area {margin-top: 50px;padding: 50px 0;}
}

/* con03
---------------------------------------------------------- */
#con03 {text-align: center;}
#con03 .inner {max-width: 840px;}
#con03 h3 {margin-bottom: clamp(15px, 3vw, 30px);}
#con03 figure {max-width: 610px;margin: 30px auto 0;}


/* con04
---------------------------------------------------------- */
#con04 {margin-top: 45px;}
#con04 .inner {max-width: 840px;}
.con04_box {background: #fff;border-radius: 25px;padding: 20px;margin-top: 25px;
	align-items: center;
}
.con04_box_contents {width: 70%;}
.con04_box_contents_head {align-items: center;}
.con04_box_contents_head h3 {width: 195px;}
.con04_box_contents_head h3 span {background: #006e38;color: #fff;display: inline-block;padding: 0 10px;}
.con04_box_contents_head p {width: auto;font-size: clamp(13px, 1.2vw, 14px); padding-left: 10px;}
.con04_box_contents_comment {margin-top: clamp(10px, 1.2vw, 15px);margin-right: 30px;}
.con04_box_contents_comment h4 {background: #4c9a74;color: #fff;display: inline-block;padding: 0 10px;}
.con04_box_contents_comment_line {border: 2px dotted #4c9a74;padding: 10px 70px 10px 10px;margin-top: -2px;position: relative;}
.con04_box_contents_comment_line .iconImg {width: 101px;
	position: absolute;top: 50%;right: -40px;transform: translateY(-50%);z-index: 1;}
.con04_box_contents_comment_line p {font-size: clamp(11px, 1.1vw, 13px);}

.con04_box_Img {width: 30%;}

.column-w50 {column-gap: 3%;}
.column-w50 .con04_box {width: 48.5%;}
.column-w50 .con04_box_contents {width: 100%;}
.column-w50 .con04_box_contents_head h3 {width: auto;}
.column-w50 .con04_box_contents_head p {padding-left: 0;margin-top: 15px;}
.column-w50 .con04_box_contents_comment {margin-right: 0;}
.column-w50 .con04_box_contents_comment_line {padding: 10px;}

@media screen and (max-width:640px){
	.con04_box_contents {width: 100%;}
	.con04_box_contents_head {display: block;}
	.con04_box_contents_head h3 {width: auto;}
	.con04_box_contents_head p {padding-left: 0;margin-top: 10px;}
	.con04_box_contents_comment {margin-right: 15px;}
	.con04_box_contents_comment_line {padding: 10px 40px 10px 10px;}
	.con04_box_contents_comment_line .iconImg {width: 60px;right: -30px;}
	
	.con04_box_Img {width: 100%;margin-top: 20px;}
	.con04_box_Img figure {width: 50vw;margin: 0 auto;}
	
	.column-w50 {column-gap: 0;}
	.column-w50 .con04_box {width: 100%;}
}


/* con05
---------------------------------------------------------- */
#con05 {margin-top: 100px;text-align: center;}
#con05.bk_green::after {background: #d9e9e1;content: '';display: block;z-index: -1;  
	width: 267px; height: 341px;
	bottom: 0; left: 0;position: absolute;}
#con05 .inner {max-width: 817px;}
#con05 h4 {margin-top: 50px;padding: 5px 0;}
#con05 .flex {padding: 0 5%;column-gap: 30px;}
#con05 .flex > * {width: calc(100% / 3 - 20px);}
#con05 figure {font-size: 15px;color: #006e38;margin-top: 80px;}
#con05 figure img {margin-bottom: 5px;}

@media screen and (max-width:640px){
	#con05 {margin-top: 50px;}
	#con05.bk_green::after {display: none;}
	#con05 h4 {margin-top: 20px;}
	#con05 .flex {padding: 0;column-gap: 10px;}
	#con05 .flex > * {width: calc(100% / 3 - 7px);}
	#con05 figure {font-size: 13px;margin-top: 20px;}
}


/* con06
---------------------------------------------------------- */
#con06 {margin-top: 80px;text-align: center;}
#con06 .inner {max-width: 817px;}
.con06_frame {background: #fcfaec;border: 1px solid #e60012;padding: 30px 30px 40px;position: relative;margin-bottom: 40px;}
.con06_frame_box {margin-right: 130px;position: relative;z-index: 1;}
.con06_frame_box h3 {background: #e60012;color: #fff;padding: 5px 10px;margin-bottom: 15px;}
.con06_frame_box a {max-width: 375px;margin: 15px auto 0; display: block;}
.con06_sideImg {width: 130px; position: absolute;top: -40px;right: 10px;z-index: 0;}

.con06_frame_box2 {margin-top: 40px;}
.con06_frame_box2 .p-flowMov {
	aspect-ratio: 990/557;
	margin-top: 20px;
	width: 100%;
}
.con06_frame_box2 .linkbtn {max-width: 560px; width: 90%; margin: 30px auto 0;}
.con06_frame_box2 .linkbtn a {background: #006e38;color: #fff;font-size: clamp(14px, 2vw, 20px);text-align: center;display: block;padding: clamp(10px, 2vw, 20px) 20px;position: relative;}
.con06_frame_box2 .linkbtn a::after {
	position: absolute;right: 20px;top: 48%;transform: rotate(45deg) translateX(-50%);
	width: 12px;height: 12px;
	border-top: 2px solid #fff;border-right: 2px solid #fff;
	content: "";display: block;
}

@media screen and (max-width:640px){
	#con06 {margin-top: 30px;}
	.con06_frame {padding: 20px 20px 30px;}
	.con06_frame_box {margin-right: 0;}
	.con06_sideImg {display: none;}
	
	.con06_frame_box2 {margin-top: 20px;}
	.con06_frame_box2 .linkbtn {margin: 20px auto 0;}
	.con06_frame_box2 .linkbtn a::after {right: 10px;width: 8px;height: 8px;}
}


/* con07
---------------------------------------------------------- */
#con07 {margin-top: 120px;margin-bottom: 140px; text-align: center;}
#con07.bk_green::after {background: #d9e9e1;content: '';display: block;z-index: -1;  
	width: 267px; height: 272px;
	top: -180px; right: 0;position: absolute;}
#con07 .inner {max-width: 1030px;}
#con07 h3 {margin-bottom: clamp(15px, 3vw, 30px);}
#con07 .flex {column-gap: 20px;}
#con07 .flex > * {width: calc(100% / 3 - 14px);margin-top: 25px;}
#con07 figure {box-shadow: 5px 5px 15px rgba(0,0,0,0.3);}

@media screen and (max-width:640px){
	#con07 {margin-top: 60px;margin-bottom: 70px;}
	#con07 .flex {column-gap: 0;width: 80%;margin: 0 auto;}
	#con07 .flex > * {width: 100%;}
}