/* CSS Document */

/*component*/
.c-col.c-narrow--60{
	width: 600px;
}

.c-nowrap{
	display: inline-block;
	white-space: nowrap;
}

.p-topic_body{
	background-color: #E5E7EA;
	padding-bottom: 1rem;
}

/*topic_index
==============================*/
h2.p-topic_index_year{
	font-size: 2.125rem;
	font-weight: 400;
	text-align: center;
	padding-top: 2.75rem;
	padding-bottom: 1.75rem;
	border-bottom: #447AAC 2px solid;
}
.p-topic_index{
	/*margin-bottom: 2.5rem;*/
}
.p-topic_index li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 0.9375rem;
	line-height: 1.5;
	position: relative;
	padding: 1.375rem;
	border-bottom: #9EA6B1 1px solid;
}
.p-topic_index__thumb{
	flex: 0 0 auto;
	width:200px; margin-right: 1.75rem; 
}
.p-topic_index__thumb img{
	width: 100%; height: auto;
}
.p-topic_index__txt{
	flex: 1 0 auto;
	width: 50%;
	text-align: left;
	font-size: 0.8375rem;
}
.p-topic_index__txt h3{
	font-size: 1.125rem;
}
.p-topic_index__txt a{
	text-decoration: none;
	color: #101010;
}
.p-topic_index__txt .info_date{
	margin: 0.25rem 0 0.375rem;
}
.p-topic_index__txt a.p-new_icon::after{
	content: "NEW";
	display: inline-block;
	width: auto;
	padding: 4px 5px;
	line-height: 1;
	color: #fff;
	font-size: 0.675rem;
	background-color: #E6002D;
	border-radius: 3px;
	margin-left: 0.55rem;
	vertical-align: 0.25rem;
}


/*topic_article
==============================*/

/*project*/

h2.p-topic_article_year{
	font-size: 2.125rem;
	font-weight: 400;
	text-align: center;
	padding-bottom: 2.25rem;
	color: #447AAC;
}

.p-topic_article{
	background-color: #fff;
	margin-bottom: 2.5rem;
	letter-spacing: 0;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.3s 0.1s;
}
.p-topic_article.is-appear{
	opacity: 1;
	transform: translateY(0px);
}

.p-topic_article__content{
	padding: 0 100px 4.5rem;
}
.h2_group{
	/*padding-bottom: 0.75rem;*/
	/*border-bottom: #ccc 1px solid;*/
	margin-bottom: 2.25rem;
	padding-top: 3rem;
}
.h2_group h2{
	font-size: 1.625rem;
	letter-spacing: 0;
	line-height: 1.5;
}
.h2_group .info_date{
	font-size: 0.9375rem;
	line-height: 1;
	color: #666;
	margin-top: 1.375rem;
	/*background-color: #E5E7EA;
	padding: 0.5rem 0.75rem;*/
	padding: 0.9375rem 0 0;
	border-top: #447AAC 2px solid;
	border-radius: 3px;
	letter-spacing: 0.02em;
}

.p-topic_overview{
	border-top: #9EA6B1 1px solid;
	width: 100%;
	margin: 0 auto 0;
	text-align: left;
}
.p-topic_overview.center{
	padding-left: 12.5%;
	padding-right: 12.5%;
	/*width: 75%;*/
}

h4.p-overview_heading{
	margin-top: 1.25rem;
	margin-bottom: 1.125rem;
	line-height: 1.3;
}
.p-overview_data{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 0.9375rem;
	margin-left: 2rem;
}
.p-overview_data dt{
	flex: 0 0 auto;
	width: 6.5rem;
}
.p-overview_data dd{
	flex: 1 0 auto;
	width: calc(100% - 6.5rem);
}

.p-overview_data.long dt{
	width: 9rem;
}
.p-overview_data.long dd{
	width: calc(100% - 9rem);
}

.p-overview_data dt.middle{
	width: 10rem;
}
.p-overview_data dd.middle{
	width: calc(100% - 10rem);
}
.p-overview_data dt.long{
	width: 100%;
}
.p-overview_data dd.long{
	width: 100%;
	padding-left: 6.5rem;
}
.sp .p-overview_data dt.middle,
.sp .p-overview_data dt.long{
	width: 100%;
}
.sp .p-overview_data dd.middle,
.sp .p-overview_data dd.long{
	width: 100%;
	padding-left: 5.5rem !important;
}

.p-overview_data dt.free{
	display: none;
}
.p-overview_data dd.free,
.sp .p-overview_data dd.free{
	width: 100%;
	padding-left:0 !important;
}

/*mov_area*/
.p-mov_area{
	width: 100%;
}
.p-mov_area iframe{
	width: 100%;
	height: auto;
	aspect-ratio:16/9;
}

/*p-topic_idex_btn_area*/
.p-topic_idex_btn_area{
	padding-top: 2.5em;
	border-top: #C0C5CC 2px solid;
}
.p-topic_idex_btn{
	width: 40%;
	margin:0 auto;
}