@charset "UTF-8";

/*----------------------------------

  parts

----------------------------------*/
.aform-header{
	font-size: 130%;
	font-weight: bold;
	margin: 1em 0;
}
.aform-hdln{
	font-size: 120%;
	font-weight: bold;
	margin: 2em 0 0.5em;
	padding: 3px 0;
	border-bottom: 1px dotted #ccc;
}
.aform-note{
	margin: 1em 0;
}
.aform-input[type="text"],
.aform-text,
.aform-email,
.aform-password,
.aform-tel,
.aform-url,
.aform-number,
.aform-date,
.aform-time,
.aform-textarea,
.aform-select,
.aform-name,
.aform-kana,
.aform-zipcode,
.aform-prefecture,
.aform-calendar{
	font-size: 16px;
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
}
.aform-field-option-text{
	font-size: 16px;
	padding: 5px;
	width: auto;
	box-sizing: border-box;
	margin-left: 5px;
	vertical-align:middle;
}
.aform-checkbox,
.aform-radio{
	margin-right: 5px;
	vertical-align:middle;
}


.aform-required{
	color:#fff;
	font-size: 82%;
	font-weight: normal;
	margin-left: 5px;
	padding: 2px;
	display:inline-block;
	line-height: 1;
	border-radius: 3px;
	background:#D92B00;
	vertical-align: text-top;
}
.aform-validation{
	color: #595959;
	font-size: 90%;
	font-weight: normal;
}
.aform-input-example{
	color: #595959;
	font-size: 90%;
	font-weight: normal;
	margin-bottom: 0.3em;
}

.aform-error {
	color: #D92B00;
}
/*.aform-input.error{
	color: #D92B00;
*/}
.aform-input.valid{

}


/*----------------------------------

  layout

----------------------------------*/

.aform-content ul,
.aform-content li{
	list-style:none;
	margin: 0;
	padding: 0;
}
@media (min-width: 40em) {
	.aform-name-ul,
	.aform-kana-ul{
		display: flex;
	}
	.aform-name-ul li,
	.aform-kana-ul li{
		flex: 1;
	}
	.aform-name-ul li + li,
	.aform-kana-ul li + li{
		margin-left: 1em;
	}
}
.aform-horizontal-ul li{
	display: inline-block;
	margin-right: 1em;
}
.aform-twice-note{
	display: block;
	margin-top: 0.5em;
}

.aform-content dl{
	margin: 0.5em 0;
	padding: 0.5em 0;
}
.aform-content dl dt{
	font-weight: bold;
}
.aform-content dl dd{
	margin: 0 0 0.5em;
}

.aform-button-area{
	margin-top:20px;
	padding:15px 20px;
	background: #f3f3f3;
	text-align:center;
}
.aform-button-area input{
	margin:0 6px;
	padding:2px 16px;
	font-size: 120%;
}

.aform-content p.powerdby{
	text-align: right;
	font-size: 70%;
	margin: 1em 0;
}
.aform-content p.powerdby a{
	color: #fff;
	padding:0 5px;
	background:#BAD7E4;
	text-decoration:none;
}
.aform-content p.powerdby a:hover{
	background:#75AECA;
}

.aform-content .aform-demo{
	text-align: center;
	margin: 2em 0;
	padding: 5px 10px;
	border: 1px solid #EE7BA0;
	background: #FDECF1;
}
.aform-content .aform-demo a{
	color: #903;
	font-weight:bold;
	margin: 0 5px;
}


/*----------------------------------

  aform_error

----------------------------------*/

.aform-error-list{
	margin-bottom: 20px;
}
.aform-error-list dt{
	float: none;
	width: auto;
	font-size:120%;
	margin-bottom: 10px;
	padding-left:16px;
}
.aform-error-list dd{
	padding-left: inherit;
	margin-left:16px;
	display:list-item;
}

/*----------------------------------

  aform_finish

----------------------------------*/

#aform_result{
	color: #c00;
	font-weight: bold;
	font-size: 110%;
	margin: 15px auto;
	padding: 10px 15px;
}
#aform_result a{
	margin: 0 1em;
}

/*----------------------------------

  additional-parts

----------------------------------*/

/* aform-calendar */
.aform-calendar{
	width: auto;
	margin-right: 5px;
	vertical-align: middle;
}
.aform-calendar + label{
	margin-right: 5px;
	vertical-align: middle;
}
.aform-content .ui-datepicker-trigger{
	margin-left: 5px;
	vertical-align: text-top;
}
.ui-datepicker .ui-widget-header{
	color: inherit;
}


/* aform-payment */
.aform-payment li{
	margin-bottom: 0.8em;
}
.aform-payment .aform-payment-description{
	margin-left: 22px;
	margin-top: 3px;
}
.aform-payment .aform-payment-description table th{
	font-weight:normal;
	padding: 2px 5px 2px 0;
	vertical-align: top;
	text-align:left;
}
.aform-payment .aform-payment-description table td{
	padding: 2px 5px 2px 0;
}
.aform-payment .aform-payment-description .aform-input{
	width: auto;
}


/*----------------------------------

  aform-mm-form

----------------------------------*/

.aform-mm-form > div{
	margin:1em auto;
}
.aform-mm-form [type="email"]{
	min-width: 16em;
}
.success{
	color: #22584d;
	/*background-color: #d7e9e6;*/
}


/*----------------------------------

  customize

----------------------------------*/

:root {--aform-pc-dtWidth:10em;}
.aform-input[type="text"],
.aform-text,
.aform-email,
.aform-password,
.aform-tel,
.aform-url,
.aform-number,
.aform-date,
.aform-time,
.aform-textarea,
.aform-select,
.aform-name,
.aform-kana,
.aform-zipcode,
.aform-prefecture,
.aform-calendar {font-size:inherit;}
/*.required {color:#E7000A;}*/
.aform-header {display:none;}
.aform-hdln {border:none; text-align:center; font-size:133%;}
form[id^="aform-"] dl[class^="dl_"]:not(:has(dd:only-child)) {display:grid; gap:1.4em 2.5em;}
form[id^="aform-"] dl[class^="dl_"] > dt {position:relative; border-radius:.3em; padding:.5em .6em; background:#186DEC; text-align:center; line-height:1.33; font-weight:normal; color:#fff;}
form[id^="aform-"] dl[class^="dl_"] > dt .aform-required {display:inline-block; width:1.2em; background:none; line-height:1.2; white-space:nowrap; overflow:hidden;}
form[id^="aform-"] dl[class^="dl_"] > dt .aform-required:before {content:"※    "; font-weight:bold; color:#E7000A;}
form[id^="aform-"] dl[class^="dl_"] > dt .aform-validation {display:none; color:#fffd;}
form[id^="aform-"] dl[class^="dl_"]
  :is(input:not([type="checkbox"],[type="radio"]), textarea, select) {border:0!important; border-radius:.3em; padding:.45em .6em; background:#F3F3F5; line-height:1.5;}
.aform-checkbox-ul:has(li:only-child) {display:block!important;}
.aform-checkbox-ul > li {display:flex; align-items:center; padding:.6em .6em .6em 0; box-shadow:2.4em 0 0 #D9E5F1 inset; line-height:1.6;}
.aform-checkbox-ul > li input {flex-shrink:0; width:1.2em; aspect-ratio:1; margin-inline:.6em 1.4em; border:0;}
.aform-error {margin-top:.6em; line-height:1.6; font-size:90%;}

form[id^="aform-"] .dl_lead_source {display:none!important;}
form[id^="aform-"] .dl_product  {display: none !important;}
form[id^="aform-"] .dl_trial_product_name  {display: none !important;}

form[id^="aform-"] dl[class^="dl_"][class*="hideDt"] {display:block;}
form[id^="aform-"] dl[class^="dl_"][class*="hideDt"] dt {display:none;}

form[id^="aform-"] dl[class^="dl_"][class*="privacy"] {padding:1.4em; background:#FAFBFF;}
form[id^="aform-"] dl[class^="dl_"][class*="privacy"] > dt {display:none;}
form[id^="aform-"] dl[class^="dl_"][class*="privacy"] > dd {margin:0;}
form[id^="aform-"] dl[class^="dl_"][class*="privacy"] > dd .aform-input-example {padding:1em 1.4em; background:#fff; line-height:1.6;}
form[id^="aform-"] dl[class^="dl_"][class*="privacy"] .aform-checkbox-ul {width:fit-content; margin:1em auto 0;}


@media (min-width: 768px) {
  form[id^="aform-"] dl[class^="dl_"]:not(:has(.aform-checkbox-ul), .dl_manuallyAddedFullWidthDt) {grid-template-columns:var(--aform-pc-dtWidth) 1fr;}
  form[id^="aform-"] dl[class^="dl_"]:not(:has(.aform-checkbox-ul), .dl_manuallyAddedFullWidthDt) > dt .aform-required {position:absolute; left:100%; top:.6em; translate:20% 0;}
  form[id^="aform-"] dl[class^="dl_"] > dt {display:flex; align-items:center; justify-content:center;}
  form[id^="aform-"] dl[class^="dl_"] > dd {margin:0;}
  .aform-checkbox-ul {display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
  form[id^="aform-"] [class*="pcDtW20-nextAll"] ~ dl[class^="dl_"] {--aform-pc-dtWidth:20em;}
}
@media not (min-width: 768px) {
  .aform-checkbox-ul > li ~ li {margin-top:.6em;}
}

.aform-button-area {background:none;}
.aform-button-area :is(input,button) {position: relative; border-radius: 1000px; border: 1px solid #186DED; background-color: #fff; text-align: center; justify-content: center; align-items: center; display: inline-flex; line-height: 160%; padding: 3.7333333333vw 13.3333333333vw; width: 100%; transition: .4s; color:#186DED;}
@media (min-width: 768px) {
  .aform-button-area :is(input,button)  {padding:16px 50px; min-width: 400px; width: auto}
}

.aform-button-area :is(input,button):before, .aform-button-area :is(input,button):after {background: #186ded; transition: .4s}
.aform-button-area :is(input,button):after {content: ""; display: inline-block; width: 4.8vw; height: 3.7333333333vw; -webkit-mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='14'%20fill='none'%3e%3cpath%20fill='%23186DED'%20d='M17.726%206.677%2018%207l-.275.323-5.658%206.657-.76-.647%205.089-5.99H.03v-1h16.1L11.308.668l.76-.647z'/%3e%3c/svg%3e"); mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='14'%20fill='none'%3e%3cpath%20fill='%23186DED'%20d='M17.726%206.677%2018%207l-.275.323-5.658%206.657-.76-.647%205.089-5.99H.03v-1h16.1L11.308.668l.76-.647z'/%3e%3c/svg%3e"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; right: 5.3333333333vw; transform: translateY(-50%)}
@media (min-width: 768px) {
  .aform-button-area :is(input,button):after {width:18px; height: 14px; right: 20px}
}

.aform-button-area :is(input,button):focus-visible {color: #fff; background: #186ded}
.aform-button-area :is(input,button):focus-visible:before, .aform-button-area :is(input,button):focus-visible:after {background: #fff}
@media (hover: hover) {
  .aform-button-area :is(input,button):hover {color:#fff; background: #186ded}
  .aform-button-area :is(input,button):hover:before, .aform-button-area :is(input,button):hover:after {background: #fff}
}
@media (hover: none) {
  .aform-button-area :is(input,button):active {color:#fff; background: #186ded}
  .aform-button-area :is(input,button):active:before, .aform-button-area :is(input,button):active:after {background: #fff}
}

#aform-confirm-form .https_agreement-text{
    display: none !important;
}