@charset "UTF-8";

:root {
	--block--margin: 5rem;
}
.l-hero-wrapper {
	--hero-height: 180px;

	--bgColor: var(--bg-heroColor);
	--txt-headColor: var(--bg-hero-txt-headColor);
	--txt-bodyColor: var(--bg-hero-txt-bodyColor);
	--borderColor: var(--bg-hero-borderColor);
	--accentColor: var(--bg-hero-accentColor);
	--accent-txtColor: var(--bg-hero-accent-txtColor);
	--emphasisColor: var(--bg-hero-emphasisColor);
	--emphasis-txtColor: var(--bg-hero-emphasis-txtColor);
	--infoColor: var(--bg-hero-infoColor);
	--info-txtColor: var(--bg-hero-info-txtColor);
	--lightColor: var(--bg-hero-lightColor);
	--darkColor: var(--bg-hero-darkColor);
	--monoColor: var(--bg-hero-monoColor);
	--hero-txt-shadow: 0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;

	--fsize-1head: 4.0rem;
	--fweight-1head: 400;
	--flineheight-1head: 1.5;
	--fletterspacing-1head: 0.05em;

	background-size: cover;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.l-hero-container {
	padding: 0;
	background-image: var(--main-gradation);
	background-blend-mode: multiply;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	margin: 0;
	position: relative;
}
.l-hero-bg-container {
	margin: 0 auto;
}
.l-hero-wrapper .l-hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bgColor);
}
.l-hero-wrapper .l-hero-bg-after {
	position: absolute;
	top: 6.5rem;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	opacity: 0;
}
.l-hero-wrapper .l-hero-bg-image {
	position: absolute;
	overflow:hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: var(--bg-hero);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}

@media only screen and (min-width: 1600px) {
	.l-hero-wrapper .l-hero-bg-image {
		max-width: 100%;
		margin: 0 auto;
	}
}

.l-hero-content {
  width: 100%;
	padding: 1.5rem 1rem;
	z-index: 10;
	position: relative;
}
@media only screen and (min-width: 1024px) {
  .l-hero-content {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0;
    display: flex;
    justify-content: left;
    align-items: flex-start;
  }
}

.l-hero-main {
  display: flex;
  flex-direction: column;
	color: var(--txt-bodyColor);
}
.l-hero-main-title .p-page-title {
	display: inline-block;
	width: 100%;
	font-size: var(--fsize-xl);
	font-weight: 700;
}
.l-hero-main-title .p-page-subtitle {
  padding: 0;
  margin: 1px 0;
  color: var(--accentColor);
  font-size: var(--fsize-lg);
  font-weight: 400;
  line-height: 1.5;
  display: block;
}
.l-hero-side {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media only screen and (max-width: 1024px) {
	.l-hero-content {
		flex-direction: column;
	}
  .l-hero-main {
    text-align: center;
		width: 100%;
  }
  .l-hero-side {
		width: 100%;
		margin-top: 4rem;
  }
}


/* l-hero-wrapper */
.l-hero-wrapper .l-hero-main-container {
	display: flex;
	flex-direction: column;
	gap: var(--gap-hero);
}
.l-hero-wrapper .p-group .p-group-container {
	color: var(--txt-bodyColor);
	padding: 0.5em 0;
}
.s-border-small .l-hero-wrapper .p-group .p-group-container {
	border-top: 1px solid var(--txt-bodyColor);
	border-bottom: 1px solid var(--txt-bodyColor);
}

.l-hero-wrapper .l-hero-main-header + .l-hero-main-container {
	margin-top: var(--gap-hero);
}
.l-hero-wrapper .l-hero-main-container + .l-hero-main-footer {
	margin-top: var(--gap-hero);
}

.l-hero-main-title {
	display: flex;
	flex-direction: column;
}
.l-hero-main-title .p-page-title {
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 0.2em;
	font-weight: 900;
	color: var(--txt-bodyColor);
}
.l-hero-main-title .p-page-subtitle {
	margin-top: var(--size-xs);
	letter-spacing: 0.2em;
	font-weight: bold;
	font-size: 1.25rem;
	font-style: italic;
	letter-spacing: 0.5em;
	color: var(--txt-bodyColor);
}


.head__agslim .l-hero-content {
	max-width: 1200px;
	width: auto;
	height: var(--hero-height);
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: var(--gap-hero-top) 0;
	position: relative;
	font-family: inherit;
	font-size: 3.2rem;
	letter-spacing: inherit;
	line-height: inherit;
	justify-content: var(--s-hero-align-flex, flex-start);
	text-align: var(--s-hero-align, left);
}
.head__agslim .l-hero-content {
	color: var(--txt-bodyColor);
}
.head__agslim .l-hero-content > * > * + .p-buttons {
	margin-top: calc(1.5rem * 1.5);
	text-align: left;
	gap: .5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: var(--s-hero-align-flex, flex-start);
}
.head__agslim .head__agslim-headline-bg-light {
	max-width: 60vw;
	text-align: var(--s-hero-align, left);
}
.head__agslim .head__agslim-headline-bg-light .p-headline-container .p-headline-header + .p-headline-items {
	margin-top: 1.5rem;
}
.head__agslim .head__agslim-headline-bg-light .p-headline-container > * > * + * {
margin-top: 1.25rem;
}
.head__agslim .head__agslim-headline-bg-light .p-textarea {
line-height: calc(1.5rem * 2);
}
.head__agslim .head__agslim-headline-bg-light strong {
font-size: calc(1rem * 3);
padding: 0.3rem 0.5rem;
margin-right: .2rem;
color: var(--emphasis-txtColor);
font-weight: 900;
position: relative;
display: inline-block;
line-height: calc(1.5rem * 2);
}
.head__agslim .head__agslim-headline-bg-light strong::before {
content: "";
display: block;
top: 0rem;
left: 0;
width: 100%;
height: calc(100% + .2rem);
background-color: var(--emphasisColor);
position: absolute;
z-index: -1;
border-radius: calc(var(--s-radius, 0) * .3rem);
overflow: hidden;
}
.head__agslim .head__agslim-headline-bg-light small {
font-size: 1.8rem;
font-weight: 900;
padding: 0 .2rem;
}
.head__agslim.l-hero-wrapper .l-hero-content .p-headline > .p-headline-container {
	justify-content: var(--s-hero-align-flex, flex-start);
	align-items: center;
	text-align: center;
}
.head__agslim.l-hero-wrapper .l-hero-content .p-headline > .p-headline-container > * {
  font-size: 3.5rem;
}
.head__agslim.l-hero-wrapper .l-hero-content .p-headline > .p-headline-container > * > .p-subtext {
	font-size: 0.5em;
	font-weight: 400;
  text-align: left;
}
.head__agslim.l-hero-wrapper .l-hero-content .p-headline > .p-headline-container > * > .p-textarea {
}
.head__agslim .head__agslim-textarea {
	font-size: 1rem;
	line-height: 2;
	text-align: var(--s-hero-align, left);
	max-width: 38vw;
	margin-left: auto;
	margin-right: auto;
	text-shadow: var(--hero-txt-shadow);
}


.head__agslim .l-hero-clip.clip-type-left-radius {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}
.head__agslim .l-hero-clip.clip-type-left-solid {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}
.head__agslim .l-hero-clip.clip-type-center-radius {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.head__agslim .l-hero-clip.clip-type-center-solid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.head__agslim .l-hero-clip > svg {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 1240px) {
	.l-hero-wrapper {
		--hero-height: auto;
	}
	.head__agslim .l-hero-content {
		padding: 6rem 2rem;
	}
}

@media only screen and (max-width: 1024px) {
	.head__agslim .l-hero-content {
		width: 100%;
	}
	.head__agslim .l-hero-main {
		justify-content: center;
	}
	.head__agslim .head__agslim-headline-bg-light {
		max-width: none;
	}
	.head__agslim .head__agslim-textarea {
		max-width: none;
	}
}


.block__form {
	--v-form-alert: var(--form-alert, #d9534f);/*警告：背景*/
	--v-form-alert-txt-body: var(--form-alert-txt-body, #FFFFFF);/*警告：テキストカラー*/
	--v-form-input-bg: var(--form-input-bg,#eeeeee); /*入力枠内：背景*/
	--v-form-input-border-color: var(--form-input-border-color,#cccccc); /*入力枠内：枠線*/
	--v-form-ffamily: var(--form-ffamily,'ヒラギノ角ゴシック','ヒラギノ角ゴ ProN','ヒラギノ角ゴ Pro',sans-serif,'メイリオ','Meiryo UI',sans-serif); /*フォーム：フォント種類*/
	--v-form-fsize: var(--form-fsize,1.4rem); /*フォーム：フォントサイズ*/
	--v-form-flineheight: var(--form-flineheight,1.6); /*フォーム：行間*/
	--v-form-fletterspacing: var(--form-fletterspacing,0.2rem); /*フォーム：文字間*/
	--v-form-border: var(--form-border,none); /*フォーム：枠線*/
	--v-form-radius: var(--form-radius,0px); /*フォーム：角丸*/
	--v-form-shadow: var(--form-shadow,none); /*フォーム：影*/
	--v-form-attention-bg: var(--form-attention-bg,var(--bg-annotation)); /*フォーム注釈：背景*/
	--v-form-attention-border: var(--form-attention-border,none); /*フォーム注釈：枠線*/
	--v-form-attension-separate: var(--form-attension-separate,none); /*フォーム注釈：区切り線*/
	--v-form-attention-radius: var(--form-attention-radius,0px); /*フォーム注釈：角丸*/
	--v-form-attention-shadow: var(--form-attention-shadow,none); /*フォーム注釈：影*/
	--v-form-attention-padding: var(--form-attention-padding,0px); /*フォーム注釈：余白*/
	--v-form-attention-fsize: var(--form-attention-fsize,inherit); /*フォーム注釈：文字サイズ*/
	--v-form-attention-color: var(--form-attention-color,inherit); /*フォーム注釈：文字カラー*/
	--v-form-attention-icon-list: var(--form-attention-icon-list,var(--icon-list)); /*フォーム注釈：リストアイコン*/
	--v-form-headline-fsize: var(--form-headline-fsize,3.2rem); /*見出し：フォントサイズ*/
	--v-form-headline-fweight: var(--form-headline-fweight,700); /*見出し：フォント太さ*/
	--v-form-headline-color: var(--form-headline-color,inherit); /*フォーム見出し：文字カラー*/
	--v-form-headline-align: var(--form-headline-align,flex-start); /*フォーム見出し：文字カラー*/
	--v-form-button-bg: var(--form-button-bg,var(--defPrimaryColorr)); /*フォームボタン：文字サイズ*/
	--v-form-button-back-bg: var(--form-button-back-bg,var(--gray-defColor)); /*フォームボタン：戻る背景*/
	--v-form-button-width: var(--form-button-width,auto); /*フォームボタン：幅*/
	--v-form-button-next-bg: var(--form-button-next-bg,var(--primaryColor)); /*フォームボタン：進む背景*/
	--v-form-button-gap: var(--form-button-gap,2rem); /*フォームボタン：ボタン間隔*/
	--v-form-margin: var(--form-margin,0); /*フォーム：項目毎の余白*/
	--v-form-gap: var(--form-gap,0px); /*フォーム：項目毎の間隔*/
	--v-form-split-border: var(--form-split-border,1px solid #eeeeee); /*フォーム：区切り線*/
	--v-form-col-direction: var(--form-col-direction,row); /*項目・入力の並び*/
	--v-form-col-title-width: var(--form-col-title-width, 28%); /*項目タイトル：幅*/
	--v-form-col-title-padding: var(--form-col-title-padding,2rem); /*項目タイトル：余白*/
	--v-form-col-title-bg: var(--form-col-title-bg,var(--bg-col-head1Color)); /*項目タイトル：背景*/
	--v-form-col-title-fsize: var(--form-col-title-fsize,1.4rem); /*項目タイトル：文字サイズ*/
	--v-form-col-title-fweight: var(--form-col-title-fweight,400); /*項目タイトル：文字太さ*/
	--v-form-col-title-color: var(--form-col-title-color,var(--bg-col-head1-fweight)); /*項目タイトル：文字カラー*/
	--v-form-col-title-valign: var(--form-col-title-valign,center); /*項目タイトル：垂直位置*/
	--v-form-col-input-fsize: var(--form-col-input-fsize,inherit); /*入力枠：文字サイズ*/
	--v-form-col-input-width: var(--form-col-input-fsize,72%); /*入力枠：文字サイズ*/
	--v-form-col-input-padding: var(--form-col-input-padding,2rem); /*入力枠：余白*/
	--v-form-col-input-gap: var(--form-col-input-gap,1rem); /*入力枠：要素の間隔*/
	--v-form-col-input-bg: var(--form-col-input-bg,var(--bg-col-body1Color)); /*入力枠：背景*/
	--v-form-col-input-color: var(--form-col-input-color,var(--bg-col-body1-txt-bodyColor)); /*入力枠：背景*/
	--v-form-require-pos: var(--form-require-pos,right); /*項目タイトル：必須位置*/
	--v-form-require-text: var(--form-require-text,"必須"); /*項目タイトル：必須文字*/
	--v-form-require-fsize: var(--form-require-fsize,0.8em); /*項目タイトル：必須文字サイズ*/
	--v-form-require-bg: var(--form-require-bg,var(--alertColor)); /*項目タイトル：必須背景*/
	--v-form-require-color: var(--form-require-color,var(--alert-txt-bodyColor)); /*項目タイトル：必須文字カラー*/
	--v-form-non-require-text: var(--form-non-require-text,"任意"); /*項目タイトル：任意文字*/
	--v-form-non-require-bg: var(--form-non-require-bg,var(--gray-defColor)); /*項目タイトル：任意背景*/
	--v-form-non-require-color: var(--form-non-require-color,var(--gray-def-txt-bodyColor)); /*項目タイトル：任意文字カラー*/
	--v-form-input-fsize: var(--form-input-fsize,1.2em); /*入力枠内：文字サイズ*/
	--v-form-input-padding: var(--form-input-padding,0.5em); /*入力枠内：余白*/
	--v-form-input-border: var(--form-input-border,1px solid var(--v-form-input-border-color)); /*入力枠内：枠線*/
	--v-form-radio-padding: var(--form-input-padding,0px); /*入力枠内：余白*/
	--v-form-radio-border: var(--form-input-border,none); /*入力枠内：枠線*/
	--v-form-radio-flex-direction: var(--form-input-flex-direction,row); /*入力枠内：枠線*/
	--v-form-input-radius: var(--form-input-radius,3px); /*入力枠内：角丸*/
	--v-form-input-button-bg: var(--form-input-button-bg,inherit); /*入力枠内：ボタン背景*/
	--v-form-verify-input-border-bottom: var(--form-verify-input-border-bottom,none); /*確認画面：入力枠内：下線*/
	--v-form-error-all-view: var(--form-error-all-view,visible); /*全エラー表示*/
	--v-form-error-padding: var(--form-error-padding,0.5em); /*エラー枠：余白*/
	--v-form-error-border: var(--form-error-border,0px); /*エラー枠：枠線*/
	--v-form-error-radius: var(--form-error-radius,3px); /*エラー枠：角丸*/
	--v-form-error-bg: var(--form-error-bg,var(--alertColor)); /*エラー枠：背景*/
	--v-form-error-color: var(--form-error-color,var(--alert-txt-bodyColor)); /*エラー枠：文字カラー*/
	--v-form-error-input-border: var(--form-error-input-border,1px solid var(--alertColor)); /*エラー時の入力ボックス：枠線*/
	--v-form-error-input-bg: var(--form-error-input-bg,inherit); /*エラー時の入力ボックス：背景*/
	--comp__form__name-width-pc: var(--form-comp__form__name-width-pc,calc(var(--fsize-medium) * 15)); /*入力ボックスの幅：お名前(PC)*/
	--comp__form__name-width-sp: var(--form-comp__form__name-width-sp,calc(var(--fsize-medium) * 15)); /*入力ボックスの幅：お名前(SP-1024px)*/
	--comp__form__splitname-width-pc: var(--form-comp__form__splitname-width-pc,calc(var(--fsize-medium) * 7)); /*入力ボックスの幅：お名前(2分割)-PC*/
	--comp__form__splitname-before-text1: var(--form-comp__form__splitname-before-text1,"姓"); /*入力ボックスの幅：お名前(2分割) - ボックス前テキスト(姓)*/
	--comp__form__splitname-before-text2: var(--form-comp__form__splitname-before-text2,"名"); /*入力ボックスの幅：お名前(2分割) - ボックス前テキスト(名)*/
	--comp__form__email-width-pc: var(--form-comp__form__email-width-pc,calc(var(--fsize-medium) * 30)); /*入力ボックスの幅：メールアドレス-PC*/
	--comp__form__email-width-sp: var(--form-comp__form__email-width-sp,calc(var(--fsize-medium) * 30)); /*入力ボックスの幅：メールアドレス-SP*/
	--comp__form__company-width-pc: var(--form-comp__form__company-width-pc,calc(var(--fsize-medium) * 30)); /*入力ボックスの幅：会社名-PC*/
	--comp__form__company-width-sp: var(--form-comp__form__company-width-sp,calc(var(--fsize-medium) * 30)); /*入力ボックスの幅：会社名-SP*/
	--comp__form__department-width-pc: var(--form-comp__form__department-width-pc,calc(var(--fsize-medium) * 30)); /*入力ボックスの幅：所属-PC*/
	--comp__form__department-width-sp: var(--form-comp__form__department-width-sp,calc(var(--fsize-medium) * 30)); /*入力ボックスの幅：所属-SP*/
	--comp__form__position-width-pc: var(--form-comp__form__position-width-pc,calc(var(--fsize-medium) * 30)); /*入力ボックスの幅：役職-PC*/
	--comp__form__position-width-sp: var(--form-comp__form__position-width-sp,calc(var(--fsize-medium) * 30)); /*入力ボックスの幅：役職-SP*/
	--comp__form__tel-width-pc: var(--form-comp__form__tel-width-pc,calc(var(--fsize-medium) * 30)); /*入力ボックスの幅：電話番号-PC*/
	--comp__form__tel-width-sp: var(--form-comp__form__tel-width-sp,calc(var(--fsize-medium) * 30)); /*入力ボックスの幅：電話番号-SP*/
	--comp__form__splittel-width-pc: var(--form-comp__form__splittel-width-pc,calc(var(--fsize-medium) * 5)); /*入力ボックスの幅：電話番号(3分割)-PC*/
	--comp__form__splittel-width-sp: var(--form-comp__form__splittel-width-sp,calc(var(--fsize-medium) * 5)); /*入力ボックスの幅：電話番号(3分割)-SP*/
	--comp__form__zip-width-pc: var(--form-comp__form__zip-width-pc,calc(var(--fsize-medium) * 20)); /*入力ボックスの幅：郵便番号-PC*/
	--comp__form__zip-width-sp: var(--form-comp__form__zip-width-sp,calc(var(--fsize-medium) * 20)); /*入力ボックスの幅：郵便番号-SP*/
	--comp__form__splitzip-width-pc: var(--form-comp__form__splitzip-width-pc,calc(var(--fsize-medium) * 5)); /*入力ボックスの幅：郵便番号(2分割)-PC*/
	--comp__form__splitzip-width-sp: var(--form-comp__form__splitzip-width-sp,calc(var(--fsize-medium) * 5)); /*入力ボックスの幅：郵便番号(2分割)-SP*/
	--comp__form__zip-addr-view: var(--form-comp__form__zip-addr-view,TRUE); /*入力ボックス：郵便番号住所取得ボタン表示*/
	--comp__form__zip-addr-formid: var(--form-comp__form__zip-addr-formid,none); /*入力ボックス：郵便番号住所の出力先*/
	--comp__form__zip-addr-width: var(--form-comp__form__zip-addr-width,calc(var(--fsize-medium) * 5)); /*入力ボックスの幅：都道府県-PC*/
	--comp__form__zip-addr-width-sp: var(--form-comp__form__zip-addr-width-sp,calc(var(--fsize-medium) * 5)); /*入力ボックスの幅：都道府県)-SP*/
	--comp__form__pref-width-pc: var(--form-comp__form__pref-width-pc,auto); /*入力ボックスの幅：都道府県-PC*/
	--comp__form__pref-width-sp: var(--form-comp__form__pref-width-sp,auto); /*入力ボックスの幅：都道府県-SP*/
	--comp__form__addr-type: var(--form-comp__form__addr-type,pref+addr1+addr2); /*入力ボックス：住所の入力形式*/
	--comp__form__addr-width-A-pc: var(--form-comp__form__addr-width-A-pc,100%); /*入力ボックスの幅：住所(1行のみ)-PC*/
	--comp__form__addr-width-A-sp: var(--form-comp__form__addr-width-A-sp,100%); /*入力ボックスの幅：住所(1行のみ)-SP*/
	--comp__form__addr-width-B-pc: var(--form-comp__form__addr-width-B-pc,100%); /*入力ボックスの幅：住所(3行)-PC*/
	--comp__form__addr-width-B-sp: var(--form-comp__form__addr-width-B-sp,100%); /*入力ボックスの幅：住所(3行)-SP*/
	--comp__form__addr-before-text1: var(--form-comp__form__addr-before-text1,"市区町村"); /*入力ボックスの幅：住所のボックス前テキスト1*/
	--comp__form__addr-before-text2: var(--form-comp__form__addr-before-text2,"町丁目・番地"); /*入力ボックスの幅：住所のボックス前テキスト2*/
	--comp__form__addr-before-text3: var(--form-comp__form__addr-before-text3,"ビル名等"); /*入力ボックスの幅：住所のボックス前テキスト3*/
	--comp__form__addr-before-width: var(--form-comp__form__addr-before-width,10rem); /*入力ボックスの幅：住所のボックス前テキスト1*/
	--comp__form__input-width-pc: var(--form-comp__form__input-width-pc,100%); /*入力ボックスの幅：1行テキスト-PC*/
	--comp__form__input-width-sp: var(--form-comp__form__input-width-sp,100%); /*入力ボックスの幅：1行テキスト-SP*/
	--comp__form__textarea-width-pc: var(--form-comp__form__textarea-width-pc,100%); /*入力ボックスの幅：複数行テキスト-PC*/
	--comp__form__textarea-width-sp: var(--form-comp__form__textarea-width-sp,100%); /*入力ボックスの幅：複数行テキスト-SP*/
	--comp__form__select-width-pc: var(--form-comp__form__select-width-pc,100%); /*入力ボックスの幅：プルダウン-PC*/
	--comp__form__select-width-sp: var(--form-comp__form__select-width-sp,100%); /*入力ボックスの幅：プルダウン-SP*/
	--comp__form__checkbox-gap-pc: var(--form-comp__form__checkbox-gap-pc,var(--fsize-xxx-small)); /*入力ボックスとテキストの間隔：チェックボックス-PC*/
	--comp__form__checkbox-gap-sp: var(--form-comp__form__checkbox-gap-sp,var(--fsize-xxx-small)); /*入力ボックスとテキストの間隔：チェックボックス-SP*/
	--comp__form__checkbox-border: var(--form-comp__form__checkbox-border,0px); /*入力ボックス：チェックボックスのborder*/
	--comp__form__checkbox-padding: var(--form-comp__form__checkbox-padding,0px); /*入力ボックス：チェックボックスの余白(padding)*/
	--comp__form__radio-gap-pc: var(--form-comp__form__radio-gap-pc,var(--fsize-xxx-small)); /*入力ボックスとテキストの間隔：ラジオボタン-PC*/
	--comp__form__radio-gap-sp: var(--form-comp__form__radio-gap-sp,var(--fsize-xxx-small)); /*入力ボックスとテキストの間隔：ラジオボタン-SP*/
	--comp__form__radio-border: var(--form-comp__form__radio-border,0px); /*入力ボックス：ラジオボタンのborder*/
	--comp__form__radio-padding: var(--form-comp__form__radio-padding,0px); /*入力ボックス：ラジオボタンの余白(padding)*/
	--comp__form__date-underyear: var(--form-comp__form__date-underyear,1900); /*入力ボックス：年月日-下限の年*/
	--comp__form__date-overyear: var(--form-comp__form__date-overyear,none); /*入力ボックス：年月日-上限の年*/
	--comp__form__agree-flex-direction: var(--form-comp__form__agree-flex-direction,column); /*入力ボックス：個人情報保護の選択肢の並び*/
	--v-form-step-title01: var(--form-step-title01,"入力"); /*フォーム-ステップ：１つ目のタイトル*/
	--v-form-step-title02: var(--form-step-title02,"確認"); /*フォーム-ステップ：２つ目のタイトル*/
	--v-form-step-title03: var(--form-step-title03,"完了"); /*フォーム-ステップ：３つ目のタイトル*/
	--v-form-step-no-view: var(--form-step-no-view,none); /*フォーム-ステップ：数字の表示*/
	--v-form-step-active-no: var(--form-step-active-no,1); /*フォーム-ステップ：アクティブなステップ*/
}.block__form {
	--comp__form__name-width: var(--comp__form__name-width-pc);
	--comp__form__email-width: var(--comp__form__email-width-pc);
	--comp__form__company-width: var(--comp__form__company-width-pc);
	--comp__form__department-width: var(--comp__form__department-width-pc);
	--comp__form__position-width: var(--comp__form__position-width-pc);
	--comp__form__tel-width: var(--comp__form__tel-width-pc);
	--comp__form__splittel-width: var(--comp__form__splittel-width-pc);
	--comp__form__zip-width: var(--comp__form__zip-width-pc);
	--comp__form__splitzip-width: var(--comp__form__splitzip-width-pc);
	--comp__form__pref-width: var(--comp__form__pref-width-pc);
	--comp__form__addr-width-A: var(--comp__form__addr-width-A-pc);
	--comp__form__addr-width-B: var(--comp__form__addr-width-B-pc);
	--comp__form__input-width: var(--comp__form__input-width-pc);
	--comp__form__textarea-width: var(--comp__form__textarea-width-pc);
	--comp__form__select-width: var(--comp__form__select-width-pc);
	--comp__form__radio-gap: var(--comp__form__radio-gap-pc);
}
@media only screen and (max-width: 1024px) {
	.block__form {
		--comp__form__name-width: var(--comp__form__name-width-sp);
		--comp__form__email-width: var(--comp__form__email-width-sp);
		--comp__form__company-width: var(--comp__form__company-width-sp);
		--comp__form__department-width: var(--comp__form__department-width-sp);
		--comp__form__position-width: var(--comp__form__position-width-sp);
			--comp__form__tel-width: var(--comp__form__tel-width-sp);
		--comp__form__splittel-width: var(--comp__form__splittel-width-sp);
		--comp__form__tel-width: var(--comp__form__tel-width-sp);
		--comp__form__zip-width: var(--comp__form__zip-width-sp);
		--comp__form__splitzip-width: var(--comp__form__splitzip-width-sp);
		--comp__form__addr-width-A: var(--comp__form__addr-width-A-sp);
		--comp__form__addr-width-B: var(--comp__form__addr-width-B-sp);
		--comp__form__input-width: var(--comp__form__input-width-sp);
		--comp__form__textarea-width: var(--comp__form__textarea-width-sp);
		--comp__form__select-width: var(--comp__form__select-width-sp);
		--comp__form__radio-gap: var(--comp__form__radio-gap-sp);
	}
}
.block__form.l-section-wrapper .l-section-container {
	padding-left: 0;
	padding-right: 0;
}

.p-container.row>* {
	margin: 0;
}

.l-body-wrapper.contents-header + .l-body-wrapper.contents-items > .block__form {
	padding: 0;
}

@media only screen and (max-width: 1024px) {
	.l-body-wrapper.contents-header + .l-body-wrapper.contents-items > .block__form {
		padding-left: 3.375rem;
		padding-right: 3.375rem;
	}
}

.block__form .alert-danger {
	color: var(--v-form-error-color);
	background-color: var(--v-form-error-bg);
	list-style: none;
	padding: var(--v-form-error-padding);
	margin-top: 0;
	border: var(--v-form-error-border);
	border-radius: var(--v-form-error-radius);
}

.alert-all {
	text-align: left;
	list-style: disc;
	padding-left: 2.5em;
}

.date_select select {
	padding: 8px;
}

body .l-body-wrapper.contents-items {
	padding: 0;
	width: 100%;
}

body.form-iframe .l-body-wrapper.contents-items {
	margin-top: 0;
}

.block__form  .required,
.block__form  .p-required {
	color: var(--alert-txt-bodyColor);
	line-height: 1.2em;
	padding: .2em .4em;
	border-radius: 3px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: var(--v-form-require-pos);
	font-size: var(--v-form-require-fsize);
	background-color: var(--v-form-require-bg);
	color: var(--v-form-require-color);
}
.block__form  .required::after,
.block__form  .p-required::after {
	content: var(--v-form-require-text);
}

.block__form  .non-required,
.block__form  .p-non-required {
	color: var(--alert-txt-bodyColor);
	line-height: 1.2em;
	padding: .2em .4em;
	border-radius: 3px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: var(--v-form-require-pos);
	font-size: var(--v-form-require-fsize);
	background-color: var(--v-form-non-require-bg);
	color: var(--v-form-non-require-color);
}
.block__form  .non-required::after,
.block__form  .p-non-required::after {
	content: var(--v-form-non-require-text);
}


.block__form {
	padding-left: 3.375rem;
	padding-right: 3.375rem;
}

.block__form .l-content-container {
	max-width: 1200px;
	width: 100%;
	margin: auto;
	margin-bottom: 3rem;
	background-color: unset;
}

.block__form .l-content-container+.p-btn-container {
	margin-top: 5rem;
	margin-bottom: 5rem;
	text-align: center;
}

.block__form .l-content-container+form>.p-btn-container {
	margin-top: 4rem;
}

.block__form .l-content-container+form>.p-btn-container>* {
	margin: 1rem;
}

.block__form .p-table {
	width: 100%;
	overflow: hidden;
	max-width: 1200px;
	border: 0;
}

.block__form .p-table tr {
	overflow: hidden;
}

.block__form .p-table tr + tr {
	margin-top: var(--form__margin_tr);
}

.block__form .p-table tr td {
	--bgColor: var(--bg-col-body1Color);
	--txt-headColor: var(--bg-col-body1-txt-headColor);
	--txt-bodyColor: var(--bg-col-body1-txt-bodyColor);
	--borderColor: var(--bg-col-body1-borderColor);
	--accentColor: var(--bg-col-body1-accentColor);
	--accent-txtColor: var(--bg-col-body1-accent-txtColor);
	--emphasisColor: var(--bg-col-body1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-body1-emphasis-txtColor);
	--infoColor: var(--bg-col-body1-infoColor);
	--info-txtColor: var(--bg-col-body1-info-txtColor);
	--lightColor: var(--bg-col-body1-lightColor);
	--darkColor: var(--bg-col-body1-darkColor);
	--monoColor: var(--bg-col-body1-monoColor);
	vertical-align: middle;
	text-align: left;
	text-align: left;
	padding: var(--form__padding_tbody);
	font-size: var(--form__fsize_tbody);
	font-size: inherit;
	line-height: var(--form__flineheight_tbody);
	border: 0;
	background: var(--bgColor);
	color: var(--txt-bodyColor);
}

.block__form .p-table tr th {
	--bgColor: var(--bg-col-head1Color);
	--txt-headColor: var(--bg-col-head1-txt-headColor);
	--txt-bodyColor: var(--bg-col-head1-txt-bodyColor);
	--borderColor: var(--bg-col-head1-borderColor);
	--accentColor: var(--bg-col-head1-accentColor);
	--accent-txtColor: var(--bg-col-head1-accent-txtColor);
	--emphasisColor: var(--bg-col-head1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-head1-emphasis-txtColor);
	--infoColor: var(--bg-col-head1-infoColor);
	--info-txtColor: var(--bg-col-head1-info-txtColor);
	--lightColor: var(--bg-col-head1-lightColor);
	--darkColor: var(--bg-col-head1-darkColor);
	--monoColor: var(--bg-col-head1-monoColor);
	vertical-align: middle;
	padding: var(--form__padding_thead);
	font-size: var(--form__fsize_tbody);
	font-size: inherit;
	line-height: var(--form__flineheight_tbody);
	width: 28%;
	text-align: left;
	box-sizing: border-box;
	border: 0;
	background: var(--bgColor);
	color: var(--txt-headColor);
}

.block__form .p-table tr th a {
	color: inherit;
}

.block__form .p-table .after_text {
	display: block;
	white-space: pre-wrap;
}

.block__form .p-table tr.info_text {
	margin-bottom: 2rem;
	background-color: var(--des-sub-defColor);
	color: var(--des-sub-def-txt-bodyColor);
}

.block__form .p-table tr.info_text td {
	--bgColor: var(--bg-col-head1Color);
	--txt-headColor: var(--bg-col-head1-txt-headColor);
	--txt-bodyColor: var(--bg-col-head1-txt-bodyColor);
	--borderColor: var(--bg-col-head1-borderColor);
	--accentColor: var(--bg-col-head1-accentColor);
	--accent-txtColor: var(--bg-col-head1-accent-txtColor);
	--emphasisColor: var(--bg-col-head1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-head1-emphasis-txtColor);
	--infoColor: var(--bg-col-head1-infoColor);
	--info-txtColor: var(--bg-col-head1-info-txtColor);
	--lightColor: var(--bg-col-head1-lightColor);
	--darkColor: var(--bg-col-head1-darkColor);
	--monoColor: var(--bg-col-head1-monoColor);
	background: var(--bgColor);
}

.block__form .p-table tr.info_text td p, .block__form .p-table tr.info_text td a {
	color: var(--des-sub-def-txt-bodyColor);
}

.block__form .p-table tr:nth-last-child(1) th {
	border: 0;
}

.block__form .p-table tr:nth-last-child(1) td {
	border: 0;
}

.block__form input[type="text"],
.block__form input[type="email"],
textarea {
	width: 100%;
	max-width: 100%;
	font-size: var(--v-form-input-fsize);
	padding: var(--v-form-input-padding);
	background-color: var(--v-form-input-bg);
	border: var(--v-form-input-border);
	border-radius: var(--v-form-input-radius);
	box-sizing: border-box;
}
.block__form input[type="date"] {
	width: 200px;
	max-width: 100%;
	font-size: var(--v-form-input-fsize);
	padding: var(--v-form-input-padding);
	background-color: var(--v-form-input-bg);
	border: var(--v-form-input-border);
	border-radius: var(--v-form-input-radius);
	box-sizing: border-box;
}
.block__form input[size]{
	width: auto;
}
.block__form select {
	width: 100%;
	max-width: 100%;
	font-size: var(--v-form-input-fsize);
	padding: var(--v-form-input-padding);
	background-color: var(--v-form-input-bg);
	border: var(--v-form-input-border);
	border-radius: var(--v-form-input-radius);
	box-sizing: border-box;
}
.block__form .alert-danger + input[type="text"],
.block__form .alert-danger + input[type="email"],
.block__form .alert-danger + textarea,
.block__form .alert-danger + select {
	border: var(--v-form-error-input-border);
	background-color: var(--v-form-error-input-bg);
}
.block__form .alert-danger + div input[type="text"],
.block__form .alert-danger + div input[type="email"],
.block__form .alert-danger + div input[type="radio"],
.block__form .alert-danger + div textarea,
.block__form .alert-danger + div select {
	border: var(--v-form-error-input-border);
	background-color: var(--v-form-error-input-bg);
}
dd > .radio,
dd > .checkbox,
dd > .agree {
	display: flex;
	gap: 1rem 3rem;
	flex-wrap: wrap;
}
.radio > label,
.checkbox > label {
	display: inline-block;
	font-size: var(--v-form-input-fsize);
	padding: var(--v-form-radio-padding);
	border: var(--v-form-radio-border);
	border-radius: var(--v-form-input-radius);
	background: var(--v-form-radio-bg);
}
input[type="radio"],
input[type="checkbox"],
.p-radio > input {
	margin-right: var(--comp__form__radio-gap);
}
dd > .agree {
	flex-direction: var(--comp__form__agree-flex-direction);
}

.block__form input[type="text"].size-5 {
	width: 5em;
}

.block__form input[type="text"].size-10 {
	width: 10em;
}

.block__form input[type="text"].size-15 {
	width: 15em;
}

.block__form input[type="text"].size-20 {
	width: 20em;
}

.block__form input[type="text"].size-25 {
	width: 25em;
}

.block__form input[type="text"].size-30 {
	width: 30em;
}

.block__form input[type="text"].size-35 {
	width: 35em;
}

.block__form input[type="text"].size-40 {
	width: 40em;
}

.block__form input[type="text"].size-45 {
	width: 45em;
}

.block__form input[type="text"].company {
	width: var(--comp__form__company-width);
}
.block__form input.name {
	width: 36rem;
}
.block__form input.furigana {
	width: 36rem;
}

.block__form input.email {
	width: 50rem;
}

.block__form button.zipsearch {
	margin-left: 1rem;
	font-size: inherit;
}


.block__form input[type="text"].department {
	width: var(--comp__form__department-width);
}

.block__form input[type="text"].position {
	width: var(--comp__form__position-width);
}

.block__form .zipsplit input[type="text"].zip {
	--comp__form__splitzip-width: 12rem;
	width: var(--comp__form__splitzip-width);
}
.block__form input[type="text"].zip {
	width: var(--comp__form__zip-width);
}

.block__form input[type="text"].split_name {
	width: var(--comp__form__split_name-width);
}


.block__form .pref {
	width: var(--comp__form__pref-width);
}
.block__form .address123 {
	display: flex;
	flex-direction: column;
	gap: var(--v-form-col-input-gap);
	max-width: 100%;
	width: 100%;
}
.block__form input[type="text"].address {
	width: var(--comp__form__addr-width-A);
}
.block__form .address123 input[type="text"] {
	width: var(--comp__form__addr-width-B);
}


.block__form textarea {
	padding: 0.5rem;
	width: 100%;
}



@media only screen and (max-width: 1024px) {}

.block__form .form-text.privacyPolicy {
	overflow: scroll;
	height: 20rem;
	white-space: pre-wrap;
	padding: 0.5rem;
	margin-top: 1rem;
	font-size: var(--form__fsize_policy);
	line-height: 1.4;
	color: var(--bg-input-txt-bodyColor);
	border: 1px solid var(--border-inputColor);
	background: var(--bg-inputColor);
}

.block__form .info_image .container {
	display: flex;
	justify-content: space-around;
}

.block__form .info_image .container figure {
	display: block;
	padding: 0 1rem;
	box-sizing: border-box;
}

.block__form .info_image .container figure img {
	max-width: 100%;
}

.block__form .info_image .container>p {
	display: block;
	padding: 0 1rem;
	max-width: 50%;
	box-sizing: border-box;
}

@media only screen and (max-width: 1024px) {
	.block__form .p-table tr, .block__form .p-table tr th, .block__form .p-table tr td {
		display: block;
		width: 100%;
		border: 0;
	}
}

.block__form .l-content-wrapper {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
}
.block__form .l-content-wrapper > * {
	width: 100%;
}

.block__form .l-col-three__item {
	display: block;
	flex: 0 0 auto;
	padding: 0 .75rem .75rem;
	width: 100%;
}

.block__form .l-col-three__item .l-col-container {
	border-radius: calc(var(--s-radius, 0) * .3rem);
	box-shadow: var(--s-shadow, none) rgba(0, 0, 0, .5);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.block__form .l-col-three__item .l-col-container::before {
	border-radius: var(--s-box-radius);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .3s cubic-bezier(.4, .1, .3, 1);
	width: 100%;
}

.block__form .l-col-three__item figure {
	background-color: #bfbfbf;
	background-position: 50%;
	background-size: contain;
	border-bottom: 4px solid var(--des-main-defColor);
	border-top-left-radius: var(--s-box-radius);
	border-top-right-radius: var(--s-box-radius);
	margin: 0;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}

.block__form .l-col-three__item figure > img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s cubic-bezier(.4, .1, .3, 1);
	width: 100%;
}

.block__form .l-col-three__item figure.objfit-contain > img {
	object-fit: contain;
}

@media (hover:hover) {
	.block__form .l-col-three__item .l-col-container:hover::before {
		opacity: 1;
	}
	
	.block__form .l-col-three__item .l-col-container:hover figure > img {
		transform: scale(1.1);
	}
}

@media (min-width: 40rem) {
	.block__form .l-col-three__item {
		width: 20rem;
	}
}

.block__form.layout02 .s-table-container {
	width: 100%;
}

.block__form.layout02 .s-table-container > * {
	align-items: center;
}

.block__form.layout02 .p-table tr {
	display: flex;
	flex-direction: column;
}

.block__form.layout02 .p-table tr th {
	width: 100%;
}

.block__form.layout02 .p-table tr td {
	width: 100%;
}

.block__form.layout02 .s-table-container > * > .p-container-header {
	align-self: center;
	flex: 0 0 auto;
}

.block__form.layout02 .s-table-container > * > .p-container-items {
	flex: 1 1 auto;
	transition: all .3s;
}

.block__form.layout02 .s-table-container > * > .p-container-items > h3 {
	font-size: 1rem;
}

.block__form.layout02 .s-table-container > a[href]:hover > .p-container-items {
	color: var(--primary-defColor);
}

.block__form.layout02 .s-table-container > * > .p-container-footer {
	align-self: center;
	flex: 0 0 auto;
	width: 6rem;
}

.block__form.layout02 .s-table-container .l-tag-wapper {
	margin-top: 1rem;
}

.block__form.layout02 .s-table-container > * > i {
	color: var(--des-main-defColor);
	transition: all .3s;
}

.block__form.layout02 .s-table-container.s-main-bgcolor > * > i {
	color: var(--des-main-def-txt-bodyColor);
}

.block__form.layout02 .s-table-container > a[href]:hover > i {
	color: var(--primary-defColor);
	transform: translateX(5px);
}

.block__form.layout02 .s-table-container > a > i {
	display: none;
}

.block__form.layout02 .s-table-container > a[href] > i {
	display: inherit;
}

.block__form.layout02 .s-table-container .l-category-wapper {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: -.25rem;
	overflow: hidden;
}

.block__form.layout02 .s-table-container .p-category a {
	background-color: var(--des-main-defColor);
	border-radius: var(--s-label-radius);
	color: #fff;
	display: inline-block;
	font-size: calc(1rem * 9 / 12);
	font-weight: 400;
	line-height: calc(1em * 60 / 40);
	margin: .25rem;
	padding: .125rem 1rem;
	text-decoration: none;
}

.block__form.layout02 .s-table-container .date {
	color: #9096a2;
	font-family: var(--font-pri-sans-serif);
	font-size: calc(1rem * 9 / 11);
	font-weight: 400;
	line-height: calc(1em * 55 / 40);
	margin: .25rem;
}

@media only screen and (max-width: 767px) {
	.block__form.layout02 .s-table-container .l-category-wapper {
		flex-direction: column-reverse;
	}
}

.block__form {
	padding-left: 3.375rem;
	padding-right: 3.375rem;
}

.block__form .l-content-container {
	max-width: 1200px;
	width: 100%;
	margin: auto;
	margin-bottom: 3rem;
	background-color: unset;
}

.block__form .l-content-container+form>.p-btn-container {
	margin-top: 4rem;
}

.block__form .l-content-container+form>.p-btn-container>* {
	margin: 1rem;
}

.block__form .p-table {
	width: 100%;
	overflow: hidden;
	max-width: 1200px;
	border: 0;
}

.block__form .p-table tr {
	overflow: hidden;
}

.block__form .p-table tr + tr {
	margin-top: var(--form__margin_tr);
}

.block__form .p-table tr td {
	--bgColor: var(--bg-col-body1Color);
	--txt-headColor: var(--bg-col-body1-txt-headColor);
	--txt-bodyColor: var(--bg-col-body1-txt-bodyColor);
	--borderColor: var(--bg-col-body1-borderColor);
	--accentColor: var(--bg-col-body1-accentColor);
	--accent-txtColor: var(--bg-col-body1-accent-txtColor);
	--emphasisColor: var(--bg-col-body1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-body1-emphasis-txtColor);
	--infoColor: var(--bg-col-body1-infoColor);
	--info-txtColor: var(--bg-col-body1-info-txtColor);
	--lightColor: var(--bg-col-body1-lightColor);
	--darkColor: var(--bg-col-body1-darkColor);
	--monoColor: var(--bg-col-body1-monoColor);
	vertical-align: middle;
	text-align: left;
	text-align: left;
	padding: var(--form__padding_tbody);
	font-size: var(--form__fsize_tbody);
	font-size: inherit;
	line-height: var(--form__flineheight_tbody);
	border: 0;
	background: var(--bgColor);
	color: var(--txt-bodyColor);
}

.block__form .p-table tr th {
	--bgColor: var(--bg-col-head1Color);
	--txt-headColor: var(--bg-col-head1-txt-headColor);
	--txt-bodyColor: var(--bg-col-head1-txt-bodyColor);
	--borderColor: var(--bg-col-head1-borderColor);
	--accentColor: var(--bg-col-head1-accentColor);
	--accent-txtColor: var(--bg-col-head1-accent-txtColor);
	--emphasisColor: var(--bg-col-head1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-head1-emphasis-txtColor);
	--infoColor: var(--bg-col-head1-infoColor);
	--info-txtColor: var(--bg-col-head1-info-txtColor);
	--lightColor: var(--bg-col-head1-lightColor);
	--darkColor: var(--bg-col-head1-darkColor);
	--monoColor: var(--bg-col-head1-monoColor);
	vertical-align: middle;
	padding: var(--form__padding_thead);
	font-size: var(--form__fsize_tbody);
	font-size: inherit;
	line-height: var(--form__flineheight_tbody);
	width: 28%;
	text-align: left;
	box-sizing: border-box;
	border: 0;
	background: var(--bgColor);
	color: var(--txt-headColor);
}

.block__form .p-table tr th a {
	color: inherit;
}

.block__form .p-table .after_text {
	display: block;
	white-space: pre-wrap;
	font-size: var(--form__attention_fsize);
	margin-top: var(--form__attention_margin);
}

.block__form .p-table tr.info_text {
	margin-bottom: 2rem;
	background-color: var(--des-sub-defColor);
	color: var(--des-sub-def-txt-bodyColor);
}

.block__form .p-table tr.info_text td {
	--bgColor: var(--bg-col-head1Color);
	--txt-headColor: var(--bg-col-head1-txt-headColor);
	--txt-bodyColor: var(--bg-col-head1-txt-bodyColor);
	--borderColor: var(--bg-col-head1-borderColor);
	--accentColor: var(--bg-col-head1-accentColor);
	--accent-txtColor: var(--bg-col-head1-accent-txtColor);
	--emphasisColor: var(--bg-col-head1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-head1-emphasis-txtColor);
	--infoColor: var(--bg-col-head1-infoColor);
	--info-txtColor: var(--bg-col-head1-info-txtColor);
	--lightColor: var(--bg-col-head1-lightColor);
	--darkColor: var(--bg-col-head1-darkColor);
	--monoColor: var(--bg-col-head1-monoColor);
	background: var(--bgColor);
}

.block__form .p-table tr.info_text td p, .block__form .p-table tr.info_text td a {
	color: var(--des-sub-def-txt-bodyColor);
}

.block__form .p-table tr:nth-last-child(1) th {
	border: 0;
}

.block__form .p-table tr:nth-last-child(1) td {
	border: 0;
}


.p-radio {
	display: inline-block;
	margin-right: var(--comp__form__radio-gap);
}


.p-checkbox {
	display: inline-block;
	margin-right: var(--comp__form__checkbox-gap);
}

.checkbox > label {
	display: inline-block;
	padding: var(--comp__form__checkbox-padding);
	border: var(--comp__form__checkbox-border);
}

.p-checkbox > input {
	margin-right: var(--comp__form__checkbox-gap);
}

select, select.p-select {
	font-size: inherit;
	padding: var(--comp__form__input-padding);
	color: var(--bg-input-txt-bodyColor);
	border: 1px solid var(--bg-input-lightColor);
	background: var(--bg-inputColor);
	width: var(--comp__form__select-width);
}

@media only screen and (max-width: 764px) {
	input[type="text"], input.p-inputtext {
		font-size: var(--comp__form__fsize);
	}
	
	textarea, textarea.p-textarea {
		font-size: var(--comp__form__fsize);
	}
}


.block__form .form-wrapper.tel > span:nth-child(1):after, .block__form .form-wrapper.tel > span:nth-child(2):after {
	content: "-";
	width: 1em;
	display: inline-block;
	text-align: center;
}

.block__form .address123 > span {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.block__form .address123 > span:not(:first-of-type) {
	margin-top: var(--comp__form__address123-gap);
}

.block__form .address123 > span::before {
	white-space: nowrap;
	height: fit-content;
	min-width: var(--comp__form__addr-before-width);
}

.block__form .address123 > .addr1::before {
	content: var(--comp__form__addr-before-text1);
}

.block__form .address123 > .addr2::before {
	content: var(--comp__form__addr-before-text2);
}

.block__form .address123 > .addr3::before {
	content: var(--comp__form__addr-before-text3);
}

.block__form .name dd > div > .split_name:first-of-type::before {
	content: var(--comp__form__splitname-before-text1);
}

.block__form .name dd > div > .split_name:last-of-type::before {
	content: var(--comp__form__splitname-before-text2);
}

@media only screen and (max-width: 764px) {}

.block__form .form-text.privacyPolicy {
	overflow: scroll;
	height: 20rem;
	white-space: pre-wrap;
	padding: 0.5rem;
	margin-top: 1rem;
	font-size: var(--form__fsize_policy);
	line-height: 1.4;
	color: var(--bg-input-txt-bodyColor);
	border: 1px solid var(--border-inputColor);
	background: var(--bg-inputColor);
}

.block__form .info_image .container {
	display: flex;
	justify-content: space-around;
}

.block__form .info_image .container figure {
	display: block;
	padding: 0 1rem;
	box-sizing: border-box;
}

.block__form .info_image .container figure img {
	max-width: 100%;
}

.block__form .info_image .container>p {
	display: block;
	padding: 0 1rem;
	max-width: 50%;
	box-sizing: border-box;
}

@media only screen and (max-width: 764px) {
	.block__form .p-table tr, .block__form .p-table tr th, .block__form .p-table tr td {
		display: block;
		width: 100%;
		border: 0;
	}
}

.block__form .l-col-three__item {
	display: block;
	flex: 0 0 auto;
	padding: 0 .75rem .75rem;
	width: 100%;
}

.block__form .l-col-three__item .l-col-container {
	border-radius: calc(var(--s-radius, 0) * .3rem);
	box-shadow: var(--s-shadow, none) rgba(0, 0, 0, .5);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.block__form .l-col-three__item .l-col-container::before {
	border-radius: var(--s-box-radius);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .3s cubic-bezier(.4, .1, .3, 1);
	width: 100%;
}

.block__form .l-col-three__item figure {
	background-color: #bfbfbf;
	background-position: 50%;
	background-size: contain;
	border-bottom: 4px solid var(--des-main-defColor);
	border-top-left-radius: var(--s-box-radius);
	border-top-right-radius: var(--s-box-radius);
	margin: 0;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}

.block__form .l-col-three__item figure > img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s cubic-bezier(.4, .1, .3, 1);
	width: 100%;
}

.block__form .l-col-three__item figure.objfit-contain > img {
	object-fit: contain;
}

@media (hover:hover) {
	.block__form .l-col-three__item .l-col-container:hover::before {
		opacity: 1;
	}
	
	.block__form .l-col-three__item .l-col-container:hover figure > img {
		transform: scale(1.1);
	}
}

@media (min-width: 40rem) {
	.block__form .l-col-three__item {
		width: 20rem;
	}
}

.block__form.layout02 .s-table-container {
	width: 100%;
}

.block__form.layout02 .s-table-container > * {
	align-items: center;
}

.block__form.layout02 .p-table tr {
	display: flex;
	flex-direction: var(--form__flex-direction);
	gap: var(--form__cell_gap);
}

.block__form.layout02 .p-table tr th {
	width: 100%;
}

.block__form.layout02 .p-table tr td {
	width: 100%;
}

.block__form.layout02 .s-table-container > * > .p-container-header {
	align-self: center;
	flex: 0 0 auto;
}

.block__form.layout02 .s-table-container > * > .p-container-items {
	flex: 1 1 auto;
	transition: all .3s;
}

.block__form.layout02 .s-table-container > * > .p-container-items > h3 {
	font-size: 1rem;
}

.block__form.layout02 .s-table-container > a[href]:hover > .p-container-items {
	color: var(--primary-defColor);
}

.block__form.layout02 .s-table-container > * > .p-container-footer {
	align-self: center;
	flex: 0 0 auto;
	width: 6rem;
}

.block__form.layout02 .s-table-container .l-tag-wapper {
	margin-top: 1rem;
}

.block__form.layout02 .s-table-container > * > i {
	color: var(--des-main-defColor);
	transition: all .3s;
}

.block__form.layout02 .s-table-container.s-main-bgcolor > * > i {
	color: var(--des-main-def-txt-bodyColor);
}

.block__form.layout02 .s-table-container > a[href]:hover > i {
	color: var(--primary-defColor);
	transform: translateX(5px);
}

.block__form.layout02 .s-table-container > a > i {
	display: none;
}

.block__form.layout02 .s-table-container > a[href] > i {
	display: inherit;
}

.block__form.layout02 .s-table-container .l-category-wapper {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: -.25rem;
	overflow: hidden;
}

.block__form.layout02 .s-table-container .p-category a {
	background-color: var(--des-main-defColor);
	border-radius: var(--s-label-radius);
	color: #fff;
	display: inline-block;
	font-size: calc(1rem * 9 / 12);
	font-weight: 400;
	line-height: calc(1em * 60 / 40);
	margin: .25rem;
	padding: .125rem 1rem;
	text-decoration: none;
}

.block__form.layout02 .s-table-container .date {
	color: #9096a2;
	font-family: var(--font-pri-sans-serif);
	font-size: calc(1rem * 9 / 11);
	font-weight: 400;
	line-height: calc(1em * 55 / 40);
	margin: .25rem;
}

@media only screen and (max-width: 767px) {
	.block__form.layout02 .s-table-container .l-category-wapper {
		flex-direction: column-reverse;
	}
}

.s-required-type1 {
	font-size: var(--v-form-attention-fsize);
	color: var(--v-form-attention-color);
}

.s-required-type1 .block__ullist.s-bg-def-color .l-header-wrapper {
	padding-bottom: 2rem;
	border-bottom: var(--v-form-attension-separate);
}

.s-required-type1 .block__ullist.s-bg-second-color .p-ullist.block-bg-container-color:not(.s-bg-none) {
	background: var(--v-form-attention-bg);
	border: var(--v-form-attention-border);
	border-radius: var(--v-form-attention-radius);
	box-shadow: var(--v-form-attention-shadow);
	padding: var(--v-form-attention-padding);
}

.s-required-type1 .p-ullist > ul > li::before {
	content: var(--v-form-attention-icon-list);
}

form .l-section-title-container {
	font-size: var(--v-form-headline-fsize);
	font-weight: var(--v-form-headline-fweight);
	color: var(--v-form-headline-color);
	align-items: var(--v-form-headline-align);
  text-align: left;
}

.p-form-container {
	/* font-family: var(--v-form-ffamily); */
	/* font-size: var(--v-form-fsize); */
	/* line-height: var(--v-form-flineheight); */
	/* letter-spacing: var(--v-form-fletterspacing); */
	border: var(--v-form-border);
	border-radius: var(--v-form-radius);
	box-shadow: var(--v-form-shadow);
}

.block__form dl.form-block + dl.form-block {
	margin-top: var(--v-form-margin);
	border-top: var(--v-form-split-border);
}

.block__form .l-content-container+form>.p-btn-container>* {
	margin: calc(var(--v-form-button-gap) / 2);
}
.block__form .p-btn-container {
	max-width: 1200px;
	margin: auto;
}

.block__form .p-btn {
	font-size: var(--v-form-button-bg);
	width: var(--v-form-button-width);
	border: 0;
}

.block__form .p-btn.s-btn-primary {
	background: var(--v-form-button-next-bg);
}

.block__form .p-btn.s-btn-back {
	background: var(--v-form-button-back-bg);
}

.block__form .p-form-container dl.form-block {
	margin: 0;
	display: flex;
	gap: var(--v-form-gap);
	flex-direction: var(--v-form-col-direction);
}

.block__form .p-form-container dl.form-block > dt {
	--bgColor: var(--bg-col-head1Color);
	--txt-headColor: var(--bg-col-head1-txt-headColor);
	--txt-bodyColor: var(--bg-col-head1-txt-bodyColor);
	--borderColor: var(--bg-col-head1-borderColor);
	--accentColor: var(--bg-col-head1-accentColor);
	--accent-txtColor: var(--bg-col-head1-accent-txtColor);
	--emphasisColor: var(--bg-col-head1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-head1-emphasis-txtColor);
	--infoColor: var(--bg-col-head1-infoColor);
	--info-txtColor: var(--bg-col-head1-info-txtColor);
	--lightColor: var(--bg-col-head1-lightColor);
	--darkColor: var(--bg-col-head1-darkColor);
	--monoColor: var(--bg-col-head1-monoColor);
	vertical-align: middle;
	line-height: var(--form__flineheight_tbody);
	text-align: left;
	box-sizing: border-box;
	border: 0;
	width: var(--v-form-col-title-width);
	padding: var(--v-form-col-title-padding);
	background: var(--v-form-col-title-bg);
	/* font-size: var(--v-form-col-title-fsize); */
	color: var(--v-form-col-title-color);
	font-weight: var(--v-form-col-title-fweight);
	vertical-align: var(--v-form-col-title-valign);
}

.block__form .p-form-container dl.form-block > dd {
	--bgColor: var(--bg-col-body1Color);
	--txt-headColor: var(--bg-col-body1-txt-headColor);
	--txt-bodyColor: var(--bg-col-body1-txt-bodyColor);
	--borderColor: var(--bg-col-body1-borderColor);
	--accentColor: var(--bg-col-body1-accentColor);
	--accent-txtColor: var(--bg-col-body1-accent-txtColor);
	--emphasisColor: var(--bg-col-body1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-body1-emphasis-txtColor);
	--infoColor: var(--bg-col-body1-infoColor);
	--info-txtColor: var(--bg-col-body1-info-txtColor);
	--lightColor: var(--bg-col-body1-lightColor);
	--darkColor: var(--bg-col-body1-darkColor);
	--monoColor: var(--bg-col-body1-monoColor);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	vertical-align: middle;
	gap: var(--v-form-col-input-gap);
	text-align: left;
	line-height: var(--form__flineheight_tbody);
	border: 0;
	background: var(--v-form-col-input-bg);
	color: var(--v-form-col-input-color);
	width: var(--v-form-col-input-width);
	font-size: var(--v-form-col-input-fsize);
	padding: var(--v-form-col-input-padding);
}

.block__form .p-form-container dl.form-block > dd {
	margin: 0;
}

@media only screen and (max-width: 764px) {
	.block__form .p-form-container dl.form-block {
		flex-direction: column;
	}
	
	.block__form .p-form-container dl.form-block > dt {
		width: 100%;
	}
	
	.block__form .p-form-container dl.form-block > dd {
		width: 100%;
	}
}

.form-block .error {
	background: #d95350;
	padding: 5px 10px;
	color: #FFF;
	border-radius: 5px;
}
.form-block .charcount_max {
	font-size: 12px;
	text-align: right;
	width: 100%;
}
.form-block .charcount_max::after {
	content: "文字";
}


.p-ollist > ol > li .p-ollist-item {
	width: calc(100% - 4rem);
}

input[type="date"] {
	position: relative;
}
input[type="date"]:invalid::before {
	content: "例) 2025/01/01";
	color: #aaa;
}
input[type="date"]:focus::before {
	content: '';
}