/* CSS Document */

#main h2.p-content_title__catch{
	font-size: 1.5rem;
	line-height: 1.4;
	border-bottom: #E6002D 1px solid;
	padding-bottom: 0.375rem;
	margin-top: 1.25rem;
	margin-bottom: 1rem;
}

#main h3.p-content_title__site{
	font-size: 1.125rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}


/*component*/
.c-narrow{
	width: 75%;
}

.c-paren{
	display: inline-block;
	margin-left:-0.4em;
	margin-right: -0.4em;
}

/*project*/

.p-site_info__data{
	font-size: 0.875rem;
	line-height: 1.375rem;
}
.p-site_info__data li{
	margin: 0.25rem 0;
	/*padding-left: 4.5em;*/
	padding-left: 5.5em;
}
.p-site_info__label{
	display: inline-block;
	/*width: 4.5em;
	margin-left: -4.5em;*/
	width: 5.5em;
	margin-left: -5.5em;
}

#main h3.p-site_hedding{
	font-size: 1.25rem;
	margin: 1.5rem 0 0.25rem;
}


/*column*/
.c-box_article.p-site_column{
	background-color: #f7f7f7;
}

/*interview*/
.p-column_header{
	align-content: flex-start;
}
#main h3.p-column_header__logo{
	border-bottom: #B4B4B4 1px solid;
	padding-bottom: 1.75rem;
	margin-bottom: 1rem;
}

#main h4.p-column_header__title{
	font-size: 1.5rem;
	line-height: 1.4;
	margin-top: 1.5rem;
}
/**/
.p-interview_person{
	position: relative;
}

.p-interview_person__info{
	position: absolute;
	width: 10rem;
	left: -10rem;
	bottom: 0px;
	font-size: 0.8125rem;
	line-height: 1.5;
}
.p-interview_person__name{
	font-size: 1.25rem;
	margin-top: 0.125rem;
}
.p-interview_person__name span{
	font-size: 0.9375rem;
}

/*p-step_col*/
.p-step_col .col .p-step_col__img{
	position: relative;
}

.p-step_col .col .p-step_col__img::after{
	content:"";
	display: block;
	width: 40px;
	height: calc(100% - 0.45rem);
	position: absolute;
	left: 100%;
	top: 0.45rem;
	background:url("../images/arrow_step_x.svg") no-repeat 50% 50%;
}
.p-step_col .col:last-of-type .p-step_col__img::after{
	display: none;
}


/*sp*/
.sp #main h3.p-column_header__logo{
	text-align: center;
}

.sp .p-interview_person__info{
	position: static;
	padding-top: 0.5rem;
}

.sp .p-step_col .col .p-step_col__img::after{
	display: none;
}
.sp .p-step_col .col .p-step_col__img::before{
	content:"";
	display: block;
	width: 100%;
	height: 40px;
	position: static;
	background:url("../images/arrow_step_y.svg") no-repeat 50% 50%;
	margin-top: -1rem;
}
.sp .p-step_col .col:first-of-type .p-step_col__img::before{
	display: none;
}

.sp #main .col.p-interview_person{
	width: 50% !important;
}