@charset "UTF-8";

.site-footer::before,
.money-section,
.postal-section {background-color: var(--gray);}

/* sub-section */
@media all {
	.sub-section dl {
		display: flex;
		flex-wrap: wrap;
	}
	.sub-section dl dt,
	.sub-section dl dd {
		display: flex;
		align-items: center;
		border-top: 1px solid var(--border-dark);
		border-bottom: 1px solid var(--border-dark);
	}
	.sub-section dt {position: relative;}
	.sub-section dt::after {
		content: '';
		position: absolute;
		top: 12%;
		right: 0;
		display: block;
		width: 1px;
		height: 80%;
		background: linear-gradient(to bottom, var(--border-dark) 1px, transparent 1px);
		background-size: 1px 4rem;
		background-repeat: repeat-y;
	}
	/* sp */
	@media only screen and (max-width: 767px) {
		.sub-section {
			padding: 40rem 20rem;
		}
		.sub-section h3 {
			font-size: 18rem;
			line-height: 1;
		}
		.sub-section p {
			margin-top: 16rem;
			line-height: 24rem;
		}
		.sub-section dl {
			margin-top: 30rem;
		}
		.pc-right {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.pc-right img {
			margin-top: 20rem;
			width: 47.5%;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.sub-section {
			padding: 50rem 0;
		}
		.sub-section::after {
			content: '';
			display: block;
			clear: both;
		}
		.sub-section h3 {
			font-size: 20rem;
			line-height: 1;
		}
		.sub-section p {
			margin-top: 20rem;
			font-size: 14rem;
			line-height: 30rem;
		}
		.sub-section dl {
			margin-top: 30rem;
		}

		/* pc */
		@media print,
		(min-width: 1025px) {
			.sub-section-inner {
				margin: 0 auto;
				width: 1000rem;
			}
			.pc-left {
				float: left;
				width: 660rem;
			}
			.pc-right {
				float: right;
				width: 300rem;
			}
			.pc-right img + img {
				margin-top: 10rem;
			}
		}

		/* tab */
		@media (max-width: 1024px) {
			.sub-section-inner {
				margin: 0 auto;
				width: 660rem;
			}
			.pc-right {
				display: flex;
				justify-content: center;
			}
			.pc-right img {
				margin-top: 50rem;
				width: 31.5%;
			}
			.pc-right img:nth-child(n+2) {
				margin-left: 1.8333%;
			}
		}
	}
}

/* money-section */
@media all {
	
	/* sp */
	@media only screen and (max-width: 767px) {
		.money-section {margin-top: 40rem;}
		.money-dl {
			display: flex;
			flex-wrap: wrap;
		}
		.money-dl dt,
		.money-dl dd {
			margin-top: -1px;
			padding: .75em 1em;
		}
		.money-dl dt {
			width: 45%;
		}
		.money-dl dd {
			align-items: center;
			justify-content: center;
			width: 55%;
			font-weight: bold;
		}
		.money-dl dd small {
			display: block;
			margin-left: 1em;
			font-size: 12rem;
			font-weight: normal;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.money-section {margin-top: 80rem;}
		.money-dl dt {
			padding-left: 24rem;
			font-size: 14rem;
		}
		.money-dl dt,
		.money-dl dd {height: 62rem;width: 160rem;}
		.money-dl dt:nth-of-type(even) {margin-left: 20rem;}
		.money-dl dt:nth-child(n+5),
		.money-dl dd:nth-child(n+5) {margin-top: -1px;}
		.money-dl dd {
			flex-direction: column;
			align-items: flex-end!important;
			justify-content: center;
			padding-right: 24rem;
			font-weight: bold;
			line-height: 24rem;
		}
		.money-dl dd small {
			display: block;
			font-size: 14rem;
			font-weight: normal;
		}
	}
}

/* bank-section */
@media all {
	
	/* sp */
	@media only screen and (max-width: 767px) {
		.bank-dl dt,
		.bank-dl dd {
			margin-top: -1px;
			padding: .75em .5em;
		}
		.bank-dl dt {
			width: 45%;
			font-weight: bold;
			font-feature-settings: "palt";
			text-align: center;
			white-space: nowrap;
		}
		.bank-dl dd {
			width: 55%;
		}
		.bank-dl dt:nth-child(n+3),
		.bank-dl dd:nth-child(n+3) {margin-top: -1px;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.bank-dl dt,
		.bank-dl dd {height: 62rem;font-size: 14rem;}
		.bank-dl dt {
			padding-left: 24rem;
			width: 200rem;
			font-weight: bold;
		}
		.bank-dl dd {
			padding-left: 24rem;
			width: calc(100% - 200rem);
		}
		.bank-dl dt:nth-child(n+3),
		.bank-dl dd:nth-child(n+3) {margin-top: -1px;}
	}
}

/* postal-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.postal-section h3 + p {margin-top: 20rem;}
	}
}

/* tel-section */
@media all {
	dl.tel-dl dt div {color: var(--red);}
	dl.tel-dl dt {font-weight: bold;}

	/* sp */
	@media only screen and (max-width: 767px) {
		dl.tel-dl dt,
		dl.tel-dl dd {
			padding: .75em .5em;
			margin-top: -1px;
		}
		dl.tel-dl dt {
			flex-direction: column;
			width: 100%;
			border-bottom: none;
		}
		dl.tel-dl dd {border-top: none;}
		dl.tel-dl dt > div {
			width: 100%;
			text-align: center;
		}
		dl.tel-dl dt > div > div {
			display: inline-block;
			padding: 0 1em;
		}
		dl.tel-dl dt strong {font-size: 16rem;line-height: 30rem;}
		dl.tel-dl dt strong + small {margin-left: 8rem;}
		dl.tel-dl dd {
			display: block;
			width: 100%;
			font-size: 13rem;
			line-height: 30rem;
		}
		dl.tel-dl dt::after {
			top: auto;
			bottom: 0;
			width: 100%;
			height: 1px;
			background: linear-gradient(to right, var(--border-dark) 1px, transparent 1px);
			background-size: 4rem 1px;
			background-repeat: repeat-x;
		}
		.tel-dd-list {
			margin-left: 20rem;
			list-style-type: decimal;
		}
		.tel-section .pc-right {justify-content: space-around;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		dl.tel-dl dt,
		dl.tel-dl dd {margin-top: -1px;padding: 14rem 0;}
		dl.tel-dl dt {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-start;
			padding-left: 10rem;
			width: 207rem;
			font-size: 14rem;
		}
		dl.tel-dl dt strong {font-size: 20rem;line-height: 40rem;}
		dl.tel-dl dt strong + small {margin-left: 8rem;}
		dl.tel-dl dd {
			flex-direction: column;
			align-items: flex-start;
			padding: 14rem 0 14rem 14rem;
			width: calc(100% - 207rem);
			font-size: 14rem;
			line-height: 30rem;
		}
		dl.tel-dl dt::after {
			top: 18rem;
			height: calc(100% - 36rem);
		}
		.tel-dd-list {
			margin-left: 20rem;
			list-style-type: decimal;
		}
	}
}



/* template-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {}
}