@charset "utf-8";
body {
	opacity: 0;
}

/* PC ================================================== */
@media all and (min-width:960px){
#main {
	width: 100%;
	height: calc(100vh - 10px);
}
	.main--inner {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
		.main-image-container {
			width: calc(100% - 380px);
			height: 100%;
			position: relative;
		}
			.main-image {
				width: 100%;
				height: 100%;
			}
				.main-image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

		.main-contents {
			width: 380px;
			height: calc(100vh - 90px);
			padding-bottom: 30px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
			.main-second_edition-mark {
				width: 160px;
				height: auto;
				margin-bottom: 7vh;
				position: relative;
			}
				.main-second_edition-mark img {
					width: 100%;
					height: auto;
				}
				.main-contents-deco {
					width: 183px;
					height: auto;
					position: absolute;
					bottom: 0;
					left: -166px;
					pointer-events: none;
				}
			.main-contents-wrap {
				width: 200px;
				height: auto;
			}
				.main-product-name {
					width: 100%;
					margin: auto auto 10px;
					font-size: 20px;
					font-weight: 400;
					line-height: 1.0;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
				.main-heading {
					width: 100%;
					font-family: fot-tsukuardgothic-std, sans-serif;
					font-size: 34px;
					font-weight: 700;
					color: #D6AE9B;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
				.main-story {
					width: 100%;
					margin-bottom: 30px;
					font-size: 15px;
					font-weight: 300;
					text-align: left;
					line-height: 1.3;
					letter-spacing: .4em;
				}
				.main-contents-line_deco {
					display: block;
					width: 60px;
					height: 2px;
					margin-left: 2px;
					background-color: #000000;
					position: relative;
					transform: scale(0.5);
					-webkit-transform: scale(0.5);
					transform-origin: center left;
					-webkit-transform-origin: center left;
				}
					.main-contents-line_deco:before,
					.main-contents-line_deco:after {
						content: '';
						width: 8px;
						height: 8px;
						border-radius: 50%;
						background-color: #000000;
						position: absolute;
						top: 50%;
						transform: translate(0%,-50%);
						-webkit-transform: translate(0%,-50%);
					}
					.main-contents-line_deco:before {
						left: -4px;
					}
					.main-contents-line_deco:after {
						right: -4px;
					}
				.main-content-txt {
					width: 100%;
					margin-top: 25px;
					font-size: 14px;
					letter-spacing: 0.13em;
					text-align: justify;
				}

#developer {
	width: 100%;
}
	.developer--inner {
		width: 90%;
		margin: auto auto;
		position: relative;
	}
		.developer-container {
			width: 290px;
			height: auto;
			position: absolute;
			top: -45px;
			right: 60px;
			z-index: 1;
		}
			.developer-container_flame {
				width: 100%;
				height: auto;
			}
				.developer-container_flame img {
					width: 100%;
					height: auto;
				}

			.developer-container-inner {
				width: 100%;
				height: auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				-webkit-transform: translate(-50%,-50%);
			}
				.developer-image {
					width: 130px;
					height: auto;
					margin: auto auto 5px;
				}
					.developer-image img {
						width: 100%;
						height: auto;
					}
				.developer-contents {
					width: 75%;
					margin: auto auto;
				}
					.developer-name {
						width: 100%;
						margin-bottom: 10px;
						line-height: 1.4;
						text-align: center;
					}
						.developer-name_ja {
							font-size: 14px;
							letter-spacing: .1em;
							position: relative;
						}
							.developer-name_ja::before,
							.developer-name_ja::after {
								content: '';
								display: block;
								width: 1px;
								height: 15px;
								background-color: #000000;
								position: absolute;
								top: 50%;
								transform: translate(0%,-50%) rotate(45deg);
								-webkit-transform: translate(0%,-50%) rotate(45deg);
							}
							.developer-name_ja::before {
								left: -15px;
							}
							.developer-name_ja::after {
								right: -15px;
							}
						.developer-name_en {
							font-size: 12px;
							font-weight: 300;
							letter-spacing: .05em;
						}

#interview {
	width: 100%;
	padding: 0px 0px 180px;
	display: flex;
	justify-content: space-between;
}
	.interview-navi-wrap {
		width: 0px;
	}
		.interview-navi {
			height: 100vh;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			position: -webkit-sticky;
			position: sticky;
			top: 0%;
			z-index: 10;
		}
			.navi_list {
				width: 100px;
			}
				.navi_item {
					width: 100%;
					height: 35px;
					margin-bottom: 50px;
					padding-left: 65px;
					line-height: 1.0;
					position: relative;
				}
				.navi_item::before {
					content: '';
					display: block;
					width: 65px;
					height: 1px;
					background-color: #000000;
					position: absolute;
					top: 50%;
					left: 0;
					z-index: 10;
					transform: translate(0%,-50%) scale(0,1.0);
					-webkit-transform: translate(0%,-50%) scale(0,1.0);
					transition: transform 400ms cubic-bezier(.455,.03,.515,.955) 0ms;
					-webkit-transition: transform 400ms cubic-bezier(.455,.03,.515,.955) 0ms;
					transform-origin: center left;
					-webkit-transform-origin: center left;
				}
				.navi_item.now::before {
					transform: translate(0%,-50%) scale(1.0,1.0);
					-webkit-transform: translate(0%,-50%) scale(1.0,1.0);
				}
				.navi_item:last-of-type {
					margin-bottom: 0px;
				}
					.navi-icon {
						display: inline-flex;
						text-decoration: none;
						font-weight: 700;
						color: #111;
						width: 35px;
						height: 35px;
						border-radius: 50%;
						font-size: 14px;
						font-weight: 400;
						font-style: italic;
						position: relative;
						opacity: 1 !important;
						transition: 200ms cubic-bezier(.455,.03,.515,.955) 0ms;
						-webkit-transition: 200ms cubic-bezier(.455,.03,.515,.955) 0ms;
						overflow: hidden;
					}
					.navi-icon:before,
					.navi-icon:after {
						content: "";
						display: block;
						position: absolute;
						width: 50%;
						height: 0;
						background-color: #000000;
						pointer-events: none;
					}
					.navi-icon:before {
						bottom: 0;
						left: 0;
					}
					.navi-icon:after {
						top: 0;
						right: 0;
					}
						.navi-txt {
							position: absolute;
							top: 50%;
							left: 47%;
							transform: translate(-50%,-50%);
							-webkit-transform: translate(-50%,-50%);
							z-index: 3;
						}
					.now .navi-icon {
						color: #000000;
					}
					.now .navi-icon:before,
					.now .navi-icon:after {
						height: 100%;
					}
					.now .navi-icon:before {
						transition: height 200ms cubic-bezier(.455,.03,.515,.955) 200ms;
						-webkit-transition: height 200ms cubic-bezier(.455,.03,.515,.955) 200ms;
					}
					.now .navi-icon:after {
						transition: height 200ms cubic-bezier(.455,.03,.515,.955) 0ms;
						-webkit-transition: height 200ms cubic-bezier(.455,.03,.515,.955) 0ms;
					}
					.navi-icon .placeholder {
						position: absolute;
						top: 1px;
						left: 1px;
						width: 33px;
						height: 33px;
						background: none;
						border-radius: 50%;
						display: flex;
						align-items: center;
						justify-content: center;
						z-index: 2;
					}
					.now .navi-icon .placeholder {
						background-color: #ffffff;
					}

	.interview--inner {
		width: 85%;
		max-width: 910px;
		margin: auto auto;
	}
		.interview-sec {
			width: 100%;
			padding: 140px 0px 0px;
			position: relative;
		}
		.interview-sec-02 {
			margin-bottom: 130px;
		}
			.interview-sec-no {
				width: 62px;
				height: auto;
				margin-bottom: 30px;
			}
				.interview-sec-no img {
					width: 100%;
					height: auto;
				}
			.interview-sec-heading {
				width: 100%;
				font-size: 22px;
				font-weight: 400;
				line-height: 1.8;
				letter-spacing: .3em;
			}
			.interview-sec-01 .interview-sec-heading {
				margin-bottom: 105px;
			}
			.interview-sec-02 .interview-sec-heading {
				margin-bottom: 180px;
			}
			.interview-sec-03 .interview-sec-heading {
				margin-bottom: 90px;
			}
			.interview-sec-02-image {
				width: 200px;
				position: absolute;
				top: 173px;
				right: -65px;
			}
				.interview-sec-02-image .interview-image_wrap {
					width: 180px;
					height: auto;
					margin: 80px 0px auto auto;
				}
				.interview-sec-02-image .interview-image-bk {
					width: 190px;
					height: 280px;
					top: 0;
					left: 0;
				}
			.interview-list {
				width: 100%;
			}
				.interview-item {
					width: 100%;
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					position: relative;
				}
				.interview-01-01 {
					margin-bottom: 200px;
				}
				.interview-02-01 {
					margin-bottom: 145px;
					flex-direction: row-reverse;
				}
				.interview-02-02 {
					margin-bottom: 215px;
					flex-direction: row-reverse;
				}
				.interview-02-03 {
					margin-bottom: 170px;
				}
				.interview-02-04 {
					margin-bottom: 305px;
				}
				.interview-02-05 {
					flex-direction: row-reverse;
				}
				.interview-03-01 {
					margin-bottom: 160px;
					flex-direction: row-reverse;
					flex-wrap: wrap;
				}
					/* インタビュー 内容 */
					.interview-01-01 .interview-contents {
						width: calc(100% - 300px);
						padding-left: 35px;
						padding-right: 65px;
					}
					.interview-01-02 .interview-contents {
						width: 365px;
						padding-right: 70px;
					}
					.interview-02-01 .interview-contents {
						width: 50%;
						padding-right: 40px;
					}
					.interview-02-02 .interview-contents {
						width: 360px;
						padding-right: 40px;
					}
						.interview-02-02-deco {
							width: 105px;
							height: auto;
							margin-right: -50vw;
							position: absolute;
							top: -147px;
							right: 50%;
						}
							.interview-02-02-deco img {
								width: 100%;
								height: auto;
							}
					.interview-02-03 .interview-contents {
						width: calc(50% - 50px);
						padding-left: 20px;
						padding-right: 115px;
					}
					.interview-02-04 .interview-contents {
						width: 50%;
						padding-right: 30px;
					}
						.interview-02-04 .interview-contents .interview-answer,
						.interview-02-04 .interview-contents .interview-note {
							padding-left: 60px;
						}
					.interview-02-05 .interview-contents {
						width: 50%;
						padding-left: 140px;
						padding-right: 15px;
					}
					.interview-03-01 .interview-contents {
						width: 326px;
						padding-right: 35px;
					}
						.interview-03-01 .interview-contents .interview-answer,
						.interview-03-01 .interview-contents .interview-note {
							padding-left: 60px;
						}
					.interview-03-02 .interview-contents {
						width: 50%;
						padding-left: 35px;
						padding-right: 30px;
					}
						.interview-03-02 .interview-contents .interview-answer,
						.interview-03-02 .interview-contents .interview-note {
							padding-left: 38px;
						}
						.interview-question {
							padding-left: 60px;
							margin-bottom: 30px;
							font-size: 18px;
							line-height: 1.6;
							letter-spacing: .2em;
							white-space: nowrap;
							position: relative;
						}
							.interview-question-icon {
								width: 30px;
								height: auto;
								position: absolute;
								top: 50%;
								left: 3px;
								transform: translate(0%,-50%);
								-webkit-transform: translate(0%,-50%);
							}
								.interview-question-icon img {
									width: 100%;
									height: auto;
								}
						.interview-answer {
							margin-bottom: 20px;
							font-size: 14px;
							line-height: 2.0;
							text-align: justify;
						}
							.interview-answer-matsumoto {
								margin-right: 10px;
								font-weight: 700;
							}
								.interview-answer-matsumoto::before {
									content: '＜';
								}
								.interview-answer-matsumoto::after {
									content: '＞';
								}
							.interview-answer small {
								font-size: 10px;
							}
						.interview-note {
							font-size: 10px;
							color: #7C8082;
						}

					/* インタビュー イラスト */
					.interview-image {
						position: relative;
					}
							.interview-image_wrap img {
								width: 100%;
								height: auto;
							}
						.interview-image-bk {
							position: absolute;
							z-index: -1;
						}
						.interview-sec-01 .interview-image-bk {
							background-color: #EEE2DC;
						}
						.interview-sec-02 .interview-image-bk {
							background-color: #F6F0ED;
						}
						.interview-sec-03 .interview-image-bk {
							background-color: #F7F3F0;
						}
						.interview-image-note {
							font-size: 10px;
							letter-spacing: .1em;
							color: #7C8082;
						}

					.interview-01-01 .interview-image {
						width: 300px;
					}
						.interview-01-01 .interview-image_wrap {
							width: 285px;
							height: auto;
							margin: 75px -7px auto auto;
						}
						.interview-01-01 .interview-image-bk {
							width: 265px;
							height: 350px;
							top: 45px;
							right: 35px;
						}

					.interview-01-02 .interview-image {
						width: calc(50% + 90px);
					}
						.interview-01-02 .interview-image_wrap {
							width: 500px;
							height: auto;
							margin: -65px -46px auto auto;
						}
						.interview-01-02 .interview-image-bk {
							width: calc(50vw + 90px);
							height: 345px;
							top: -45px;
							left: 0;
						}
						.interview-01-02-deco {
							width: 86px;
							height: auto;
							position: absolute;
							top: -60px;
							left: -38px;
						}
							.interview-01-02-deco img {
								width: 100%;
								height: auto;
							}

					.interview-02-01 .interview-image {
						width: 50%;
					}
						.interview-02-01 .interview-image_wrap {
							width: 300px;
							height: auto;
							margin: -50px auto auto 54px;
						}
						.interview-02-01 .interview-image-bk {
							width: 265px;
							height: 360px;
							top: 9px;
							left: 60px;
						}
						.interview-02-01-deco {
							width: 100px;
							height: auto;
							position: absolute;
							top: 22px;
							left: 265px;
						}
							.interview-02-01-deco img {
								width: 100%;
								height: auto;
							}

					.interview-02-02 .interview-image {
						width: calc(50% - 80px);
					}
						.interview-02-02 .interview-image_wrap {
							width: 440px;
							height: auto;
							margin: -7px auto auto -80px;
						}
						.interview-02-02 .interview-image-bk {
							width: calc(50vw - 80px);
							height: 350px;
							top: -15px;
							right: 0;
						}

					.interview-02-03 .interview-image {
						width: calc(50% + 50px);
					}
						.interview-02-03 .interview-image_wrap {
							width: 540px;
							height: auto;
							margin: -60px -118px auto auto;
						}
						.interview-02-03 .interview-image-bk {
							width: calc(50vw + 50px);
							height: 400px;
							top: -60px;
							left: 0;
						}
						.interview-02-03-deco {
							width: 100px;
							height: auto;
							position: absolute;
							top: -77px;
							left: -60px;
						}
							.interview-02-03-deco img {
								width: 100%;
								height: auto;
							}

					.interview-02-04 .interview-image {
						width: 50%;
					}
						.interview-02-04 .interview-image_wrap {
							width: 525px;
							height: auto;
							margin: 138px auto auto 0px;
						}
						.interview-02-04 .interview-image-bk {
							width: 517px;
							height: 425px;
							top: 103px;
							left: 55px;
						}

					.interview-02-05 .interview-image {
						width: 50%;
					}
						.interview-02-05 .interview-image_wrap {
							width: 480px;
							height: auto;
							margin: -37px auto auto 0px;
						}
						.interview-02-05 .interview-image-bk {
							width: 420px;
							height: 420px;
							top: -75px;
							right: 0;
						}
						.interview-02-05-deco {
							width: 100px;
							height: auto;
							position: absolute;
							top: -48px;
							left: -12px;
						}
							.interview-02-05-deco img {
								width: 100%;
								height: auto;
							}

					.interview-03-01 .interview-image {
						width: 50%;
						height: 345px;
						position: relative;
					}
						.interview-03-01 .interview-image_wrap {
							width: 570px;
							height: auto;
							position: absolute;
							top: 48%;
							left: 50%;
							transform: translate(-50%,-50%);
							-webkit-transform: translate(-50%,-50%);
						}
						.interview-03-01 .interview-image-bk {
							width: calc(100% + 100px);
							height: 345px;
							top: 0;
							left: -50px;
						}
						.interview-03-01-deco {
							width: 86px;
							height: auto;
							position: absolute;
							top: -27px;
							right: -60px;
						}
							.interview-03-01-deco img {
								width: 100%;
								height: auto;
							}
					.interview-03-01-branding {
						width: 100%;
						padding-right: 35px;
						margin-top: 50px;
					}
						.interview-03-01-branding_txt {
							width: 70%;
							margin: auto 0px auto auto;
							font-size: 14px;
							line-height: 2.0;
							text-align: justify;
						}

					.interview-03-02 .interview-image {
						width: 50%;
						height: 345px;
						position: relative;
					}
						.interview-03-02 .interview-image_wrap {
							width: 385px;
							height: auto;
							margin: -30px -63px auto auto;
						}
						.interview-03-02 .interview-image-bk {
							width: 490px;
							height: 560px;
							top: -45px;
							right: -118px;
						}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
#main {
	width: 100%;
	height: auto;
}
	.main--inner {
		width: 100%;
		height: auto;
	}
		.main-image-container {
			width: 95%;
			height: auto;
			position: relative;
		}
			.main-image {
				width: 100%;
				height: auto;
			}
				.main-image img {
					width: 100%;
					height: auto;
				}

		.main-contents {
			width: 100%;
			padding: 50px 0px 45px;
			position: relative;
		}
			.main-second_edition-mark {
				width: 160px;
				height: auto;
				position: absolute;
				top: -24px;
				right: 5%;
			}
				.main-second_edition-mark img {
					width: 100%;
					height: auto;
				}
				.main-contents-deco {
					width: 107px;
					height: auto;
					position: absolute;
					top: -10px;
					left: -60px;
					pointer-events: none;
				}
			.main-contents-wrap {
				width: 80%;
				height: auto;
				margin: auto auto;
			}
				.main-product-name {
					width: 180px;
					margin-bottom: 10px;
					font-size: 18px;
					font-weight: 400;
					line-height: 1.0;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
				.main-heading {
					width: 180px;
					margin-bottom: 13px;
					font-family: fot-tsukuardgothic-std, sans-serif;
					font-size: 34px;
					font-weight: 700;
					line-height: 1.0;
					color: #D6AE9B;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
				.main-story {
					width: 100%;
					margin-bottom: 25px;
					font-size: 15px;
					font-weight: 300;
					text-align: left;
					line-height: 1.0;
					letter-spacing: .2em;
				}
				.main-contents-line_deco {
					display: block;
					width: 60px;
					height: 2px;
					margin-left: 2px;
					background-color: #000000;
					position: relative;
					transform: scale(0.5);
					-webkit-transform: scale(0.5);
					transform-origin: center left;
					-webkit-transform-origin: center left;
				}
					.main-contents-line_deco:before,
					.main-contents-line_deco:after {
						content: '';
						width: 8px;
						height: 8px;
						border-radius: 50%;
						background-color: #000000;
						position: absolute;
						top: 50%;
						transform: translate(0%,-50%);
						-webkit-transform: translate(0%,-50%);
					}
					.main-contents-line_deco:before {
						left: -4px;
					}
					.main-contents-line_deco:after {
						right: -4px;
					}
				.main-content-txt {
					width: 100%;
					margin-top: 22px;
					font-size: 14px;
					letter-spacing: 0.13em;
					text-align: justify;
				}

#developer {
	width: 100%;
}
	.developer--inner {
		width: 100%;
		margin: auto auto;
	}
		.developer-container {
			width: 290px;
			height: auto;
			margin: auto auto;
		}
			.developer-container_flame {
				width: 100%;
				height: auto;
			}
				.developer-container_flame img {
					width: 100%;
					height: auto;
				}

			.developer-container-inner {
				width: 100%;
				height: auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				-webkit-transform: translate(-50%,-50%);
			}
				.developer-image {
					width: 130px;
					height: auto;
					margin: auto auto 5px;
				}
					.developer-image img {
						width: 100%;
						height: auto;
					}
				.developer-contents {
					width: 75%;
					margin: auto auto;
				}
					.developer-name {
						width: 100%;
						margin-bottom: 10px;
						line-height: 1.4;
						text-align: center;
					}
						.developer-name_ja {
							font-size: 14px;
							letter-spacing: .1em;
							position: relative;
						}
							.developer-name_ja::before,
							.developer-name_ja::after {
								content: '';
								display: block;
								width: 1px;
								height: 15px;
								background-color: #000000;
								position: absolute;
								top: 50%;
								transform: translate(0%,-50%) rotate(45deg);
								-webkit-transform: translate(0%,-50%) rotate(45deg);
							}
							.developer-name_ja::before {
								left: -15px;
							}
							.developer-name_ja::after {
								right: -15px;
							}
						.developer-name_en {
							font-size: 12px;
							font-weight: 300;
							letter-spacing: .05em;
						}

#interview {
	width: 100%;
	padding: 85px 0px 120px;
	overflow: hidden;
}
	.interview-navi-wrap {
		display: none;
	}
	.interview--inner {
		width: 90%;
		margin: auto auto;
	}
		.interview-sec {
			width: 100%;
			padding: 0px 0px 0px;
			margin-bottom: 100px;
			position: relative;
		}
		.interview-sec-03 {
			margin-bottom: 0px;
		}
			.interview-sec-no {
				width: 62px;
				height: auto;
				margin-bottom: 25px;
			}
				.interview-sec-no img {
					width: 100%;
					height: auto;
				}
			.interview-sec-heading {
				width: 100%;
				font-size: 18px;
				font-weight: 400;
				line-height: 1.8;
				letter-spacing: .2em;
			}
			.interview-sec-01 .interview-sec-heading {
				margin-bottom: 30px;
			}
			.interview-sec-02 .interview-sec-heading {
				margin-bottom: 30px;
			}
			.interview-sec-03 .interview-sec-heading {
				margin-bottom: 50px;
			}
			.interview-sec-02-image {
				display: none;
			}
			.interview-list {
				width: 100%;
			}
				.interview-item {
					width: 100%;
					position: relative;
					display: flex;
					flex-direction: column-reverse;
					justify-content: flex-start;
					align-items: center;
				}
				.interview-01-01 {
					margin-bottom: 90px;
				}
				.interview-02-01 {
					margin-bottom: 90px;
				}
				.interview-02-02 {
					margin-bottom: 110px;
				}
				.interview-02-03 {
					margin-bottom: 100px;
				}
				.interview-02-04 {
					margin-bottom: 100px;
				}
				.interview-03-01 {
					margin-bottom: 60px;
				}
					/* インタビュー 内容 */
					.interview-contents {
						width: 100%;
					}
						.interview-question {
							width: 100%;
							padding-top: 65px;
							margin-bottom: 30px;
							font-size: 16px;
							line-height: 1.6;
							letter-spacing: .1em;
							text-align: center;
							white-space: nowrap;
							position: relative;
						}
							.interview-question-icon {
								width: 30px;
								height: auto;
								position: absolute;
								top: 0%;
								left: 50%;
								transform: translate(-50%,0%);
								-webkit-transform: translate(-50%,0%);
							}
								.interview-question-icon img {
									width: 100%;
									height: auto;
								}
						.interview-answer {
							font-size: 14px;
							line-height: 2.0;
							text-align: justify;
						}
							.interview-answer-matsumoto {
								margin-right: 10px;
								font-weight: 700;
							}
								.interview-answer-matsumoto::before {
									content: '＜';
								}
								.interview-answer-matsumoto::after {
									content: '＞';
								}
							.interview-answer small {
								font-size: 10px;
							}
						.interview-note {
							margin-top: 10px;
							font-size: 10px;
							color: #7C8082;
						}

					/* インタビュー イラスト */
					.interview-image {
						position: relative;
						margin-bottom: 45px;
					}
							.interview-image_wrap img {
								width: 100%;
								height: auto;
							}
						.interview-image-bk {
							position: absolute;
							z-index: -1;
						}
						.interview-sec-01 .interview-image-bk {
							background-color: #EEE2DC;
						}
						.interview-sec-02 .interview-image-bk {
							background-color: #F6F0ED;
						}
						.interview-sec-03 .interview-image-bk {
							background-color: #F7F3F0;
						}
						.interview-image-note {
							margin-top: 5px;
							font-size: 10px;
							letter-spacing: .1em;
							color: #7C8082;
							text-align: justify;
						}

					.interview-01-01 .interview-image {
						width: 100%;
					}
						.interview-01-01 .interview-image_wrap {
							width: 285px;
							height: auto;
							margin: auto auto auto;
						}
						.interview-01-01 .interview-image-bk {
							width: 100%;
							height: 255px;
							top: 0;
							left: 0;
						}

					.interview-01-02 .interview-image {
						width: 100%;
					}
						.interview-01-02 .interview-image_wrap {
							width: 360px;
							height: auto;
							margin: auto auto;
						}
						.interview-01-02 .interview-image-bk {
							width: 100%;
							height: 255px;
							top: 0;
							left: 0;
						}
						.interview-01-02-deco {
							width: 64px;
							height: auto;
							position: absolute;
							top: 215px;
							right: -15px;
						}
							.interview-01-02-deco img {
								width: 100%;
								height: auto;
							}

					.interview-02-01 .interview-image {
						width: 100%;
					}
						.interview-02-01 .interview-image_wrap {
							width: 210px;
							height: auto;
							margin: -15px auto auto;
						}
						.interview-02-01 .interview-image-bk {
							width: 100%;
							height: 255px;
							top: 0;
							left: 0;
						}
						.interview-02-01-deco {
							width: 77px;
							height: auto;
							position: absolute;
							top: 13px;
							left: -5%;
						}
							.interview-02-01-deco img {
								width: 100%;
								height: auto;
							}

					.interview-02-02 .interview-image {
						width: 100%;
					}
						.interview-02-02 .interview-image_wrap {
							width: 360px;
							height: auto;
							margin: auto auto;
						}
						.interview-02-02 .interview-image-bk {
							width: 100%;
							height: 255px;
							top: 0;
							right: 0;
						}
						.interview-02-02-deco {
							width: 50px;
							height: auto;
							position: absolute;
							top: -18px;
							right: 120px;
						}
							.interview-02-02-deco img {
								width: 100%;
								height: auto;
							}

					.interview-02-03 .interview-image {
						width: 100%;
					}
						.interview-02-03 .interview-image_wrap {
							width: 360px;
							height: auto;
							margin: auto auto;
						}
						.interview-02-03 .interview-image-bk {
							width: 100%;
							height: 255px;
							top: 0;
							left: 0;
						}
						.interview-02-03-deco {
							width: 64px;
							height: auto;
							position: absolute;
							top: -28px;
							left: -5%;
						}
							.interview-02-03-deco img {
								width: 100%;
								height: auto;
							}

					.interview-02-04 .interview-image {
						width: 100%;
					}
						.interview-02-04 .interview-image_wrap {
							width: 400px;
							height: auto;
							margin: -10px auto auto;
						}
						.interview-02-04 .interview-image-bk {
							width: 100%;
							height: 255px;
							top: 0;
							left: 0;
						}

					.interview-02-05 .interview-image {
						width: 100%;
					}
						.interview-02-05 .interview-image_wrap {
							width: 360px;
							height: auto;
							margin: -10px auto auto;
						}
						.interview-02-05 .interview-image-bk {
							width: 100%;
							height: 255px;
							top: 0;
							right: 0;
						}
						.interview-02-05-deco {
							width: 77px;
							height: auto;
							position: absolute;
							top: 18px;
							left: -5%;
						}
							.interview-02-05-deco img {
								width: 100%;
								height: auto;
							}

					.interview-03-01 .interview-image {
						width: 100%;
					}
						.interview-03-01 .interview-image_wrap {
							width: 470px;
							height: auto;
							margin: auto auto;
						}
						.interview-03-01 .interview-image-bk {
							width: 100%;
							height: 255px;
							top: 0;
							left: 0;
						}
						.interview-03-01-deco {
							display: none;
						}

					.interview-03-02 .interview-image {
						width: 100%;
						margin-bottom: 20px;
					}
						.interview-03-02 .interview-image_wrap {
							width: 300px;
							height: auto;
							margin: auto auto;
						}
						.interview-03-02 .interview-image-bk {
							width: 100%;
							height: 400px;
							top: 0;
							right: 0;
						}
}

/* SP ================================================== */
@media all and (max-width:559px){
#main {
	width: 100%;
	height: auto;
}
	.main--inner {
		width: 100%;
		height: auto;
	}
		.main-image-container {
			width: 90%;
			height: auto;
			position: relative;
		}
			.main-image {
				width: 100%;
				height: auto;
			}
				.main-image img {
					width: 100%;
					height: auto;
				}

		.main-contents {
			width: 100%;
			padding: 35px 0px 45px;
			position: relative;
		}
			.main-second_edition-mark {
				width: 115px;
				height: auto;
				position: absolute;
				top: -24px;
				right: 5%;
			}
				.main-second_edition-mark img {
					width: 100%;
					height: auto;
				}
				.main-contents-deco {
					width: 107px;
					height: auto;
					position: absolute;
					top: -10px;
					left: -70px;
					pointer-events: none;
				}
			.main-contents-wrap {
				width: 80%;
				height: auto;
				margin: auto auto;
			}
				.main-product-name {
					width: 180px;
					margin-bottom: 10px;
					font-size: 18px;
					font-weight: 400;
					line-height: 1.0;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
				.main-heading {
					width: 180px;
					margin-bottom: 13px;
					font-family: fot-tsukuardgothic-std, sans-serif;
					font-size: 34px;
					font-weight: 700;
					line-height: 1.0;
					color: #D6AE9B;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
				.main-story {
					width: 100%;
					margin-bottom: 25px;
					font-size: 15px;
					font-weight: 300;
					text-align: left;
					line-height: 1.0;
					letter-spacing: .2em;
				}
				.main-contents-line_deco {
					display: block;
					width: 60px;
					height: 2px;
					margin-left: 2px;
					background-color: #000000;
					position: relative;
					transform: scale(0.5);
					-webkit-transform: scale(0.5);
					transform-origin: center left;
					-webkit-transform-origin: center left;
				}
					.main-contents-line_deco:before,
					.main-contents-line_deco:after {
						content: '';
						width: 8px;
						height: 8px;
						border-radius: 50%;
						background-color: #000000;
						position: absolute;
						top: 50%;
						transform: translate(0%,-50%);
						-webkit-transform: translate(0%,-50%);
					}
					.main-contents-line_deco:before {
						left: -4px;
					}
					.main-contents-line_deco:after {
						right: -4px;
					}
				.main-content-txt {
					width: 100%;
					margin-top: 22px;
					font-size: 14px;
					letter-spacing: 0.13em;
					text-align: justify;
				}

#developer {
	width: 100%;
}
	.developer--inner {
		width: 80%;
		margin: auto auto;
	}
		.developer-container {
			width: 100%;
			height: auto;
			margin: auto auto;
		}
			.developer-container_flame {
				width: 100%;
				height: auto;
			}
				.developer-container_flame img {
					width: 100%;
					height: auto;
				}

			.developer-container-inner {
				width: 100%;
				height: auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				-webkit-transform: translate(-50%,-50%);
			}
				.developer-image {
					width: 130px;
					height: auto;
					margin: auto auto 5px;
				}
					.developer-image img {
						width: 100%;
						height: auto;
					}
				.developer-contents {
					width: 75%;
					margin: auto auto;
				}
					.developer-name {
						width: 100%;
						margin-bottom: 10px;
						line-height: 1.4;
						text-align: center;
					}
						.developer-name_ja {
							font-size: 14px;
							letter-spacing: .1em;
							position: relative;
						}
							.developer-name_ja::before,
							.developer-name_ja::after {
								content: '';
								display: block;
								width: 1px;
								height: 15px;
								background-color: #000000;
								position: absolute;
								top: 50%;
								transform: translate(0%,-50%) rotate(45deg);
								-webkit-transform: translate(0%,-50%) rotate(45deg);
							}
							.developer-name_ja::before {
								left: -15px;
							}
							.developer-name_ja::after {
								right: -15px;
							}
						.developer-name_en {
							font-size: 12px;
							font-weight: 300;
							letter-spacing: .05em;
						}

#interview {
	width: 100%;
	padding: 85px 0px 70px;
	overflow: hidden;
}
	.interview-navi-wrap {
		display: none;
	}
	.interview--inner {
		width: 90%;
		margin: auto auto;
	}
		.interview-sec {
			width: 100%;
			padding: 0px 0px 0px;
			margin-bottom: 100px;
			position: relative;
		}
		.interview-sec-03 {
			margin-bottom: 0px;
		}
			.interview-sec-no {
				width: 62px;
				height: auto;
				margin-bottom: 25px;
			}
				.interview-sec-no img {
					width: 100%;
					height: auto;
				}
			.interview-sec-heading {
				width: 100%;
				font-size: 18px;
				font-weight: 400;
				line-height: 1.8;
				letter-spacing: .2em;
			}
			.interview-sec-01 .interview-sec-heading {
				margin-bottom: 30px;
			}
			.interview-sec-02 .interview-sec-heading {
				margin-bottom: 30px;
			}
			.interview-sec-03 .interview-sec-heading {
				margin-bottom: 50px;
			}
			.interview-sec-02-image {
				display: none;
			}
			.interview-list {
				width: 100%;
			}
				.interview-item {
					width: 100%;
					position: relative;
					display: flex;
					flex-direction: column-reverse;
					justify-content: flex-start;
					align-items: center;
				}
				.interview-01-01 {
					margin-bottom: 90px;
				}
				.interview-02-01 {
					margin-bottom: 90px;
				}
				.interview-02-02 {
					margin-bottom: 110px;
				}
				.interview-02-03 {
					margin-bottom: 100px;
				}
				.interview-02-04 {
					margin-bottom: 100px;
				}
				.interview-03-01 {
					margin-bottom: 60px;
				}
					/* インタビュー 内容 */
					.interview-contents {
						width: 100%;
					}
						.interview-question {
							width: 100%;
							padding-top: 65px;
							margin-bottom: 30px;
							font-size: 16px;
							line-height: 1.6;
							letter-spacing: .1em;
							text-align: center;
							white-space: nowrap;
							position: relative;
						}
							.interview-question-icon {
								width: 30px;
								height: auto;
								position: absolute;
								top: 0%;
								left: 50%;
								transform: translate(-50%,0%);
								-webkit-transform: translate(-50%,0%);
							}
								.interview-question-icon img {
									width: 100%;
									height: auto;
								}
						.interview-answer {
							font-size: 14px;
							line-height: 2.0;
							text-align: justify;
						}
							.interview-answer-matsumoto {
								margin-right: 10px;
								font-weight: 700;
							}
								.interview-answer-matsumoto::before {
									content: '＜';
								}
								.interview-answer-matsumoto::after {
									content: '＞';
								}
							.interview-answer small {
								font-size: 10px;
							}
						.interview-note {
							margin-top: 10px;
							font-size: 10px;
							color: #7C8082;
						}

					/* インタビュー イラスト */
					.interview-image {
						position: relative;
					}
							.interview-image_wrap img {
								width: 100%;
								height: auto;
							}
						.interview-image-bk {
							position: absolute;
							z-index: -1;
						}
						.interview-sec-01 .interview-image-bk {
							background-color: #EEE2DC;
						}
						.interview-sec-02 .interview-image-bk {
							background-color: #F6F0ED;
						}
						.interview-sec-03 .interview-image-bk {
							background-color: #F7F3F0;
						}
						.interview-image-note {
							margin-top: 5px;
							font-size: 10px;
							letter-spacing: .15em;
							color: #7C8082;
							text-align: justify;
							font-feature-settings : "palt";
						}

					.interview-01-01 .interview-image {
						width: 100%;
						margin-bottom: 25px;
					}
						.interview-01-01 .interview-image_wrap {
							width: 285px;
							height: auto;
							margin: auto 0px auto auto;
						}
						.interview-01-01 .interview-image-bk {
							width: 100%;
							height: 68vw;
							max-height: 275px;
							top: 0;
							left: 0;
						}

					.interview-01-02 .interview-image {
						width: 100%;
						margin-bottom: 35px;
					}
						.interview-01-02 .interview-image_wrap {
							width: 98%;
							height: auto;
							margin: auto 0px auto auto;
						}
						.interview-01-02 .interview-image-bk {
							width: 100%;
							height: 68vw;
							max-height: 275px;
							top: 0;
							left: 0;
						}
						.interview-01-02-deco {
							width: 64px;
							height: auto;
							position: absolute;
							top: 205px;
							right: -15px;
						}
							.interview-01-02-deco img {
								width: 100%;
								height: auto;
							}

					.interview-02-01 .interview-image {
						width: 100%;
						margin-bottom: 30px;
					}
						.interview-02-01 .interview-image_wrap {
							width: 180px;
							height: auto;
							margin: auto auto;
						}
						.interview-02-01 .interview-image-bk {
							width: 100%;
							height: 68vw;
							max-height: 275px;
							top: 0;
							left: 0;
						}
						.interview-02-01-deco {
							width: 77px;
							height: auto;
							position: absolute;
							top: 13px;
							left: -5%;
						}
							.interview-02-01-deco img {
								width: 100%;
								height: auto;
							}

					.interview-02-02 .interview-image {
						width: 100%;
						margin-bottom: 32px;
					}
						.interview-02-02 .interview-image_wrap {
							width: 98%;
							height: auto;
							margin: auto auto auto -5%;
						}
						.interview-02-02 .interview-image-bk {
							width: 100%;
							height: 68vw;
							max-height: 275px;
							top: 0;
							right: 0;
						}
						.interview-02-02-deco {
							width: 50px;
							height: auto;
							position: absolute;
							top: -18px;
							right: -5%;
						}
							.interview-02-02-deco img {
								width: 100%;
								height: auto;
							}

					.interview-02-03 .interview-image {
						width: 100%;
						padding-top: 7px;
						margin-bottom: 50px;
					}
						.interview-02-03 .interview-image_wrap {
							width: 96%;
							height: auto;
							margin: auto auto;
						}
						.interview-02-03 .interview-image-bk {
							width: 100%;
							height: 68vw;
							max-height: 275px;
							top: 0;
							left: 0;
						}
						.interview-02-03-deco {
							width: 64px;
							height: auto;
							position: absolute;
							top: -28px;
							left: -5%;
						}
							.interview-02-03-deco img {
								width: 100%;
								height: auto;
							}

					.interview-02-04 .interview-image {
						width: 100%;
						padding-top: 7px;
						margin-bottom: 33px;
					}
						.interview-02-04 .interview-image_wrap {
							width: 104%;
							height: auto;
							margin: auto auto auto -2%;
						}
						.interview-02-04 .interview-image-bk {
							width: 100%;
							height: 68vw;
							max-height: 275px;
							top: 0;
							left: 0;
						}

					.interview-02-05 .interview-image {
						width: 100%;
						padding-top: 5px;
						margin-bottom: 45px;
					}
						.interview-02-05 .interview-image_wrap {
							width: 100%;
							height: auto;
							margin: auto auto;
						}
						.interview-02-05 .interview-image-bk {
							width: 100%;
							height: 68vw;
							max-height: 275px;
							top: 0;
							right: 0;
						}
						.interview-02-05-deco {
							width: 77px;
							height: auto;
							position: absolute;
							top: 18px;
							left: -5%;
						}
							.interview-02-05-deco img {
								width: 100%;
								height: auto;
							}

					.interview-03-01 .interview-image {
						width: 100%;
						padding-top: 22px;
						margin-bottom: 65px;
					}
						.interview-03-01 .interview-image_wrap {
							width: 100vw;
							height: auto;
							margin: auto auto auto -5%;
						}
						.interview-03-01 .interview-image-bk {
							width: 100%;
							height: 68vw;
							max-height: 275px;
							top: 0;
							left: 0;
						}
						.interview-03-01-deco {
							display: none;
						}

					.interview-03-02 .interview-image {
						width: 100%;
						height: auto;
						padding-top: 15px;
						margin-bottom: 37px;
					}
						.interview-03-02 .interview-image_wrap {
							width: 80%;
							height: auto;
							margin: auto auto;
						}
						.interview-03-02 .interview-image-bk {
							width: 100%;
							height: 106.7vw;
							max-height: 445px;
							top: 0;
							right: 0;
						}
}