@charset "utf-8";

/* page_mainvisual======================== */
#page_mainvisual{position: relative;}
#page_mainvisual img{width: 100%;}
.page_mv_title{position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; transform: translateY(-50%);}
.page_mv_title h1{text-align: center; color: #006e38; font-size: 20px;}
.page_mv_title h1 b{display: block; font-size: 50px; font-weight: 500;}

.page_lead{text-align: center; padding: 100px 15px 0;}
.page_lead p{font-size: 16px;}

@media screen and (max-width:960px){
    .page_mv_title h1{font-size: 18px;}
    .page_mv_title h1 b{font-size: 40px;}
}

@media screen and (max-width:640px){
    .page_mv_title h1{font-size: 15px;}
    .page_mv_title h1 b{font-size: 30px;}

    .page_lead{padding: 50px 15px 0;}
		.page_lead p{font-size: 14px;}
}

/* page_content======================== */
#page_content{padding: 80px 0;}
#page_content .inner{max-width: 830px;}

.page_link_box {background: #fff;}
.page_link_box + .page_link_box{margin-top: 32px;}
.page_link_box a{width: 100%;min-height: 250px;border: 1px solid #006e38; background: #fff; /*align-items: center;*/}
.page_link_text{width: 43%; display: flex; flex-direction: column;}
.page_link_img{width: 57%;position: relative;overflow: hidden;}
.backImg{
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	transform: scale(1);transition: 1s ease;
}
.page_link_box a:hover .backImg{
	transform: scale(1.2);
}
.page_link_box.is-new{position: relative;}
.page_link_box.is-new:before{
	content: '';
	position: absolute;
	top: -20px;
	right: -20px;
	width: 67px;
	height: 67px;
	background: url("../../../img/pages/common/icon_new.svg")no-repeat center center;
	background-size: cover;
	z-index: 2;
}
#servicePage .backImg.link_01{
	background: url("../../../img/pages/service/top/link_01.jpg")no-repeat center center;
	background-size: cover;
}
#servicePage .backImg.link_04{
	background: url("../../../img/pages/service/top/link_04.jpg")no-repeat center center;
	background-size: cover;
}
#servicePage .backImg.link_05{
	background: url("../../../img/pages/service/top/link_05.jpg")no-repeat center center;
	background-size: cover;
}
#servicePage .backImg.link_06{
	background: url("../../../img/pages/service/top/link_06.jpg")no-repeat center center;
	background-size: cover;
}
#featurePage .backImg.link_01{
	background: url("../../../img/pages/feature/top/link_01.jpg")no-repeat center center;
	background-size: cover;
}
#featurePage .backImg.link_02{
	background: url("../../../img/pages/feature/top/link_02.jpg")no-repeat center center;
	background-size: cover;
}
#featurePage .backImg.link_03{
	background: url("../../../img/pages/feature/top/link_03.jpg")no-repeat center center;
	background-size: cover;
}
#featurePage .backImg.link_04{
	background: url("../../../img/pages/feature/top/link_04.jpg")no-repeat center center;
	background-size: cover;
}
#featurePage .backImg.link_05{
	background: url("../../../img/pages/feature/top/link_05.jpg")no-repeat center center;
	background-size: cover;
}
#featurePage .backImg.link_06{
	background: url("../../../img/pages/feature/top/link_06.jpg")no-repeat center center;
	background-size: cover;
}
#voicePage .backImg.link_01{
	background: url("../../../img/pages/voice/top/link_01.jpg")no-repeat center center;
	background-size: cover;
}
#voicePage .backImg.link_02{
	background: url("../../../img/pages/voice/top/link_02.jpg")no-repeat center center;
	background-size: cover;
}
#voicePage .backImg.link_03{
	background: url("../../../img/pages/voice/top/link_03.jpg")no-repeat center center;
	background-size: cover;
}
.page_link_box {position: relative;}
.page_link_box.past a {pointer-events: none;position: relative;opacity: 0.3;}
.page_link_box.past:before {content: 'こちらのキャンペーンは終了いたしました。';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50%;padding: 5px 10px;background: #d9e9e1;font-size: 16px;text-align: center;z-index: 2;}

.page_link_text{padding: 15px;}
.page_link_text h2{font-size: 16px; color: #006e38; margin-bottom: 15px;}
.page_link_text p{line-height: 1.5;}
.page_link_text h2 small{ font-size: 11px;display: block;}
.page_link_text .read_more{text-align: right; margin-top: auto;}
.page_link_text .read_more span{font-size: 16px; color: #fff; background: #006e38;
    padding: 0px 5px; line-height: 1.1;}
.page_link_img span{position: absolute; bottom: 0; right: 0; z-index: 2;
    color: #f7f7f7; background: rgba(0,0,0,0.7); padding: 1px 5px; font-size: 10px;}

@media screen and (max-width:960px){
    #page_content{padding: 150px 0 100px;}
}
@media screen and (max-width:640px){
    #page_content{padding: 80px 0 50px;}
    .page_link_box + .page_link_box{margin-top: 40px;}
		.page_link_box.is-new:before{right: -5px;}
    .page_link_text{width: 100%;}
    .page_link_img{width: 100%; /*height: 200px;*/height: 150px;}
		.page_link_text .read_more{margin-top: 15px;}
    .page_link_text .read_more span{font-size: 14px;}
	
	.page_link_box.past:before {width: 80vw; font-size: 13px;}
}

/* service==*/
.service_content{}
.service_content .service_bk_green_01::before{content: ""; background: #d9e9e1; display: block; position: absolute; top: -50px; left: -200px; z-index: 1;
    width: 370px; height: 370px;}
.service_content .service_bk_green_01::after{width: 42vw; height: 200px; bottom: 30px; right: 0; transform: translateX(50vw) translateX(-360px);}
.service_content .service_bk_green_02::after{width: 350px; height: 350px;
    bottom: -50px; left: -100px;}

@media screen and (max-width:960px){
    .service_content .service_bk_green_01::after{transform: translateX(50vw) translateX(-350px);}
}
@media screen and (max-width:640px){
    .service_content .service_bk_green_01::before{top: -50px;}
    .service_content .service_bk_green_01::after{width: 60vw; transform: translateY(-50%) translateX(15px);}
}

/* voice==*/
.voice_content{}
.voice_content .voice_bk_green_01::before{content: ""; background: #d9e9e1; display: block; position: absolute; top: -50px; left: -200px; z-index: 1;
    width: 370px; height: 370px;}
.voice_content .voice_bk_green_01::after{width: 42vw; height: 200px; bottom: 30px; right: 0; transform: translateX(50vw) translateX(-360px);}

@media screen and (max-width:960px){
    .voice_content .voice_bk_green_01::after{transform: translateX(50vw) translateX(-350px);}
}
@media screen and (max-width:640px){
    .voice_content .voice_bk_green_01::before{top: -50px;}
    .voice_content .voice_bk_green_01::after{width: 60vw; transform: translateY(-50%) translateX(15px);}
}

/* feature==*/

.feature_content{}
.feature_content .feature_bk_green_01::before{content: ""; background: #d9e9e1; display: block; position: absolute; top: -50px; left: -200px; z-index: 1;
    width: 370px; height: 370px;}
.feature_content .feature_bk_green_01::after{width: 42vw; height: 200px; bottom: 50%; right: 0; transform: translateY(50%) translateX(50vw) translateX(-360px);}
.feature_content .feature_bk_green_02::after{width: 250px; height: 250px;
    bottom: 40px; left: -50px;}

@media screen and (max-width:960px){
    .feature_content .feature_bk_green_01::after{transform: translateX(50vw) translateX(-350px);}
}
@media screen and (max-width:640px){
    .feature_content .feature_bk_green_01::before{top: -50px;}
    .feature_content .feature_bk_green_01::after{width: 60vw; transform: translateY(-50%) translateX(15px);}
}