@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */
/* 対応アプリマーク */
.icon-wash {
	display: inline-block;
	padding: .2em .5em;
	font-size: .8em;
	color: #01A3C1;
	border: solid 1px #01A3C1;
	border-radius: 5px;
}

.icon-home {
	display: inline-block;
	padding: .2em .5em;
	font-size: .8em;
	color: #D2007F;
	border: solid 1px #D2007F;
	border-radius: 5px;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {

	/* 対応アプリマーク */
	.icon-wash {
		position: absolute;
		top: 50%;
		right: 45px;
		margin-top: -1em;
	}

	.icon-home {
		position: absolute;
		top: 50%;
		right: 45px;
		margin-top: -1em;
	}

	/* メインセクション */
	.main-section {
		padding-top: 1em;
		font-size: 1.4rem;
	}

	.main-text {
		padding: 40px 0 50px;
	}

	/* サブセクション */
	.sub-title {
		margin: 50px 0 1em;
		font-size: 2rem;
	}

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

}

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

	/* 対応アプリマーク */
	.icon-wash {
		position: absolute;
		top: 50%;
		right: 25px;
		margin-top: -1em;
	}

	.icon-home {
		position: absolute;
		top: 50%;
		right: 25px;
		margin-top: -1em;
	}

	/* メインセクション */
	.main-container {
		display: flex;
		justify-content: space-between;
		margin-top: 80px;
	}

	.main-visual {
		width: 50%;
		order: 1;
	}

	.main-text {
		width: 48%;
	}

	.main-text .text {
		font-size: 1.8rem;
		line-height: 2;
	}

	/* メインセクション・メニューボタン */
	.main-link-menu {
		margin-top: 60px;
		padding: 70px 1.5%;
		background-color: #F5F5F5;
	}

	.main-link-menu .btn-open-menu,
	.main-link-menu .btn-link-menu {
		font-size: 1.4rem;
		font-weight: 500;
		position: relative;
	}

	.main-link-menu .btn-open-menu,
	.main-link-menu .btn-link-menu {
		display: block;
		width: 32%;
		margin-bottom: 0;
		padding: 16px 20px 16px 48px;
		font-size: 1.8rem;
		background-color: #fff;
		border: none;
	}

	.main-link-menu .btn-open-menu.hovering,
	.main-link-menu .btn-link-menu.hovering {
		outline: solid 1px #D9D9D9;
	}

	.main-link-menu .btn-open-menu::before,
	.main-link-menu .btn-link-menu::before {
		content: '';
		display: inline-block;
		width: 12px;
		height: 18px;
		background: url(../images/chevron-right-solid.svg) no-repeat center center;
		background-size: auto 100%;
		position: absolute;
		top: 50%;
		left: 20px;
		margin-top: -0.5em;
	}

	/* サブセクション */
	.sub-title {
		margin: 80px 0 60px;
		font-size: 2.8rem;
	}

	/* 注釈セクション */
	.caption-section {
		padding-top: 50px;
		padding-bottom: 40px;
	}

	.caption-section .base-width {
		padding-top: 40px;
		border-top: solid 1px #D9D9D9;
	}

}

/* ====================================
	タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) and (max-width: 1079px) {}

/* ====================================
	PC専用スタイル
===================================== */
@media only screen and (min-width: 1080px) {}