/*============================
	Foundation
==============================*/
main .block_link::before {
	box-sizing: content-box;
	padding: 3px;
	border: rgba(20,20,20,0.2) 3px solid;
	top: -6px;
	left: -6px;
	width: 100%;
	height: 100%;
	margin-right: -6px;
	margin-bottom: -6px;
	transition: opacity 0.2s;
}
main .block_link:hover::before{
	border-width: 3px;
}

.l-main{
	min-height: 400px;
}
/*============================
	Layout
==============================*/


/*============================
	Object
==============================*/

/*---------------
	component
----------------*/
.c-icon--new{
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1;
	width: 3.5em;
	text-align: center;
	background-color: #e6002d;
	color: #fff;
	border-radius: 4px;
	padding: 0.5em 0;
	margin: 0.5em auto;
}

/*---------------
	project
----------------*/
.p-5QuestionsIndex{
	border-top: #e6e6e6 1px solid;
}


.p-5QuestionsIndex li{
	flex: 0 0 auto;
	padding: 0.75rem 0;
	border-bottom: #e6e6e6 1px solid;
}

/*.p-5QuestionsIndex li:nth-of-type(1){
	border-top: #e6e6e6 1px solid;
}*/

.p-contentBox{
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
}

.p-5Questions__img{
	width: 200px;
	height: auto;
	border-top: #e6002d 2px solid;
	margin: 0;
	position: absolute;
	top:0px;
	left: 0px;
	background-color: #999;
}
.p-5Questions__txt{
	margin-top: 0;
	padding: 0 1rem 0 220px;
	width: 100%;
	box-sizing: border-box;
	min-height: 100px;
	position: relative;
}
.p-5Questions__txt .c-card__title{
	margin: 0em 0 0.5em;
	min-height:inherit;
}
.p-5Questions__txt .c-card__title .en{
	display: inline-block;
	margin-left: 0.5rem;
}
.p-5Questions__txt .c-card__position{
	margin-bottom: 0em;
	line-height: 1.5;
	min-height:inherit;
}
.p-5Questions__txt .c-card__year{
	font-size: 1.0675rem;
	color: #e6002d;
	position: absolute;
	left: 220px; bottom: 0px;
	line-height: 1;
	margin-bottom: 0;
}
/*.p-5Questions__txt .c-card__year .join{
	color: #666;
	font-size: 0.8125rem;
	padding-bottom: 0.125rem;
}*/
.p-5Questions__txt .c-card__update{
	font-size: 0.8125rem;
	position: absolute;
	right: 0px; bottom: 0px;
	line-height: 1;
	color: #666;
}


/*-------------------
	Utility
--------------------*/

@media print{
	.p-5QuestionsIndex li{
		page-break-inside: avoid;
		page-break-after: auto;
	}
}

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

.sp .p-cornerLede {
	padding: 0 1.25rem;
	text-align: justify;
	margin-bottom: 2.5rem;
}

.sp .p-5QuestionsIndex{
	/*display: flex;
	flex-wrap: wrap;*/
	max-width: 520px;
	margin: 0 auto;
	border: none;
}
.sp .p-5QuestionsIndex li {
	/*flex: 1 1 auto;*/
	width: 75%;
	height: auto;
	padding: 0;
	border-bottom: none;
	margin: 0 auto 1.5rem;
}
.sp .p-5QuestionsIndex li:nth-of-type(1){
	border: none;
}
.sp .p-5QuestionsIndex li.active{
	background-color: #f0f0f0;
}
.sp .p-5Questions__txt {
	margin-top: 50%;
	padding: 0.875rem 0 0;
}
.sp .p-5Questions__txt .c-card__year{
	position: static;
	margin-top: 0.875rem;
}
.sp .p-5Questions__txt .c-card__title{
	/*min-height: 3rem;*/
	font-size: 1.5rem;
}
.sp .p-5Questions__txt .c-card__position{
	font-size: 0.875rem;
}
.sp .p-5Questions__img {
	width: 100%;
	height: auto;
}

/*for iPad*/

.is-ipad .p-5QuestionsIndex li.active {
	background-color: #f0f0f0;
}