/* CSS Document */

/*component*/

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

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

.p-topic_body{
	background-color: #EDEFF2;
	padding-bottom: 1rem;
	border-bottom: #fff 2px solid;
}

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

/*.l-katri_main .p-ctg_label {
    font-size: 42px;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 30px;
    color: #818C9A;
    line-height: 1;
    letter-spacing: 0.03em;
}*/

.l-katri_main .p-ctg_label_area h1.p-ctg_label{
	background-color: #fff;
}

/*project*/
.p-ctg_label_area {
	border-bottom: #E5E7EA 1px solid;
	box-shadow: 0px 2px 8px -1px rgb(0 0 0 / 15%);
}

.p-topic_article{
	background-color: #fff;
	margin-bottom: 2.5rem;
	letter-spacing: 0;
}

.p-topic_article__content{
	padding: 0 100px 4.5rem;
}
.h2_group{
	margin-bottom: 2.25rem;
	padding-top: 3rem;
}
.h2_group h2{
	font-size: 1.875rem;
	letter-spacing: 0;
	line-height: 1.5;
}
.h2_group h2 .sub_title{
	font-size: 1.125rem;
	font-weight: normal;
	letter-spacing: 0;
}
.h2_group .p-topic_article__info{
	font-size: 0.9375rem;
	line-height: 1;
	color: #666;
	margin-top: 1.375rem;
	padding: 0.9375rem 0 0;
	border-top: #416EA0 2px solid;
	border-radius: 3px;
	letter-spacing: 0.02em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.h2_group .info_date,
.h2_group .pdf_data{
	flex: 0 0 auto;
	width: auto;
}
.h2_group .pdf_data{
	background-color: #E5E7EA;
	border-radius: 6px;
	transition: background-color 0.3s;
}
.h2_group .pdf_data:hover{
	background-color: #D9DEE4;
}
.h2_group .pdf_data::before{
	content: "印刷";
	background-color: #E6002D;
	display: inline-block;
	color: #fff;
	padding: 0.4375rem 0.75rem 0.375rem;
	border-radius: 6px 0 0 6px;
}
.h2_group .pdf_data a{
	display: inline-block;
	padding: 0.4375rem 1rem 0.375rem 1.875rem;
	text-decoration: none;
	color: #212121;
	background: url("/english/tech/katri/common/images/icon_pdf.png") no-repeat 0.25rem 45%;
}


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

/*heading*/
.p-topic_article h3{
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}
.p-topic_article h4{
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
}


/*overview*/
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-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;
}