@charset "utf-8";

#wrapper{overflow:visible;}

/* archive */
.page_archive .page_title{max-width:1100px;}
.page_archive .content_area{max-width:1160px;}

.column_cat_box{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:20px 30px;
	padding-bottom:30px;
	margin-bottom:50px;
	border-bottom:1px solid #ddd;
}
.column_cat_term{
	position:relative;
	padding-left:20px;
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing:0.75px;
}
.column_cat_term::before{
	content:'';
	position:absolute;
	top:7px;
	left:0;
	width:10px;
	height:10px;
	margin:auto;
	background:#009845;
	border-radius:50%;
}
.column_cat_list{
	display:flex;
	flex-wrap:wrap;
	gap:14px 12px;
	padding:0;
	margin:0;
}
.column_cat_item{
	list-style:none;
	margin:0;
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.column_cat_link{
	display:block;
	padding:5px 15px 6px;
	background:#E2F7DF;
	border-radius:15px;
	color:#333 !important;
	text-align:center;
	text-decoration:none !important;
	transition:background 0.3s, color 0.3s;
}
.column_cat_link:hover{
	background:#00873D;
	color:#fff !important;
}
.on .column_cat_link{
	background:#00873D;
	color:#fff !important;
}

.wp-pagenavi{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	margin-top:70px;
}
.page, .current, .first, .last, .extend{
	padding:4px;
	margin:0 17px;
	border-bottom:1px solid transparent;
	color:#888 !important;
	font-weight:500;
	text-decoration:none !important;
	transition:border 0.3s, color 0.3s;
}
.page:hover, .first:hover, .last:hover{
	border-color:#00873D;
	color:#00873D !important;
}
.current{
	border-color:#00873D;
	color:#00873D !important;
}
.extend{margin:0 0 10px;}
.previouspostslink, .nextpostslink{
	position:absolute;
	top:10px;
	padding-bottom:2px;
	color:#333 !important;
	font-weight:500;
	letter-spacing:0.8px;
	text-decoration:none !important;
	transition:color 0.3s;
}
.previouspostslink{
	left:0;
	padding-left:20px;
	background:url(/inclusive-x/img/common/arrow_l_green.svg) no-repeat center left;
}
.nextpostslink{
	right:0;
	padding-right:20px;
	background:url(/inclusive-x/img/common/arrow_r_green.svg) no-repeat center right;
}
.previouspostslink:hover,
.nextpostslink:hover{
	color:#00873D !important;
	text-decoration:underline !important;
}


/* single */
.page_single .content_area{
	position:relative;
	max-width:1160px;
}
.content_box{
	display:flex;
	align-items:flex-start;
	gap:70px;
	margin-bottom:90px;
}
.content_box_in{width:100%;}
.content_box_in .page_top{
	position:relative;
	min-height:200px;
	padding:20px 0;
	margin-bottom:25px;
	background:none;
}
.content_box_in .page_top::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% + 170px - var(--vw_50));
	width:var(--vw_100);
	height:100%;
	background:url(/inclusive-x/img/common/h1_column_l.png) no-repeat bottom left/330px, url(/inclusive-x/img/common/h1_column_r.png) no-repeat top right/330px;
}
.content_box_in .page_title{
	font-size:2.8rem;
	letter-spacing:1.4px;
	line-height:4.8rem;
	text-align:left;
}
.content_box_in .column_info{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:40px;
}
.content_box_in .column_cat{
	font-size:1.2rem;
	letter-spacing:0.6px;
	line-height:1.7rem;
}
.content_box_in .column_date{
	display:flex;
	align-items:center;
	margin:0;
	color:#333;
	font-size:1.3rem;
	font-weight:bold;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.column_published{
	padding-left:20px;
	background:url(/inclusive-x/img/common/icon_release.svg) no-repeat center left;
}
.column_modified{
	position:relative;
	padding-left:20px;
	margin-left:30px;
	background:url(/inclusive-x/img/common/icon_updated.svg) no-repeat center left;
}
.column_modified::before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:-15px;
	width:1px;
	height:12px;
	margin:auto;
	background:#ddd;
}
.column_interviewee_box{
	padding:20px;
	margin:-20px 0 30px;
	background:#F5F5F5;
	border-radius:10px;
}
.column_interviewee_term{
	float:left;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.7px;
	line-height:2rem;
}
.column_interviewee_term::after{
	content:'：';
	margin-left:3px;
}
.column_interviewee_data{
	margin-left:110px;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.7px;
	line-height:2rem;
}
.column_interviewee_name{
	display:block;
	margin-top:4px;
	font-weight:500;
}
.content_box_in th{width:190px;}

.content_bnr{margin-top:20px;}
.content_bnr.type_link{margin-top:60px;}
.content_bnr_link{
	display:flex;
	align-items:center;
	gap:30px;
	position:relative;
	padding:15px 80px 15px 15px !important;
	border-radius:10px;
	color:#333 !important;
	text-decoration:none !important;
}
.type_link .content_bnr_link{background:#E2F7DF !important;}
.type_cta .content_bnr_link{background:#C2EFD5 !important;}
.content_bnr_link::before, .content_bnr_link::after{
	content:'';
	position:absolute;
	top:0;
	right:30px;
	bottom:0;
	width:40px;
	height:40px;
	margin:auto;
	border-radius:50%;
	transition:opacity 0.3s;
}
.type_link .content_bnr_link::before{background:#fff url(/inclusive-x/img/common/arrow_r_green.svg) no-repeat center;}
.type_cta .content_bnr_link::before{background:#fff url(/inclusive-x/img/common/icon_popup.svg) no-repeat center;}
.content_bnr_link:hover::before{opacity:0;}
.content_bnr_link::after{opacity:0;}
.type_link .content_bnr_link::after{background:#009845 url(/inclusive-x/img/common/arrow_r_white.svg) no-repeat center;}
.type_cta .content_bnr_link::after{background:#009845 url(/inclusive-x/img/common/icon_popup_white.svg) no-repeat center;}
.content_bnr_link:hover::after{opacity:1;}
.content_bnr_thumb{
	flex-shrink:0;
	width:235px;
	border-radius:10px;
	overflow:hidden;
}
.content_bnr_img{
	border-radius:0 !important;
	transition:transform 0.3s;
}
a:hover .content_bnr_img{transform:scale(1.05);}
.content_bnr_txt{
	margin:0;
	font-size:1.4rem;
	font-weight:500;
	letter-spacing:0.7px;
	line-height:2.5rem;
}
.content_bnr_txt + .content_bnr_txt{margin-top:5px;}
.content_bnr_txt_in{
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:0.9px;
	line-height:2.9rem;
}

.content_sidenav{
	flex-shrink:0;
	position:sticky;
	top:100px;
	width:270px;
}
.sidenav_item{
	margin-top:25px;
	background:#fff;
}
.sidenav_head{
	position:relative;
	padding:11px 15px 13px 30px;
	margin:0;
	background:#E2F7DF;
	border:none;
	border-radius:5px;
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.1rem;
}
.sidenav_head::before{
	content:'';
	position:absolute;
	top:18px;
	left:15px;
	width:8px;
	height:8px;
	background:#009845;
	border-radius:50%;
}
.sidenav_cat_list{
	padding:0;
	margin:0;
}
.sidenav_cat_item{
	list-style:none;
	margin:0;
	border-bottom:1px solid #EDEDED;
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.sidenav_cat_link{
	display:block;
	padding:12px 50px 12px 15px;
	background:url(/inclusive-x/img/common/arrow_r_green.svg) no-repeat center right 15px;
	color:#333 !important;
	text-decoration:none !important;
	transition:color 0.3s;
}
.sidenav_cat_link:hover{color:#00873D !important;}
.sidenav_bnr{padding:15px 15px 0;}
.sidenav_bnr_link{
	display:block !important;
	border:1px solid #ddd;
	border-radius:10px;
	color:#333 !important;
	text-decoration:none !important;
	opacity:1 !important;
	overflow:hidden;
	transition:border 0.3s !important;
}
.sidenav_bnr_link:hover{border-color:#009845;}
.sidenav_bnr_img{border-radius:0 !important;}
.sidenav_bnr_link_in{padding:15px 15px 10px;}
.sidenav_bnr_txt{
	margin-bottom:10px;
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:0.6px;
	line-height:1.9rem;
}
.sidenav_bnr_txt_in{
	display:block;
	position:relative;
	padding-right:30px;
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing:0.75px;
	line-height:2.1rem;
}
.sidenav_bnr_txt_in::before, .sidenav_bnr_txt_in::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:30px;
	height:30px;
	margin:auto;
	border-radius:50%;
	transition:opacity 0.3s;
}
.sidenav_bnr_txt_in::before{
	background:#fff url(/inclusive-x/img/common/arrow_r_green.svg) no-repeat center;
	border:1px solid #ddd;
}
a:hover .sidenav_bnr_txt_in::before{opacity:0;}
.sidenav_bnr_txt_in::after{
	opacity:0;
	background:#009845 url(/inclusive-x/img/common/arrow_r_white.svg) no-repeat center;
}
a:hover .sidenav_bnr_txt_in::after{opacity:1;}
.sidenav_bnr_link[target="_blank"]{
	padding:15px 30px 18px !important;
	background:url(/inclusive-x/img/common/icon_popup.svg) no-repeat top 10px right 10px !important;
}
.sidenav_bnr_link[target="_blank"] .sidenav_bnr_img{
	width:125px !important;
	margin:auto;
}
.sidenav_bnr_link[target="_blank"] .sidenav_bnr_txt{
	margin:5px 0 0;
	font-weight:bold;
	letter-spacing:1.2px;
	text-align:center;
}


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

#wrapper{overflow:hidden;}

/* archive */
.archive_column .page_top{margin-bottom:30px;}
.column_cat_box{margin-bottom:40px;}
.column_cat_term{
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.column_cat_term::before{top:5px;}
.previouspostslink, .nextpostslink{
	top:11px;
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2rem;
}

/* single */
.content_box{
	display:block;
	margin-bottom:70px;
}
.content_box_in .page_top{
	min-height:140px;
	padding:20px 30px;
	margin:0 -30px 20px;
	background:url(/inclusive-x/img/common/h1_column_l.png) no-repeat bottom left/228px, url(/inclusive-x/img/common/h1_column_r.png) no-repeat top right/228px;
}
.content_box_in .page_top::before{display:none;}
.content_box_in .page_title{
	font-size:2.4rem;
	letter-spacing:1.2px;
	line-height:3.5rem;
}
.content_box_in .column_cat{padding:3px 10px 5px;}
.content_box_in .column_date{
	font-size:1.2rem;
	letter-spacing:0.6px;
	line-height:1.7rem;
}
.column_modified{margin-left:25px;}
.column_modified::before{left:-13px;}
.column_interviewee_box{padding:15px;}
.column_interviewee_term, .column_interviewee_data{
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.content_bnr{margin-top:15px;}
.content_bnr_link::before, .content_bnr_link::after{right:20px;}
.content_bnr_txt{
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:2.3rem;
}
.content_bnr_txt + .content_bnr_txt{margin-top:8px;}
.content_bnr_txt_in{
	font-size:1.6rem;
	letter-spacing:0.8px;
	line-height:2.4rem;
}
.content_sidenav{
	position:static;
	width:auto;
	margin-top:60px;
}
.sidenav_bnr_link{
	max-width:310px;
	margin:auto;
}

}


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

/* single */
.column_interviewee_data{margin-left:100px;}
.content_bnr_link{gap:20px;}
.content_bnr_thumb{width:215px;}

}


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

/* single */
.content_box_in .page_top{
	min-height:110px;
	padding:20px;
	margin:0 -20px 15px;
	background-size:165px, 165px;
}
.content_box_in .column_info{flex-wrap:wrap;}
.content_box_in .column_date{
	width:100%;
	margin-top:12px;
}
.column_interviewee_term{float:none;}
.column_interviewee_data{margin:4px 0 0;}
.content_box_in th{width:100px;}
.content_bnr_link{
	gap:15px;
	padding-right:60px !important;
}
.content_bnr_link::before, .content_bnr_link::after{
	width:30px;
	height:30px;
}
.content_bnr_thumb{width:165px;}

}


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

/* single */
.content_bnr_link{
	display:block;
	padding:15px 15px 25px !important;
}
.content_bnr_link::before, .content_bnr_link::after{
	top:auto;
	right:15px;
	bottom:15px;
}
.content_bnr_thumb{
	width:100%;
	margin-bottom:20px;
}
.content_bnr_img{width:100%;}
.content_bnr_link_in{margin-right:45px;}

}

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

/* archive */
.wp-pagenavi{padding-bottom:45px;}
.previouspostslink, .nextpostslink{
	top:auto;
	bottom:0;
}

}