@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Zen+Kurenaido&display=swap);




@-ms-viewport {
	initial-scale: 1;
	width: auto;
}

:root {
	--c-primary: #00B9EF;
	--c-secondary: #0050A3;
	--c-accent: #637DBC;
	--c-accent-l: #73BCEE;
	--bdc-gray: #cccccc;
	--bdc-gray-l: #d0d0d0;
	--bg-gray-l: #f1f1f1;
	--c-text: #333;
	--ff-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, YuGothic, "Yu Gothic Medium", "Yu Gothic", sans-serif;
	--ff-serif: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	--ff-kurenaido: "Zen Kurenaido", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	--ff--en: 'Roboto', sans-serif;
}

/* 
.noto-sans-jp-<uniquifier> {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 400,500,600,700,900;
font-style: normal;
}


.noto-serif-jp-<uniquifier> {
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight:400,500,600,700,900;
font-style: normal;
}

.zen-kurenaido-regular {
font-family: "Zen Kurenaido", sans-serif;
font-weight: 400;
font-style: normal;
}

.lato-{
font-family: "Lato", sans-serif;
font-weight:400 , 900 ;
font-style: normal;
}

*/
@view-transition {
	navigation: auto;
}

* {
	text-wrap: pretty;
	word-break: break-all;
	min-width: 0;
}

/* スクロールバー */
/* ::-webkit-scrollbar {display: none;} */
/*HTML*/
html {
	font-size: 62.5%;
	overscroll-behavior: none;
	word-break: break-all;
	scroll-padding: 5.4rem 0 5.4rem;
	scrollbar-gutter: stable;
}

body {
	font-size: 1.6rem;
	color: var(--c-text);
	-webkit-font-smoothing: antialiased;
	padding-bottom: 6rem;
	font-weight: 400;
}

html,
body {
	overflow-x: hidden;
}

body,
body * {
	-webkit-overflow-scrolling: touch;
}

body {
	background: #ffffff;
	font-family: var(--ff-sans);
	/* -webkit-font-feature-settings: "palt";
	font-feature-settings: "palt"; */
	font-weight: 400;
	line-height: 1.8;
	overflow-y: auto;
}

a {
	color: var(--c-text);
}

a[class] {
	text-decoration: none;
}

:where(a:active),
:where(a:focus),
:where(a:hover) {
	color: var(--c-text);
}

.hidden-xs {
	display: none;
}

.fz-09 {
	font-size: 0.9em !important;
}

@keyframes brightnessAnimation {
	0% {
		filter: brightness(1.0);
	}

	38.2% {
		filter: brightness(1.2);
	}

	100% {
		filter: brightness(1.0);
	}
}

a img:hover {
	animation: brightnessAnimation 0.66s forwards;
}

button {
	touch-action: manipulation;
	user-select: none;
	-webkit-user-select: none;
}

img {
	width: 100%;
	max-width: 100%;
	display: block;
	height: auto;
	-ms-interpolation-mode: bicubic;
	shape-margin: 1em;
	font-style: italic;
	object-fit: cover;
	background-repeat: no-repeat;
	vertical-align: middle;
}

hr {
	border-top: 1px solid hsla(0, 0%, 80%, 1.00);
	margin-bottom: 2em;
	margin-top: 2em;
}

strong {
	font-weight: 700;
}

hr.lg {
	border-top: 1px solid hsla(0, 0%, 80%, 1.00);
	margin-bottom: 4em;
	margin-top: 4em;
}

label {
	display: inline-block;
	font-weight: var(--fw-normal);
	margin-bottom: 0;
	max-width: 100%;
}

dl {
	margin: 0;
}

figure {
	display: block;
}

p {
	margin: 0;
	word-wrap: break-word;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1em;
	font-weight: var(--fw-bold);
	margin: 0;
	padding: 0;
	/* text-wrap: balance;
word-wrap: break-word;
word-break: auto-phrase; */
}

.container {
	width: 100%;
}

/*Text*/
.text-underline {
	text-decoration: underline;
}

/*Table*/
td,
th {
	word-break: break-all;
}

/*List*/
ol,
ol>li,
ul,
ul>li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

/*Position*/
.pos-rel {
	position: relative;
}

.pos-abs {
	position: absolute;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.c-primary {
	color: #00B9EF !important;
}

.c-secondary {
	color: #1B1C80 !important;
}

.c-accent {
	color: #637DBC !important;
}

.c-accent-l {
	color: #73BCEE !important;
}

.visible-dt-inline-block {
	display: none;
}

.mt-sm {
	margin-top: 1rem;
}



/* revert form CSS */

/* 指定フォームパーツをブラウザのデフォルトスタイルに戻すCSS */

/* ラジオボタンとチェックボックス */
input[type="radio"],
input[type="checkbox"] {
	all: revert;
	box-sizing: border-box;
	/* WebKit系ブラウザでの見た目を復元 */
	-webkit-appearance: auto;
	appearance: auto;
	/* サイズを明示的に指定（ブラウザデフォルト相当） */
	width: auto;
	height: auto;
	margin: 0;
}

/* カスタムボーダー色を適用する場合（appearanceを無効化） */
input[type="radio"].custom-border,
input[type="checkbox"].custom-border {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border: 2px solid var(--c-primary);
	background-color: white;
	margin: 3px 3px 3px 4px;
	position: relative;
	cursor: pointer;
}

/* ラジオボタンのカスタムスタイル */
input[type="radio"].custom-border {
	border-radius: 50%;
}

/* チェックボックスのカスタムスタイル */
input[type="checkbox"].custom-border {
	border-radius: 2px;
}

/* ラジオボタンの選択状態 */
input[type="radio"].custom-border:checked {
	background-color: var(--c-primary);
	border-color: var(--c-primary);
}

input[type="radio"].custom-border:checked::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* チェックボックスの選択状態 */
input[type="checkbox"].custom-border:checked {
	background-color: var(--c-primary);
	border-color: var(--c-primary);
}

input[type="checkbox"].custom-border:checked::before {
	content: '✓';
	display: block;
	color: white;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 1;
}

/* フォーカス状態 */
input[type="radio"].custom-border:focus,
input[type="checkbox"].custom-border:focus {
	outline: 2px solid var(--c-primary);
	outline-offset: 2px;
}

/* 無効状態 */
input[type="radio"].custom-border:disabled,
input[type="checkbox"].custom-border:disabled {
	border-color: #ccc;
	background-color: #f5f5f5;
	cursor: not-allowed;
	opacity: 0.6;
}

/* テキスト入力フィールド */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"] {
	all: revert;
	box-sizing: border-box;
	/* ブラウザデフォルトの見た目を復元 */
	-webkit-appearance: textfield;
	appearance: textfield;
	/* デフォルトのパディングとグレーボーダー */
	padding: 1px 2px;
	border: 1px solid #ccc;
	background-color: white;
	color: black;
	font-family: inherit;
	font-size: inherit;
}

/* カレンダー（日付入力） */
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"] {
	all: revert;
	box-sizing: border-box;
	-webkit-appearance: auto;
	appearance: auto;
	padding: 1px 2px;
	border: 1px solid #ccc;
	background-color: white;
	color: black;
	font-family: inherit;
	font-size: inherit;
}

/* プルダウン（セレクトボックス） */
select {
	all: revert;
	box-sizing: border-box;
	/* ブラウザデフォルトの見た目を復元 */
	-webkit-appearance: menulist;
	appearance: menulist;
	/* デフォルトのパディングとグレーボーダー */
	padding: 1px 2px;
	border: 1px solid #ccc;
	background-color: white;
	color: var(--c-text);
	font-family: inherit;
	font-size: inherit;
	/* ドロップダウン矢印を表示 */
	background-image: none;
}

/* フォーカス時のアウトライン復元 */
input[type="radio"]:focus,
input[type="checkbox"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
select:focus {
	outline: auto;
	outline-color: -webkit-focus-ring-color;
}

/* アクセントカラーの設定 */
input[type="radio"],
input[type="checkbox"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"],
select {
	accent-color: var(--c-primary);
}

/* 無効状態のスタイル */
input[type="radio"]:disabled,
input[type="checkbox"]:disabled,
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="url"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="time"]:disabled,
input[type="week"]:disabled,
select:disabled {
	opacity: 0.4;
	cursor: default;
}


/* MARK:デスクトップ用 */
@media (min-width: 1025px) {
	.visible-xs-inline-block {
		display: none;
	}

	html {
		/* scroll-padding: 9.9rem 0 0; */
	}

	body {
		font-size: 1.6rem;
	}

	.hidden-sm {
		display: none !important;
	}

	.hidden-xs {
		display: block !important;
	}

	.hidden-dt {
		display: none !important;
	}

	.visible-dt-inline-block {
		display: inline-block;
	}
}

/*MARK:footer */
.footer {
	border-top: 1px solid var(--c-secondary);
}

:has(.header-a7f) .footer {
	border-top: none;
}

.footer__logo-section {
	margin-top: 5rem;
}

.footer__logo-link {}

.footer__logo-image {
	width: 13.2rem;
	margin-inline: auto;
}

.footer__contact {
	margin-top: 5rem;
}

.footer__contact-title {
	text-align: center;
	line-height: 1.2;
	font-size: clamp(0.001px, 4vw, 1em);
	font-weight: 600;
}

.footer__contact-phone {
	font-family: var(--ff--en);
	font-weight: 900;
	color: var(--c-secondary);
	text-align: center;
	font-size: clamp(0.001px, 14vw, 3.2rem);
	display: block;
	line-height: 1;
	margin-top: 1.5rem;
}

.footer__contact-hours {
	text-align: center;
	margin-top: 1.4rem;
	line-height: 1.2;
}

.footer__nav {
	background-color: var(--c-accent);
	margin-top: 5rem;
}

.footer__nav-list {
	display: grid;
	padding: 0.8rem 0;
}

.footer__nav-item {
	font-weight: 500;
}

.footer__nav-link {
	color: #FFF;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	padding: 0.5rem 0;
	line-height: 1.2;
}

.footer__copyright {
	padding-inline: 4vw;
	font-size: clamp(0.001px, 3.6vw, 1.2rem);
	text-align: center;
	margin: 4rem 0;
}

.footer__copyright-link {}

@media (min-width: 1025px) {
	.footer__nav-list {
		display: flex;
		justify-content: center;
		gap: 2em;
		padding: 0.2rem 0;
	}
}


/* MARK:MAIN */
.header-a7f {
	border-bottom: 1px solid var(--bdc-gray);
	padding: 1.120rem 1.920rem;
}

.header-a7f__title {
	display: flex;
	gap: 1.920rem;
	align-items: center;
}

.header-a7f__logo-wrapper {
	width: 10.800rem;
}

.header-a7f__logo-image {}

.header-a7f__hero-wrapper {
	width: 12.240rem;
}

.header-a7f__hero-image {}



@media (min-width: 1025px) {


	.header-a7f {
		border-bottom: 1px solid var(--bdc-gray);
		padding: 1.4rem 2.4rem;
	}

	.header-a7f__title {
		display: flex;
		gap: 2.4rem;
	}

	.header-a7f__logo-wrapper {
		width: 13.5rem;
	}

	.header-a7f__logo-image {}

	.header-a7f__hero-wrapper {
		width: 15.3rem;
	}

	.header-a7f__hero-image {}


}




/* MARK:title */


.purchase-form-a7f__title {
	border-left: 0.7rem;
	border-left: 0.7rem solid var(--c-secondary);
	border-bottom: 1px solid var(--bdc-gray);
	padding: 1.5rem;
	font-size: 2rem;
}

@media (min-width: 1025px) {
	.purchase-form-a7f__title {
		font-size: 2.6rem;
	}

}

/* MARK:ステップ表示 */


.purchase-form-a7f__step-nav {
	max-width: 100rem;
	margin-inline: auto;
	padding: 0.8rem 0;
}

.purchase-form-a7f__step-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	text-align: center;
	font-size: 1.7rem;
}

.purchase-form-a7f__step-item {
	display: block;
}

.purchase-form-a7f__step-number {
	display: block;
	padding-block: 1em;
}

.purchase-form-a7f__step-label {
	display: block;
	padding-block: 1em;
	border-top: 1px solid var(--bdc-gray);
	position: relative;
}

.purchase-form-a7f__step-label::after {
	content: "";
	background-color: var(--c-text);
	width: 1.5rem;
	height: auto;
	aspect-ratio: 1;
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.purchase-form-a7f__step-label.current::after {
	background-color: var(--c-primary);
}


@media (min-width: 1025px) {

	.purchase-form-a7f__step-nav {
		max-width: 100rem;
		margin-inline: auto;
		padding: 1.0rem 0;
	}

	.purchase-form-a7f__step-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		text-align: center;
		font-size: 2rem;
	}

	.purchase-form-a7f__step-item {
		display: block;
	}

	.purchase-form-a7f__step-number {
		display: block;
		padding-block: 1em;
	}

	.purchase-form-a7f__step-label {
		display: block;
		padding-block: 1em;
		border-top: 2px solid var(--bdc-gray);
		position: relative;
	}

	.purchase-form-a7f__step-label::after {
		content: "";
		background-color: var(--c-secondary);
		width: 1.5rem;
		height: auto;
		aspect-ratio: 1;
		position: absolute;
		left: 50%;
		top: 0%;
		transform: translate(-50%, -50%);
		border-radius: 50%;
	}

	.purchase-form-a7f__step-label.current::after {
		background-color: var(--c-primary);
	}


}

/* MARK:購入商品情報 */
.purchase-form-a7f__product-section {
	/* padding-block: 1.5rem; */
}

.purchase-form-a7f__product-table {
	display: table;
	border-collapse: collapse;
	font-size: 1.6rem;
	width: 100%;
}

.purchase-form-a7f__product-table+.purchase-form-a7f__product-table {
	margin-top: 6.6rem;
}


.purchase-form-a7f__product-tbody {
	display: table-row-group;
}

.purchase-form-a7f__product-row {
	display: table-row;
}

.purchase-form-a7f__product-th {
	display: table-cell;
	background-color: var(--c-secondary);
	color: #FFF;
	text-align: center;
	border-bottom: 1px solid var(--bdc-gray);
	padding: 1rem;
	vertical-align: middle;
	width: 30%;
}

.purchase-form-a7f__product-td {
	display: table-cell;
	border-bottom: 1px solid var(--bdc-gray);
	padding: 1rem;
	vertical-align: middle;
}

.purchase-form-a7f__required {
	background-color: #fa7c25;
	line-height: 1;
	display: inline-block;
	font-size: 1rem;
	color: #FFF;
	padding: 0.4em 0;
	white-space: nowrap;
	text-align: center;
	width: 3em;
	flex-shrink: 0;
	vertical-align: 0.2em;
	margin-inline: 0.2em;
}

.purchase-form-a7f__label {
	display: block;
	position: relative;
	align-items: center;
	/* justify-content: space-between; */
	text-align: center;
	/* flex: 1 1 0; */
	width: 100%;
	/* padding-inline: 3em; */
}


.purchase-form-a7f__radio-label {
	cursor: pointer;
}

.purchase-form-a7f__radio {}

.purchase-form-a7f__price {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.purchase-form-a7f__price-original {
	display: block;
}

.purchase-form-a7f__price-strike {
	text-decoration: none;
}

.purchase-form-a7f__price-campaign {
	display: flex;
	width: fit-content;
	flex-direction: column;
	align-items: center;
}

.purchase-form-a7f__price-badge {
	color: #d40013;
	display: block;
	font-weight: 700;
	font-size: 0.8em;
	white-space: nowrap;
}

.purchase-form-a7f__price-text {
	display: block;
	background-color: #d40013;
	width: fit-content;
	border-radius: 0.3em;
	color: #FFF;
	font-weight: bold;
	padding: 0.05em 1.2em;
}

.purchase-form-a7f__price-sale {
	color: #d40013;
	font-size: 1;
}

.purchase-form-a7f__price-amount {
	font-family: var(--ff--en);
	font-size: 1em;
}

.purchase-form-a7f__price-amount small {
	/* font-size: 0.7em; */
}

.purchase-form-a7f__price-shiping {
	border: 1px solid var(--c-text);
	padding: 0.0em 0.6em;
	font-size: 0.8em;
	margin-top: 0.5em;
}


.purchase-form-a7f__caption-start {
	font-size: 1.4rem;
	color: #666;
	text-align: left;
}

.purchase-form-a7f__caption {
	font-size: 1.4rem;
	text-align: right;
}



.purchase-form-a7f__label-pl0 {
	padding-left: 0 !important
}

@media (min-width: 1025px) {
	.purchase-form-a7f__product-section {}

	.purchase-form-a7f__product-table {}

	.purchase-form-a7f__product-tbody {}

	.purchase-form-a7f__product-row {}

	.purchase-form-a7f__product-th {
		width: 30%;
	}

	.purchase-form-a7f__product-td {
		padding-left: 2.0rem;
	}




	.purchase-form-a7f__required {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.purchase-form-a7f__label {
		display: block;
		position: relative;
		align-items: center;
		/* justify-content: space-between; */
		text-align: center;
		/* flex: 1 1 0; */
		width: 100%;
		padding-inline: 3em;
	}


	.purchase-form-a7f__radio-label {}

	.purchase-form-a7f__radio {}

	.purchase-form-a7f__price {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 1rem;
		/* margin-top: 2rem; */
	}

	.purchase-form-a7f__price-original {}

	.purchase-form-a7f__price-strike {
		text-decoration: none;
	}

	.purchase-form-a7f__price-campaign {
		display: block;
		position: relative;
	}

	.purchase-form-a7f__price-badge {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(-50%, -100%);
		display: block;
		white-space: nowrap;
		font-size: 0.9em;
	}

	.purchase-form-a7f__price-text {}

	.purchase-form-a7f__price-sale {}

	.purchase-form-a7f__price-amount {}
}

/* MARK:注意事項 */
.purchase-form-a7f__notice {
	border: 2px solid var(--c-secondary);
	padding: 1rem;
	overflow-y: scroll;
	height: 17rem;
	margin-top: 3rem;
}

.purchase-form-a7f__notice-title {
	font-weight: 600;
	display: flex;
	position: relative;
	align-items: center;
	border-bottom: 1px solid var(--bdc-gray);
	gap: 0.8em;
	padding: 1rem 0;
}

.purchase-form-a7f__notice-title::before {
	content: "";
	background-color: var(--c-secondary);
	aspect-ratio: 1;
	border-radius: 0.2em;
	width: 1em;
	display: block;
}

.purchase-form-a7f__notice-content {
	padding: 1rem 0;
	/* height: 100vw; */
}

@media (min-width: 1025px) {
	.purchase-form-a7f__notice {
		font-size: 1.6rem;
		padding: 1rem 4rem;
		margin-top: 3rem;
	}

	.purchase-form-a7f__notice-title {}

	.purchase-form-a7f__notice-title::before {}

	.purchase-form-a7f__notice-content {}
}

/* MARK:顧客情報 */
.purchase-form-a7f__product-table {
	margin-top: 3rem;
}

.purchase-form-a7f__product-tbody {}

.purchase-form-a7f__product-row {}

.purchase-form-a7f__product-th {}

.purchase-form-a7f__label {}

.purchase-form-a7f__required {}

.purchase-form-a7f__product-td {}

.purchase-form-a7f__name-group {}

.purchase-form-a7f__name-item {}

.purchase-form-a7f__name-label {
	white-space: nowrap;
}

.purchase-form-a7f__input {
	padding: 0.5em !important;
	width: 100% !important;
}

.purchase-form-a7f__select-group {
	display: flex;
	/* flex-wrap: wrap; */
	gap: 0.5rem;
	align-items: center;
}

.purchase-form-a7f__select-group.delivery {

	display: grid;

	grid-template-columns: 6em 3em;

	/* text-align: center; */

	gap: 0.5rem;
}

@media (min-width: 1025px) {
	.purchase-form-a7f__select-group.delivery {
		display: flex;
		margin-block: 1rem;
	}
}



.purchase-form-a7f__select {
	padding: 0.5em !important;
	width: 100% !important;
}

.purchase-form-a7f__select-divider {
	flex-shrink: 0;
	width1em
}


.purchase-form-a7f__address-item {}

.purchase-form-a7f__address-label {}

.purchase-form-a7f__address-label .purchase-form-a7f__required {
	position: static;
	transition: unset;
	transform: unset;
}

.purchase-form-a7f__address-input {}

.purchase-form-a7f__phone-group {}

.purchase-form-a7f__phone-item {}

.purchase-form-a7f__checkbox-group {
	display: flex;
	flex-direction: column;
}

.purchase-form-a7f__checkbox-label {
	cursor: pointer;
}

.purchase-form-a7f__checkbox {}

.purchase-form-a7f__radio-group {
	display: flex;
	flex-direction: column;
}

.purchase-form-a7f__radio-label {}

.purchase-form-a7f__radio {}

/* メインのplaceholder色設定 */
.purchase-form-a7f__input::placeholder {
	color: #bdbdbd;
	/* お好みの色に変更 */
	opacity: 1;
}

/* ブラウザ互換性のための設定 */
.purchase-form-a7f__input::-webkit-input-placeholder {
	color: #bdbdbd;
	/* Chrome, Safari, Opera */
}

.purchase-form-a7f__input::-moz-placeholder {
	color: #bdbdbd;
	/* Firefox 19+ */
	opacity: 1;
}

.purchase-form-a7f__input:-ms-input-placeholder {
	color: #bdbdbd;
	/* Internet Explorer 10+ */
}

.purchase-form-a7f__input:-moz-placeholder {
	color: #bdbdbd;
	/* Firefox 18- */
	opacity: 1;
}

.purchase-form-a7f__label-address {
	text-align: left;
	/* position: relative; */
	/* padding-right: 4em; */
	white-space: nowrap;
	/* padding-inline: 0 3em; */
}

.purchase-form-a7f__credit {
	margin-block: 1.5rem;
}

.purchase-form-a7f__credit-wrapper {
	padding: 1.0rem 0;

	border-top: 1px solid var(--bdc-gray);
	margin-top: 1.5rem;
}

.purchase-form-a7f__bank-wrapper {
	padding: 1.5rem 0;
	border-top: 1px solid var(--bdc-gray);
	margin-top: 1.5rem;
}

.purchase-form-a7f__bank-wrapper strong {
	font-size: 1.8rem;
}


.purchase-form-a7f__credit-dl dt label {
	display: flex;
	align-items: center;
	transform: translateY(0);
}

.purchase-form-a7f__credit-dl dt .purchase-form-a7f__required {
	position: static;
	transition: unset;
	transform: unset;
}

.purchase-form-a7f__credit-dl .purchase-form-a7f__required {
	position: static;
	transition: unset;
}

.purchase-form-a7f__credit-header {
	position: static;
	display: flex;
	align-items: center;
}

.purchase-form-a7f__credit-header .purchase-form-a7f__required {
	position: static;
	transform: unset;
}

@media (min-width: 1025px) {
	.purchase-form-a7f__product-table {}

	.purchase-form-a7f__product-tbody {}

	.purchase-form-a7f__product-row {}

	.purchase-form-a7f__product-th {}

	.purchase-form-a7f__label {}

	.purchase-form-a7f__required {}

	.purchase-form-a7f__product-td {}

	.purchase-form-a7f__name-group {
		display: flex;
		align-items: center;
		gap: 0.5em;
		margin: 1rem 0;
	}

	.purchase-form-a7f__name-item {
		display: flex;
		align-items: center;
		gap: 0.5em;
	}

	.purchase-form-a7f__name-label {}

	.purchase-form-a7f__input {
		width: 13rem !important;
	}

	.purchase-form-a7f__select.xs,
	.purchase-form-a7f__input.xs {
		width: 9rem !important;
	}

	.purchase-form-a7f__credit-wrapper {
		padding: 1.5rem;
	}

	.purchase-form-a7f__credit-header {
		font-size: 1.8rem;
		font-weight: 600;
		/* border-top: 1px solid var(--bdc-gray); */
	}

	.purchase-form-a7f__credit {
		max-width: 33rem;
		margin-top: 1rem;
	}

	.purchase-form-a7f__credit-dl dt label {
		display: flex;
		align-items: center;
	}


	.purchase-form-a7f__input.lg {
		width: 25rem !important;
	}

	.purchase-form-a7f__input.xlg {
		width: 30rem !important;
	}

	.purchase-form-a7f__address-item {
		display: flex;
		align-items: center;
		gap: 0.5em;
		margin: 1rem 0;
	}

	.purchase-form-a7f__address-label {
		/* display: flex; */
		/* align-items: center; */
		width: 6em;
		white-space: nowrap;
	}

	.purchase-form-a7f__address-input {}

	.purchase-form-a7f__phone-group {}

	.purchase-form-a7f__phone-item {}

	.purchase-form-a7f__checkbox-group {
		display: flex;
		flex-direction: row;
		gap: 1.5em;
	}

	.purchase-form-a7f__checkbox-label {}

	.purchase-form-a7f__checkbox {}

	.purchase-form-a7f__radio-group {
		display: flex;
		gap: 1.5em;
		flex-direction: row;
	}

	.purchase-form-a7f__radio-label {}

	.purchase-form-a7f__radio {}

	.purchase-form-a7f__select {
		width: fit-content !important;
	}
}

/* MARK:同意 */
.purchase-form-a7f__agreement {
	background-color: #f1f1f1;
	padding: 1rem;
	text-align: center;
	margin-block: 3rem;
}

.purchase-form-a7f__agreement-title {
	font-size: 2rem;
	text-align: center;
	font-weight: 600;
}

.purchase-form-a7f__agreement-text {}

.purchase-form-a7f__agreement-label {}

.purchase-form-a7f__checkbox {}

.purchase-form-a7f__agreement-note {}

.purchase-form-a7f__small {}

.purchase-form-a7f__submit {
	margin: 3rem auto 6rem;
	background-color: #fa7c25;
	color: #FFF;
	font-weight: 600;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 2rem;
	padding: 1rem 5rem;
	background-image: url("../../common/images/ic_arrrow_right.png");
	background-repeat: no-repeat;
	background-size: 1rem auto;
	background-position: right 2rem top 50%;
	cursor: pointer;
}

@media (min-width: 1025px) {
	.purchase-form-a7f__agreement {}

	.purchase-form-a7f__agreement-title {}

	.purchase-form-a7f__agreement-text {
		font-size: 1.6rem;
	}

	.purchase-form-a7f__agreement-label {
		font-size: 1.6rem;
		cursor: pointer;
	}

	.purchase-form-a7f__checkbox {}

	.purchase-form-a7f__agreement-note {
		font-size: 1.6rem;
	}

	.purchase-form-a7f__small {}

	.purchase-form-a7f__submit {
		max-width: 30rem;
	}
}

.purchase-form-a7f__summary {
	font-size: 1.2rem;
	cursor: pointer;
	text-decoration: underline;
	margin-top: 0.5rem;
}

.purchase-form-a7f__summary-icon {
	display: inline-block;
	width: 1em;
	margin-left: 0.5em;
}



.purchase-form-a7f__summary-content {
	font-size: 1.4rem;
	padding: 0.5rem 1.5rem;
	border: 1px solid var(--bdc-gray);
}

.purchase-form-a7f__summary-content h3 {
	font-weight: 600;
	/* width: fit-content; */
	/* margin: 1em 0; */
	padding: 0.3em 0;
	color: var(--c-secondary);
	border-bottom: 1px solid var(--c-text);
	margin-top: 1rem;
}

.purchase-form-a7f__summary-content p {
	margin: 1rem 0;
}

.purchase-form-a7f__summary-content {
	margin: 0;
	width: fit-content;
}

.purchase-form-a7f__summary-content strong {
	color: #fa7c25;
}

.purchase-form-a7f__error {
	font-size: 1.2rem;
	margin-block: 0.5rem;
	color: #cc2114;
	line-height: 1.4;
	font-weight: 500;
}


/* 規約 */
.purchase-form-a7f__notice-content {
	font-size: 1em;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}


/*  */
.purchase-form-a7f__notice-content article+article {
	margin-block: 4rem;
}

/*  */


.purchase-form-a7f__notice-content h2 {
	font-weight: bold;
	margin-block: 2rem 1rem;
	padding: 0.5em 0.6em;
	background-color: var(--bg-gray-l);
}

.purchase-form-a7f__notice-content h3 {
	font-weight: bold;
	margin-block: 2rem 1rem;
	border-left: 0.3em solid var(--bdc-gray);
	padding-left: 0.5em;
}

/*  */
.purchase-form-a7f__notice-content p {
	margin-block: 1rem;
	font-size: 0.9em;
	line-height: 1.4;
}

/*  */
.purchase-form-a7f__notice-content ul {
	/* font-size: 0.9em; */
	margin: 1em 0 !important;
	padding-left: 2.5em !important;
	list-style: disc !important;
}

.purchase-form-a7f__notice-content ul>li {
	list-style-type: disc !important;
	margin: 0.5em 0 !important;
	padding-left: 0 !important;
	display: list-item !important;
	line-height: 1.4;
}

/*  */
.purchase-form-a7f__notice-content ol {
	font-size: 0.9em;
	margin: 1em 0 !important;
	padding-left: 0 !important;
	list-style: none !important;
	counter-reset: main-counter;
}

.purchase-form-a7f__notice-content ol>li {
	margin: 0.5em 0 !important;
	padding-left: 2.5em !important;
	display: list-item !important;
	counter-increment: main-counter;
	position: relative;
	line-height: 1.4;
}

.purchase-form-a7f__notice-content ol>li::before {
	content: counter(main-counter) ". ";
	font-weight: normal;
	position: absolute;
	left: 1em;
	top: 0;
}

.purchase-form-a7f__notice-content ol ol {
	font-size: 1em;
	margin: 1em 0 !important;
	padding-left: 0 !important;
	list-style: none !important;
	counter-reset: custom-counter;
}

.purchase-form-a7f__notice-content ol ol>li {
	margin: 0.5em 0 !important;
	padding-left: 3em !important;
	display: list-item !important;
	counter-increment: custom-counter;
	position: relative;
}

.purchase-form-a7f__notice-content ol ol>li::before {
	content: "(" counter(custom-counter) ") ";
	font-weight: normal;
	position: absolute;
	left: 1em;
	top: 0;
}

.purchase-form-a7f__notice-content a {
	text-decoration: underline;
	color: var(--c-secondary);
}

.purchase-form-a7f__notice-content-table {
	font-size: 0.9em;
}

.purchase-form-a7f__notice-content-table dl {
	/* padding: 0.5em; */
	margin-top: 0.5rem;
}

.purchase-form-a7f__notice-content-table dt {
	font-weight: bold;
	background-color: var(--bg-gray-l);
	padding: 0.5em;
}

.purchase-form-a7f__notice-content-table dd {
	padding: 0.5em;
}


@media (min-width: 1025px) {

	.purchase-form-a7f__notice-content-table {}

	.purchase-form-a7f__notice-content-table dl {
		display: grid;
		grid-template-columns: 19em 1fr;
		border-bottom: 1px solid var(--bdc-gray);
		align-items: center;
	}

	.purchase-form-a7f__notice-content-table dt {
		padding-block: 1em;
		background-color: unset;
	}

	.purchase-form-a7f__notice-content-table dd {
		padding: 1em;
	}

}



/* //////////////////////////////////////////////////////////////////// */
/* MARK:Footer//////////////////////////////////////////////////////////////////// */
/* MARK:Header//////////////////////////////////////////////////////////////////// */
/* フォーカス時のスタイルをさらに制御 */
.header__menu-button {
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}

.header__menu-button:focus {
	outline: none;
	box-shadow: none;
}

.header__menu-button::-moz-focus-inner {
	border: 0;
}

.header__menu-button:focus-visible {
	outline: none;
}

/* MARK:コンテナ */
.container-main {
	padding-inline: 4%;
	padding-bottom: 0rem;
	margin-inline: auto;
	margin-top: 4rem;
}

@media (min-width: 1025px) {
	.container-main {
		width: min(100%, calc(120rem + 4rem));
		padding-inline: 2rem;
		margin-top: 6rem;
	}
}



.error {
	background-color: hsl(4.2, 82.1%, 43.9%, 0.05) !important;
}


.memo {
	color: crimson;
	margin: 1rem 0;
	font-size: 0.8em;
}

/********************************* 印刷用 */
@media print {
	@page {
		size: 210mm 297mm;
	}

	body {
		font-size: 12pt;
	}

	a[href]:after {
		content: "" !important;
	}

	abbr[title]:after {
		content: "" !important;
	}

	.plan-wrapper-btn,
	.list-detail-item-number {
		-webkit-print-color-adjust: exact !important;
		color-adjust: exact !important;
	}
}