@charset "UTF-8";
/*
* このcssファイルは直接編集しないでください。
* 必要な変更は元のSassファイルで行ってください。
*/
/* ============================
* base
* ========================= */
/* Basic font size */
html {
	font-size: 16px;
}

/* default setting */
body {
	background: #fff;
	color: #150c15;
	font-family: "Noto Sans JP", sans-serif;
	font-feature-settings: "palt";
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5;
}
@media screen and (min-width: 768px) {
	body {
		font-size: 1.125rem;
	}
}

a {
	color: #150c15;
	text-decoration: none;
	cursor: pointer;
}

img {
	border-style: none;
	box-sizing: border-box;
	height: auto;
	object-fit: cover;
	max-width: 100%;
	vertical-align: bottom;
}

li {
	list-style: none;
}

h3 {
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.6rem;
}

p {
	line-height: 1.6;
}

/* ============================
* 共通
* ========================= */
.common {
	padding: 3.75rem 0;
}
@media screen and (min-width: 768px) {
	.common {
		padding: 100px 0;
	}
}
.common__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 0 20px;
}
@media screen and (min-width: 768px) {
	.common__inner {
		padding: 0 40px;
		gap: 3.75rem;
	}
}
@media screen and (min-width: 1280px) {
	.common__inner {
		padding: 0;
		margin: 0 auto;
		max-width: 1000px;
	}
}
.common__title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
	font-family: "Shippori Mincho", serif;
	font-size: 2em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.3rem;
}
@media screen and (min-width: 768px) {
	.common__title {
		writing-mode: vertical-rl;
	}
}
.common__title::after {
	content: "";
	display: block;
	background: #9a1117;
	width: 90px;
	height: 1px;
}
@media screen and (min-width: 768px) {
	.common__title::after {
		height: 90px;
		width: 1px;
	}
}

.child-top {
	height: calc(100vh - 70px);
	position: relative;
}
@media screen and (min-width: 1280px) {
	.child-top {
		margin-top: 130px;
		height: calc(100vh - 130px);
	}
}
.child-top__img {
	height: 100%;
}
.child-top__img img {
	height: 100%;
	width: 100%;
}
.child-top__headline {
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	height: 100%;
	font-family: "Shippori Mincho", serif;
	font-size: 3em;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.35em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	writing-mode: vertical-rl;
}
.child-top__headline::before, .child-top__headline::after {
	content: "";
	display: block;
	background: #fff;
	width: 2.5rem;
	height: 1px;
}

.common-btn {
	width: 100%;
	display: flex;
	align-items: center;
	padding-right: 0.625rem;
}
@media screen and (min-width: 768px) {
	.common-btn {
		max-width: 480px;
		margin: 0 auto;
	}
}
.common-btn::before {
	content: "";
	background: #9a1117;
	display: block;
	width: 1.25rem;
	height: 1px;
	margin-right: -0.625rem;
	z-index: 1;
}
.common-btn:hover {
	opacity: 0.6;
}
.common-btn__inner {
	background: #fff;
	border: 1px solid #917c50;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Shippori Mincho", serif;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1;
	padding: 1.25rem 1rem;
	text-align: center;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.common-btn__inner {
		font-size: 1.5em;
		padding: 1.5rem 2.5rem;
	}
}

.phone-btn-icon::before {
	background: url('data:image/svg+xml;utf8,<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.195 0H8.98539C7.06047 0 5.5 1.56041 5.5 3.48539V24.4235C5.5 27.5036 7.9965 30 11.0765 30H19.1038C22.1839 30 24.6803 27.5035 24.6803 24.4235V3.48539C24.6803 1.56041 23.12 0 21.195 0ZM15.0902 28.197C14.6147 28.197 14.2295 27.8118 14.2295 27.3364C14.2295 26.861 14.6147 26.4757 15.0902 26.4757C15.5656 26.4757 15.9508 26.8609 15.9508 27.3364C15.9508 27.8119 15.5656 28.197 15.0902 28.197ZM12.8771 1.31156H17.3028C17.5521 1.31156 17.7538 1.51383 17.7538 1.76256C17.7538 2.01135 17.5521 2.21355 17.3028 2.21355H12.8771C12.6278 2.21355 12.4261 2.01141 12.4261 1.76256C12.4261 1.51383 12.6278 1.31156 12.8771 1.31156ZM7.46723 24.4235V4.18031H22.7131V24.4235C22.7131 24.6487 22.6896 24.8682 22.6502 25.0819H7.5301C7.49078 24.8682 7.46723 24.6488 7.46723 24.4235Z" fill="%23333333" fill-opacity="0.4"/></svg>') center center/contain no-repeat;
}

.mail-btn-icon::before {
	background: url('data:image/svg+xml;utf8,<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.2764 0.226074H0.723656C0.324469 0.226074 0 0.550543 0 0.950433V2.37501L12 10.4163L24 2.37426V0.950433C24 0.550543 23.6755 0.226074 23.2764 0.226074Z" fill="%23F0A573"/><path d="M0 5.3445V14.8785C0 16.4781 1.29567 17.7737 2.89598 17.7737H21.104C22.7044 17.7737 24 16.4781 24 14.8785V5.34375L12 13.3858L0 5.3445Z" fill="%23F0A573"/></svg>') center center/contain no-repeat;
}

.line-btn-icon::before {
	background: url('data:image/svg+xml;utf8,<svg width="26" height="24" viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.7697 0C19.81 0 25.5394 4.5872 25.5394 10.2281C25.5394 12.4793 24.6532 14.5183 22.7973 16.5213C21.4607 18.0449 19.2907 19.7218 17.2902 21.1085C15.2896 22.4781 13.4499 23.5557 12.7688 23.8382C12.4964 23.9495 12.2921 24 12.1304 24C11.5685 24 11.6187 23.4025 11.6613 23.1543C11.6953 22.966 11.8494 22.074 11.8494 22.074C11.892 21.7573 11.9337 21.254 11.806 20.9373C11.6613 20.5863 11.0909 20.4057 10.6738 20.3201C4.54516 19.5164 0 15.2784 0 10.2281C0 4.5872 5.72933 0 12.7697 0ZM11.9116 6.84614C11.4825 6.85384 11.0671 7.18339 11.0671 7.70383V12.8397C11.0671 13.3122 11.4485 13.6957 11.9184 13.6957C12.3883 13.6957 12.7697 13.3122 12.7697 12.8397V10.3753L14.6307 13.3362C15.1125 14.0141 16.1749 13.6726 16.1749 12.8397V7.70383C16.1749 7.23133 15.7935 6.84785 15.3236 6.84785C14.8537 6.84785 14.4723 7.23133 14.4723 7.70383V10.2718L12.6113 7.20736C12.4309 6.95314 12.1687 6.84186 11.9116 6.84614ZM4.25656 6.84785C3.78664 6.84785 3.40525 7.23133 3.40525 7.70383V12.8397C3.40525 13.3122 3.78664 13.6957 4.25656 13.6957H6.8105C7.28042 13.6957 7.66181 13.3122 7.66181 12.8397C7.66181 12.3672 7.28042 11.9837 6.8105 11.9837H5.10787V7.70383C5.10787 7.23133 4.72649 6.84785 4.25656 6.84785ZM9.36444 6.84785C8.89451 6.84785 8.51313 7.23133 8.51313 7.70383V12.8397C8.51313 13.3122 8.89451 13.6957 9.36444 13.6957C9.83436 13.6957 10.2157 13.3122 10.2157 12.8397V7.70383C10.2157 7.23133 9.83436 6.84785 9.36444 6.84785ZM17.8776 6.84785C17.4076 6.84785 17.0263 7.23133 17.0263 7.70383V12.8397C17.0263 13.3122 17.4076 13.6957 17.8776 13.6957H20.4315C20.9014 13.6957 21.2828 13.3122 21.2828 12.8397C21.2828 12.3672 20.9014 11.9837 20.4315 11.9837H18.7289V11.1278H20.4315C20.9023 11.1278 21.2828 10.7443 21.2828 10.2718C21.2828 9.79927 20.9023 9.41579 20.4315 9.41579H18.7289V8.55981H20.4315C20.9014 8.55981 21.2828 8.17633 21.2828 7.70383C21.2828 7.23133 20.9014 6.84785 20.4315 6.84785H17.8776Z" fill="%2306C755"/></svg>') center center/contain no-repeat;
}

.font-min {
	font-family: "Shippori Mincho", serif;
}

/* ============================
* 改行
* ========================= */
.non-sp {
	display: none;
}
@media screen and (min-width: 768px) {
	.non-sp {
		display: block;
	}
}

@media screen and (min-width: 768px) {
	.non-md {
		display: none;
	}
}

@media screen and (min-width: 992px) {
	.non-lg {
		display: none;
	}
}

@media screen and (min-width: 1280px) {
	.non-xl {
		display: none;
	}
}

/* ============================
* header
* ========================= */
.header {
	background: #fff;
	height: 70px;
	width: 100%;
	position: relative;
	z-index: 2;
}
@media screen and (min-width: 1280px) {
	.header {
		height: 130px;
		position: fixed;
		top: 0;
	}
}
.header__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
.header__logo, .footer-address__logo {
	height: 50px;
	padding: 0 0.625rem;
}
@media screen and (min-width: 1280px) {
	.header__logo, .footer-address__logo {
		height: 60px;
		padding: 0 1.25rem;
	}
}
.header__logo img, .footer-address__logo img {
	height: 100%;
	width: auto;
}

.header-contact {
	display: none;
}
@media screen and (min-width: 1280px) {
	.header-contact {
		display: flex;
		align-items: flex-start;
		height: 100%;
	}
}
.header-contact__tel-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	padding: 0.625rem 1.875rem;
	height: 100%;
}
.header-contact__box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
}
.header-contact__head {
	font-size: 0.75em;
	line-height: 1;
}
.header-contact__list {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	height: 100%;
}
.header-contact__item {
	height: 100%;
}
.header-contact__item:nth-of-type(2) .header-contact__link {
	background-color: #06C755;
}
.header-contact__link {
	background-color: #917c50;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 0.625rem;
	height: 100%;
	width: 130px;
	padding: 1.25rem 0.625rem;
}
.header-contact__link:hover {
	opacity: 0.6;
}
.header-contact__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.25rem;
	width: 2.25rem;
}
.header-contact__icon img {
	width: 100%;
	height: auto;
}
.header-contact__text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.375rem;
	font-family: "Shippori Mincho", serif;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1;
	width: 100%;
}
.header-contact__emphasis {
	font-size: 1.11111em;
	letter-spacing: -0.01em;
}

.header-tel-btn--tel01, .header-tel-btn--tel02 {
	width: 100%;
}
.header-tel-btn--tel02 .header-tel-btn__number::before {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M20.695 0H8.48539C6.56047 0 5 1.56041 5 3.48539V24.4235C5 27.5036 7.4965 30 10.5765 30H18.6038C21.6839 30 24.1803 27.5035 24.1803 24.4235V3.48539C24.1803 1.56041 22.62 0 20.695 0ZM14.5902 28.197C14.1147 28.197 13.7295 27.8118 13.7295 27.3364C13.7295 26.861 14.1147 26.4757 14.5902 26.4757C15.0656 26.4757 15.4508 26.8609 15.4508 27.3364C15.4508 27.8119 15.0656 28.197 14.5902 28.197ZM12.3771 1.31156H16.8028C17.0521 1.31156 17.2538 1.51383 17.2538 1.76256C17.2538 2.01135 17.0521 2.21355 16.8028 2.21355H12.3771C12.1278 2.21355 11.9261 2.01141 11.9261 1.76256C11.9261 1.51383 12.1278 1.31156 12.3771 1.31156ZM6.96723 24.4235V4.18031H22.2131V24.4235C22.2131 24.6487 22.1896 24.8682 22.1502 25.0819H7.0301C6.99078 24.8682 6.96723 24.6488 6.96723 24.4235Z" fill="%23ffffff"/></svg>') center center/contain no-repeat;
}
.header-tel-btn__link {
	background-color: #9a1117;
	padding: 0.5rem 1.25rem !important;
}
.header-tel-btn__number {
	color: #fff;
	display: flex;
	align-items: center;
	gap: 0.625rem;
	font-family: "Shippori Mincho", serif;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1;
}
.header-tel-btn__number::before {
	content: "";
	display: block;
	background: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Vector" d="M5.55536 1.27129C3.49403 2.60816 3.08909 6.78701 3.86734 10.1929C4.47343 12.8452 5.76202 16.4031 7.93491 19.7533C9.97902 22.9051 12.8308 25.7312 15.0054 27.3663C17.7978 29.4658 21.7784 30.8004 23.8398 29.4635C24.8821 28.7875 26.4307 26.9406 26.5013 26.6092C26.5013 26.6092 25.5933 25.209 25.394 24.9017L22.3487 20.2063C22.1225 19.8574 20.7033 20.1763 19.9824 20.5847C19.0099 21.1357 18.1143 22.6141 18.1143 22.6141C17.4475 22.9994 16.889 22.6155 15.722 22.0785C14.2878 21.4186 12.6753 19.3683 11.3919 17.5112C10.2198 15.5822 9.0053 13.2736 8.98773 11.695C8.97325 10.4105 8.85056 9.74406 9.47429 9.29231C9.47429 9.29231 11.1894 9.0775 12.0892 8.41434C12.756 7.92262 13.6259 6.75695 13.3997 6.40797L10.3544 1.71262C10.1551 1.40535 9.24706 0.00519609 9.24706 0.00519609C8.9156 -0.0654094 6.59769 0.595294 5.55536 1.27129Z" fill="%23ffffff"/></svg>') center center/contain no-repeat;
	width: 1.65rem;
	height: 1.25rem;
}

.header-menu {
	display: flex;
	align-items: center;
	gap: 2.5rem;
	padding: 1.25rem 0;
}
.header-menu__item {
	font-family: "Shippori Mincho", serif;
	font-size: 1em;
	font-weight: 700;
	line-height: 1;
}

/* ============================
* gnav
* ========================= */
.gnav-content {
	width: 100vw;
	position: absolute;
	top: 0;
	right: 0;
}
.gnav-content .gnav-btn {
	background-color: #917c50;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	padding: 0.625rem;
	height: 70px;
	width: 70px;
	z-index: 940;
	position: fixed;
	top: 0;
	right: 0;
}
@media screen and (min-width: 1280px) {
	.gnav-content .gnav-btn {
		display: none;
	}
}
.gnav-content .gnav-btn span {
	display: block;
	transition: all 0.4s;
}
.gnav-content .gnav-btn span:nth-of-type(1), .gnav-content .gnav-btn span:nth-of-type(3) {
	background: #fff;
	height: 3px;
	width: 40px;
}
.gnav-content .gnav-btn span:nth-of-type(2) {
	font-size: 0.875em;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}
.gnav-content .gnav-btn.active {
	background: #fff;
}
.gnav-content .gnav-btn.active span {
	background: #917c50;
}
.gnav-content .gnav-btn.active span:nth-of-type(1) {
	width: 30px;
	transform: translateY(1.125rem) rotate(-45deg);
}
.gnav-content .gnav-btn.active span:nth-of-type(3) {
	width: 30px;
	transform: translateY(-1.125rem) rotate(45deg);
}
.gnav-content .gnav-btn.active span:nth-of-type(2) {
	opacity: 0;
}

.gnav {
	color: #fff;
	display: none;
}
.gnav.open {
	display: block;
	height: 100vh;
	width: 100%;
	position: fixed;
	z-index: 920;
}
.gnav__inner {
	padding: 5rem 1.875rem 3.75rem;
	height: 100%;
	width: 100%;
	position: relative;
}
.gnav__logo {
	position: absolute;
	top: 1.25rem;
	left: 1.875rem;
}
.gnav__logo img {
	height: 2.5rem;
}
.gnav__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	height: 100%;
	width: 100%;
	overflow-y: scroll;
}
.gnav__title {
	font-size: 1em;
	font-weight: 500;
	line-height: 1;
}
.gnav__list {
	width: 100%;
}
.gnav__item {
	width: 100%;
}
.gnav__item:not(:first-of-type) {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.gnav__link {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Shippori Mincho", serif;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1;
	padding: 1.25rem;
}
.gnav__btn {
	background: #fff;
	border-radius: 100vh;
	width: 100%;
}

.circle-bg {
	position: fixed;
	z-index: 910;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #917c50;
	transform: scale(0);
	bottom: -50px;
	left: calc(50% - 50px);
	transition: all 0.6s;
}
.circle-bg.circleactive {
	transform: scale(50);
}

/* ============================
* footer
* ========================= */
.footer {
	background: #150c15;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3.75rem;
	padding: 3.75rem 1.25rem 1.25rem;
}
.footer__content {
	width: 100%;
}
@media screen and (min-width: 992px) {
	.footer__content {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		gap: 1.25rem;
	}
}
.footer__copyright {
	color: #fff;
	font-size: 0.75em;
	font-weight: 500;
	line-height: 1;
}
@media screen and (min-width: 768px) {
	.footer__copyright {
		font-size: 0.875em;
	}
}

.footer-address {
	border-bottom: 1px solid #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.625rem;
	padding-bottom: 1.25rem;
}
@media screen and (min-width: 992px) {
	.footer-address {
		border-bottom: none;
		width: 50%;
	}
}
.footer-address__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.footer-address__address, .footer-address__tel {
	color: #fff;
	font-size: 1em;
	font-weight: 350;
}
.footer-address__address {
	line-height: 1.3;
	padding-bottom: 1.25rem;
}
@media screen and (min-width: 992px) {
	.footer-address__address {
		display: flex;
		gap: 2em;
	}
}
.footer-address__tel {
	line-height: 1;
}
.footer-address__tel + .footer-address__tel {
	padding-top: 0.625rem;
}
.footer-address__tel > * {
	border-bottom: none !important;
}

.license-number {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	padding-top: 1.25rem;
}
@media screen and (min-width: 992px) {
	.license-number {
		width: 50%;
	}
}
.license-number__text {
	color: #fff;
	font-family: "Shippori Mincho", serif;
	font-size: 1em;
	font-weight: 600;
	line-height: 1;
}

.footer-bottom {
	background: #c5c2c5;
	position: fixed;
	pointer-events: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
@media screen and (min-width: 768px) {
	.footer-bottom {
		display: none;
	}
}
.footer-bottom__list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	padding: 0.625rem;
}
.footer-bottom__item--top {
	height: 2.25rem;
}
.footer-bottom__btn--tel, .footer-bottom__btn--line {
	color: #fff;
	border-radius: 4px;
	box-shadow: 0px 4px 4px 0px rgba(51, 51, 51, 0.2);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.325rem;
	padding: 0.625rem;
}
.footer-bottom__btn--tel {
	background-color: #c27074;
}
.footer-bottom__btn--tel .footer-bottom__icon img {
	width: auto;
	height: 100%;
}
.footer-bottom__btn--line {
	background-color: #06C755;
}
.footer-bottom__btn--line .footer-bottom__icon img {
	width: 100%;
	height: auto;
}
.footer-bottom__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
}
.footer-bottom__text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.2rem;
	font-size: 0.875rem;
	font-family: 700;
	line-height: 1;
}
.footer-bottom__desc {
	font-size: 0.75em;
}
.footer-bottom__top {
	background-color: #5b555b;
	border-radius: 100vh;
	display: block;
	width: 2.25rem;
	height: 2.25rem;
}
.footer-bottom .arrow-round {
	position: relative;
	display: inline-block;
}
.footer-bottom .arrow-round::before {
	content: "";
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	width: 1rem;
	height: 1rem;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}

/* ============================
* contact-mini
* ========================= */
.contact-mini {
	background: #fcf8f8;
}

.cta-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2.5rem;
	padding: 3.75rem 0.625rem;
}
@media screen and (min-width: 768px) {
	.cta-area {
		padding: 3.75rem 2.5rem;
	}
}
.cta-area__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	width: 100%;
}
.cta-area__title {
	color: #917c50;
	font-family: "Shippori Mincho", serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}
.cta-area__lead {
	font-family: "Shippori Mincho", serif;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.3;
}
.cta-area__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
	width: 100%;
}
.cta-area .contact-tel {
	background: #f9f1f1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	padding: 2rem 0.625rem;
	width: 100%;
}
.cta-area .contact-tel__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	width: 100%;
}
@media screen and (min-width: 992px) {
	.cta-area .contact-tel__content {
		flex-direction: row;
		align-items: flex-end;
		gap: 1.25rem;
	}
}
.cta-area .contact-tel__title {
	color: #917c50;
	font-family: "Shippori Mincho", serif;
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1;
}
.cta-area .contact-tel__btn-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	width: 100%;
}
.cta-area .contact-tel__head {
	font-size: 1em;
	font-weight: 300;
	line-height: 1;
}
.cta-area .contact-tel__btn {
	background: #9a1117;
}
.cta-area .contact-tel__number-box {
	display: none;
}
@media screen and (min-width: 768px) {
	.cta-area .contact-tel__number-box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 0.625rem;
		width: 100%;
	}
}
.cta-area .contact-tel__number {
	color: #9a1117;
	font-family: "Shippori Mincho", serif;
	font-size: 1.9em;
	font-weight: 700;
	line-height: 1;
}
.cta-area .contact-tel__number > * {
	border-bottom: none !important;
}
.cta-area .contact-line__btn {
	background: #06C755;
}
.cta-area .contact-foam__btn {
	background: #917c50;
}

.contact-btn {
	width: 100%;
}
@media screen and (min-width: 768px) {
	.contact-btn {
		max-width: 500px;
		margin: 0 auto;
	}
}
.contact-btn__inner {
	border-radius: 6px;
	box-shadow: 0 4px 4px 0 rgba(21, 12, 21, 0.2);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	padding: 1.25rem;
}
.contact-btn__inner:hover {
	opacity: 0.6;
}
.contact-btn__tel {
	font-family: "Shippori Mincho", serif;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1;
}
.contact-btn__tel > * {
	border-bottom: none !important;
}
.contact-btn__text {
	font-family: "Shippori Mincho", serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
	width: 100%;
}

.tel-icon01,
.tel-icon02 {
	display: flex;
	align-items: center;
	gap: 0.625rem;
}
.tel-icon01::before,
.tel-icon02::before {
	content: "";
	display: block;
	height: 1.75rem;
	width: 1.75rem;
}

.tel-icon01::before {
	background: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Vector" d="M5.55536 1.27129C3.49403 2.60816 3.08909 6.78701 3.86734 10.1929C4.47343 12.8452 5.76202 16.4031 7.93491 19.7533C9.97902 22.9051 12.8308 25.7312 15.0054 27.3663C17.7978 29.4658 21.7784 30.8004 23.8398 29.4635C24.8821 28.7875 26.4307 26.9406 26.5013 26.6092C26.5013 26.6092 25.5933 25.209 25.394 24.9017L22.3487 20.2063C22.1225 19.8574 20.7033 20.1763 19.9824 20.5847C19.0099 21.1357 18.1143 22.6141 18.1143 22.6141C17.4475 22.9994 16.889 22.6155 15.722 22.0785C14.2878 21.4186 12.6753 19.3683 11.3919 17.5112C10.2198 15.5822 9.0053 13.2736 8.98773 11.695C8.97325 10.4105 8.85056 9.74406 9.47429 9.29231C9.47429 9.29231 11.1894 9.0775 12.0892 8.41434C12.756 7.92262 13.6259 6.75695 13.3997 6.40797L10.3544 1.71262C10.1551 1.40535 9.24706 0.00519609 9.24706 0.00519609C8.9156 -0.0654094 6.59769 0.595294 5.55536 1.27129Z" fill="%23ffffff"/></svg>') center center/contain no-repeat;
}

.tel-icon02::before {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M20.695 0H8.48539C6.56047 0 5 1.56041 5 3.48539V24.4235C5 27.5036 7.4965 30 10.5765 30H18.6038C21.6839 30 24.1803 27.5035 24.1803 24.4235V3.48539C24.1803 1.56041 22.62 0 20.695 0ZM14.5902 28.197C14.1147 28.197 13.7295 27.8118 13.7295 27.3364C13.7295 26.861 14.1147 26.4757 14.5902 26.4757C15.0656 26.4757 15.4508 26.8609 15.4508 27.3364C15.4508 27.8119 15.0656 28.197 14.5902 28.197ZM12.3771 1.31156H16.8028C17.0521 1.31156 17.2538 1.51383 17.2538 1.76256C17.2538 2.01135 17.0521 2.21355 16.8028 2.21355H12.3771C12.1278 2.21355 11.9261 2.01141 11.9261 1.76256C11.9261 1.51383 12.1278 1.31156 12.3771 1.31156ZM6.96723 24.4235V4.18031H22.2131V24.4235C22.2131 24.6487 22.1896 24.8682 22.1502 25.0819H7.0301C6.99078 24.8682 6.96723 24.6488 6.96723 24.4235Z" fill="%23ffffff"/></svg>') center center/contain no-repeat;
}

.arrow-icon {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.arrow-icon::after {
	content: "";
	display: block;
	height: 1.25rem;
	width: 1.25rem;
	background: url(../img/common/arrow-icon.svg) center center/contain no-repeat;
}

.line {
	position: relative;
}

.line-top,
.line-bottom,
.line-left,
.line-right {
	position: absolute;
}

.line-top,
.line-bottom {
	background: #9a1117;
	height: 1px;
	width: calc(100% + 1rem);
	left: -0.5rem;
}

.line-top {
	top: 0;
}

.line-bottom {
	bottom: 0;
}

.line-left,
.line-right {
	background: #917c50;
	height: calc(100% + 1rem);
	width: 1px;
	top: -0.5rem;
}

.line-left {
	left: 0;
}

.line-right {
	right: 0;
}

/* ============================
* HOME page
* ========================= */
.main-visual {
	height: 100vh;
	margin-top: -70px;
	position: relative;
}
@media screen and (min-width: 1280px) {
	.main-visual {
		margin-top: 0;
	}
}
.main-visual__img {
	height: 100%;
}
.main-visual__img img {
	height: 100%;
	width: 100%;
}
@media screen and (min-width: 992px) {
	.main-visual__catch, .main-visual__slider {
		margin: 0 2.5rem;
		width: calc(100% - 5rem);
	}
}
@media screen and (min-width: 1280px) {
	.main-visual__catch, .main-visual__slider {
		max-width: 80vw;
		margin: 0;
		width: 80vw;
	}
}
.main-visual__catch {
	width: 100%;
	height: calc(100% - 70px);
	padding: 1.25rem;
	position: absolute;
	top: 70px;
	right: 0;
	writing-mode: vertical-rl;
	z-index: 1;
}
@media screen and (min-width: 992px) {
	.main-visual__catch {
		padding: 2rem 0rem;
	}
}
@media screen and (min-width: 1280px) {
	.main-visual__catch {
		height: calc(100% - 130px);
		margin: 0;
		top: 130px;
		right: 50%;
		transform: translateX(50%);
	}
}
.main-visual__text, .main-visual__text--sub, .main-visual__text--main, .main-visual__text--desc {
	color: #fff;
	font-family: "Shippori Mincho", serif;
	font-weight: 800;
	line-height: 1;
}
.main-visual__text--sub {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	font-size: 1.5em;
}
@media screen and (min-width: 768px) {
	.main-visual__text--sub {
		font-size: 4.5vh;
	}
}
.main-visual__text--sub::before, .main-visual__text--sub::after {
	content: "";
	display: block;
	background: #fff;
	width: 1px;
	height: 40px;
}
.main-visual__text--main {
	font-size: 2.25em;
	line-height: 1.3;
	margin-right: 1.25rem;
}
@media screen and (min-width: 768px) {
	.main-visual__text--main {
		font-size: 7vh;
		margin-right: 2.5rem;
	}
}
.main-visual__text--desc {
	font-size: 1.25em;
	line-height: 1.4;
	margin-right: 2.5rem;
}
@media screen and (min-width: 768px) {
	.main-visual__text--desc {
		font-size: 4.5vh;
	}
}
.main-visual__slider {
	width: 100%;
	height: calc(100% - 70px);
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (min-width: 992px) {
	.main-visual__slider {
		overflow-y: hidden;
	}
}
@media screen and (min-width: 1280px) {
	.main-visual__slider {
		height: calc(100% - 130px);
		left: 50%;
		transform: translateX(-50%);
	}
}
.main-visual__item {
	width: auto;
	padding-left: 0.625rem;
	padding-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
	.main-visual__item {
		height: 76vw;
		padding-left: 2.5rem;
	}
}
@media screen and (min-width: 992px) {
	.main-visual__item {
		height: 100%;
		padding-bottom: 0;
	}
}
.main-visual__item img {
	height: 100%;
	width: auto;
}
@media screen and (min-width: 768px) {
	.main-visual__item img {
		max-height: initial;
	}
}
.main-visual__item:first-of-type {
	width: 80vw;
}
@media screen and (min-width: 992px) {
	.main-visual__item:first-of-type {
		width: auto;
		height: 120vh;
		margin-bottom: -12vh;
	}
}
@media screen and (min-width: 1280px) {
	.main-visual__item:first-of-type {
		height: 105vh;
		margin-top: -8vh;
		margin-left: 6vw;
	}
}
@media screen and (min-width: 1920px) {
	.main-visual__item:first-of-type {
		margin-left: 13vw;
	}
}
.main-visual__item:first-of-type img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 992px) {
	.main-visual__item:first-of-type img {
		width: auto;
		height: 100%;
	}
}
.main-visual__item:nth-of-type(2) {
	height: 340px;
}
@media screen and (min-width: 992px) {
	.main-visual__item:nth-of-type(2) {
		height: 96vh;
		margin-bottom: -8vh;
	}
}
@media screen and (min-width: 1280px) {
	.main-visual__item:nth-of-type(2) {
		margin-bottom: -10vh;
		margin-left: 2vw;
	}
}
@media screen and (min-width: 1920px) {
	.main-visual__item:nth-of-type(2) {
		margin-left: 10vw;
	}
}
@media screen and (min-width: 992px) {
	.main-visual__item:nth-of-type(2) img {
		width: auto;
		height: 100%;
	}
}
.main-visual__item:nth-of-type(3) {
	height: 340px;
}
@media screen and (min-width: 992px) {
	.main-visual__item:nth-of-type(3) {
		height: 100%;
	}
}
@media screen and (min-width: 1920px) {
	.main-visual__item:nth-of-type(3) {
		margin-left: 5vw;
	}
}
@media screen and (min-width: 992px) {
	.main-visual__item:nth-of-type(3) img {
		height: 100%;
	}
}
.main-visual .js_slider-item {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
}
.main-visual .js_slider-item.current {
	opacity: 1;
}
.main {
	background: #f4f2ee;
}
.main__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2.5rem;
}
@media screen and (min-width: 1280px) {
	.main__content {
		flex-direction: row-reverse;
		gap: 80px;
	}
}
.main__heading-unit {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
@media screen and (min-width: 1280px) {
	.main__heading-unit {
		flex-direction: row-reverse;
		max-width: 600px;
	}
}
.main__avatar {
	width: 300px;
	height: 300px;
	margin-left: auto;
}
@media screen and (min-width: 768px) {
	.main__avatar {
		width: 450px;
		height: 450px;
	}
}
@media screen and (min-width: 1280px) {
	.main__avatar {
		margin-left: inherit;
		margin-top: 4rem;
	}
}
.main__avatar img {
	width: 100%;
	height: 100%;
}
.main__heading {
	background: rgba(255, 255, 255, 0.9);
	font-family: "Shippori Mincho", serif;
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: 0.2em;
	line-height: 1.25;
	margin-top: -120px;
	padding: 1.25rem 1.875rem;
	writing-mode: vertical-rl;
}
@media screen and (min-width: 1280px) {
	.main__heading {
		font-size: 2em;
		margin-top: inherit;
		margin-right: -2.5rem;
		padding: 2.5rem;
		z-index: 1;
	}
}
.main__text {
	font-family: "Shippori Mincho", serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.8;
}
.main__text + .main__text {
	padding-top: 2.5rem;
}
.main .main-points {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
@media screen and (min-width: 768px) {
	.main .main-points {
		flex-direction: row;
		justify-content: center;
		gap: 2.5rem;
	}
}
.main .main-points__item {
	background: url(../img/top/main-points-circle.svg) center center/190px 180px no-repeat;
	width: 190px;
	height: 180px;
}
.main .main-points__item:nth-child(2) .main-points__text {
	background-image: url(../img/top/main-points-icon02.svg);
}
.main .main-points__item:nth-child(3) .main-points__text {
	background-image: url(../img/top/main-points-icon03.svg);
}
.main .main-points__item:not(:first-of-type) {
	margin-top: -1.875rem;
}
@media screen and (min-width: 768px) {
	.main .main-points__item:not(:first-of-type) {
		margin-top: inherit;
	}
}
.main .main-points__item:nth-child(odd) {
	margin-right: auto;
}
@media screen and (min-width: 768px) {
	.main .main-points__item:nth-child(odd) {
		margin-right: inherit;
	}
}
.main .main-points__item:nth-child(even) {
	margin-left: auto;
}
@media screen and (min-width: 768px) {
	.main .main-points__item:nth-child(even) {
		margin-left: inherit;
	}
}
.main .main-points__text {
	background: url(../img/top/main-points-icon01.svg) center center/auto 100px no-repeat;
	color: #917c50;
	font-family: "Shippori Mincho", serif;
	font-size: 1.25em;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 1.5;
	padding: 0.625rem;
	width: 100%;
	height: 100%;
}
.main .main-points__text em {
	font-size: 1.2em;
}

.expensive {
	background: #e4ded3;
	overflow-y: hidden;
}
.expensive__inner {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	position: relative;
}
.expensive__title {
	color: #917c50;
}
@media screen and (min-width: 992px) {
	.expensive__content {
		width: 40%;
	}
}
.expensive__subtitle {
	font-family: "Shippori Mincho", serif;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1;
}
.expensive__text {
	font-size: 1em;
	line-height: 1.8;
	padding-top: 1.25rem;
}
.expensive .expensive-gallery {
	margin-top: 2.5rem;
}
@media screen and (min-width: 992px) {
	.expensive .expensive-gallery {
		margin-bottom: 8vw;
	}
}
.expensive .expensive-gallery__img {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.expensive .expensive-gallery__img:nth-child(1) {
	width: 74.685vw;
}
@media screen and (min-width: 992px) {
	.expensive .expensive-gallery__img:nth-child(1) {
		position: absolute;
		top: calc(5rem + 250px);
		right: 0;
		width: 49.79vw;
	}
}
.expensive .expensive-gallery__img:nth-child(1) img {
	aspect-ratio: 478/411;
}
.expensive .expensive-gallery__img:nth-child(2) {
	width: 55.155vw;
	margin-top: 4.27vw;
	margin-left: auto;
}
@media screen and (min-width: 992px) {
	.expensive .expensive-gallery__img:nth-child(2) {
		width: 36.77vw;
		margin: inherit;
	}
}
.expensive .expensive-gallery__img:nth-child(2) img {
	aspect-ratio: 706/423;
}
.expensive .expensive-gallery__img:nth-child(3) {
	width: 35.475vw;
	margin-top: 8.54vw;
	margin-left: auto;
	margin-right: 4.27vw;
}
@media screen and (min-width: 992px) {
	.expensive .expensive-gallery__img:nth-child(3) {
		width: 23.65vw;
		margin-top: 0.57vw;
		margin-left: 46.15vw;
		margin-right: initial;
	}
}
.expensive .expensive-gallery__img:nth-child(3) img {
	aspect-ratio: 227/160;
}
.expensive .expensive-gallery__img:nth-child(4) {
	width: 29.85vw;
	margin-top: -56vw;
	margin-left: 4.27vw;
}
@media screen and (min-width: 992px) {
	.expensive .expensive-gallery__img:nth-child(4) {
		width: 19.9vw;
		margin-top: -12.5vw;
		margin-left: 20.83vw;
	}
}
.expensive .expensive-gallery__img:nth-child(4) img {
	aspect-ratio: 382/611;
}
.expensive .expensive-gallery__img:nth-child(5) {
	width: 52.575vw;
	margin-top: 13.27vw;
	margin-left: 8.54vw;
}
@media screen and (min-width: 992px) {
	.expensive .expensive-gallery__img:nth-child(5) {
		width: 35.05vw;
		margin-top: -15.3vw;
		margin-bottom: -7.66vw;
		margin-left: auto;
		margin-right: 142px;
	}
}
.expensive .expensive-gallery__img:nth-child(5) img {
	aspect-ratio: 673/442;
}
.expensive .expensive-gallery__img img {
	width: 100%;
	height: 100%;
}
.expensive .expensive-gallery .fadein-left,
.expensive .expensive-gallery .fadein-right,
.expensive .expensive-gallery .fadein-top {
	opacity: 0;
	transition: all 0.8s ease-out;
}
.expensive .expensive-gallery .fadein-left.active,
.expensive .expensive-gallery .fadein-right.active,
.expensive .expensive-gallery .fadein-top.active {
	opacity: 1;
	transform: translate(0, 0);
}
.expensive .expensive-gallery .fadein-left {
	transform: translateX(1.5rem);
}

.relics {
	background: #f4f2ee;
}
.relics__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 2.5rem;
}
@media screen and (min-width: 992px) {
	.relics__content {
		flex-direction: row;
		gap: 4rem;
	}
}
.relics__img {
	padding: 0 2.5rem;
	width: 100%;
}
@media screen and (min-width: 992px) {
	.relics__img {
		padding: initial;
		width: 360px;
		height: 360px;
	}
}
.relics__img img {
	box-shadow: 6px 6px 0 0 rgba(145, 124, 80, 0.25);
	width: 100%;
}
@media screen and (min-width: 992px) {
	.relics__img img {
		height: 100%;
	}
}
@media screen and (min-width: 992px) {
	.relics__text-box {
		width: calc(100% - 360px - 4rem);
	}
}
.relics__subtitle {
	font-family: "Shippori Mincho", serif;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.6;
}
@media screen and (min-width: 768px) {
	.relics__subtitle {
		font-size: 1.555555em;
		margin-top: 2.5rem;
	}
}
.relics__text {
	font-size: 1em;
	line-height: 1.8;
	padding-top: 1.25rem;
}

.genre {
	background: #e4ded3;
}
.genre__title {
	justify-content: center;
}
@media screen and (min-width: 768px) {
	.genre__title {
		writing-mode: unset;
	}
}
.genre__title::before, .genre__title::after {
	content: "";
	display: block;
	background: #917c50;
	width: 50px;
	height: 1px;
}
.genre__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2.5rem;
}
.genre__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.9375rem;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.genre__list {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (min-width: 1280px) {
	.genre__list {
		grid-template-columns: repeat(5, 1fr);
	}
}
.genre__item {
	background: #fff;
	box-shadow: 0 4px 4px 0 rgba(21, 12, 21, 0.2);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.625rem;
	padding: 0.625rem;
}
.genre__item:nth-of-type(6) .genre__name, .genre__item:nth-of-type(9) .genre__name {
	letter-spacing: -0.01em;
	font-size: 80%;
}
.genre__thumb {
	height: 80px;
	width: 100%;
}
.genre__thumb img {
	width: 100%;
	height: 100%;
}
.genre__name {
	font-family: "Shippori Mincho", serif;
	font-size: 0.9375em;
	font-weight: 600;
	line-height: 1;
}
.genre__note {
	font-size: 1em;
	line-height: 1.6;
}
@media screen and (min-width: 768px) {
	.genre__note {
		text-align: center;
		margin: 0 auto;
	}
}
.genre .genre-caution__heading {
	background: #9a1117;
	color: #fff;
	font-family: "Shippori Mincho", serif;
	font-size: 1.25em;
	font-weight: 700;
	padding: 0.625rem;
	text-align: center;
}
.genre .genre-caution__text {
	color: #9a1117;
	background: #fff;
	border-right: 1px solid #9a1117;
	border-left: 1px solid #9a1117;
	border-bottom: 1px solid #9a1117;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 0.325rem;
	font-size: 0.875em;
	line-height: 1.6;
	padding: 1em;
}
.genre .genre-caution__text::before {
	content: "※";
	display: block;
}

.flow {
	background: #f4f2ee;
}
.flow__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2.5rem;
}
.flow__list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.25rem;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.flow__list {
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 1.25rem;
	}
}
@media screen and (min-width: 768px) {
	.flow__item {
		width: 25%;
	}
}
.flow__triangle {
	display: none;
}
@media screen and (min-width: 768px) {
	.flow__triangle {
		background: #150c15;
		clip-path: polygon(100% 50%, 0 0, 0 100%);
		display: block;
		width: 1.25rem;
		height: 1.25rem;
	}
}
.flow__num {
	color: #9a1117;
	font-family: "Shippori Mincho", serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
	padding-bottom: 0.625rem;
}
.flow__box {
	display: flex;
	align-items: center;
	gap: 1.25rem;
}
@media screen and (min-width: 768px) {
	.flow__box {
		flex-direction: column;
		justify-content: center;
	}
}
.flow__icon {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	width: 100px;
}
.flow__icon img {
	height: 60px;
	width: auto;
}
.flow__text {
	font-family: "Shippori Mincho", serif;
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.4;
}
@media screen and (min-width: 768px) {
	.flow__text {
		font-size: 1em;
	}
}
.flow__note {
	background: #917c50;
	color: #fff;
	font-family: "Shippori Mincho", serif;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.3;
	padding: 0.625rem;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.flow__note {
		text-align: center;
	}
}

/* ============================
* 買取 page
* ========================= */
.reuse-flow {
	background: #e4ded3;
}
.reuse-flow__list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1.25rem;
}
@media screen and (min-width: 992px) {
	.reuse-flow__list {
		flex-direction: row;
		align-items: flex-start;
		gap: 0.75rem;
	}
}
.reuse-flow__item {
	background-color: #f6f5f1;
	box-shadow: 0 0 0.625rem 0 rgba(21, 12, 21, 0.2);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.625rem;
	padding: 1.25rem 0.625rem;
	width: 100%;
}
@media screen and (min-width: 992px) {
	.reuse-flow__item {
		height: 100%;
		width: 25%;
	}
}
.reuse-flow__num {
	color: #9a1117;
	font-family: "Shippori Mincho", serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
	padding-bottom: 0.625rem;
	text-align: left;
	width: 100%;
}
.reuse-flow__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1.25rem;
	width: 100%;
}
.reuse-flow__img {
	width: calc(100% - 5rem);
	height: 200px;
}
@media screen and (min-width: 768px) {
	.reuse-flow__img {
		height: 48vw;
	}
}
@media screen and (min-width: 992px) {
	.reuse-flow__img {
		height: 160px;
		width: 100%;
	}
}
.reuse-flow__img img {
	width: 100%;
	height: 100%;
}
.reuse-flow__head {
	background-color: #917c50;
	color: #fff;
	font-family: "Shippori Mincho", serif;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.625rem;
	text-align: center;
	width: 100%;
}
@media screen and (min-width: 992px) {
	.reuse-flow__head {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 70px;
		font-size: 1em;
		line-height: 1.3;
	}
}
.reuse-flow__text {
	font-family: "Shippori Mincho", serif;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.8;
	width: 100%;
}

.arrow {
	width: 1.25rem;
	height: 1.25rem;
	transform: rotate(90deg);
}
@media screen and (min-width: 992px) {
	.arrow {
		transform: initial;
		margin: auto 0;
	}
}
@media screen and (min-width: 992px) {
	.arrow img {
		width: 100%;
	}
}

.flow-caution {
	border: 1px solid #9a1117;
	border-spacing: 0;
	width: 100%;
}
.flow-caution__head {
	background-color: #f5e7e8;
	border-bottom: 1px solid #9a1117;
	color: #9a1117;
	font-family: "Shippori Mincho", serif;
	font-size: 1.25em;
	font-weight: 700;
	padding: 0.625rem;
}
.flow-caution__body {
	background-color: #fff;
	padding: 1.875rem 1.25rem;
}
.flow-caution__text {
	font-family: "Shippori Mincho", serif;
	font-size: 0.875em;
	line-height: 1.4;
	padding-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
	.flow-caution__text {
		text-align: center;
	}
}
.flow-caution__content {
	background-color: #f8f8f8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 1.25rem 0.625rem;
	width: 100%;
}
.flow-caution__title {
	color: #9a1117;
	font-size: 1em;
	font-weight: 700;
	line-height: 1;
}
.flow-caution__note {
	font-size: 0.875em;
	line-height: 1;
	padding-top: 0.625rem;
}
.flow-caution__list {
	padding-top: 1.25rem;
	width: 100%;
}
.flow-caution__item {
	border-bottom: 1px solid rgba(21, 12, 21, 0.5);
	font-size: 1em;
	line-height: 1;
	padding: 0.625rem;
	width: 100%;
}

.reuse-how {
	background: #f4f2ee;
}
.reuse-how__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 3.75rem;
	width: 100%;
}
@media screen and (min-width: 992px) {
	.reuse-how__content {
		flex-direction: row;
	}
}
@media screen and (min-width: 992px) {
	.reuse-how__item {
		width: 50%;
	}
}
.reuse-how__img {
	width: 100vw;
	height: 250px;
	margin-left: -1.25rem;
}
@media screen and (min-width: 768px) {
	.reuse-how__img {
		height: 340px;
		margin-left: -2.5rem;
	}
}
@media screen and (min-width: 992px) {
	.reuse-how__img {
		width: 100%;
		margin-left: initial;
	}
}
.reuse-how__img img {
	width: 100%;
	height: 100%;
}
.reuse-how__box {
	background-color: #fff;
	box-shadow: 0px 0px 0.625rem 0px rgba(21, 12, 21, 0.4);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 2.5rem;
	margin-top: -3.75rem;
	padding: 2.5rem 0.625rem;
	width: 100%;
	position: sticky;
	z-index: 1;
}
@media screen and (min-width: 768px) {
	.reuse-how__box {
		padding: 2.5rem 1.875rem;
	}
}
@media screen and (min-width: 992px) {
	.reuse-how__box {
		margin-left: 1.25rem;
		margin-right: 1.25rem;
		width: calc(100% - 2.5rem);
	}
}
.reuse-how__title-box {
	text-align: center;
}
.reuse-how__subtitle {
	color: #917c50;
	font-family: "Shippori Mincho", serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
}
.reuse-how__note {
	color: #9a1117;
	font-size: 1em;
	font-weight: 600;
	line-height: 1;
	padding-top: 0.625rem;
}
.reuse-how__store {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.25rem;
	padding: 0 1.875rem;
	width: 100%;
}
.reuse-how__name {
	border-bottom: 1px solid #917c50;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
	padding-bottom: 1.25rem;
	text-align: center;
	width: 100%;
}
.reuse-how__address {
	font-size: 1em;
	line-height: 1.6;
}
.reuse-how__address:first-child {
	padding-top: 1.25rem;
}
.reuse-how__address > * {
	border-bottom: none !important;
}
.reuse-how__map {
	width: 100%;
	height: 230px;
}
@media screen and (min-width: 768px) {
	.reuse-how__map {
		height: 380px;
	}
}
.reuse-how__map iframe {
	width: 100%;
	height: 100%;
}
.reuse-how__area-img {
	background-color: rgba(145, 124, 80, 0.1);
	width: 100%;
	height: 260px;
	padding: 0.625rem;
}
.reuse-how__area-img img {
	height: 100%;
	margin: 0 auto;
}
.reuse-how__text {
	font-size: 1em;
	line-height: 1.8;
}
.reuse-how .reuse-area__title {
	font-size: 1.25em;
	font-weight: 600;
	text-align: center;
	line-height: 1;
}
.reuse-how .reuse-area__detail {
	font-size: 1em;
	line-height: 1.6;
	padding-top: 1.25rem;
}

.line-how {
	background: #e4ded3;
}
.line-how__title {
	letter-spacing: 0.1rem;
}
@media screen and (min-width: 768px) {
	.line-how__title {
		justify-content: center;
		writing-mode: initial;
	}
}
@media screen and (min-width: 768px) {
	.line-how__title::before, .line-how__title::after {
		content: "";
		display: block;
		background: #9a1117;
		width: 90px;
		height: 1px;
	}
}
.line-how .line-add--sp, .line-how .line-add--pc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.line-how .line-add--sp {
	gap: 1.25rem;
}
@media screen and (min-width: 1280px) {
	.line-how .line-add--sp {
		display: none;
	}
}
.line-how .line-add--pc {
	display: none;
}
@media screen and (min-width: 1280px) {
	.line-how .line-add--pc {
		display: flex;
		gap: 1.75rem;
		max-width: 800px;
		margin: 0 auto;
		padding: 3.75rem 3.75rem;
	}
}
.line-how .line-add__desc {
	font-family: "Shippori Mincho", serif;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.2;
}
@media screen and (min-width: 768px) {
	.line-how .line-add__desc {
		font-size: 1.5em;
	}
}
.line-how .line-add__content {
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3.75rem;
	padding: 1.75rem 2.5rem;
	width: 100%;
}
.line-how .line-add__id-area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1.25rem;
}
.line-how .line-add__title {
	color: #06C755;
	font-family: "Shippori Mincho", serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
}
.line-how .line-add__id-box {
	border: 1px solid #06C755;
	border-radius: 0.375rem;
	display: table;
	width: 100%;
}
.line-how .line-add__head, .line-how .line-add__id {
	display: table-cell;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
	padding: 1.25rem;
}
.line-how .line-add__head {
	background-color: #06C755;
	color: #fff;
}
.line-how .line-add__id {
	background-color: #fff;
	border-radius: 0 0.375rem 0.375rem 0;
}
.line-how .line-add__qcode {
	width: 160px;
	height: 160%;
}
.line-how .line-add__qcode img {
	width: 100%;
	height: 100%;
}
.line-how .line-add-btn__inner {
	background: #06C755;
}
.line-how .line-add-btn__text {
	font-family: "Shippori Mincho", serif;
	font-size: 1em;
	font-weight: 700;
	line-height: 1;
	width: 100%;
}

.how-add__title {
	font-family: "Shippori Mincho", serif;
	font-size: 1.333333em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 2.5rem;
	text-align: center;
}
@media screen and (min-width: 992px) {
	.how-add__list {
		display: flex;
		justify-content: center;
		gap: 1rem;
	}
}
.how-add__item {
	display: flex;
	justify-content: center;
	gap: 1rem;
	width: 100%;
}
@media screen and (min-width: 992px) {
	.how-add__item {
		width: calc(21% + 1.25rem + 1.25rem);
	}
}
@media screen and (min-width: 992px) {
	.how-add__item:last-of-type {
		width: 21%;
	}
}
.how-add__item:last-of-type .how-add__inner {
	width: 100%;
}
.how-add__item .arrow {
	display: none;
}
@media screen and (min-width: 992px) {
	.how-add__item .arrow {
		display: block;
		margin-top: 14rem;
	}
}
.how-add__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	width: 100%;
}
@media screen and (min-width: 992px) {
	.how-add__inner {
		width: calc(100% - 1.25rem - 1.25rem);
	}
}
.how-add__step {
	background-color: #917c50;
	color: #fff;
	font-size: 1em;
	font-family: "Shippori Mincho", serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 0.625rem;
	text-align: center;
}
.how-add__text {
	font-size: 0.875em;
	height: 2.5em;
	letter-spacing: 0.04em;
	line-height: 1.3;
}
@media screen and (min-width: 992px) {
	.how-add__text {
		height: 4em;
	}
}

/* ============================
* contact
* ========================= */
.contact-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2.5rem;
	width: 100%;
}
.contact-form__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.25rem;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.contact-form__content {
		gap: 2.5rem;
	}
}
.contact-form__item {
	width: 100%;
}
.contact-form__name {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.625rem;
	font-size: 1em;
	line-height: 1;
}
.contact-form__must {
	background: #9a1117;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 0.875rem;
	line-height: 1;
	padding: 0.375rem;
}
.contact-form__textarea {
	margin-top: 0.625rem;
}
.contact-form__textarea .form-input {
	background: #f3f3f3;
	border: none;
	border-radius: 0.375rem;
	font-size: 1em;
	padding: 0.625rem;
	width: 100%;
}
.contact-form__textarea .form-input:where(:focus-visible) {
	outline-color: #9a1117;
}
.contact-form__checkbox-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.625rem 1.25rem;
	margin-top: 0.625rem;
}
.contact-form__checkbox {
	display: inline-flex;
	gap: 0.625rem;
}
.contact-form__checkbox .form-input:where(:focus-visible) {
	outline-color: #9a1117;
}
.contact-form__checkbox .checkbox-text {
	font-size: 1em;
	line-height: 1;
}
.contact-form__upload {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.625rem;
	margin-top: 0.625rem;
}
.contact-form__submitBtn {
	background: #9a1117;
	border: none;
	border-radius: 100vh;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	padding: 1.25rem 2.5rem;
	width: 100%;
}