@charset "utf-8";@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400&display=swap');

.mainContents{
	font-size: 16px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
.mainContents img{
	width: 100%;
}
.mainContents figure{
	position: relative;
	margin: 0;
}
.mainContents figcaption{
	position: absolute;
}
.mainContents .flex,
.mainContents .flexPC {
	display: flex;
}
.mainContents .flexRowReverse {
	flex-direction: row-reverse;
}
.mainContents .scroll-fade{
	opacity: 0;
}
.mainContents .displaySP {
	display: none;
}
.mainContents .font-bold {
	font-weight: bold;
}

@media only screen and (max-width: 1200px) {
	.mainContents{
		font-size: 1.16vw;
	}
}

@media only screen and (max-width: 640px) {
	.mainContents{
		font-size: 2.18vw;
		margin: auto;
		width: 100% !important;
	}
	.mainContents .flexSP {
		display: flex;
	}
	.mainContents .flexPC {
		display: block;
	}
	.mainContents .displayPC{
		display: none;
	}
	.mainContents .displaySP{
		display: block;
	}
}


.specialInterview .sectionHead {
	margin-top: 125px;
	padding-bottom: 16.66%
}
.specialInterview .sectionHead .leftColumn {
	width: 30.83%;
	padding-right: 7.5%;
	padding-left: 10%;
}
.specialInterview .labelImage {
	padding: 0 10% 15%;
}
.specialInterview .verticalBorder::before {
	content: '';
	display: block;
	width: 2px;
	height: 91px;
	background-color: #000000;
	margin: 40px auto 25px;
}
.specialInterview .labelArea {
	text-align: center;
}
.specialInterview .labelArea .labelHeadText {
	background-color: #000;
	font-size: 16px;
	color: #fff;
	padding: 10px;
	margin-bottom: 10px;
}
.specialInterview .labelArea .labelText {
	font-size: 28px;
	font-variant-east-asian: jis83;
}

.specialInterview .sectionHead .rightColumn {
	width: 69.16%;
}
.specialInterview .sectionHead figure figcaption.overlayNameImage {
	width: 19.083%;
	left: 65.633%;
	top: 91.6%;
	z-index: 1;
}
.specialInterview .sectionHead .textArea {
	width: 660px;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0;
	padding-left: 9%;
	padding-top: 6.66%;
	padding-bottom: 6.66%;
	font-variant-east-asian: jis83;
}

.specialInterview .sectionContents {
	padding-right: 10%;
	padding-left: 10%;
	padding-bottom: 100px;
}
.specialInterview .sectionContents .sectionTitle {
	font-size: 26px;
	line-height: 50px;
	margin-top: -12px;
	margin-bottom: calc(65px - 20px);
	letter-spacing: 0;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.specialInterview .sectionContents .textArea {
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0;
	text-align: justify;
}

.specialInterview .section1 .leftColumn {
	width: 38.83%;
}
.specialInterview .section1 .rightColumn {
	width: 61.16%;
	padding-left: 5%;
}

.specialInterview .section1 .textArea,
.specialInterview .section2 .textArea {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: justify;
	columns: 2;
	column-gap: 42px;
}

.specialInterview .section2 .leftColumn {
	width: 26.833%;
}
.specialInterview .section2 .rightColumn {
	width: 73.166%;
	padding-left: 11%;
	padding-right: 4.16%;
}

.specialInterview .section3 {
	padding-bottom: 300px;
}
.specialInterview .section3 .leftColumn {
	width: 56.66%;
	padding-left: 5%;
}
.specialInterview .section3 .rightColumn {
	width: 43.33%;
	padding-left: 5%;
}

.specialInterview .sectionFoot .leftColumn {
	width: 35.16%;
	padding: 0 4%;
}
.specialInterview .sectionFoot .rightColumn {
	width: 64.83%;
	padding-left: 2%;
}

.specialInterview .sectionFoot .sectionImageTop {
	width: 81%;
	margin-left: auto;
	margin-bottom: 16%;
}
.specialInterview .sectionFoot .sectionImageBottom {
	width: 63%;
	padding-left: 7%;
}

@media only screen and (max-width: 1200px) {
	.specialInterview .sectionHead {
		margin-top: calc(100vw / 1200 * 125);
	}
	.specialInterview .verticalBorder::before {
		width: 2px;
		height: 7.583vw;
		margin: 3.33% auto 2.083vw;
	}

	.specialInterview .labelArea .labelHeadText {
		font-size: 1vw;
		padding: 0.83vw;
		margin-bottom: 0.83vw;
	}
	.specialInterview .labelArea .labelText {
		font-size: 2.33vw;
	}
	.specialInterview .sectionHead .textArea {
		width: 53.33vw;
		font-size: 1.33vw;
		line-height: 3vw;
	}

	.specialInterview .sectionContents {
		padding-bottom: calc(-100vw / 1200 * 100);
	}
	.specialInterview .sectionContents .sectionTitle {
		font-size: 2.08vw;
		line-height: 4.16vw;
		margin-top: calc(-100vw / 1200 * 12);
		margin-bottom: calc(100vw / 1200 * (65 - 20));
	}
	.specialInterview .sectionContents .textArea {
		font-size: 1.16vw;
		line-height: 2.5vw;
	}
	.specialInterview .section1 .textArea,
	.specialInterview .section2 .textArea {
		column-gap: 3.5vw;
	}
	.specialInterview .section3 {
		padding-bottom: calc(-100vw / 1200 * 300);
	}
}

@media only screen and (max-width: 640px) {
	.specialInterview .sectionHead {
		margin-top: calc(100vw / 640 * 95);
	}
	.specialInterview .sectionHead .leftColumn,
	.specialInterview .sectionHead .rightColumn,
	.specialInterview .sectionContents .leftColumn,
	.specialInterview .sectionContents .rightColumn,
	.specialInterview .sectionFoot .rightColumn,
	.specialInterview .sectionFoot .leftColumn {
		width: 100%;
		padding: 0;
	}
	.specialInterview .labelArea .labelHeadText {
		font-size: 3.43vw;
		line-height: 7.81vw;
		width: 35.15625vw;
		margin: auto;
	}
	.specialInterview .labelArea .labelText {
		font-size: 6.56vw;
		line-height: 13.35vw;
	}
	.specialInterview .labelImage {
		width: 39.0625vw;
		margin: auto;
		padding: 9.375vw 0;
	}
	.specialInterview figure figcaption.overlayLabel {
		top: 84vw;
		right: 0;
		left: 0;
	}
	.specialInterview .verticalBorder::before {
		width: 0.3125vw;
		height: 16.875vw;
		margin: 6.25vw auto;
	}
	.specialInterview .sectionHead {
		padding-bottom: 50vw;
	}
	.specialInterview .sectionHeadInner {
		padding-bottom: 43.75vw;
	}
	.specialInterview .sectionHead .textArea {
		width: 100%;
		padding: 0 10.15vw;
		font-size: 2.81vw;
		line-height: 6.25vw;
		text-align: center;
	}
	.specialInterview .sectionContents {
		padding: 0 0 15.625vw;
	}
	.specialInterview .sectionContents .leftColumn {
		padding-bottom: 12.5vw;
	}
	.specialInterview .sectionContents .sectionTitle {
		font-size: 4.68vw;
		line-height: 10.15vw;
		margin-top: auto;
		margin-bottom: 9.375vw;
	}
	.specialInterview .sectionContents .textArea {
		font-size: 2.8125vw;
		line-height: 6.25vw;
		width: 100%;
	}
	.specialInterview .sectionContents .rightColumn {
		padding-right: 15.625vw;
		padding-left: 15.625vw;
	}

	.specialInterview .section1 .leftColumn {
		padding-left: 31.25vw;
	}
	.specialInterview .section1 figure figcaption.overlayNameImage {
		width: 46.785vw;
		top: -27vw;
		left: 7.8125vw;
	}
	.specialInterview .section2 .leftColumn {
		padding-right: 25.78vw;
		padding-left: 25.78vw;
	}
	.specialInterview .section3 .leftColumn {
		padding-right: 15.625vw;
		padding-left: 15.625vw;
	}
	.specialInterview .section1 .textArea,
	.specialInterview .section2 .textArea {
		columns: 1;
	}
	.specialInterview .section3 {
		padding-bottom: calc(-100vw / 640 * 250);
	}
	.specialInterview .sectionFoot .leftColumn {
		padding-right: 15.625vw;
		padding-left: 15.625vw;
	}
	.specialInterview .sectionFoot .rightColumn {
		padding-right: 0;
		padding-left: 15.625vw;
	}
	.specialInterview .sectionFoot .sectionImageTop {
		width: 100%;
		margin: auto auto 15.625vw auto;
	}
	.specialInterview .sectionFoot .sectionImageBottom {
		width: 56.25vw;
		margin-left: 7.81vw;
		padding-left: 0;
	}
}

.selectProducts {
	padding-left: 10%;
	padding-right: 10%;
}
.selectProducts .selectProduct {
	margin-bottom: 16.66%;
}
.selectProducts .selectProduct .flexPC > .leftColumn {
	width: 61.66%;
	padding-left: 18.75%;
}
.selectProducts .selectProduct .flexPC > .rightColumn {
	width: 38.33%;
	padding-left: 4.16%;
	display: flex;
	flex-direction: column;
}
.selectProducts .selectProduct figure figcaption.selectProductIndex {
	width: 16.603%;
	top: 0;
	left: 0;
}
.selectProducts .selectProduct .selectProductTitle {
	font-size: 28px;
	line-height: 51px;
	font-weight: bold;
	margin-top: -11px;
}
.selectProducts .selectProduct .selectProductTitle::after {
	content: '';
	display: block;
	width: 41px;
	height: 2px;
	background-color: #808080;
	margin-top: 10px;
	margin-bottom: 30px;
}
.selectProducts .selectProduct .selectProductLead {
	font-size: 20px;
	line-height: 36px;
	margin-bottom: 40px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.selectProducts .selectProduct .selectProductDescription {
	position: relative;
	font-size: 14px;
	line-height: 30px;
	padding: 25px;
}
.selectProducts .selectProduct .selectProductDescription::before,
.selectProducts .selectProduct .selectProductDescription::after {
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
}
.selectProducts .selectProduct .selectProductDescription::before {
	top: 0;
	left: 0;
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
}
.selectProducts .selectProduct .selectProductDescription::after {
	bottom: 0;
	right: 0;
	border-bottom: 2px solid #808080;
	border-right: 2px solid #808080;
}
.selectProducts .selectProduct .selectProductDetail {
	width: 160px;
	margin: auto auto 0;
}
.selectProducts .selectProduct .selectProductThumbnail {
	width: 150px;
	margin: auto;
}
.selectProducts .selectProduct .selectProductControll {
	text-align: center;
	margin-top: 20%;
}
.selectProducts .selectProduct .selectProductName,
.selectProducts .selectProduct .selectProductPrice {
	font-size: 12px;
	line-height: 20px;
	font-family: 'Montserrat', sans-serif;
}
.selectProducts .selectProduct .selectProductButton {
	display: block;
	width: 160px;
	height: 40px;
	margin-top: 7%;
}
.selectProducts .selectProduct .selectProductButton img {
	height: 100%;
}

@media only screen and (max-width: 1200px) {
	.selectProducts .selectProduct .selectProductTitle {
		font-size: 2.33vw;
		line-height: 4.25vw;
		margin-top: calc(-100vw / 1200 * 11);
	}
	.selectProducts .selectProduct .selectProductTitle::after {
		width: 3.416vw;
		margin-top: calc(100vw / 1200 * 10);
		margin-bottom: calc(100vw / 1200 * 30);
	}
	.selectProducts .selectProduct .selectProductLead {
		font-size: 1.5vw;
		line-height: 3vw;
		margin-bottom: calc(100vw / 1200 * 40);
	}
	.selectProducts .selectProduct .selectProductDescription {
		font-size: 1.16vw;
		line-height: 2.5vw;
		padding: calc(100vw / 1200 * 25);
	}
	.selectProducts .selectProduct .selectProductDescription::before,
	.selectProducts .selectProduct .selectProductDescription::after {
		width: 4.16vw;
		height: 4.16vw;
	}
	.selectProducts .selectProduct .selectProductDetail {
		width: calc(100vw / 1200 * 160);
		margin: auto auto 0;
	}
	.selectProducts .selectProduct .selectProductThumbnail {
		width: calc(100vw / 1200 * 150);
	}
	.selectProducts .selectProduct .selectProductName,
	.selectProducts .selectProduct .selectProductPrice {
		font-size: 1vw;
		line-height: 1.66vw;
	}
	.selectProducts .selectProduct .selectProductButton {
		width: calc(100vw / 1200 * 160);
		height: calc(100vw / 1200 * 40);
	}
}

@media only screen and (max-width: 640px) {
	.selectProducts {
		padding-top: 15.625vw;
		padding-right: 7.8125vw;
		padding-left: 7.8125vw;
	}
	.selectProducts .selectProduct {
		padding-right: 0;
		padding-left: 0;
	}
	.selectProducts .selectProduct .flexPC > .leftColumn {
		width: 100%;
		padding-left: 0;
	}
	.selectProducts .selectProduct .flexPC > .rightColumn {
		display: block;
		width: 100%;
		padding: 10.9375vw 4.6875vw;
	}
	.selectProducts .selectProduct .selectProductHead {
		padding-left: 35.15vw;
		min-height: calc(100vw / 640 * 344);
	}
	.selectProducts .selectProduct figure figcaption.selectProductIndex {
		width: 20.31vw;
		top: calc(100vw / 640 * 14);
	}
	.selectProducts .selectProduct .selectProductTitle {
		font-size: 4.68vw;
		line-height: 8.62vw;
	}
	.selectProducts .selectProduct .selectProductTitle::after {
		width: 7.81vw;
		height: 0.3125vw;
		margin-top: 6.25vw;
		margin-bottom: calc(100vw / 640 * 50);
	}
	.selectProducts .selectProduct .selectProductLead {
		font-size: 3.43vw;
		line-height: 6.25vw;
		margin-bottom: auto;
	}
	.selectProducts .selectProduct .selectProductDescription {
		font-size: 2.81vw;
		line-height: 6.25vw;
		padding: 4.6875vw;
		margin-bottom: 10.9375vw;
	}
	.selectProducts .selectProduct .selectProductDescription::before,
	.selectProducts .selectProduct .selectProductDescription::after {
		width: 7.8125vw;
		height: 7.8125vw;
	}
	.selectProducts .selectProduct .selectProductDetail {
		width: 100%;
		margin: auto;
		align-items: flex-end;
	}
	.selectProducts .selectProduct .selectProductThumbnail {
		width: 50%;
	}
	.selectProducts .selectProduct .selectProductControll {
		width: 50%;
		margin-top: auto;
		padding-left: 6.25vw;
	}
	.selectProducts .selectProduct .selectProductName,
	.selectProducts .selectProduct .selectProductPrice {
		font-size: calc(100vw / 640 * 20);
		line-height: calc(100vw / 640 * 32);
	}
	.selectProducts .selectProduct .selectProductButton {
		width: calc(100vw / 640 * 205);
		height: calc(100vw / 640 * 50);
		margin-top: 3.12vw;
	}
}



.profiles {
	width: 37.333%;
	margin: auto auto 300px;
}
.profiles .profileTitle {
	width: 40%;
	margin: auto auto 7%;
}
.profiles .profileDetail {
	font-size: 14px;
	line-height: 25px;
	text-align: justify;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.mainContents .linkBottom {
	display: block;
	width: 18.916%;
	margin: auto;
}

@media only screen and (max-width: 1200px) {
	.profiles {
		margin: auto auto calc(100vw / 1200 * 300);
	}
	.profiles .profileDetail {
		font-size: 1.16vw;
		line-height: 2.083vw;
	}
}

@media only screen and (max-width: 640px) {
	.profiles {
		width: 59.37vw;
		margin: auto auto calc(100vw / 640 * 100);
	}
	.profiles .profileTitle {
		width: 80%;
		margin-bottom: 7.81vw;
	}
	.profiles .profileDetail {
		font-size: calc(100vw / 640 * 22);
		line-height: calc(100vw / 640 * 42);
	}
	.mainContents .linkBottom {
		width: 46.875vw;
		margin: auto auto calc(100vw / 640 * 50);
	}
}
