/* CSS Document */

#main h2.p-content_title__catch{
	padding: 1.875rem 0 0.25rem;
}

#main h2.p-kaikaku_heading{
	margin: 1.75rem 0 1.75rem;
	border-top: #ccc 1px solid;
	text-align: center;
	padding: 1rem 10% 0.75rem;
}

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

.c-paren{
	margin-left: -0.5em;
	margin-right: -0.5em;
}

/*project*/

.p-content_title{
	position: relative;
	padding-top: 40%;
	background: #F0F0F0 url("../images/main_photo.jpg") no-repeat left top;
	background-size: 100% auto;
	margin-bottom: 1.5rem;
}

.p-content_title__logo{
	position: absolute;
	left: 0px;
	top: 248px;
}
.p-content_title__main{
	background-color: #fff;
	padding:0.75rem 0 0.75rem 445px;
	min-height: 174px;
	display: flex;
	align-items: center;
}
.p-content_title__main h1{
	font-size: 1.75rem;
	line-height: 2.125rem;
	letter-spacing: 0.05em;
}

.p-content_title__comment{
	position: absolute;
	top:20px; right: 0px;
	width: 370px;
	padding: 1rem 1.25rem;
	background-color: rgba(255,255,255,0.8);
	border: #e6e6e6 1px solid;
	border-radius: 4px;
	font-size: 0.875rem;
	line-height: 1.5;
	box-shadow: 1px 3px 12px -4px rgba(0,0,0,0.3);
}

.p-content_title__lede{
	padding: 0 2rem 1.5rem;
}

/*p-site_info__data*/
.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;
}
.p-site_info__label{
	display: inline-block;
	width: 4.5em;
	margin-left: -4.5em;
}

/*p-kaikaku_label*/
#main h3.p-kaikaku_label{
	border: #B4B4B4 1px solid;
	background-color: #FDFDEB;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 1.5rem;
}
.p-kaikaku_label__num{
	flex: 0 0 auto;
	width: 136px;
	background-color: #D9D9D4;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p-kaikaku_label__txt{
	display: block;
	flex: 1 0 auto;
	width: 100px;
	padding: 0.875rem 1rem 0.75rem 1.5rem;
	font-size: 1.375rem;
	line-height: 1.3;
}

/*p-box_title*/
.p-box_title.p-voice,
.p-box_title.p-column{
	margin-bottom: 1.25rem;
	border-bottom: #B4B4B4 1px solid;
	padding: 0 0 1.125rem 0px;
	position: relative;
}

#main h3.p-column_title{
	/*font-size: 1.5rem;*/
	font-size: 1.25rem;
	margin-bottom: 1rem;
	padding-top: 0.5rem;
}
#main h3.p-column_title.line{
	border-top: #ccc 1px solid;
	padding-top: 1.5rem;
	margin-top: 1rem;
}

/*p-voice--dotline*/
#main h4.p-voice--dotline{
	font-size: 1.125rem;
	line-height: 1.4;
	margin: 1rem 0;
	padding-top: 0.9375rem;
	background: linear-gradient(to right, #b4b4b4 2px, transparent 2px) repeat-x left top;
	background-size: 6px 2px;
}

.p-voice_list li{
	margin: 0.125rem 0 0.125rem 0;
	padding-left: 1.25rem;
	background: url("/news/digest/sep_2020/work_style/images/dot_voice_list.svg") no-repeat 0.25rem 0.75rem;
}


/*sp*/

.sp #main h2.p-content_title__catch{
	padding: 0.75rem 0 0.75rem;
}
.sp #main h2 img{
	min-width: inherit !important;
}
.sp .p-content_title{
	padding-top: 34%;
}
.sp .p-content_title__logo{
	position: static;
	padding: 0rem 30% 0 0;
}
.sp .p-content_title__main{
	background-color: inherit;
	font-size: 1.125rem;
	line-height: 1.4;
	padding: 0.75rem 6% 0.75rem 6%;
	border-bottom: #fff 2px solid;
	min-height: inherit;
}
.sp .p-content_title__main h1{
	font-size: 1.125rem;
	line-height: 1.4;
}

.sp .p-content_title__comment{
	position: static;
	width: 96%;
	margin: 0.25rem auto 0.75rem;
	padding: 0.75rem 0.9375rem;
	font-size: 0.75rem;
}

.sp #main h3.p-kaikaku_label{
	display: block;
}
.sp .p-kaikaku_label__num{
	width: 100%;
	display: block;
}
.sp .p-kaikaku_label__txt{
	width: 100%;
	font-size: 1.25rem;
	padding: 0.5rem 1rem;
}

.sp .p-box_title.p-voice{
	text-align: center;
}