@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;}
}

#feature12_content{padding-bottom: 114px;}

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


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

.HeadingArea {position: relative; margin: 120px auto 80px; text-align: center;}
.HeadingArea .bk_green::before {content: ""; background: #d9e9e1; display: block; position: absolute;
	top: 153px; left: -390px; z-index: -1; width: 450px; height: 233px;}

.HeadingArea h2 {font-size: 28px; color: #006e38; margin-bottom: 20px; padding: 0 0 5px; border-bottom: 1px solid #006e38;
	display: flex;
    justify-content: center;
    align-items: center;
}

.HeadingArea h2::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 70px;
    margin-right: 15px;
    background-image: url('../../../img/pages/feature/12/img-01-01.png');
    background-position: center;
    background-size: contain;
	background-repeat: no-repeat;
}
.HeadingArea h2::after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 70px;
	margin-left: 15px;
    background-image: url('../../../img/pages/feature/12/img-01-02.png');
    background-position: center;
    background-size: contain;
	background-repeat: no-repeat;
}

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

	.HeadingArea h2::before {
    width: 30px;
    height: 40px;
    margin-right: 5px;
}
.HeadingArea h2::after {
    width: 30px;
    height: 40px;
	margin-left: 5px;
}
}


/* TellArea
---------------------------------------------------------- */
.TellArea {margin: 0 auto 120px; text-align: center;}

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


/* MeritArea
---------------------------------------------------------- */
.MeritArea {margin: 0 auto 120px; text-align: center;}
.MeritArea .bk_green::before {content: ""; background: #d9e9e1; display: block; position: absolute;
	top: -56px; right: -526px; z-index: -1; width: 450px; height: 400px;}
.MeritArea .bk_green::after {content: ""; background: #d9e9e1; display: block; position: absolute;
	top: 730px; left: -550px; z-index: -1; width: 450px; height: 500px;}

.Merit_wrap {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 80px;}
.Merit_wrap img {width: 100%;}
.Merit_wrap:last-child {margin-bottom: 0;}

.Merit_left {width: 63%; margin-right: 10px;}
.Merit_box {display: flex; justify-content: space-between; align-items: center;
	margin-top: 15px; text-align: left; font-size: clamp(11px, 2vw, 16px); letter-spacing: 4px; line-height: 1.3;}

.Merit_right {width: 34%;}

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

	.Merit_wrap {margin-bottom: 40px;}
	.Merit_box {margin-bottom: 15px;}

	.Merit_left {width: 100%; margin-right: 0;}
	.Merit_right {width: 100%;}
}


/* GreetingArea
---------------------------------------------------------- */

.GreetingArea {position: relative; margin: 120px auto 80px; text-align: center;}
.GreetingArea .bk_green::before {content: ""; background: #d9e9e1; display: block; position: absolute;
	top: 200px; right: -390px; z-index: -1; width: 450px; height: 500px;}

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

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

	.GreetingArea p {margin-bottom: 5px;}
}


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

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

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