@charset "utf-8";

#wrapper{overflow:visible;}

/* archive */
#content_wrap.page_archive{background:#E8EFF6;}
.page_archive .page_top{margin-bottom:60px;}
.column_cat_list{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:10px;
	padding:0;
	margin-bottom:35px;
	border-bottom:2px solid #1A3064;
}
.column_cat_item{
	list-style:none;
	margin:0;
	border-radius:6px 6px 0 0;
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing:0.75px;
	line-height:2.1rem;
	overflow:hidden;
}
.column_cat_link{
	display:flex;
	align-items:center;
	justify-content:center;
	height:65px;
	padding:0 10px;
	background:#fff;
	color:#333 !important;
	text-align:center;
	text-decoration:none !important;
	transition:background 0.3s, color 0.3s;
}
.column_cat_link:hover{
	background:#1A3064;
	color:#fff !important;
}
.on .column_cat_link{
	background:#1A3064;
	color:#fff !important;
}
.select_box{display:none;}
.wp-pagenavi{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	margin-top:55px;
}
.page, .current, .first, .last{
	padding:4px;
	margin:0 17px;
	border-bottom:2px solid transparent;
	color:#888 !important;
	font-weight:500;
	text-align:center;
	text-decoration:none !important;
	transition:border 0.3s, color 0.3s;
}
.page:hover, .first:hover, .last:hover{
	border-color:#145ABF;
	color:#145ABF !important;
}
.current{
	border-color:#145ABF;
	color:#145ABF !important;
}
.extend{
	margin:0 5px 12px;
	color:#888;
	font-weight:500;
}
.previouspostslink, .nextpostslink{
	position:absolute;
	top:5px;
	color:#333 !important;
	font-weight:500;
	text-decoration:none !important;
	transition:color 0.3s;
}
.previouspostslink{
	left:0;
	padding:0 0 2px 30px;
	background:url(/startup-global/img/common/arrow_l_navy_2.svg) no-repeat center left;
}
.nextpostslink{
	right:0;
	padding:0 30px 2px 0;
	background:url(/startup-global/img/common/arrow_r_navy_2.svg) no-repeat center right;
}
.previouspostslink:hover,
.nextpostslink:hover{
	color:#145ABF !important;
	text-decoration:underline !important;
}

/* single */
#content_wrap.page_single{background:#E8EFF6;}
.page_single .content_area{
	max-width:1160px;
	padding:45px 30px 0;
}
.content_box{
	display:flex;
	align-items:flex-start;
	gap:40px;
}
.content_box_in{
	position:relative;
	width:100%;
	padding:40px;
	background:#fff;
	border-radius:5px;
	box-shadow:0px 3px 20px rgba(0,0,0,0.05);
	overflow:hidden;
}
.content_box_in::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:6px;
	background:linear-gradient(to right, #01B7ED 12.5%, #69BB81 12.5%, #69BB81 25%, #D8E14B 25%, #D8E14B 37.5%, #FDD041 37.5%, #FDD041 50%, #F2973B 50%, #F2973B 62.5%, #EB6D8D 62.5%, #EB6D8D 75%, #A660A3 75%, #A660A3 87.5%, #708AC5 87.5%, #708AC5 100%);
}
.content_box_in .page_title{
	color:#333;
	font-size:3rem;
	letter-spacing:1.5px;
	line-height:4.8rem;
	text-align:left;
}
.content_box_in .column_info{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:auto;
	padding-top:25px;
	margin:40px 0 30px;
	border-top:1px solid #ddd;
}
.content_box_in .column_date{
	display:flex;
	align-items:center;
	margin:0;
	color:#333;
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.column_published{
	padding-left:20px;
	background:url(/startup-global/img/common/icon_release.svg) no-repeat center left;
}
.column_modified{
	position:relative;
	padding-left:20px;
	margin-left:30px;
	background:url(/startup-global/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_published_date, .column_modified_date{font-weight:bold;}
.column_interviewee_box{
	padding:20px;
	margin-bottom:30px;
	background:#F1F5F6;
	border-radius:5px;
}
.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:105px;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.7px;
	line-height:2rem;
}
.column_interviewee_name{
	display:block;
	margin-top:1px;
	font-weight:500;
}
.content_box_in th{width:190px;}

.content_sidenav{
	flex-shrink:0;
	position:sticky;
	top:95px;
	width:270px;
	margin-top:-20px;
}
.sidenav_item{
	margin-top:20px;
	background:#fff;
	border-radius:5px;
	box-shadow:0px 3px 20px rgba(0,0,0,0.05);
	overflow:hidden;
}
.sidenav_head{
	padding:11px 15px 13px;
	margin:0;
	background:#1A3064;
	color:#fff;
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.1rem;
}
.sidenav_cat_list{
	padding:0;
	margin:0;
}
.sidenav_cat_item{
	list-style:none;
	margin:0;
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.sidenav_cat_item + .sidenav_cat_item{border-top:1px solid #EDEDED;}
.sidenav_cat_link{
	display:block;
	padding:12px 50px 12px 15px;
	background:url(/startup-global/img/common/arrow_r_navy.svg) no-repeat center right 15px;
	color:#333 !important;
	text-decoration:none !important;
	transition:color 0.3s;
}
.sidenav_cat_link:hover{color:#145ABF !important;}
.sidenav_bnr{padding:15px;}
.sidenav_bnr_link{
	display:block !important;
	padding:10px 30px 18px !important;
	background:url(/startup-global/img/common/popup_navy.svg) no-repeat top 10px right 10px !important;
	border:1px solid #ddd;
	border-radius:5px;
	color:#333 !important;
	text-decoration:none !important;
	opacity:1 !important;
	overflow:hidden;
	transition:border 0.3s !important;
}
.sidenav_bnr_link:hover{border-color:#145ABF;}
.sidenav_bnr_img{
	width:105px !important;
	margin:auto;
}
.sidenav_bnr_txt{
	margin:5px 0 0;
	font-size:1.2rem;
	font-weight:bold;
	letter-spacing:1.2px;
	line-height:1.9rem;
	text-align:center;
}

.related_head{
	position:relative;
	padding-bottom:14px;
	margin:100px 0 40px;
	background:none;
	text-align:center;
}
.related_head::after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	width:40px;
	height:4px;
	margin:auto;
	background:#1A3064;
}
.related_head br{display:none;}
.related_btn{
	margin-top:35px;
	text-align:center;
}


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

/* archive */
.archive_column .page_top{margin-bottom:40px;}
.wp-pagenavi{margin-top:35px;}
.previouspostslink, .nextpostslink{top:7px;}

/* single */
.page_single .content_area{padding-top:40px;}
.content_box{display:block;}
.content_box_in .page_title{
	font-size:2.4rem;
	letter-spacing:1.2px;
	line-height:3.5rem;
}
.content_box_in .column_info{
	padding-top:15px;
	margin-top:25px;
}
.content_box_in .column_cat{
	font-size:1.1rem;
	line-height:1.6rem;
}
.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;}
.content_sidenav{
	position:static;
	width:auto;
	margin-top:20px;
}
.sidenav_bnr_link{
	max-width:310px;
	margin:auto;
}
.related_head{margin-top:60px;}

}


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

/* archive */
.column_cat_list{gap:5px;}
.column_cat_item{
	font-size:1.4rem;
	font-weight:500;
	letter-spacing:0.7px;
}
.column_cat_link{height:55px;}
.previouspostslink, .nextpostslink{
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.1rem;
}

/* single */
.content_box_in{padding:25px 30px;}
.column_interviewee_box{margin-top:-15px;}
.column_interviewee_term, .column_interviewee_data{
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.column_interviewee_data{margin-left:95px;}
.content_box_in th{width:180px;}

}


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

/* archive */
.column_cat_list{display:none;}
.select_box{display:block;}
.select_term{
	margin-bottom:10px;
	font-size:1.4rem;
	font-weight:500;
	letter-spacing:0.7px;
	line-height:2rem;
}
.select_cat{
	position:relative;
	margin-bottom:40px;
	border:1px solid #ccc;
}
.select_cat::after{
	content:'';
	position:absolute;
	top:0;
	right:15px;
	bottom:0;
	width:15px;
	height:9px;
	margin:auto;
	background:url(/startup-global/img/common/arrow_d_navy.svg) no-repeat center/cover;
}
.select_item{
	display:block;
	width:100%;
	padding:12px 45px 13px 15px;
	background:#fff;
	color:#333 !important;
	font-family:var(--font_noto);
	font-size:1.4rem;
	font-weight:500;
	letter-spacing:0.7px;
	line-height:2rem;
	cursor:pointer;
}
.previouspostslink, .nextpostslink{
	padding-bottom:0;
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2rem;
}
.previouspostslink{padding-left:25px;}
.nextpostslink{padding-right:25px;}

/* single */
.page_single .content_area, .content_box_in{
	padding-right:20px;
	padding-left:20px;
}
.content_box_in{
	width:auto;
	margin:0 -10px;
}
.content_box_in .column_info{
	flex-wrap:wrap;
	margin-bottom:20px;
}
.content_box_in .column_date{
	width:100%;
	margin-top:8px;
}
.column_interviewee_box{
	padding:15px;
	margin-bottom:20px;
}
.column_interviewee_term, .column_interviewee_data{
	font-size:1.2rem;
	letter-spacing:0.6px;
	line-height:2.1rem;
}
.column_interviewee_data{margin-left:90px;}
.content_box_in th{width:110px;}
.related_head{margin-bottom:30px;}
.related_head::after{height:3px;}

}


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

/* single */
.related_head br{display:block;}

}

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

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

}