@charset "utf-8";

/* ===========================================
	home
============================================== */
.main {
	position: relative;
	background-image: url(../images/top/cloud_green04.png);
	background-position: right -10rem bottom -7.8rem;
	background-size: 58rem;
}

.main::before {
	position: absolute;
	z-index: -1;
	top: 68.5rem;
	left: -12.4rem;
	width: 52rem;
	height: 45.5rem;
	background-image: url(../images/top/cloud_green03.png);
	background-position: center;
	background-size: contain;
	content: '';
}

.under_ttl_area {
	padding-bottom: 0;
}

.is-style-dotted_ttl + .staff_blog_contents {
	margin-top: 5.6rem;
}

.staff_blog_item > a {
	color: inherit;
}

/* ============
	responsive
================ */
@media screen and (max-width: 640px) {
	.main {
		background-position: right -5rem bottom 15.5rem;
		background-size: 23.2rem;
	}

	.main::before {
		top: 56rem;
		left: -4.7rem;
		width: 27.4rem;
		height: 23.8rem;
	}
}

/* ===========================================
	SPlus
============================================== */
.post-type-archive-splus .main {
	background-image: url(../images/common/cloud_orange_splus02.png);
	background-position: right -12.8rem bottom -6rem;
	background-size: 64.4rem;
}

.post-type-archive-splus .main::before {
	position: absolute;
	top: 45.2rem;
	left: -36.7rem;
	z-index: -1;
	width: 77.1rem;
	height: 56.5rem;
	background-image: url(../images/common/cloud_orange_splus01.png);
}

/* ============
	responsive
================ */
@media screen and (max-width: 640px) {
	.post-type-archive-splus .main {
		background-position: right -5.2rem bottom -0.5rem;
		background-size: 22.8rem;
	}

	.post-type-archive-splus .main::before {
		top: 39.5rem;
		left: -11.4rem;
		width: 26.2rem;
		height: 19.2rem;
	}

	.post-type-archive-splus .post_sidebar {
		background-color: #fff;
	}
}