@charset "utf-8";

/* ========== COMMON ========== */

/* page-body */
#page-body {
	overflow-x: hidden;
	padding-bottom: 0;
}
#page-body div,#page-body span,#page-body p,#page-body a,#page-body hr,
#page-body h1,#page-body h2,#page-body h3,#page-body h4,#page-body h5,#page-body h6,
#page-body dl,#page-body dt,#page-body dd,#page-body ol,#page-body ul,#page-body li,
#page-body article,#page-body section,#page-body header,#page-body footer,#page-body menu,#page-body nav,
#page-body fieldset,#page-body label,#page-body button,#page-body input,#page-body optgroup,#page-body select,#page-body textarea
#page-body object,#page-body audio,#page-body video,#page-body svg {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	line-height: 1;
}

/* ul */
#page-body ul,#page-body li {
	list-style: none;
}

/* a */
#page-body a {
	transition: opacity 0.3s ease 0s;
	color: inherit;
	opacity: 1;
	text-decoration: none;
}
#page-body a:hover,
#page-body a:active {
	opacity: 0.7;
	text-decoration: none;
}

/* span */
#page-body span {
	display: inline-block;
	line-height: inherit;
}

/* container */
#page-body .container {
	max-width: unset;
	background: none;
}
@media (max-width: 767px) {
	#page-body .container {
		padding: 0;
	}
}

/* breadcrumb */
#page-body .breadcrumb-wrap {
	box-sizing: border-box;
	max-width: 1318px;
	margin: 0 auto;
	padding: 10px;
}
@media (max-width: 767px) {
	#page-body .container {
		padding: 0;
	}
}



/* ========== MAIN-LP ========== */

/* main-lp */
#page-body #main-lp {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	color: #333;
	background-color: #f9f5ea;
	font-family: 'Montserrat','Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
	font-size: 15px;
	line-height: 1;
	letter-spacing: 0em;
}

/* MV */
#page-body .lp-mv {
	width: 100%;
	line-height: 0;
}
#page-body .lp-mv img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

/* lead */
#page-body .lead {
	box-sizing: border-box;
	width: 100%;
	padding: 87px 0 50px;
	text-align: center;
}
#page-body .lead__title {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	color: #333;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8;
	letter-spacing: 0;
}
#page-body .lead__text {
	width: 100%;
	max-width: 1480px;
	margin: 38px auto 0;
	padding-bottom: 30px;
	color: #333;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.9;
	letter-spacing: 0.05em;
}
@media (max-width: 767px) {
	#page-body .lead {
		padding: 34px 30px 27px;
		text-align: left;
	}
	#page-body .lead__title {
		max-width: none;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.7;
		letter-spacing: 0.05em;
	}
	#page-body .lead__text {
		max-width: none;
		margin-top: 17px;
		padding-bottom: 0;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.7;
		letter-spacing: 0.02em;
	}
}

/* wolet */
#page-body .wolet {
	width: 100%;
	padding: 100px 0;
}
#page-body .wolet__inner {
	display: flex;
	flex-direction: column;
	gap: 100px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
#page-body .wolet__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 130px;
}
#page-body .wolet__item--reverse {
	flex-direction: row-reverse;
}
#page-body .wolet__txt {
	width: 470px;
	max-width: 100%;
	flex-shrink: 0;
}
#page-body .wolet__item:nth-child(2) .wolet__txt {
	margin-top: -6px;
}
#page-body .wolet__item:nth-child(3) .wolet__txt {
	margin-top: -6px;
}
#page-body .wolet__item:nth-child(4) .wolet__txt {
	margin-top: -6px;
}
#page-body .wolet__head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}
#page-body .wolet__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 8px 3px;
	background-color: #333;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.05em;
}
#page-body .wolet__ttl {
	display: flex;
	align-items: flex-end;
	gap: 18px;
}
#page-body .wolet__num {
	color: #333;
	font-size: 56px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.05em;
}
#page-body .wolet__name {
	display: inline-flex;
	align-items: flex-end;
	gap: 5px;
	color: #333;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.05em;
}
#page-body .wolet__kana {
	padding-bottom: 7px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.05em;
}
#page-body .wolet__headline {
	margin-top: 41px;
	color: #333;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.7;
	letter-spacing: 0.05em;
}
#page-body .wolet__desc {
	margin-top: 14px;
	color: #333;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.05em;
}
#page-body .wolet__btn {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 145px;
	height: 38px;
	margin-top: 52px;
	padding: 14px 45px;
	border: 1px solid #4a4a4a;
	border-radius: 28px;
	background-color: #f9f5ea;
	color: #4a4a4a;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.03em;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}
#page-body .wolet__btn:hover,
#page-body .wolet__btn:active {
	background-color: #4a4a4a;
	border-color: #4a4a4a;
	color: #fff;
	opacity: 1;
}
#page-body .wolet__img {
	width: 600px;
	max-width: 100%;
	flex-shrink: 0;
	line-height: 0;
}
#page-body .wolet__img img {
	width: 100%;
	height: auto;
	vertical-align: top;
	aspect-ratio: 600 / 780;
	object-fit: cover;
}
@media (max-width: 1100px) {
	#page-body .wolet__item {
		gap: 60px;
	}
	#page-body .wolet__txt {
		width: 42%;
	}
	#page-body .wolet__img {
		width: 50%;
	}
	#page-body .wolet__num {
		font-size: 48px;
	}
	#page-body .wolet__name {
		font-size: 26px;
	}
}
@media (max-width: 767px) {
	#page-body .wolet {
		padding: 0;
	}
	#page-body .wolet__inner {
		gap: 0;
		padding: 0;
	}
	#page-body .wolet__item,
	#page-body .wolet__item--reverse {
		flex-direction: column;
		align-items: stretch;
		gap: 50px;
		padding: 50px 30px;
	}
	#page-body .wolet__txt,
	#page-body .wolet__img {
		width: 100%;
	}
	#page-body .wolet__head {
		gap: 9px;
		padding-bottom: 10px;
	}
	#page-body .wolet__badge {
		font-size: 11px;
		letter-spacing: 0.05em;
	}
	#page-body .wolet__ttl {
		gap: 16px;
	}
	#page-body .wolet__num {
		font-size: 51px;
		letter-spacing: 0.05em;
	}
	#page-body .wolet__name {
		gap: 7px;
		padding-bottom: 1px;
		font-size: 27px;
		letter-spacing: 0.05em;
	}
	#page-body .wolet__kana {
		padding-bottom: 8px;
		font-size: 13px;
	}
	#page-body .wolet__item:nth-child(4) .wolet__name {
		gap: 0;
	}
	#page-body .wolet__item:nth-child(4) .wolet__kana {
		font-size: 12px;
		letter-spacing: -1px;
	}
	#page-body .wolet__headline {
		margin-top: 14px;
		font-size: 18px;
		line-height: 1.6;
		letter-spacing: 0.05em;
	}
	#page-body .wolet__desc {
		margin-top: 18px;
		font-size: 14px;
		letter-spacing: 0.05em;
	}
	#page-body .wolet__btn {
		width: 145px;
		height: 36px;
		margin-top: 23px;
		padding: 10px 40px;
		font-size: 13px;
		letter-spacing: 0.03em;
	}
}

/* wolet-cta */
#page-body .wolet-cta {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 60px 20px 111px;
	box-sizing: border-box;
}
#page-body .wolet-cta__btn {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 424px;
	max-width: 100%;
	height: 53px;
	padding: 14px 45px;
	border: 1px solid #333;
	border-radius: 28px;
	background-color: #333;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.03em;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}
#page-body .wolet-cta__btn:hover,
#page-body .wolet-cta__btn:active {
	background-color: #f9f5ea;
	border-color: #333;
	color: #333;
	opacity: 1;
}
@media (max-width: 767px) {
	#page-body .wolet-cta {
		padding: 50px 30px 45px;
	}
	#page-body .wolet-cta__btn {
		width: 273px;
		height: 53px;
		font-size: 18px;
	}
}

/* ========== FOOTER ========== */
#page-body .main-footer {
	width: 100%;
	margin-top: 0;
	padding: 56px 0 63px;
	background: #DED0B2;
	text-align: center;
}
#page-body .main-footer a {
	font-weight: 600;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0.1em;
}
#page-body .main-footer a .arrow {
	position: relative;
	display: inline-block;
	margin-right: 15px;
	padding: 10px;
}
#page-body .main-footer a .arrow::before {
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 1px #262626;
	border-right: solid 1px #262626;
	position: absolute;
	left: 10px;
	top: 8px;
	transform: rotate(-135deg);
}
@media (max-width: 767px) {
	#page-body .main-footer {
		margin-top: 0;
		padding: 45px 0;
	}
	#page-body .main-footer a {
		font-size: 14px;
	}
	#page-body .main-footer a .arrow {
		margin-right: 10px;
		padding: 9px;
	}
	#page-body .main-footer a .arrow::before {
		width: 8px;
		height: 8px;
	}
}



/* ========== UTILITY ========== */
#page-body .lp_viewpc_block {
	display: block;
}
#page-body .lp_viewpc_inline {
	display: inline;
}
#page-body .lp_viewpc_inline-block {
	display: inline-block;
}
#page-body .lp_viewpc_none {
	display: none;
}
#page-body .lp_viewsmp_block,
#page-body .lp_viewsmp_inline,
#page-body .lp_viewsmp_inline-block {
	display: none;
}
#page-body .lp_viewxs_block,
#page-body .lp_viewxs_inline,
#page-body .lp_viewxs_inline-block {
	display: none;
}
@media (max-width: 767px) {
	#page-body .lp_viewpc_block,
	#page-body .lp_viewpc_inline,
	#page-body .lp_viewpc_inline-block {
		display: none;
	}
	#page-body .lp_viewsmp_block {
		display: block;
	}
	#page-body .lp_viewsmp_inline {
		display: inline;
	}
	#page-body .lp_viewsmp_inline-block {
		display: inline-block;
	}
	#page-body .lp_viewsmp_none {
		display: none;
	}
}
@media (max-width: 425px) {
	#page-body .lp_viewxs_block {
		display: block;
	}
	#page-body .lp_viewxs_inline {
		display: inline;
	}
	#page-body .lp_viewxs_inline-block {
		display: inline-block;
	}
	#page-body .lp_viewxs_none {
		display: none;
	}
}