@charset "utf-8";
/* CSS Document */

/* ------------------------------
背景色を横幅いっぱいに
------------------------------ */

/* ---------------
大枠
--------------- */
.home .container {
	padding-left: 0;
	padding-right: 0;
}

.home section > div {
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width:768px){
	.home .container,
	.home .main {
		width: 100%;
	}

	.home section > div {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ---------------
大枠 - section枠なし
--------------- */
.top_question {
	padding-left: 15px;
	padding-right: 15px;	
}

@media (min-width:768px){
	.top_question {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ---------------
背景色を付けるブロック
--------------- */
.home section:has(.about),
.home section:has(.point) {
	margin-top: 60px;
	padding-top: 60px;
	padding-bottom: 60px;
	background: var(--main-color-light);
}

.home section:has(.about) .title_icon,
.home section:has(.point) .title_icon {
	margin-top: 0;
}

@media screen and (max-width:767px){
	.home section:has(.about),
	.home section:has(.point) {
		margin-top: 40px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
}