@charset "utf-8";

/**
 * INTERVIEW 詳細
 * ------------------------------------------------------------ */
.c-article {
	margin-top: 80px;
}
@media (max-width: 720px) {
	.c-article {
		margin-top: 48px;
	}
}

/* :::::: header :::::: */
.article_header {
	z-index: 1;
	position: relative;
}
.article_header .interviewee .job {
	margin-top: 8px;
	font-size: 1.4rem;
	letter-spacing: .1em;
}
.article_header .interviewee .name,
.article_header .title,
.article_header .profile {
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
}
.isAndroid .article_header .interviewee .name,
.isAndroid .article_header .title,
.isAndroid .article_header .profile {
	font-family: "Noto Serif JP", serif;
}
.article_header .interviewee .name {
	font-size: 2.4rem;
	line-height: 1.6;
	letter-spacing: .15em;
}
.article_header .profile {
	margin-top: 4px;
	font-size: 1.2rem;
	letter-spacing: .1em;
}
.article_header .profile a {
	display: inline-block;
	cursor: pointer;
	padding: .3em 0;
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
.article_header .profile a:not([data-profile]) {
	pointer-events: none;
	visibility: hidden;
}
.article_header .profile .ico {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 16px;
}
.article_header .profile .ico::before,
.article_header .profile .ico::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 100%;
	border-top: 1px solid currentcolor;
}
.article_header .profile .ico::after {
	transform: rotate(90deg);
}
.article_header .eyecatch {
	position: relative;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}
.article_header .title {
	max-width: calc(100% - 1.6em);
	margin-top: 56px;
	font-size: 2.8rem;
	font-weight: inherit;
	letter-spacing: .1em;
}
.article_header .lead {
	padding: 1em 1.4em;
	font-size: 1.5rem;
}
@media (hover: hover) {
	.article_header .profile a {
		transition: background-size .4s cubic-bezier(.3,1,.7,1);
	}
	.article_header .profile a:hover {
		background-position: right bottom;
		background-size: 0 1px;
	}
}
@media (min-width: 721px) {
	.article_header .title,
	.article_header .lead {
		z-index: 1;
		position: relative;
	}
	.article_header .lead {
		max-width: 640px;
		margin-top: -2.4em;
		background: #fff;
	}
	.article_header .eyecatch {
		margin-top: -72px;
	}
}
@media (max-width: 720px) {
	.article_header {
		display: flex;
		flex-direction: column;
	}
	.article_header .interviewee .job {
		font-size: 1rem;
	}
	.article_header .interviewee .name {
		font-size: 1.4rem;
	}
	.article_header .title {
		margin-top: 20px;
		font-size: 1.6rem;
	}
	.article_header .title br {
		display: none;
	}
	.article_header .lead {
		margin-top: 16px;
		padding: 8px;
		font-size: 1.3rem;
	}
	.article_header .profile {
		order: 1;
		margin-top: 12px;
	}
	.article_header .eyecatch {
		order: 1;
		margin-top: 48px;
	}
}

/* :::::: content :::::: */
.article_content {
	max-width: 936px;
	margin: 160px auto 0;
}
.article_content h2 {
	margin-top: 80px;
	font-size: 2.4rem;
	line-height: 1.8;
	font-weight: inherit;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
	letter-spacing: .1em;
}
.isAndroid .article_content h2 {
	font-family: "Noto Serif JP", serif;
}
.article_content p {
	margin-top: 32px;
	font-size: 1.3rem;
}
.article_content p + p {
	margin-top: 16px;
}
.article_content .l-left,
.article_content .l-right {
	max-width: 580px;
}
.article_content .l-left {
	margin-right: auto;
}
.article_content .l-right {
	margin-left: auto;
}
.article_content .wp-block-image {
	margin: 80px 0;
}
@media (min-width: 1080px) {
	.article_content .wp-block-image {
		margin-right: -72px;
		margin-left: -72px;
	}
}
@media (max-width: 720px) {
	.article_content {
		margin-top: 120px;
	}
	.article_content h2 {
		margin-top: 64px;
		font-size: 1.8rem;
	}
	.article_content p {
		margin-top: 24px;
	}
	.article_content .wp-block-image {
		margin: 64px 0;
	}
}

/* :::::: 社員の一日 :::::: */
.article_oneday {
	margin-top: 160px;
	max-width: 750px;
}
.c-timeline {
	margin-top: 56px;
}
.c-timeline li {
	margin-top: 48px;
}
.c-timeline .time,
.c-timeline .topic {
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
	letter-spacing: .1em;
}
.isAndroid .c-timeline .time,
.isAndroid .c-timeline .topic {
	font-family: "Noto Serif JP", serif;
}
.c-timeline .time {
	font-size: 1.4rem;
}
.c-timeline .topic {
	font-size: 1.8rem;
}
.c-timeline .detail {
	margin-top: 4px;
	font-size: 1.3rem;
}
@media (min-width: 721px) {
	.c-timeline .topic {
		margin-top: 8px;
	}
}
@media (min-width: 1025px) {
	.c-timeline li {
		display: flex;
		align-items: center;
	}
	.c-timeline .photo {
		flex-basis: 288px;
		min-width: 288px;
	}
	.c-timeline .text {
		padding-left: 72px;
	}
}
@media (max-width: 1024px) {
	.c-timeline {
		margin-top: 32px;
	}
	.c-timeline .text {
		margin-top: 16px;
	}
}
@media (max-width: 720px) {
	.article_oneday {
		margin-top: 80px;
	}
	.c-timeline li {
		margin-top: 32px;
	}
	.c-timeline .time,
	.c-timeline .detail {
		font-size: 1.2rem;
	}
}