@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */
article {
	font-weight: 400;
}

article a {
	color: #149597;
}

article a:hover {
	color: #149597;
}

.bg-base1 {
	background: #c8e5e3;
}

.bg-base2 {
	background: #d5f1ef;
}

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

.flex-item {
	width: 100%;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	.mts {
		margin-top: 2rem;
	}
	.pc-only {
		display: none;
	}
	.tb {
		display: none;
	}

}

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

}

/* ====================================
	タブレット、印刷専用スタイル
===================================== */
@media print , screen and (min-width: 768px) and (max-width: 1079px) {
	.pc-only {
		display: none;
	}
	.inner {
		padding: 0 5%;
	}
}

/* ====================================
	PC専用スタイル
===================================== */
@media only screen and (min-width: 1080px) {
	.sp-tb, .tb {
		display: none;
	}
	.flame-wrap {
		position: relative;
		opacity: 0.5;
		z-index: 1;
	}
	.flame-l {
		width: 130px;
		height: 6470px;
		background: url(../images/flame-l.png) no-repeat right top;
		position: absolute;
		top: 0;
		left: 0;
	}
	.flame-r {
		width: 137px;
		height: 6470px;
		background: url(../images/flame-r.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}
}