/* CSS Document */

@charset "UTF-8";

main > div.grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0px 60px;
	padding-bottom: 60px;
}
@media screen and (min-width: 900px) {
	main > div.grid {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media screen and (max-width: 1160px) {
	main > div.grid {
		gap: 0px 50px;
	}
}
@media screen and (max-width: 900px) {
	main > div.grid {
		gap: 0px 40px;
	}
}
@media screen and (max-width: 736px) {
	main > div.grid {
		display: block;
	}
}

main > div.grid > article {
	margin-top: 90px !important;
}

main > div.grid > article > h2 {
	padding: 0.5rem 0 0 1.25rem;
	border-left: 1px solid #333;
	font-size: 1.25rem;
	letter-spacing: 0.13em;
	line-height: 1.6;
	color: #333;
}

main > div.grid > article > h2+p, main > div.grid > article > h2+ul {
	margin-top: 1.5rem;
}

main > div.grid > article > p {
	line-height: 1.9;
}

main > div.grid > article > ul li {
	line-height: 1.9;
}

div.grid ul.gray-bg {
	min-width: 100%;
	background: #F3F3F3;
	border: none;
}

@media screen and (min-width: 736px) {
	main > div.grid > article > p, main > div.grid > article > ul {
		margin-left: 18px;
		margin-right: 18px;
	}

	ul.gray-bg {
		min-width: 500px;
		background: #FFF;
		border: 12px solid #F3F3F3;
	}

	div.grid ul.gray-bg {
		min-width: calc(100% - 36px);
	}
}

div.grid ul.disc li::before {
	color: #B37D7A;
}

/*----------------------------------------------------------------------
アコーディオン
-----------------------------------------------------------------------*/
@media screen and (min-width: 960px) {
	main h3.button, div.accordion {
		margin-left: 80px;
		margin-right: 80px;
	}
}

/*----------------------------------------------------------------------
2025_1104追加
-----------------------------------------------------------------------*/
@media screen and (min-width: 960px) {
	.white-bg h3:not(.button) {
		padding: 0px 50px;
	}
}