@charset "utf-8";
/*
 detail_midcareer.css
*/

/* -----------------------------------------------
= kv
----------------------------------------------- */
.kv::before {
	background: #f5aa11;
}
/* -----------------------------------------------
= profile
----------------------------------------------- */
.profile {
	background: #ececec;
}
.profile h2 {
	color: #f5aa11;
}
.profile h2::before {
	background: #f5aa11;
}
.profile .en {
	color: rgba(245,170,17,.1);
}
@media print, screen and (min-width: 768px) {/* PC */
.profile {
	background: transparent;
}
}/* @media */
/* -----------------------------------------------
= career
----------------------------------------------- */
.career {
	background: #ececec;
}
.career h2 {
	color: rgba(245,170,17,.1);
}
.career .step .year {
	color: #f5aa11;
}
/* -----------------------------------------------
= interview_block
----------------------------------------------- */
.interview_block {
	padding: 6rem 3rem 3rem;
}
.interview_block .subtitle {
	margin-bottom: 5rem;
	color: #dd9606;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.8rem;
	line-height: 4.8rem;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .8s .2s, transform .8s .2s;
}
.interview_block .subtitle.visible {
	opacity: 1;
	transform: translate(0);
}
.interview_block .text {
	margin-bottom: 5rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.8rem;
	line-height: 4.8rem;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .8s .2s, transform .8s .2s;
}
.interview_block .text.visible {
	opacity: 1;
	transform: translate(0);
}
.interview_block .img_set {
	margin-bottom: 5rem;
	display: flex;
	flex-wrap: wrap;
}
.interview_block .img_set .img {
	margin-bottom: calc(20 / 900 * 100%);
}
.interview_block .img_set .img:nth-child(1) {
	width: calc(398 / 820 * 100%);
	margin-right: calc(20 / 900 * 100%);
}
.interview_block .img_set .img:nth-child(2) {
	width: calc(398 / 820 * 100%);
}
.interview_block .img_set .img:nth-child(3) {
	width: 100%;
}
.interview_block .img {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .8s .2s, transform .8s .2s;
}
.interview_block .img.visible {
	opacity: 1;
	transform: translate(0);
}
@media print, screen and (min-width: 768px) {/* PC */
.interview_block {
	max-width: 82rem;
	margin: 0 auto;
	padding: 3.5rem 3rem;
}
.interview_block .subtitle {
	margin-bottom: 4rem;
	font-size: 1.6rem;
	line-height: 3rem;
}
.interview_block .text {
	margin-bottom: 4rem;
	font-size: 1.6rem;
	line-height: 3rem;
}
.interview_block .img_set {
	margin-bottom: 4rem;
}
}/* media */
/* -----------------------------------------------
= message
----------------------------------------------- */
.message {
	background: #f5aa11;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .8s .2s, transform .8s .2s;
}
.message.visible {
	opacity: 1;
	transform: translate(0);
}
@media print, screen and (min-width: 768px) {/* PC */
.message .off {
	max-width: 82rem;
	margin: 0 auto;
	padding: 10rem 3rem;
}
}/* media */
/* -----------------------------------------------
= print
----------------------------------------------- */
@media print {
.interview_block .subtitle,
.interview_block .text,
.interview_block .img,
.message {
	opacity: 1;
	transform: translate(0);
}
}/* media */