@charset "utf-8"; 

.scroll_link { top: 620px;}
.page-title{ margin-bottom: 80px;}

@media screen and (max-width : 767px){
    .page-title{ margin-bottom: 6%;}
    .scroll_link { top: 120vw;}

}

/* ------------------------------
sec01
------------------------------ */
.sec01 .front_wrap .front_img{
    position: relative;
    width: 100%;
}
.sec01 .front_wrap .front_img img{
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width : 767px){
    .sec01 .lead{
        width: 84%;
        margin: 0 auto;
        text-align: left;
        font-size: 3.467vw;
        letter-spacing: .14rem;
    }

}

/* ------------------------------
sec02
------------------------------ */
.sec02{
    padding-top: 90px;
    box-sizing: border-box;
}
.sec02.inner{
    position: relative;
    max-width: 800px;
}
.interview_wrap+.interview_wrap{ margin-top: 85px;}

.interview_wrap  .interview_ttl{
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: #00823e;
    line-height: 1.88;
    margin-bottom: 30px;
}
.interview_wrap  .interview_ttl.-small {
	font-size: 2.4rem;
}
.interview_wrap  p{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.777;
    text-align: justify;
    text-justify: inter-ideograph;
}
.interview_wrap .img{ margin-top: 65px;}

.interview_wrap .flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.interview_wrap .flex .txt{
   flex: 1;
    padding-right: 30px;
    box-sizing: border-box;
}

.interview01 .interview_wrap .flex .img{
    width: 51%;
    max-width: 422px;
    margin-top: 0;
}
.interview02 .interview_wrap .flex .img{
    width: 43%;
    max-width: 350px;
    margin-top: -60px;
}
.interview03 .interview_wrap .flex .img{
    width: 37%;
    max-width: 306px;
    margin-top: -120px;
}
.interview04 .interview_wrap .flex .img{
    width: 52%;
    max-width: 440px;
	margin-top: 0;
}
.interview05 .interview_wrap .flex .img{
    width: 40%;
    max-width: 340px;
	margin-top: -120px;
}
.interview06 .interview_wrap .flex .img{
    width: 48%;
    max-width: 412px;
	margin-top: 0;
}

.aCen{
    text-align: center;
    margin: 45px auto 0 auto;
}


@media screen and (max-width : 767px){
    .sec02{
        padding-top: 7%;
    }
    .sec02.inner{
        width: 100%;
        max-width: inherit;
    }
	.interview_wrap .interview_ttl {
        margin-bottom: 1em;
		font-size: 3.46vw;
	}
	.interview_wrap .interview_ttl.-small {
		font-size: 3.4vw;
	}
	.interview_wrap:first-child {
		width: 86%;
		margin: 0 auto;
	}
	.interview_wrap .flex {
		display: block;
	}
	.interview_wrap .flex .txt {
		width: 100%;
		padding-right: 0;
	}
	.sec02.inner .interview_wrap .flex .img {
		margin-top: 60px;
		width: 100%;
		max-width: 100%;
	}

    .interview_wrap+.interview_wrap{ margin-top: 8%;}

    .interview_wrap .txt{
        width: 86%;
        margin: 0 auto;
    }
    .interview_wrap .txt .interview_ttl{
        font-size: 3.460832625748355vw;
    }
    .interview_wrap .txt p{
        font-size: 3.32vw;
		line-height: 2.04;
    }

    .interview_wrap .img{ margin-top: 8%;}

    .interview_wrap.flex{
        display: block;
    }
    .interview_wrap.flex .img{
        width: 100%;
        max-width: inherit;
        margin-top: 0;
    }
    .interview_wrap.flex .txt{
        width: 86%;
        padding-right: 0;
        margin-bottom: 6%;
    }

    .aCen{
        margin: 8% auto 0 auto;
        width: 86%;
    }

}


/* ------------------------------
recommend_contents_wrap
------------------------------ */
.recommend_contents_wrap{
    max-width: 810px;
    padding: 48px 10px 25px 10px;
}
.recommend_contents_wrap .bnr_wrap .bnr+.bnr {
    margin-left: 30px;
}
.recommend_contents_wrap .bnr_wrap {
	align-items: flex-start;
}

.recommend_contents_wrap.interview03 .bnr_wrap .bnr:last-child{
	margin-left: 15px;
}
.recommend_contents_wrap.interview04 .bnr_wrap .bnr+.bnr{
	margin-left: 15px;
}


@media screen and (max-width : 767px){
    .recommend_contents_wrap{
        max-width: inherit;
        padding: 7vw 8px 4% 8px;
    }
    .recommend_contents_wrap .bnr_wrap .bnr+.bnr {
        margin-left: 2%;
    }

	.recommend_contents_wrap .bnr_wrap .bnr02 {
		max-width: 26vw;
	}

}

.interview05 .flex.interview_wrap .interview_ttl,
.interview07 .flex.interview_wrap .interview_ttl{ margin-right: -30px;}

@media screen and (max-width : 767px){

    .interview05 .flex.interview_wrap .interview_ttl,
    .interview07 .flex.interview_wrap .interview_ttl{ margin-right: 0;}
}


/*202412追加*/
.page-title .ttl{
    max-width: 407px;
    margin: auto;
}
.recommend_contents_wrap .bnr_wrap .bnr{
    max-width: 228px;
}

@media screen and (max-width : 767px){
    .page-title .ttl{
        width: 56.53vw;
    }
}