@charset "utf-8";

.content_box{
	max-width:700px;
	margin:auto;
}
.post_top{
	display:flex;
	flex-direction:column;
	margin-bottom:60px;
}
.post_title{
	margin-bottom:30px;
	font-size:3.4rem;
	font-weight:bold;
	letter-spacing:0;
	line-height:5.1rem;
}
.post_info{
	display:flex;
	align-items:center;
	order:-1;
	margin-bottom:5px;
	font-size:1.4rem;
	font-weight:500;
	letter-spacing:1.4px;
	line-height:2rem;
}
.post_date{
	margin:3px 20px 0 0;
	font-family:var(--font_saira);
	font-size:1.6rem;
	letter-spacing:0;
	line-height:2.5rem;
}
.post_tag_list{
	display:flex;
	flex-wrap:wrap;
	gap:10px 15px;
	padding:0;
	margin:0;
}
.post_tag_item{
	list-style:none;
	margin:0;
	font-size:1.4rem;
	font-weight:normal;
	letter-spacing:1.4px;
	line-height:2rem;
}
.post_tag_link{
	display:block;
	color:#537551 !important;
}
.post_tag_link:hover{
	color:#87B185 !important;
	text-decoration:none !important;
}
.post_catch{margin:40px 0 0;}

.intro_people{margin:60px 0;}
.intro_people dt{
	margin:60px 0 30px;
	font-size:2.6rem;
	font-weight:bold;
	letter-spacing:0;
	line-height:3.7rem;
}
.intro_people ul{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:30px 20px;
	padding:0;
	margin:0;
}
.intro_people li{
	display:flex;
	align-items:flex-start;
	list-style:none;
	margin:0;
}
.intro_people img{
	width:80px;
	margin-right:20px;
}
.intro_people p{
	margin:0;
	font-size:1.4rem;
	font-weight:normal;
	line-height:2.1rem;
}
.intro_people p span{
	display:inline-block;
	margin-bottom:5px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:2.6rem;
}
.has_txt li{
	display:block;
	position:relative;
	padding-left:100px;
}
.has_txt img{
	position:absolute;
	top:0;
	left:0;
}
.has_txt p + p{margin-top:10px;}
.note{
	margin-bottom:60px;
	font-size:1.2rem;
	letter-spacing:0;
	line-height:1.7rem;
	text-align:center;
}
.intro_txt{margin-bottom:60px;}

#toc_container{
	padding:30px 40px 35px;
	margin-bottom:120px;
	background:#F5F5F5;
	border-radius:10px;
}
.toc_title{
	margin-bottom:25px;
	font-size:2.6rem;
	font-weight:bold;
	line-height:3.7rem;
}
.toc_list{
	padding:0;
	margin:0;
}
.toc_list li{
	list-style:none;
	padding-left:40px;
	margin-bottom:10px;
	background:url(/engi-press/img/common/arrow_pagelink.svg) no-repeat top 16px left 15px;
}
.toc_list a{
	color:#537551 !important;
	transition:color 0.3s;
}
.toc_list a:hover{color:#87B185 !important;}

.content_box > p > span:first-child{font-weight:bold;}
.interviewer{
	position:relative;
	padding-left:60px;
	margin:55px 0 25px;
	font-size:2.6rem;
	font-weight:bold;
	line-height:3.7rem;
}
.interviewer::before{
	content:'';
	position:absolute;
	top:20px;
	left:0;
	width:50px;
	height:2px;
	background:#333;
}
.img_txt{
	display:flex;
	gap:30px;
	margin-top:60px;
}
h3 + .img_txt{margin:0;}
.img_txt.img_r{flex-direction:row-reverse;}
.img_txt > div{width:100%;}
.img_txt > div *:first-child{margin-top:0;}
.img_txt p{margin:0;}
.img_txt > p{
	flex-shrink:0;
	width:160px;
}
.column_2 h4{margin-top:0;}

.tag_box{
	padding:20px 20px 35px;
	margin:120px 0 50px;
	background:#F5F5F5;
	border-radius:10px;
}
.tag_head{
	margin:0 0 15px;
	font-family:var(--font_saira);
	font-size:2.4rem;
	line-height:3.8rem;
	text-align:center;
}
.tag_box .post_tag_list{justify-content:center;}
.tag_box .post_tag_item{
	font-size:1.7rem;
	line-height:2.5rem;
}
.share_box{margin-bottom:50px;}
.share_head{
	margin:0 0 20px;
	font-size:2rem;
	line-height:2.9rem;
	text-align:center;
}
.share_list{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:20px;
	padding:0;
	margin:0;
}
.share_item{
	list-style:none;
	width:42px;
	margin:0;
}
.share_link{display:block !important;}
.cta_box{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:30px;
}
.cta_link{
	display:block;
	position:relative;
	padding:22px 30px !important;
	background:url(/engi-press/img/common/popup_white.svg) no-repeat top 15px right 15px !important;
	color:#fff !important;
	font-size:1.8rem;
	letter-spacing:0;
	line-height:2.6rem;
	text-decoration:none !important;
	transition:background 0.3s;
}
.cta_link:hover{background-color:#115316 !important;}
.cta_link::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(270deg, #3C933A 0%, #369336 20%, #115316 100%) !important;
}

.other_area{
	padding:65px 20px 20px;
	background:url(/engi-press/img/index/bg_special.jpg) no-repeat center/cover;
}
.other_box{
	max-width:1100px;
	margin:auto;
}
.other_box_in{
	position:relative;
	padding:30px 0 80px;
}
.other_box_in.relevance{
	border-bottom:1px solid rgba(221,221,221,0.5);
}
.other_head{
	margin:0 0 30px;
	color:#fff;
	font-size:2rem;
	font-weight:500;
	letter-spacing:2px;
	line-height:2.9rem;
}
.other_head::before{
	content:attr(data-en);
	display:block;
	font-family:var(--font_saira);
	font-size:3rem;
	font-weight:600;
	letter-spacing:0;
	line-height:3.8rem;
}
.other_box_in .press_link{color:#fff !important;}
.other_box_in .press_title_txt{background-image:linear-gradient(0, #fff, #fff);}
.other_box_in .press_tag_item{color:#fff;}
.other_box_in .press_tag_item:hover{color:#D6D6D6;}
.other_box_in.new .press_list{
	grid-template-columns:1fr 1fr;
	gap:40px 50px;
}
.other_box_in.new .press_link{
	display:flex;
	align-items:flex-start;
}
.other_box_in.new .press_thumb{
	flex-shrink:0;
	width:185px;
	margin:0 15px 0 0;
}
.other_box_in.new .press_title{
	font-size:1.6rem;
	line-height:2.4rem;
}
.other_none{
	margin:0;
	color:#fff;
}
.other_btn{
	position:absolute;
	top:70px;
	right:0;
	margin:0;
}
.other_btn .link_btn{
	background-image:url(/engi-press/img/common/arrow_r_white.svg);
	color:#fff !important;
}
.other_btn .link_btn::after{background:#fff;}


@media screen and (min-width:1025px) and (max-width:1240px){

.post_top_in{padding:35px 20px 40px;}
.post_title{
	font-size:2.8rem;
	line-height:4rem;
}

}


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

.other_box_in.new .press_list{column-gap:15px;}

}


@media screen and (min-width:768px) and (max-width:1024px){

.post_top{margin-bottom:50px;}
.post_title{
	margin-bottom:20px;
	font-size:3.2rem;
	line-height:4.6rem;
}

.intro_people{margin:50px 0;}
.intro_people dt{
	margin:50px 0 25px;
	font-size:2.4rem;
	line-height:3.5rem;
}
.intro_people p span{font-size:1.7rem;}
.note, .intro_txt{margin-bottom:50px;}

#toc_container{
	padding:30px 30px 35px;
	margin-bottom:110px;
}
.toc_title{
	margin-bottom:20px;
	font-size:2.4rem;
	line-height:3.5rem;
}
.toc_list li{
	padding-left:35px;
	margin-bottom:15px;
	background-position:top 15px left 10px;
}

.interviewer{
	padding-left:50px;
	font-size:2.4rem;
	line-height:3.5rem;
}
.interviewer::before{
	top:18px;
	width:40px;
}

.tag_box{margin-top:110px;}
.tag_head{
	font-size:2.2rem;
	line-height:3.5rem;
}
.tag_box .post_tag_item{
	font-size:1.6rem;
	line-height:2.3rem;
}
.share_head{
	font-size:1.8rem;
	line-height:2.5rem;
}
.cta_box{gap:20px;}
.cta_link{
	padding-bottom:23px !important;
	font-size:1.7rem;
	line-height:2.5rem;
}

.other_area{padding-top:50px;}
.other_box_in{padding-bottom:60px;}
.other_head{
	margin-bottom:25px;
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:2.6rem;
}
.other_head::before{
	font-size:2.7rem;
	line-height:3.4rem;
}
.other_btn{top:60px;}
.other_box_in.new .press_thumb{width:155px;}
.other_box_in.new .press_date{margin-right:15px;}
.other_box_in.new .press_title{
	font-size:1.4rem;
	line-height:2rem;
}

}


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

.post_top{margin-bottom:40px;}
.post_title{
	margin-bottom:20px;
	font-size:3rem;
	line-height:4.2rem;
}
.post_info{
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:1.9rem;
}
.post_date{
	margin-right:15px;
	font-size:1.5rem;
	line-height:2.4rem;
}

.intro_people{margin:40px 0;}
.intro_people dt{
	margin:40px 0 20px;
	font-size:2.2rem;
	line-height:3.2rem;
}
.intro_people ul{gap:20px;}
.intro_people p{
	font-size:1.3rem;
	line-height:1.9rem;
}
.intro_people p span{font-size:1.6rem;}
.note, .intro_txt{margin-bottom:40px;}

#toc_container{
	padding:25px 25px 35px;
	margin-bottom:100px;
}
.toc_title{
	margin-bottom:15px;
	font-size:2.2rem;
	line-height:3.2rem;
}
.toc_list li{
	padding-left:25px;
	margin-bottom:5px;
	background-position:top 13px left;
}

.interviewer{
	padding-left:45px;
	margin-bottom:20px;
	font-size:2rem;
	line-height:3rem;
}
.interviewer::before{
	top:15px;
	width:40px;
}

.tag_box{
	padding:25px 20px 40px;
	margin:100px 0 40px;
}
.tag_head{
	margin-bottom:10px;
	font-size:2rem;
	line-height:3.2rem;
}
.tag_box .post_tag_item{
	font-size:1.5rem;
	line-height:2.1rem;
}
.share_box{margin-bottom:40px;}
.share_head{
	font-size:1.6rem;
	line-height:2.4rem;
}
.cta_box{gap:15px;}
.cta_link{
	padding:23px 30px !important;
	font-size:1.6rem;
	line-height:2.4rem;
}

.other_area{padding:30px 20px 0;}
.other_box_in{padding:25px 0 45px;}
.other_head{
	margin-bottom:15px;
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}
.other_head::before{
	font-size:2.4rem;
	line-height:3rem;
}
.other_btn{
	position:static;
	text-align:center;
}
.other_box_in .press_list{margin-bottom:25px;}
.relevance .press_list{grid-template-columns:1fr 1fr 1fr;}
.other_box_in.new .press_link{display:block;}
.other_box_in.new .press_thumb{
	width:100%;
	margin:0 0 5px;
}
.other_box_in.new .press_title{
	font-size:1.2rem;
	line-height:1.7rem;
}

}


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

.intro_people ul{grid-template-columns:1fr;}

}


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

.img_txt{display:block;}
.img_txt > p{margin:0 auto 60px;}
.relevance .press_list{grid-template-columns:1fr;}

}


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

.cta_box{grid-template-columns:1fr;}

}