@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */
/* メインセクション */
.main-title {
	font-weight: bold;
	text-align: center;
}

.mail-copy {
	font-weight: bold;
	line-height: 1.8;
}

/* サブセクション */
.sub-section em {
	background: url(images/bg-markar.png) repeat left top;
	background-size: auto 1.5em;
}

.sub-title {
	font-weight: bold;
	color: #149597;
	text-align: center;
}

.sub-title-q {
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.sub-title-a {
	font-weight: bold;
	color: #149597;
	text-align: center;
}

		/* 関連商品 */

	.product-link-container {
		max-inline-size: 480px;
		inline-size: 100%;
		display: flex;
		align-items: center;
		column-gap: 30px;
		margin-inline: auto;
		padding: 15px 30px;
		background-color: #fff;
		border-radius: 10px;
	}

	.product-img {
		flex-shrink: 0;
		inline-size: 90px;
	}

	.product-info {
		font-size: 1.5rem;
		font-weight: 500;
	}

	.product-link {
		display: inline-block;
		margin-top: 1rem;
	}


/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	/* メインセクション */
	.main-section {
		height: 143vw;
		padding: 15vw 0 0;
		text-align: center;
		background-image: url(images/main-visual_sp.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100% auto;
	}
	.main-logo {
		width: 48vw;
		margin: 0 auto 9vw;
	}
	.main-title {
		margin-bottom: 7vw;
		font-size: 6.4vw;
		line-height: 1.6;
	}
	.mail-copy {
		font-size: 3.3vw;
		line-height: 2.3;
	}

	/* サブセクション */
	.sub-section {
		padding: 6rem 0;
	}
	.sub-title {
		max-width: 320px;
		margin: 0 auto 3rem;
		font-size: 2.2rem;
	}
	.sub-title-q {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 36vw;
		margin: 0 auto 2rem;
		padding: 0 0 10%;
		font-size: 5vw;
		background: url(images/bg-q_sp.png) no-repeat center center;
		background-size: contain;
	}
	.sub-title-a {
		margin: 0 auto 4rem;
		font-size: 5vw;
	}
	.text-container {
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.text-container .text+.text {
		margin-top: 2em;
	}
	.img-container {
		max-width: 480px;
		margin: 2rem auto 0;
	}
	.img-ttl {
		margin-bottom: 1em;
	}

	/* 個別スタイル */
	.btn-link {
		margin: 6rem auto 0
	}
	.link-top {
		margin-top: 4rem;
	}

	.chikureizai {
		width: 240px;
		margin: 0 auto 3rem;
	}

/* 関連商品 */
#sub05 .sub-title {
	font-size: 2.8rem;
}

.product-link-container {
    column-gap: 10px;
		padding: 15px 12px;
}

.product-info {
    font-size: 1.4rem;
}

}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print , screen and (min-width: 768px) {
	.inner2 {
		padding: 0 150px;
	}

	/* サブセクション */
	.sub-section {
		padding: 10rem 0 12rem;
	}
	.sub-title {
		margin-bottom: 7rem;
		font-size: 4.2rem;
	}
	.sub-title-q {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 200px;
		padding: 0 40px 30px;
		margin-bottom: 4rem;
		font-size: 3.6rem;
		background: url(images/bg-q.png) no-repeat center center;
	}
	.sub-title-a {
		margin-bottom: 7rem;
		font-size: 3.6rem;
	}
	.text-container {
		line-height: 2;
	}
	.text-container .text+.text {
		margin-top: 2em;
	}
	.inner2 .img-container {
		margin-top: 8rem;
	}
	.img-ttl {
		margin-bottom: 1em;
	}

	/* 個別スタイル */
	#sub01 .chikureizai {
		width: 360px;
		margin: 0 auto 6rem;
	}
	#sub02 .flex-container.inner .flex-item {
		display: flex;
		align-items: center;
	}
	#sub02 .flex-text {
		flex: 1;
	}
	#sub02 .flex-img-r {
		width: 52%;
		padding: 0 0 0 4%;
	}
	#sub03 .flex-container.inner .flex-item {
		display: flex;
		align-items: center;
	}
	#sub03 .flex-text {
		flex: 1;
	}
	#sub03 .flex-img-r {
		width: 54%;
		padding: 0 0 0 4%;
	}
	#sub03 .flex-img-r img {
		max-width: 510px;
	}
	#sub04 {
		text-align: center;
	}
	#sub04 .chikureizai {
		width: 360px;
		margin: 0 auto 6rem;
	}
	.btn-link {
		display: flex;
		max-width: 750px;
		margin: 12rem auto 0
	}
	.link-top {
		margin-top: 4rem;
	}

	#sub05 .sub-title {
		margin-bottom: 4rem;
	}

}

/* ====================================
	タブレット、印刷専用スタイル
===================================== */
@media print , screen and (min-width: 768px) and (max-width: 1079px) {
	.inner2 {
		padding: 0 5%;
	}
	/* メインセクション */
	.main-section {
		height: 143vw;
		padding: 15vw 0 0;
		text-align: center;
		background-image: url(images/main-visual_sp.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100% auto;
	}
	.main-logo {
		width: 48vw;
		margin: 0 auto 9vw;
	}
	.main-title {
		margin-bottom: 7vw;
		font-size: 6.4vw;
		line-height: 1.6;
	}
	.mail-copy {
		font-size: 3.3vw;
		line-height: 2.3;
	}
}

/* ====================================
	PC専用スタイル
===================================== */
@media only screen and (min-width: 1080px) {
	/* メインセクション */
	.main-section {
		height: 860px;
		padding: 12rem 0 0;
		text-align: center;
		background-image: url(images/main-visual.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	.main-logo {
		width: 500px;
		margin: 0 auto 7rem;
	}
	.main-title {
		margin-bottom: 5rem;
		font-size: 6rem;
	}
	.mail-copy {
		font-size: 2rem;
		line-height: 2;
	}
	.flame-l {
		height: 3860px;
	}
	.flame-r {
		height: 3860px;
	}

}