@charset "utf-8";

#content {
	background-image: url(/sdgs/feature/img/vol9/vol9-bg-left.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-size: 100% auto;
}
.bg_r {
	background-image: url(/sdgs/feature/img/vol9/vol9-bg-right.png);
	background-repeat: repeat-y;
	background-position: right top;
	background-size: 100% auto;
}

/* imgL */
.imgL {
	float: left;
	zoom: 1;
	margin: var(--7px) var(--20px) var(--7px) 0;
}
@media (max-width: 768px) {
	.imgL {
		zoom: 0.5;
		margin: var(--14px) var(--25px) var(--10px) 0;
	}
}

/* alCenter*/
figure.alCenter {
	text-align: center;
}
figure.alCenter figcaption {
	margin-top: var(--5px);
	font-size: var(--11px);
}

/* interviewIndex */
#interviewIndex {
	margin: var(--60px) auto 0;
}
#interviewIndex h3 {
	margin-bottom: var(--30px);
	font-weight: 500;
	letter-spacing: 0.3em;
	text-align: center;
	font-size: var(--20px);
	line-height: 1.5;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
#interviewIndex ul li {
	border: solid 1px #aaa;
	background-color: #fff;
}
#interviewIndex ul li + li {
	margin-top: var(--10px);
}
#interviewIndex ul li a {
	display: flex;
	align-items: center;
}
#interviewIndex ul li figure {
	width: var(--120px);
	max-width: 167px;
}
#interviewIndex ul li figure img {
	border-right: solid 1px #aaa;
}
#interviewIndex ul li div {
	text-align: center;
	width: calc(100% - var(--120px));
	position: relative;
	padding-bottom: var(--10px);
}
#interviewIndex ul li div::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: var(--8px) var(--5px) 0 var(--5px);
	border-color: #222 transparent transparent transparent;
	position: absolute;
	left: 50%;
	bottom: calc(0px - var(--5px));
	transform: translateX(-50%);
}
#interviewIndex ul li div p.prise {
	margin-bottom: var(--6px);
}
#interviewIndex ul li div p.prise span {
	font-size: var(--12px);
	font-weight: 600;
	background-image: url(/sdgs/feature/img/vol9/vol9_rank-icon1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: var(--5px) 0 var(--5px) 35px;
}
#interviewIndex ul li div p.prise.silver span {
	background-image: url(/sdgs/feature/img/vol9/vol9_rank-icon2.png);
}
#interviewIndex ul li div p.prise.rank1 span {
	font-size: var(--15px);
	color: #f19f1b;
}
#interviewIndex ul li div p.prise + p {
	font-size: var(--12px);
	font-weight: 600;
}

/* interviewDetail */
.interviewDetail {
	margin: 0 auto;
	padding-top: var(--80px);
}
.interviewttl {
	margin: 0 auto var(--20px);
}
.interviewttl h3 {
	margin-bottom: 0;
	font-size: var(--22px);
	line-height: 1.4;
	letter-spacing: 0.2em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	margin-bottom: 0;
}
.interviewttl h3 sup {
	vertical-align: super;
}
.interviewttl .prise {
	font-size: var(--20px);
	padding-left: var(--5px);
	font-weight: 600;
	margin-bottom: var(--6px);
	display: flex;
	align-items: center;
}
.interviewttl .prise::before {
	content: "";
	display: inline-block;
	background-image: url(/sdgs/feature/img/vol9/vol9_rank-icon1b.png);
	width: 35px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: var(--10px);
}
.interviewttl .prise.silver::before {
	background-image: url(/sdgs/feature/img/vol9/vol9_rank-icon2b.png);
}
.interviewttl .prise.rank1 {
	color: #f19f1b;
}

/* leftWrap */
.interviewWrap .leftWrap {
	margin-bottom: var(--35px);
}
.interviewWrap .leftWrap figure {
	text-align: center;
	margin-bottom: var(--25px);
}
.interviewWrap .leftWrap dl {
	border-radius: var(--20px);
	border: solid 1px #9f9f9f;
	padding: var(--20px);
	background-color: #fff;
}
.interviewWrap .leftWrap dl dt {
	font-weight: 600;
	margin-bottom: var(--10px);
	font-size: var(--12px);
}
.interviewWrap .leftWrap dl dt:nth-of-type(1) {
	margin-bottom: var(--2px);
	font-size: var(--14px);
	line-height: 2;
}
.interviewWrap .leftWrap dl dd:nth-of-type(1) {
	margin-bottom: var(--14px);
	font-size: var(--13px);
	line-height: 2;
}
.interviewWrap .leftWrap dl dd:nth-of-type(2) {
	font-size: var(--12px);
	line-height: 1.7;
}
.interviewWrap .leftWrap a.arrowLink {
	text-decoration: none;
	color: #005BAC;
	display: inline-flex;
	align-items: center;
}
.interviewWrap .leftWrap a.arrowLink::after {
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: var(--3px) 0 var(--3px) var(--6px);
	border-color: transparent transparent transparent #005cac;
	margin-left: 0.5em;
}
/* rightWrap */
.interviewWrap .rightWrap h4 {
	font-size: var(--15px);
	line-height: 2;
	color: #222;
	margin-top: var(--30px);
	margin-bottom: var(--10px);
}
.interviewWrap .rightWrap p {
	font-size: var(--14px);
	line-height: 2;
}
/* swiper */
.itemSlideWrap {
	width: 100%;
	margin-top: var(--35px);
}
.itemSlideWrap .swiper {
	width: calc(100% - var(--100px));
}
.itemSlideWrap .swiper img {
	border-radius: var(--20px);
}
.itemSlideWrap figcaption {
	font-size: var(--11px);
	margin-top: var(--5px);
}
.itemSlideWrap .swiper-prev,
.itemSlideWrap .swiper-next {
	top: calc(12.996vw - 32px);
}
@media (min-width: 1185px) {
	.itemSlideWrap .swiper-prev,
	.itemSlideWrap .swiper-next {
		top: 122px;
	}
}
@media (max-width: 768px) {
	.itemSlideWrap .swiper-prev,
	.itemSlideWrap .swiper-next {
		top: calc(21.615vw - 22px);
		transform: translateY(-50%);
	}
}

/* itemSlideWrap */