@charset "utf-8";
/* --------------------------------------------------------- */
/* extra */
.section--secondary .extra__body-outer {
	max-width: 750px;
}

.chapter-section.section--secondary .extra__body-outer {
	-ms-flex-align: start;
	align-items: flex-start;
	max-width: none;
}

.chapter-section.section--secondary .extra__body {
	text-align: left;
	display: block;
	width: 100%;
	max-width: none;
}

.section--secondary .extra__img {
	cursor: auto;
	max-width: 910px;
}

/* --------------------------------------------------------- */
/* underline list */
.section-inner__list {
	padding: 0;
	list-style: none;
	border-top: 1px solid rgba(102,102,102,.3);
}

.section-inner__item {
	display: block;
	padding: 1em .5em;
	border-bottom: 1px solid rgba(102,102,102,.3);
}

.section-inner__item {
	padding: .8em;
	margin-top: .5em;
}

.section-inner__item .list-data {
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
}

.section-inner__item .bg--gray .list-data {
	padding: 4px 8px;
}

.section-inner__item .list-data dt,
.section-inner__item .list-data dd {
	width: 100%;
}

.section-inner__item .list-data dd {
	margin: 0;
	text-align: right;
}

/* ----- */

/* price */
#price .section-header {
	text-align: center;
}

/* --------------------------------------------------------- */
/* prof-idx */
#prof-idx .feature-index {
	max-width: 1060px;
	margin: 0 auto;
}

@media print, screen and (min-width: 768px) {

	/* --------------------------------------------------------- */
	/* extra */
	.section--secondary .extra__img {
		margin-right: auto;
		margin-left: auto;
	}

	.section--secondary .extra__body-outer {
	}

	/* --------------------------------------------------------- */
	/* underline list */
	.section-inner__item .list-data dt {
		width: calc(100% - 15em);
	}

	.section-inner__item .list-data dd {
		width: 14em;
		text-align: right;
		margin-left: 1em;
	}

	/* --------------------------------------------------------- */
	/* prof-idx */
	/*#prof-idx .feature-index__item {
		width: calc(50% - 20px);
	}*/

}

@media screen and (min-width: 1280px) {

	/* --------------------------------------------------------- */
	/* contents */
	.index__anchor {
		display:-ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		flex-direction: row-reverse;
		text-decoration: none;
	}

	.index__item .index__fig {
		width: 58%;
		max-width: 750px;
		position: relative;
		display: block;
	}

	.index__item .index__fig:before {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.1);
		content: "";
		z-index: 1;
		opacity: 0;
		transition: all 0.5s cubic-bezier(0.77, 0, 0.18, 1);
	}

	.index__item .index__anchor:hover .index__fig:before {
		opacity: 1;
	}

	.index__item .index__txt-outer {
		width: 62%;
		display:-ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.index__txt-inner {
		width: 530px;
		display:-ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-right: 65px;
	}

	.index__ttl {
		white-space: nowrap;
		-ms-writing-mode: tb-rl;
		writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-feature-settings: normal;
		font-size: 2rem;
		margin: 0 auto 50px;
	}

	/* IE Only */
	.msie .index__ttl {
		left: 50%;
		transform: translate(-50%, 0%);
		text-align: center;
		margin: 0;
	}
	/**/

	.index__txt {
		width: 100%;
	}

	/* --------------------------------------------------------- */
	/* extra */
	.bg--biased + .extra-outer {
		/*margin-bottom: 160px;*/
	}

	.section--secondary .extra.-reverse .extra__img {
		transform: translateX(-60px);
	}

	.section--secondary .extra__img {
		margin-right: 60px;
		margin-left: 0;
		width: 60%;
		max-width: none;
		position: absolute;
	}

	.section--secondary .extra__body-outer {
		width: calc(100% - 160px);
		/*max-width: 1280px;*/
		max-width: none;
		position: relative;
	}

	.chapter-section.section--secondary .extra__body {
		margin-top: 120px;
		width: 40%;
		height: auto;
	}

	/* --------------------------------------------------------- */
	/* underline list */
	.section-inner__item {
		padding: 20px 10px;
	}

	.section-inner__item .box-supply {
		margin-top: 1em;
	}

	/* --------------------------------------------------------- */
	/* indexpage only */
	.indexpage #prof-idx .index__txt-inner .navigate--more {
		width: calc(100% - 1.5em);
	}

	/* --------------------------------------------------------- */
	/* prof-idx */
	/*#prof-idx .feature-index__item {
		width: calc(50% - 30px);
	}*/

	#prof-idx .feature-index__ttl {
		font-size: 2rem;
	}

}

@media screen and (min-width: 1440px) {

	/* --------------------------------------------------------- */
	/* extra */
	.chapter-section.section--secondary .extra__body {
		margin-top: 160px;
	}

	.section--secondary .extra__body-outer {
		width: calc(100% - 240px);
	}

	.bg--biased + .extra-outer {
		/*margin-bottom: 90px;*/
	}

	.section--secondary .extra__img {
		width: calc(60% - 30px);
	}

}