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

/*============================
	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-myWorkIndex{
}

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

.p-myWorkIndex 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-myWork__img{
	width: 200px;
	height: auto;
	border-top: #e6002d 2px solid;
	margin: 0;
	position: absolute;
	top:0px;
	left: 0px;
	background-color: #999;
}
.p-myWork__txt{
	margin-top: 0;
	padding: 0 1rem 0 220px;
	width: 100%;
	box-sizing: border-box;
	min-height: 100px;
}
.p-myWork__txt .c-card__title{
	margin: 0em 0 0.5em;
	min-height:inherit;
}
.p-myWork__txt .c-card__name{
	
}
.p-myWork__txt .c-card__position{
	margin-bottom: 0em;
	line-height: 1;
	min-height:inherit;
}
.p-myWork__txt .c-card__project{
	letter-spacing: 0.02em;
	margin-top: 1em;
	margin-bottom: 0;
	line-height: 1;
}

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

@media print{
	.p-myWorkIndex 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-myWorkIndex{
	display: flex;
	flex-wrap: wrap;
	max-width: 520px;
	margin: 0 auto;
}
.sp .p-myWorkIndex li {
	flex: 1 1 auto;
	width: 50%;
	height: auto;
	padding: 0;
	border-bottom: none;
}
.sp .p-myWorkIndex li:nth-of-type(1){
	border: none;
}
.sp .p-myWorkIndex li.active{
	background-color: #f0f0f0;
}
.sp .p-myWork__txt {
	margin-top: 50%;
	padding: 0.5rem 1rem 1rem;
}
.sp .p-myWork__txt .c-card__title{
	min-height: 3rem;
}
.sp .p-myWork__txt .c-card__position,
.sp .p-myWork__txt .c-card__project{
	line-height: 1.3;
	font-size: 0.714rem;
}

.sp .p-myWork__img {
	width: 100%;
	height: auto;
}

/*for iPad*/

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