@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */
/* サブセクション */
.room-title {
	font-weight: 500;
	background-color: #F5F5F5;
}

.sub-title {
	font-weight: bold;
}

.sub-sub-title {
	font-weight: bold;
}

.hikaku figcaption {
	padding: .2em;
	background-color: #535353;
	color: #fff;
}

.hikaku figcaption sup {
	color: #fff;
}

.hikaku .ari {
	background-color: #305DA3;
}

/* ====================================
	1023px以下専用スタイル
===================================== */
@media only screen and (max-width: 1023px) {

	/* メインビジュアル */
	.main-visual {
		background-image: url(images/main-visual_sp.jpg);
	}

	/* サブセクション */
	.sub-section {
		padding: 0 0 4rem;
	}

	.room-title {
		margin-bottom: 4rem;
		padding: 1em 0;
		font-size: 2.2rem;
		text-align: center;
	}

	.sub-title {
		margin-bottom: 2rem;
		font-size: 1.8rem;
	}

	.sub-sub-title {
		margin-bottom: 1em;
		padding-left: 10px;
		font-size: 1.6rem;
		border-left: solid 4px #000;
	}

	.img-container {
		margin-top: 2rem;
	}

	.main-img {
		margin-bottom: 4rem;
	}

	.models {
		font-size: 1.2rem;
	}

	.hikaku {
		margin-bottom: 2rem;
		justify-content: space-between;
		font-size: 1.2rem;
		text-align: center;
	}

	.hikaku .flex-item {
		width: 47%;
	}

	/* 注釈セクション */
	.caption-section {
		padding: 4rem 0;
	}

}

/* ====================================
	567px以下専用スタイル
===================================== */
@media only screen and (max-width: 567px) {
	.sps-mts {
		margin-top: 4rem;
	}
}

/* ====================================
	1024px以上印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 1024px) {

	/* メインビジュアル */
	.main-visual {
		background-image: url(images/main-visual.jpg);
	}

	/* メインビジュアル */
	.mv-text-container .bg-white::before {
		content: '';
		display: block;
		width: 80px;
		height: 80px;
		background-image: url(images/pci-mark.png);
		background-size: 100% auto;
		position: absolute;
		top: 50%;
		right: 3rem;
		transform: translate(0, -50%);
	}

	/* サブセクション */
	.sub-section {
		padding: 0 0 10rem;
	}

	.room-title {
		margin-bottom: 10rem;
		padding: 3rem 0;
		font-size: 3rem;
		text-align: center;
	}

	.sub-title {
		margin-bottom: 4rem;
		font-size: 2.2rem;
	}

	.sub-sub-title {
		margin-bottom: 3rem;
		padding-left: 10px;
		font-size: 1.8rem;
		border-left: solid 4px #000;
	}

	.text-container {
		font-size: 1.8rem;
	}

	.img-container {
		margin-top: 4rem;
	}

	.main-img {
		margin-bottom: 5rem;
	}

	.models {
		font-size: 1.2rem;
	}

	.hikaku {
		margin-bottom: 2rem;
		font-size: 1.4rem;
		text-align: center;
	}

	/* 注釈セクション */
	.caption-section {
		padding: 0 0 8rem;
	}
}