@charset "utf-8";
/* CSS Document */

.p-history_period{
	border-top: #C0C5CC 2px solid;
	padding-bottom: 3.75rem;
}

.p-history_period__title{
	position: relative;
	font-weight: 400;
	padding-top: 1.5rem;
	padding-bottom: 3.125rem;
	text-align: center;
}
.p-history_period__year{
	color: #E6002D;
	font-size: 1.5rem;
	display: block;
}
.sp .p-history_period__year{
	font-size: 1rem;
}
.p-history_period__title::before{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	border-top: #E6002D 2px solid;
	position: absolute;
	top:-2px; left: 0px;
}

.p-history_period .c-caption{
	line-height: 1.5;
}

/*p-history_main*/

.p-history_main{
	padding:1.6875rem 0 1.875rem;
}

/*p-history_table*/
.p-history_table{
	font-size: 0.9375rem;
	line-height: 1.5;
}

.p-history_table__year{
	flex: 0 0 auto;
	width: 4rem;
	padding: 0.75rem 0 0.8125rem;
	border-top: #C3C8CD 1px solid;
}
.p-history_table__list{
	flex: 1 0 auto;
	width: calc(100% - 4rem);
	padding: 0.75rem 0 0.8125rem;
	border-top: #C3C8CD 1px solid;
}

/*p-history_projects*/
.p-history_projects{
	/*background-color: #88929C;*/
	background-color: #D9DEE4;
	padding:1.6875rem 0 2.5rem;
	/*color: #fff;*/
}
.p-history_projects .c-caption{
	/*color: #fff;*/
}

/*p-history_research_area*/
.p-history_research_area{
	/*background-color: #727D88;*/
	background-color: #EDEFF2;
	border-radius: 4px;
	/*box-shadow: 1px 2px 6px -1px rgba(0,0,0,0.45);*/
	margin-bottom: 1rem;
}
.p-history_research_heading{
	padding: 1rem 1.5rem 1.125rem;
	position: relative;
	cursor: pointer;
	transition: background 0.3s;
	border-radius: 4px;
}
.p-history_research_heading h4{
	/*font-weight: 400;*/
}
.p-history_research_heading:hover{
	/*background-color: #5C6672;*/
	background-color: #E4E8EC;
}
.p-history_research_heading::after{
	content: "";
	display: block !important;
	width: 24px; height: 36px;
	border-radius: 4px;
	position: absolute;
	right: 36px; top:12px;
	background: url("/tech/katri/common/images/arrow_right_s_dg.svg") no-repeat 50% 50%;
	background-size: 10px 20px;
	transform: rotate(90deg);
	transition: all 0.5s;
}
.p-history_research_heading.is-open::after{
	transform: rotate(-90deg);
}

.p-history_research_wrap{
	position: relative;
	overflow: hidden;
	height: 0px;
	transition: height 0.3s;
}
.p-history_research{
	position: absolute;
	top:0px; left: 0px;
	padding: 0.875rem 1.5rem 0.9375rem;
}
.p-history_research .p-history_table__list ul.c-list{
	text-align: left;
}
.p-history_research .p-history_table__list ul.c-list li{
	display: inline-block;
	padding-right: 0.75rem;
}
.sp .p-history_research .p-history_table__list ul.c-list li{
	display: inherit;
	padding-right: 0;
}

/*history_result_link*/
.p-history_result_link{
	padding: 1rem 1.5rem 1.125rem;
	position: relative;
	cursor: pointer;
	transition: background 0.3s;
	border-radius: 4px;
}
.p-history_result_link a{
	text-decoration: none;
	color: #212121;
}
.p-history_result_link h4{
	padding-left: 2rem;
	padding-right: 2rem;
	background: url("/tech/katri/common/images/arrow_right_m_red.svg") no-repeat 100% 48%;
	font-weight: 500;
}



/*==sp======*/

.sp .p-history_table{
	display: flex;
	font-size: 0.8125rem;
	margin-bottom: 1rem;
}
.sp dd.p-history_table__list{
	padding-left: 0 !important;
}

.sp .p-history_projects .c-flex--between{
	display: flex;
}
.sp .p-history_projects .col4 .c-col{
	width: calc((100% - 20px)/2);
}

.sp .p-history_result_link{
	padding-left: 1.125rem;
}
.sp .p-history_result_link h4{
	padding-left: 0;
}

.sp .p-history_research{
	padding: 0.875rem 1.25rem 0.9375rem;
}
.sp .p-history_research .c-flex--between{
	display: inherit;
}
.sp .p-history_research .p-history_table.c-flex--between{
	display: flex;
}
.sp .p-history_research_heading{
	padding-left: 1.125rem;
}