@charset "UTF-8";

/* ===============================
	製品共通スタイル
=============================== */

.line {
	text-decoration: underline;
}

/* アロータイトル・左 */
ul.list-container li {
	margin-bottom: 0.2em;
}

ul.list-container a {
	display: inline-block;
	padding-left: 1em;
	background: url('/assets/common/images/chevron-right-solid.svg') no-repeat left 0 top .4em / auto .8em;
}

.sub-section {
	padding-bottom: 6rem;
}

.sub-section .sub-title {
	font-size: 1.7rem;
	font-weight: 300;
	padding: .3em .5em .3em 5%;
	background: var(--white-gray);
}

.sub-section.sp-pb {
	padding-bottom: 0rem;
}

/* サブインナーコンテナ */
.list-container {
	font-size: 1.4rem;
}

.list-container.pt {
	margin-top: 2em;
}

.list-title {
	font-size: 1.5rem;
	margin-top: 1.6em;
	margin-bottom: .6em;
}

/* サブインナーコンテナ */
.sub-inner-container.bt-line {
	border-top: solid 1px #000;
	margin-top: 2em;
}

/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
@media screen and (width <768px) {
}

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {

	/* フレックスコンテナ */
	.flex-container {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
	}

	.sub-section {
		padding-bottom: 8rem;
	}

	.sub-section .sub-title {
		font-size: 2.4rem;
		padding: 0.3em 0.5em;
	}

	/* サブインナーコンテナ */
	.list-title {
		font-size: 1.8rem;
	}

	/* サブインナーコンテナ */
	.sub-inner-container.bt-line {
		margin-top: 4em;
	}

	/* リストコンテナ */
	.list-container {
		font-size: 1.6rem;
	}

	/* サブコンテナ */
	.sub-section .sub-container {
		inline-size: 33%;
		padding-left: 1rem;
	}

	.sub-section .sub-container:first-of-type {
		padding-left: 0;
	}

	.sub-section .sub-container.col1 {
		inline-size: 100%;
		margin-top: 3rem;
	}
}