@charset "utf-8";

/* archive */
#content_wrap.page_archive{background:#F1F5F6;}
.page_archive .page_top{margin-bottom:60px;}
.column_search{margin-bottom:40px;}
.column_cat_list{
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:10px;
	padding:0;
	margin-bottom:20px;
}
.column_cat_item{
	list-style:none;
	margin:0;
	font-size:1.5rem;
	font-weight:500;
	letter-spacing:0.75px;
	line-height:2.1rem;
}
.column_cat_link{
	display:block;
	padding:13px 10px 14px;
	background:#fff;
	border:1px solid #ddd;
	border-radius:25px;
	color:#333 !important;
	text-align:center;
	text-decoration:none !important;
	transition:background 0.3s, border 0.3s, color 0.3s;
}
.column_cat_link:hover{
	background:#0072FF;
	border-color:#0072FF;
	color:#fff !important;
}
.on .column_cat_link{
	background:#0072FF;
	border-color:#0072FF;
	color:#fff !important;
}
.column_acc{
	margin:0;
	text-align:center;
}
.column_acc_btn{
	display:inline-block;
	position:relative;
	padding:0;
	color:#333 !important;
	font-family:var(--font_noto);
	font-size:1.5rem;
	font-weight:500;
	letter-spacing:0.75px;
	line-height:2.1rem;
	cursor:pointer;
	transition:color 0.3s;
}
.column_acc_btn:hover{color:#007BFF !important;}
.column_acc_btn::before{
	content:'';
	position:absolute;
	top:1px;
	right:0;
	bottom:0;
	width:26px;
	height:26px;
	margin:auto;
	background:#fff;
	border:1px solid #ddd;
	border-radius:50%;
	transition:background 0.3s, border 0.3s;
}
.column_acc_btn:hover::before{
	background:#007BFF;
	border-color:#007BFF;
}
.column_acc_txt{
	display:block;
	position:relative;
	padding-right:35px;
}
.column_acc_txt::before, .column_acc_txt::after{
	content:'';
	position:absolute;
	top:1px;
	right:7px;
	bottom:0;
	width:12px;
	height:2px;
	margin:auto;
	background:#007BFF;
	transition:background 0.3s, opacity 0.3s;
}
.column_acc_btn:hover .column_acc_txt::before, .column_acc_btn:hover .column_acc_txt::after{background:#fff;}
.column_acc_txt::after{transform:rotate(90deg);}
.open .column_acc_txt::after{opacity:0;}
.column_field_box{
	display:none;
	padding:20px;
	margin-top:15px;
	background:#fff;
	border-radius:6px;
}
.column_field_list{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding:0;
	margin:0;
}
.column_field_item{
	list-style:none;
	margin:0;
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.column_field_btn{
	display:block;
	padding:4px 15px 5px;
	background:#fff;
	border:1px solid #ddd;
	border-radius:15px;
	cursor:pointer;
	transition:background 0.3s, border 0.3s, color 0.3s;
}
.column_field_btn:hover{
	background:#007BFF;
	border-color:#007BFF;
	color:#fff !important;
}
.column_field_btn.valid{
	background:#007BFF;
	border-color:#007BFF;
	color:#fff !important;
}
.column_field_check{
	position:absolute;
	opacity:0;
	visibility:hidden;
}
.column_item.is_hidden{display:none;}


/* single */
.content_box{
	max-width:800px;
	padding-top:45px;
	padding-bottom:80px;
	margin:auto;
}
.content_top{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	margin-bottom:30px;
}
.content_top .page_title{
	margin-bottom:18px;
	color:#333;
	font-size:2.8rem;
	font-weight:500;
	letter-spacing:1.4px;
	line-height:4rem;
	text-align:left;
}
.content_top .column_cat{
	order:-1;
	margin-bottom:18px;
	font-weight:500;
}
.content_top .column_field{
	width:100%;
	padding:0;
	margin:0 0 18px;
	border:none;
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.content_top .column_date{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	width:100%;
	padding-top:20px;
	margin:0;
	border-top:1px solid #ddd;
	color:#333;
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.column_published{
	padding-left:20px;
	background:url(/physical-ai/img/common/icon_release.svg) no-repeat center left;
}
.column_modified{
	position:relative;
	padding-left:20px;
	margin-left:30px;
	background:url(/physical-ai/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-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 th{width:200px;}

.related_box{
	position:relative;
	padding:60px 0 35px;
}
.related_box::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - var(--vw_50));
	width:var(--vw_100);
	height:100%;
	background:#F1F5F6;
}
.related_head{
	padding:0;
	margin:0 0 25px;
	font-size:2.6rem;
	font-weight:500;
	letter-spacing:1.3px;
	line-height:3.7rem;
	text-align:center;
}
.related_head::before, .related_head br, .related_list .column_item:nth-child(4){display:none;}
.related_btn{text-align:center;}

.localnav_box{
	position:relative;
	padding-top:60px;
}
.localnav_box::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - var(--vw_50));
	width:var(--vw_100);
	height:100%;
	background:#E3EBED;
}
.ln_head{
	padding:0;
	margin:0 0 25px;
	font-size:2.6rem;
	font-weight:500;
	letter-spacing:1.3px;
	line-height:3.7rem;
	text-align:center;
}
.ln_head::before{display:none;}
.ln_box_in{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:30px;
}
.ln_category{
	padding:25px 40px 35px;
	background:#fff;
	border-radius:6px;
}
.ln_subhead{
	margin:0 0 18px;
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:0.9px;
	line-height:2.6rem;
}
.ln_list{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	padding:0;
	margin:0;
}
.ln_item{
	list-style:none;
	margin:0;
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.ln_link{
	display:block;
	padding:4px 15px 5px;
	background:#fff;
	border:1px solid #ddd;
	border-radius:15px;
	color:#333 !important;
	text-align:center;
	text-decoration:none !important;
	transition:background 0.3s, border 0.3s, color 0.3s;
}
.ln_link:hover{
	background:#0072FF;
	border-color:#0072FF;
	color:#fff !important;
}


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

/* archive */
.archive_column .page_top{margin-bottom:40px;}
.column_cat_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:545px;
	margin:0 auto 25px;
}
.column_cat_link{padding:8px 10px 10px;}

/* single */
.content_top .column_cat{
	font-size:1.1rem;
	letter-spacing:0.55px;
	line-height:1.6rem;
}
.content_top .column_field{
	font-size:1.2rem;
	letter-spacing:0.6px;
	line-height:1.7rem;
}
.content_top .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;}
.related_head, .ln_head{
	font-size:2.4rem;
	letter-spacing:1.2px;
	line-height:3.5rem;
}
.ln_box_in{gap:20px;}

}


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

/* archive */
.column_cat_item{
	width:175px;
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2rem;
}
.column_acc_btn{
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2rem;
}

/* single */
.content_box{padding-top:30px;}
.content_top .page_title{
	margin-bottom:20px;
	font-size:2.6rem;
	letter-spacing:1.3px;
	line-height:3.7rem;
}
.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 th{width:180px;}
.ln_category{padding:20px 20px 30px;}
.ln_subhead{margin-bottom:15px;}

}


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

/* archive */
.column_cat_list{
	gap:5px;
	margin-bottom:20px;
}
.column_cat_item{
	width:calc((100% - 10px) / 3);
	font-size:1.2rem;
	letter-spacing:0.6px;
	line-height:1.5rem;
}
.column_cat_link{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:8px 10px 10px;
}
.column_acc_btn{
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
}
.column_field_box{padding:15px;}
.column_field_list{gap:5px;}
.column_field_item{
	font-size:1.2rem;
	letter-spacing:0.6px;
	line-height:1.7rem;
}

/* single */
.content_box{padding-top:10px;}
.content_top{margin-bottom:20px;}
.content_top .page_title{
	margin-bottom:15px;
	font-size:2.4rem;
	letter-spacing:1.2px;
	line-height:3.5rem;
}
.content_top .column_cat{margin-bottom:15px;}
.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 th{width:110px;}
.related_box, .localnav_box{padding-top:40px;}
.related_head, .ln_head{
	font-size:2.2rem;
	letter-spacing:1.1px;
	line-height:3.2rem;
}
.related_list{margin-bottom:35px;}
.related_list .column_item:nth-child(4){display:block;}
.ln_box_in{display:block;}
.ln_category{
	padding:25px 15px;
	margin-bottom:20px;
}
.ln_subhead{
	margin-bottom:10px;
	font-size:1.5rem;
	letter-spacing:0.75px;
	line-height:2.1rem;
}
.ln_list{gap:5px;}
.ln_item{
	font-size:1.2rem;
	letter-spacing:0.6px;
	line-height:1.7rem;
}

}


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

/* single */
.related_head br{display:block;}
.related_list .column_item:nth-child(4){display:none;}

}


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

/* archive */
.column_cat_list{
	display:grid;
	grid-template-columns:1fr 1fr;
}
.column_cat_item{width:auto;}

}