@charset "UTF-8";
@media screen and (min-width: 768px), print {
	/* PC表示のスタイルを記述 */

	/*# customer-sec
		 -----------------------------------*/

	.customer-sec {
		margin-top: 80px;
		margin-bottom: 120px;
	}

	.customer-sec__inner {
		color: #262626;
		font-size: 16px;
		line-height: 2;
		margin-inline: auto;
		max-width: 1000px;
	}

	.customer-sec__inner p {
		margin-bottom: 20px;
	}

	.customer-sec__lead,
	.customer-sec__block {
		border-bottom: 1px solid #d9d6cc;
		margin-bottom: 60px;
		padding-bottom: 40px;
	}

	.customer-sec__block:last-child {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.customer-sec__inner p.customer-sec__catch {
		font-size: 26px;
		font-weight: bold;
		letter-spacing: 0.1em;
		line-height: 1.6;
		margin-bottom: 40px;
		text-align: center;
	}

	.customer-sec__ttl {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #e8e7e1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 26px;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 36px;
		padding: 14px 30px;
	}

	.customer-sec__ttl .num {
		border-right: 2px solid #262626;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		font-family: "Helvetica Neue", Arial, sans-serif;
		font-size: 34px;
		line-height: 1;
		margin-right: 24px;
		padding-right: 24px;
	}

	.customer-sec__inner p.customer-sec__quote {
		background-color: #faf9f7;
		border-left: 4px solid #262626;
		font-weight: bold;
		padding: 18px 28px;
	}

	.customer-sec__case {
		margin-bottom: 20px;
	}

	.customer-sec__case dt {
		border-left: 4px solid #262626;
		font-size: 19px;
		font-weight: bold;
		line-height: 1.6;
		margin-bottom: 8px;
		padding-left: 18px;
	}

	.customer-sec__case dd {
		padding-left: 22px;
	}

	.customer-sec__inner p.customer-sec__note {
		font-size: 14px;
	}

	.customer-sec__list {
		background-color: #faf9f7;
		margin-bottom: 20px;
		padding: 20px 30px;
	}

	.customer-sec__list li {
		padding-left: 22px;
		position: relative;
	}

	.customer-sec__list li::before {
		background-color: #262626;
		border-radius: 50%;
		content: "";
		height: 8px;
		left: 0;
		position: absolute;
		top: 13px;
		width: 8px;
	}
}

@media screen and (max-width: 767px) {
	/* SP表示のスタイルを記述 */

	/*# customer-sec
		 -----------------------------------*/

	.customer-sec {
		margin-top: 8vw;
		margin-bottom: 15vw;
	}

	.customer-sec__inner {
		color: #262626;
		font-size: 3.623vw;
		line-height: 1.9;
		padding: 0 5vw;
	}

	.customer-sec__inner p {
		margin-bottom: 3.865vw;
	}

	.customer-sec__lead,
	.customer-sec__block {
		border-bottom: 1px solid #d9d6cc;
		margin-bottom: 8vw;
		padding-bottom: 4vw;
	}

	.customer-sec__block:last-child {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.customer-sec__inner p.customer-sec__catch {
		font-size: 4.831vw;
		font-weight: bold;
		letter-spacing: 0.08em;
		line-height: 1.6;
		margin-bottom: 6vw;
		text-align: center;
	}

	.customer-sec__ttl {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #e8e7e1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 4.348vw;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 5vw;
		padding: 3vw 4vw;
	}

	.customer-sec__ttl .num {
		border-right: 2px solid #262626;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		font-family: "Helvetica Neue", Arial, sans-serif;
		font-size: 6.039vw;
		line-height: 1;
		margin-right: 3.382vw;
		padding-right: 3.382vw;
	}

	.customer-sec__inner p.customer-sec__quote {
		background-color: #faf9f7;
		border-left: 3px solid #262626;
		font-weight: bold;
		padding: 3vw 4vw;
	}

	.customer-sec__case {
		margin-bottom: 3.865vw;
	}

	.customer-sec__case dt {
		border-left: 3px solid #262626;
		font-size: 3.865vw;
		font-weight: bold;
		line-height: 1.6;
		margin-bottom: 1.5vw;
		padding-left: 3vw;
	}

	.customer-sec__case dd {
		padding-left: 3.7vw;
	}

	.customer-sec__inner p.customer-sec__note {
		font-size: 3.14vw;
	}

	.customer-sec__list {
		background-color: #faf9f7;
		margin-bottom: 3.865vw;
		padding: 3vw 4vw;
	}

	.customer-sec__list li {
		padding-left: 4.5vw;
		position: relative;
	}

	.customer-sec__list li::before {
		background-color: #262626;
		border-radius: 50%;
		content: "";
		height: 1.8vw;
		left: 0;
		position: absolute;
		top: 2.8vw;
		width: 1.8vw;
	}
}