@charset "utf-8";
#interview {
	width: 100%;
	height: auto;
	padding: 0 0 125px;
}
	.interview__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.interview__contents {
			width: 100%;
			height: auto;
			padding: 13px 0 0;
		}
			.interview__contents__image {
				width: 100%;
				height: auto;
			}
			.interview__contents__details {
				width: 90%;
				max-width: 1000px;
				height: auto;
				padding: 70px 0 0;
				margin: 0 auto;
			}
				.interview__ttl {
					width: 100%;
					height: auto;
					margin: 0 auto 30px;
					font-size: 36px;
					font-weight: 600;
					line-height: calc(48 / 36);
				}
					.interview__ttl__inner {
						background: linear-gradient(transparent 10%, var(--color--white) 10%, var(--color--white) 90%, transparent 90%);
					}
				.interview__profile {
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: flex-start;
					width: 100%;
					height: auto;
					margin: 0 auto 48px;
				}
					.interview__profile__career {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						padding: 4px 8px 3px;
						margin-bottom: 4px;
						background-color: var(--color--white);
						font-size: 16px;
						font-weight: 500;
						line-height: 1;
					}
						.interview__profile__career small {
							margin-left: 5px;
							font-size: 14px;
							position: relative;
							top: -1px;
						}
					.interview__profile__name {
						padding: 3px 6px;
						background-color: var(--color--white);
						font-size: 24px;
						font-weight: 500;
						line-height: 1;
					}
				.interview__q_and_a__wrap {
					width: 100%;
					height: auto;
					margin: 0 auto 70px;
					counter-reset: number 0;
				}
					.interview__q_and_a {
						width: 100%;
						height: auto;
					}
					.interview__q_and_a:not(:last-of-type) {
						margin-bottom: 70px;
					}
						.interview__q_and_a__inner {
							width: 100%;
							height: auto;
						}
							.interview__q_and_a__inner h3 {
								width: 100%;
								height: auto;
								margin: 0 auto 12px;
								font-size: 24px;
								font-weight: 900;
								line-height: calc(39 / 27);
							}
								.interview__q_and_a__inner h3::before {
									counter-increment: number 1;
									content: "Q" counter(number) "：";
								}
							.interview__q_and_a__inner p {
								width: 100%;
								height: auto;
								font-size: 18px;
								font-weight: 500;
								line-height: calc(31 / 18);
							}
				.interview__btn_area {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: auto;
				}
					/* .interview__back_btn_wrap {
						width: 162px;
						height: 42px;
					} */
					.interview__next_btn_wrap {
						width: 343px;
						height: 42px;
					}

/* PC ================================================== */
@media all and (min-width: 1101px){


}

@media all and (min-width: 769px){

}

@media all and (max-width: 1100px){

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#interview {
	padding: 0 0 120px;
}
			.interview__contents__details {
				width: calc((344 / 390) * 100%);
				padding: 40px 0 0;
			}
				.interview__ttl {
					margin: 0 auto 30px;
					font-size: 24px;
				}
					.interview__ttl__inner {
						background: linear-gradient(transparent 15%, var(--color--white) 15%, var(--color--white) 95%, transparent 95%);
					}
				.interview__profile {
					margin: 0 auto 28px;
				}
					.interview__profile__career {
						font-size: 14px;
					}
						.interview__profile__career small {
							margin-left: 4px;
							font-size: 12px;
							top: 0;
						}
					.interview__profile__name {
						font-size: 18px;
					}
				.interview__q_and_a__wrap {
					margin: 0 auto 60px;
				}
					.interview__q_and_a:not(:last-of-type) {
						margin-bottom: 60px;
					}
							.interview__q_and_a__inner h3 {
								margin: 0 auto 10px;
								font-size: 18px;
								line-height: 1.5;
							}
							.interview__q_and_a__inner p {
								font-size: 14px;
							}
				/* .interview__btn_area {
					flex-direction: column-reverse;
					justify-content: flex-start;
				}
					.interview__back_btn_wrap {
						margin-top: 18px;
					} */
					.interview__next_btn_wrap {
						width: 100%;
						max-width: 400px;
					}
}

/* SP ================================================== */
@media all and (max-width: 575px){


}