@charset "utf-8";


.pos_re {
    position: relative;
}

.pc_on {
    display: block;
}
.sp_on {
    display: none;
}

p.img_cap_ja.img_cap_slick {
	padding: 0;
    right: 0.5em;
	font-size: 10px;
	text-align: right;
}
.img_cap.shadow,.img_cap_ja.shadow {
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.4), 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.img_cap.shadow_wh,.img_cap_ja.shadow_wh {
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1),0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1);
}
.img_cap {
    position: absolute;
    bottom: 1em;
    right: 1em;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.05em;
    font-family: "Noto Serif JP", serif;
}
.img_cap.cap_l,.img_cap_ja.cap_l{
	left:0.5em;
	right: initial;
}

.txt_box {
	margin-bottom: 80px;
}

.sec_ttl {
	font-size: 28px;
	text-align: center;
	margin-bottom: 40px;
	letter-spacing: 0.25em;
	line-height: 2;
}



.bottom_cap {
    margin-top: 30px;
    margin-bottom: 30px;
}
.bottom_cap p {
    font-family: 'Noto Serif JP', serif;
    font-size: 11px;
    line-height: 1.5;
    color: #231815;
    font-weight: lighter;
    letter-spacing: 0.01em;
}

.hummenu ul li.nav-structure::before {
	width: 50% !important;
}
/* common */
.top_en_ttl{
	font-family: linotype-didot, serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.4em;
	font-size: 26px;
}
main {
	color: #38383a;
}

.mv_area {
	margin-bottom: 130px;
}
.mv_area_mb0 {
	margin-bottom: 0;
}
@media(max-width: 1040px){
	.mv_area {
		margin-bottom: 90px;
	}
}
@media(max-width: 650px){
	.mv_area {
		margin-bottom: 70px;
	}
}




.db1210 {
	display: none;
}
.dn1210 {
	display: block;
}


/* structure_contents01 */
.structure_contents01 {
	background: url(../img/structure/structure_contents01_bg.jpg);
	background-position: center;
	background-size: cover;
}

.merit_p{
	font-size: 24px;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 60px;
}

.merit_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;

	flex-wrap: wrap;
}
.merit_flex li{
	width: 30%;
}


.structure_contents02 {
	background: url(../img/structure/structure_contents02_bg.jpg);
	background-position: center;
	background-size: cover;
}

.device_flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.device_flex > div{
	width: 48%;
}
.device_flex > .txt_box{
	margin-bottom: 0;
}
.device_flex > .txt_box .sec_ttl,.device_flex > .txt_box .sec_lead{
	text-align: left;
}
.device_flex > .txt_box .sec_ttl{
	margin-bottom: 20px;
}

.differ01{
	padding: 0 50px;
    margin-bottom: 80px;
}


.kouka_box{
	background: #fff;
	padding: 50px;
}

.kouka_p{
	font-size: 25px;
	text-align: center;
    background: #afa071;
	color: #fff;
    padding: 10px 0;
    margin-bottom: 40px;
}

.kouka01 .img_cap_ja{
	position: relative;
    bottom: inherit;
    right: inherit;
    margin-top: 1em;
    text-align: right;
}




.structure_contents03 {
	background: url(../img/structure/structure_contents03_bg.jpg);
	background-position: center;
	background-size: cover;
}

.interview_video{
	padding: 0 50px;
    margin-bottom: 50px;
	transition-duration: 0.6s;
}
.interview_video:hover{
	opacity: 0.6;
}

.interview_cap{
	background:#ac9d6f;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 1.8;
	padding: 10px;
	border-radius: 10px;
	max-width: 1100px;
	margin: 0 auto;
}




.structure_contents04 {
	background: url(../img/structure/structure_contents04_bg.jpg);
	background-position: center;
	background-size: cover;
}




/* .structure_contents05 {
	background: url(../img/structure/structure_contents05_bg.jpg);
	background-position: center;
	background-size: cover;
} */

.structure_bnr_box{
	padding: 0 50px;
	margin: 0 auto;
}



































.mb80 {
	margin-bottom: 80px;
}


@media(max-width: 1300px){
	.slick_area {
		width: 90%;
		margin: 0 auto;
	}
}

@media(max-width: 1210px){
	.db1210 {
		display: block;
	}
	.dn1210 {
		display: none;
	}

	.merit_p{
		font-size: 20px;
		text-align: center;
		margin-bottom: 50px;
	}

	.differ01{
		padding: 0 30px;
		margin-bottom: 50px;
	}

	.device_flex{
		margin-bottom: 50px;
	}

	.device_flex > div {
		width: 100%;
	}

	.device_flex > div:first-of-type{
		order: 2;
		width: 90%;
		max-width: 570px;
		margin: 40px auto 0;
	}

	.device_flex > .txt_box .sec_ttl, .device_flex > .txt_box .sec_lead {
		text-align: center;
	}

	.kouka_box{
		padding: 30px;
	}

	.structure_bnr_box{
		padding: 0 30px;
	}


	.kouka_p{
		font-size: 20px;
		margin-bottom: 30px;
	}

	.interview_video{
		padding: 0 30px;
		margin-bottom: 40px;
	}













	.mb80 {
		margin-bottom: 60px;
	}


	.section_box.tab_pt0 {
		padding-top: 0;
	}
}

@media(max-width: 1040px){

}

@media(max-width: 850px){
}

@media(max-width: 767px){
}

@media(max-width: 650px){
	
		.bottom_cap {
		margin-top: 35px;
		/* margin-bottom: 12px; */
	}
	
	.top_en_ttl.pos_imgttl {
		margin-top: 15px;
	}

	.merit_p{
		font-size: 16px;
        text-align: center;
        margin-bottom: 30px;
	}


	.merit_flex{
		justify-content: center;
	}
	.merit_flex li{
		width: 75%;
		max-width: 290px;
		margin-bottom: 20px;
	}
	.merit_flex li:last-of-type{
		margin-bottom: 0;
	}

	.device_flex{
		margin-bottom: 40px;
	}

	.differ01{
		max-width: 450px;
        margin: 0 auto 40px;
		padding: 0 20px;
	}

	.interview_cap{
		font-size: 10px;
	}


	.kouka_box{
		padding: 20px;
		max-width: 450px;
        margin: 0 auto;
	}

	.kouka_p{
		font-size: 18px;
		margin-bottom: 20px;
	}

	.structure_bnr_box{
		max-width: 450px;
		margin: 0 auto;
		padding: 0 20px;
	}

	.interview_video{
		padding: 0 20px;
		margin-bottom: 30px;
	}


	.mb80 {
		margin-bottom: 40px;
	}


}


.section_box_padttop {
	padding: 130px 0 50px;
}

.com_inner {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto;
}


/* br */
.db1100 {
	display: none;
}
.dn1100 {
	display: block;
}
.db1100_650{
	display: none;
}
.dn1100_650{
	display: block;
}
.db1040 {
	display: none;
}
.dn1040 {
	display: block;
}
.db1000 {
	display: none;
}
.dn1000 {
	display: block;
}
.dn1000_650{
	display: block;
}
.br850 {
	display: none;
}
.db767 {
	display: none;
}
.db650{
    display: none;
}


@media(max-width:1040px){
	.db1000 {
		display: block;
	}
	.dn1000 {
		display: none;
	}
	.dn1000_650{
		display: none;
	}
}

@media(max-width: 1040px){

	.section_box_padttop {
		padding: 90px 0 80px;
	}
}


@media(max-width: 650px){
    /*  */
    .pc_on {
        display: none;
    }
    .sp_on {
        display: block;
    }
	
	.section_box_padttop {
		padding: 70px 0 60px;
	}
	
	 .dn650{
        display: none;
    }
    .db650{
        display: block;
    }
	.db1100_650{
		display: none;
	}
	.dn1000_650{
		display: block;
	}
	.dn1100_650{
		display: block;
	}
	
	.txt_box {
		margin-bottom: 40px;
	}
	
		.sec_ttl {
		font-size: 18px;
		line-height: 1.8;
		margin-bottom: 15px;
	}

}	
	
	
	@media(max-width: 1210px){
	.sec_ttl {
		font-size: 23px;
		margin-bottom: 20px;
	}
	.sec_lead {
		font-size: 14px;
		line-height: 2.5;
	}
	.txt_box {
		margin-bottom: 50px;
	}

	.sec_h2 {
    	font-size: 38px;
	}
	
}