/* =================================================================== */

.i-other {
	padding: 71px 0 80px;
	background: #fff;
}

.i-other .c-l-column {
	position: relative;
	max-width: 1040px;
}

.i-other .c-l-column .i-update {
	position: absolute;
	right: 20px;
	bottom: -68px;
}

.i-from {
	font-size: 1.6rem;
	line-height: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 12px;
	letter-spacing: .04em;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.i-from._1::before {
	display: inline-block;
	width: 30px;
	height: 20px;
	margin-right: 8px;
	content: '';
	background: url('../images/interview/img_from_1.jpg');
	background-size: 100% 100%;
}

.i-from._2::before {
	display: inline-block;
	width: 30px;
	height: 20px;
	margin-right: 8px;
	content: '';
	background: url('../images/interview/img_from_2.jpg');
	background-size: 100% 100%;
}

/* =================================================================== */

.i-other__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.i-other__list li {
	background: #f7f7f7;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.i-other__list li + li {
	margin-left: 3%;
}

.i-other__list a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 20px 16px;
}

.i-other__list a > img {
	min-width: 130px;
	height: 130px;
}

.i-other__list .profile {
	margin-top: 3px;
	margin-left: 25px;
}

.i-other__list .name {
	font-size: 1.6rem;
	margin-bottom: 11px;
	letter-spacing: .04em;
}

.i-other__list .name em {
	font-size: 2rem;
	font-weight: bold;
}

.i-other__list .name small {
	font-size: 1.4rem;
}

.i-other__list .detail {
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: .04em;
}

/* =================================================================== */

.i-article {
	padding: 0 20px;
	background: #e9f6f5;
}

.i-article .i-article__container {
	-webkit-transform: translateY(-80px);
	transform: translateY(-80px);
}

.i-article .i-article__mv {
	width: calc(100% + 20px + 20px);
	margin-left: -20px;
}

.i-article__mv {
	min-height: 600px;
	padding-top: 105px;
}

.interview1 .i-article__mv {
	background: url('../images/interview/bg_mv_1_pc.jpg') center center;
	background-size: cover;
}

.interview2 .i-article__mv {
	background: url('../images/interview/bg_mv_2_pc.jpg') center center;
	background-size: cover;
}

.interview3 .i-article__mv {
	background: url('../images/interview/bg_mv_3_pc.jpg') center center;
	background-size: cover;
}

.i-article__mv__container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.i-article__mv__profile {
	width: 343px;
	margin-left: auto;
	padding: 0 50px 38px;
	background: #fff;
}

.i-article__mv__profile .profile {
	font-family: 'Caveat', cursive;
	font-size: 4.5rem;
	font-weight: normal;
	line-height: 1;
	display: block;
	margin-bottom: -4px;
	-webkit-transform: translate(0, -26px);
	transform: translate(0, -26px);
	letter-spacing: .04em;
	text-shadow: 0 -10px 20px #fff;
}

.i-article__mv__profile .name {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 19px;
	letter-spacing: .04em;
}

.i-article__mv__profile .name em {
	font-size: 2.4rem;
	margin-right: 12px;
}

.i-article__mv__profile .name small {
	font-size: 1.4rem;
	display: block;
	margin-top: -2px;
}

.i-article__mv__profile .detail {
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: .04em;
}

.i-article__mv__profile .detail + .detail {
	margin-top: 13px;
}

.i-article__container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 67px 100px 71px;
	background: #fff;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
}

.i-article__container figure {
	margin: 51px 0 48px;
}

.i-article__container figure img {
	margin: 0;
}

.i-article__container figcaption {
	font-size: 1.6rem;
	margin-top: 2rem;
	text-align: right;
	color: #666;
}

.i-article__container img {
	width: 100%;
	max-width: none;
	margin: 51px 0 48px;
}

.i-article__dl dt {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 12px;
	padding-left: 40px;
	text-indent: -40px;
	letter-spacing: .04em;
	color: #01b3cd;
}

.i-article__dl dt::before {
	display: inline-block;
	width: 30px;
	height: 2px;
	margin-right: 10px;
	content: '';
	vertical-align: middle;
	border-top: 2px solid;
}

.i-article__dl dd {
	font-size: 1.6rem;
	line-height: 2.25;
	letter-spacing: .04em;
	color: #333;
}

.i-article__dl + .i-article__dl {
	margin-top: 38px;
}

.i-update {
	font-size: 1.2rem;
	text-align: right;
	letter-spacing: .04em;
	color: #999;
}

/* =================================================================== */

/* animation styles */

.i-other .c-headline3 {
	opacity: 0;
}

.i-other .i-other__list li {
	opacity: 0;
}

@media only screen and (max-width: 896px) {

.i-other {
	padding: 22px 0 48px;
}

.i-other .c-l-column .i-update {
	right: 15px;
	bottom: -38px;
}

.i-other._spb {
	padding-bottom: 0;
}

.i-from {
	font-size: 1.4rem;
	margin-bottom: 3px;
}

.i-from._1::before {
	width: 25px;
	height: 17px;
}

.i-from._2::before {
	width: 25px;
	height: 17px;
}

.i-other__list {
	display: block;
}

.i-other__list li + li {
	margin-top: 10px;
	margin-left: auto;
}

.i-other__list a {
	padding: 20px 15px 15px;
}

.i-other__list a > img {
	min-width: 75px;
	height: 75px;
}

.i-other__list .profile {
	margin-top: -6px;
	margin-left: 15px;
}

.i-other__list .name {
	font-size: 1.2rem;
}

.i-other__list .name em {
	font-size: 1.6rem;
}

.i-other__list .name small {
	font-size: 1.2rem;
}

.i-other__list .detail {
	font-size: 1.4rem;
}

.i-article {
	padding: 0 15px 13px;
	background: #fff;
}

.i-article .i-article__container {
	-webkit-transform: none;
	transform: none;
}

.i-article .i-article__mv {
	width: calc(100% + 15px + 15px);
	margin-left: -15px;
}

.i-article__mv {
	min-height: auto;
	padding-top: 0;
}

.interview1 .i-article__mv {
	background: transparent;
}

.interview1 .i-article__mv::before {
	display: block;
	width: 100%;
	min-height: 90.66667vw;
	content: '';
	background: url('../images/interview/bg_mv_1_sp.jpg') center center;
	background-size: cover;
}

.interview2 .i-article__mv {
	background: transparent;
}

.interview2 .i-article__mv::before {
	display: block;
	width: 100%;
	min-height: 90.66667vw;
	content: '';
	background: url('../images/interview/bg_mv_2_sp.jpg') center center;
	background-size: cover;
}

.interview3 .i-article__mv {
	background: transparent;
}

.interview3 .i-article__mv::before {
	display: block;
	width: 100%;
	min-height: 90.66667vw;
	content: '';
	background: url('../images/interview/bg_mv_3_sp.jpg') center center;
	background-size: cover;
}

.i-article__mv__profile {
	width: auto;
	margin: 0 20px -30px;
	padding: 0 20px 20px;
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
}

.i-article__mv__profile .profile {
	font-size: 3.5rem;
	margin-bottom: -10px;
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
}

.i-article__mv__profile .name {
	font-size: 1.4rem;
	margin-bottom: 9px;
}

.i-article__mv__profile .name em {
	font-size: 1.8rem;
	margin-right: 7px;
}

.i-article__mv__profile .name small.for-sp {
	display: inline !important;
}

.i-article__mv__profile .detail + .detail {
	margin-top: 3px;
}

.i-article__container {
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.i-article__container figcaption {
	font-size: 1.4rem;
	margin-top: 1em;
	padding: 0;
}

.i-article__container img {
	width: calc(100% + 15px + 15px);
	max-width: none;
	margin: 31px 0 33px -15px;
}

.i-article__dl {
	text-align: left;
}

.i-article__dl dt {
	font-size: 1.6rem;
	line-height: 1.625;
	margin-bottom: 5px;
	padding-left: 30px;
	text-indent: -30px;
}

.i-article__dl dt::before {
	width: 20px;
	margin-right: 10px;
}

.i-article__dl dd {
	line-height: 2;
}

.i-article__dl + .i-article__dl {
	margin-top: 24px;
}

}

@-webkit-keyframes delay-overflow {

to {
	overflow: visible !important;
}

}

@keyframes delay-overflow {

to {
	overflow: visible !important;
}

}