/**************************
Compass Text Replacement
*/
/**************************
Inline List
*/
/**************************
Inline Block List
*/
/**************************
horizontal-list
*/
/**************************
Bullets
*/
/* simple clearfix */
/**************************
@mixin for sprite
*/
.dinterview_list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 100%;
}

.dinterview_list > * {
	width: 350px;
	margin-right: 20px;
}

.dinterview_list > *:nth-child(2n) {
	margin-right: 0;
}

.dinterview_list > li {
	display: -ms-flexbox;
	display: flex;
	width: 350px;
}

.dinterview {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #191919;
	display: -ms-flexbox;
	display: flex;
	background-size: cover;
	-ms-flex-pack: end;
	    justify-content: flex-end;
	box-sizing: border-box;
	border: 1px solid #f3f3f3;
	padding: 10px;
	margin-bottom: 20px;
	position: relative;
	top: 0;
	left: 0;
}

.dinterview:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.2s opacity;
}

.dinterview::after {
	content: '';
	display: block;
	background: url("/common/img/icon/arrow/link_blue.png") 0 0 no-repeat transparent;
	background-size: 10px 10px;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -5px;
}

.dinterview:hover {
	color: #191919;
}

@media screen and (min-width: 768px), print {
	.dinterview {
		width: 350px;
		height: 150px;
	}
}

@media screen and (max-width: 767px) {
	.dinterview {
		width: 300px;
		height: 128px;
	}
}

.dinterview .text_area {
	background-color: #fff;
	padding: 10px;
	padding-right: 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	box-sizing: border-box;
}

@media screen and (min-width: 768px), print {
	.dinterview .text_area {
		height: 130px;
		width: 170px;
	}
}

@media screen and (max-width: 767px) {
	.dinterview .text_area {
		height: 108px;
		width: 150px;
	}
}

.dinterview .name_area .handle {
	color: #705322;
	line-height: 1.3;
}

@media screen and (min-width: 768px), print {
	.dinterview .name_area .handle {
		font-size: 13px;
		margin-bottom: .7ex;
	}
}

@media screen and (max-width: 767px) {
	.dinterview .name_area .handle {
		font-size: 12px;
		margin-bottom: .2em;
	}
}

.dinterview .name_area .name {
	font-weight: 600;
	line-height: 1.3;
}

@media screen and (min-width: 768px), print {
	.dinterview .name_area .name {
		font-size: 20px;
	}
}

@media screen and (max-width: 767px) {
	.dinterview .name_area .name {
		font-size: 18px;
	}
}

@media screen and (min-width: 768px), print {
	.dinterview .name_area .name-s {
		font-size: 18px;
	}
}

@media screen and (max-width: 767px) {
	.dinterview .name_area .name-s {
		font-size: 16px;
	}
}

/*# sourceMappingURL=interview.css.map */