/* フォーム新設追加 */
/* strong#edit-ex-line-number-error {
  margin: -15px 0 20px 0
} */
 #edit-model--description {
    line-height: 1.6rem;
}
h2.webform-section-title,
#edit-business-d-account-issuance-information-select-section {
  font-weight: bold;
  margin: 0 0 10px 0;
}
/* #edit-purchase-form-model--wrapper-legend,
#edit-agreement-corporate-registration--wrapper-legend,
#edit-business-d-account-issuance-information-select-sex--wrapper-legend,
legend#edit-business-d-account-issuance-information-select--wrapper-legend, 
legend#edit-contract-conclusion-method--wrapper-legend{
  margin: 0 0 0.5em 0;
} */
 legend#edit-agreement-corporate-registration--wrapper-legend {
    margin: 15px 0 0.5em 0
}
.form-item-agreement-corporate-registration,
.form-item-confirm-delivery-date,
.form-item-confirmation-delivery-location,
.form-item-check-payment-method-for-device-fee {
    height: 45px;
}
legend {
  font-weight: bold;
  margin: 0 0 0.5em 0;
}
#edit-contract-conclusion-method--wrapper {
    margin: 0 0 30px 0 !important;
}

section#edit-purchase-info span.fieldset-legend.js-form-required.form-required,
section#edit-customer-infospan.fieldset-legend.js-form-required.form-required,
legend#edit-contract-conclusion-method--wrapper-legend{
  font-weight: normal;
}
fieldset#edit-other-opt--wrapper legend {
  margin-top: 10px;
} 
.js-webform-type-checkbox.mb-3,
#edit-flexbox-name-bussiness-d,
#edit-flexbox-kana-bussiness-d,
#edit-agreement-corporate-registration--wrapper,
#edit-agreement-items-check-signing-contract-text {
  margin: 0 !important;
}
#edit-purchase-form-model,
.fieldset-wrapper,
.js-webform-type-checkbox {
  position: relative;
}
.js-webform-checkboxes {
  margin: 0 0 20px 0;
}
section.webform-section{
    margin: 0 0 25px 0;
}
#edit-name-of-person-in-charge, 
#edit-name-kana,
.webform-flexbox .webform-flexbox,
#edit-flexbox-name-bussiness-d,
#edit-business-d-account-issuance-information-select-name,
section#edit-business-d-account-issuance-information-select-name-kana,
#edit-agreement-items-check-signing-contract {
    margin: 0;
}
.js-webform-type-checkbox strong {
  position: absolute;
  left: 0;
}
.js-webform-type-radio strong {
  position: absolute;
  top: 15px;
  left: 0;
}
/* 3段
strong#call_opt_unl_call\[01\]-error,
strong#comp_opt_unl_data\[01\]-error,
strong#comp_opt_unl_call_mini_max\[01\]-error,
strong#call_opt_unl_data_mini_max\[01\]-error,
strong#comp_opt_unl_data_mini_max\[01\]-error,
strong#security_admin_opt_unl_mini\[01\]-error,
strong#entertainment_bonus_max\[01\]-error {
  top: 92px;
}
1段
strong#data_opt_unl_data_max\[01\]-error {
  top: 32px;
}
5段
strong#security_admin_opt_unl_call\[01\]-error,
strong#security_admin_opt_unl_data\[01\]-error,
strong#select_acc\[01\]-error {
  top: 153px;
}
2段 
strong#data_opt_unl_call_max\[01\]-error,
strong#other_opt\[01\]-error,
strong#mail_opt_mail\[01\]-error,
strong#entertainment_bonus_mini\[01\]-error {
  top: 62px;
}
4段 
strong#security_admin_opt_unl_max\[01\]-error {
  top: 122px;
}
*/
.webform-section .error.form-item--error-message {
    top: 17px;
} 
    

/* 左側オンライン相談追加 */
#edit-form-title00,
#edit-online-contact-seni-block{
  display:none;
}
.online-contact__content {
  background-color: #fff;
  max-width: 840px;
  width: 100%;
  z-index: 99;
  padding: 0;
  position: relative;
  color: #333333;
}
.ttl {
  font-weight: bold;
  margin: 0 0 5px 0;
}
.txt {
    margin: 0 0 20px 0;
    font-size: 14px;
}
.box__btn{
  padding: 10px 25px 10px 50px;
  position: relative;
  width: 270px;
  font-size: 15px;
  min-width: 270px;
  max-width: 300px;
  height: 44px;
  display: inline-block;
  border-radius: 100vh;
  text-align: center;
  cursor: pointer;
  line-height: 1.5;
  background-color: #fff;
  color: #bc2739;
  border: 2px solid #bc2739;
  font-weight: bold;
  margin: 0 0 30px 10px;
}
.box__btn:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/sites/default/files/media/service/image/icon_arrow-rd-r.webp) no-repeat center / 100%;
}
.box__btn:hover,
.box__btn:focus{
  text-decoration: none;
  opacity: 0.7;
	color: #bc2739;
}
.box__btn img{
  filter: brightness(0) saturate(100%) invert(22%) sepia(29%) saturate(5522%) hue-rotate(333deg) brightness(95%) contrast(95%);
  width: 24px;
  height: 24px;
  margin-right: 10px;
  position: absolute;
  left: 45px;
}
.close{
  font-weight:bold;
  margin: 0 0 0 0;
  font-size: 14px;
}
#edit-left-container .form_ttl h2{
	color: #111;
	font-size: 24px;
	margin-top: 40px;
  font-weight: bold;
}
#edit-left-container .form_ttl h2 em{
	background: linear-gradient(transparent 70%, #fae5ea 10%);
	font-style: normal;
}

@media screen and (max-width:767px) {
  .txt {
    margin: 0 0 10px 0;
  }
  .box__btn{
    margin: 0 0 20px 10px;
  }
  .close{
    margin: 0 0 40px 0;
  }
}


.float-wrap{
  display:none;
}
#edit-right-container .placeholder {
    background-color: inherit;
    color: #c03;
    opacity: 1;
    vertical-align: baseline;
    font-weight: normal;
}
.layout-main-wrapper {
    max-width: 1140px;
}
.webform-progress ul li{
	font-size: 18px;
}
.error.form-item--error-message{
  color: #bc2739;
}
#ajax-wrapper{
  margin-top: 2rem;
}
#edit-flexbox-name,
#edit-flexbox-kana,
#edit-flexbox-name-opic,
#edit-flexbox-kana-opic,
#edit-name-kana,
#edit-flexbox-name-bussiness-d,
#edit-flexbox-kana-bussiness-d{
  gap: 1em;
}
#edit-flexbox-name .webform-flex--container,
#edit-flexbox-kana .webform-flex--container,
#edit-flexbox-name-opic .webform-flex--container,
#edit-name-kana .webform-flex--container,
#edit-flexbox-name-bussiness-d .webform-flex--container,
#edit-flexbox-kana-bussiness-d .webform-flex--container{
  margin: 0;
}
#edit-xiwanglianluofangfa, #edit-jinibisheyingyedandangtolianluowoqu-tsuteimasuka{
  position: relative;
}
#xiwanglianluofangfa-error, #jinibisheyingyedandangtolianluowoqu_tsuteimasuka-error{
  position: absolute;
  top: 20px;
  left: 0px;
}
.form-item-gerenqingbaonoqurixiinitongyisuru{
  position: relative;
}
#gerenqingbaonoqurixiinitongyisuru-error{
  position: absolute;
  top: 25px;
  left: 0px;
}
  /*フォーム左側*/
  
#edit-left-container{
  padding-right: 28px;
}
#edit-left-container .ttl_block p{
	color:#CC0033;
	font-weight: bold;
	font-size:24px;
}
#edit-left-container .disc_block{
	background: #EAEBE6;
	border-radius: 10px;
	padding: 20px;
}
#edit-left-container .disc_block ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#edit-left-container .disc_block ul li{
	text-indent: -1em;
	padding-left: 1em;
	font-weight: bold;
  margin-bottom: 10px;
}
#edit-left-container .disc_block ul li:last-child {
  margin-bottom: 0;
}
#edit-left-container .disc_block ul li em{
	font-style: normal;
	font-weight: normal;
}
  
#edit-left-container .form_ttl h2{
  color: #111;
  font-size: 24px;
  margin-top: 40px;
	font-weight: bold;
}
#edit-left-container .form_ttl h2 em{
  background: linear-gradient(transparent 70%, #fae5ea 10%);
  font-style: normal;
}
#edit-left-container .online_img{
  margin-bottom: 0 !important;
}
#edit-left-container .online_img p{
  margin-bottom: 0;
}
#edit-left-container .online_img img,#edit-left-container .step_img img{
  width: 100%;
}
#edit-left-container .note_txt p{
  font-size: 14px;
}
#edit-left-container .contact_img{
  display: flex;
}
#edit-left-container .contact_img .txt{
  margin-left: 20px;
  line-height: 1.2;
}
#edit-left-container .contact_img .txt a{
  font-size: 40px;
  font-weight: bold;
  display: block;
  text-decoration: none;
}
#edit-left-container .contact_img .txt em{
  font-size: 12px;
  font-style: normal;
}
@media screen and (max-width:767px) {
  #ajax-wrapper{
    margin-top: 1.5rem;
  }	
  .webform-progress ul li{
    font-size: 16px;
  }
  #edit-left-container{
    padding-right: 0;
  }
}
@media screen and (max-width:480px) {
  #edit-left-container .contact_img .txt a{
    font-size:30px;
  }
}
@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

  /*確認画面*/
.webform-preview .webform-section-wrapper .webform-section-wrapper{
	display: flex;
  flex-direction: column;
}
.webform-preview .webform-element label{
   font-weight: bold;
   margin-right: 30px;
}
.webform-preview .form-item-xing,.webform-preview .form-item-sei,.webform-preview .form-item-bushu{
	min-width: 200px;
	margin-right: 20px;
}
.webform-preview .form-item-xing label,.webform-preview .form-item-ming label,.webform-preview .form-item-sei label,.webform-preview .form-item-mei label,.webform-preview .form-item-bushu label,.webform-preview .form-item-yige label{
  width: 40px;
  margin-right: 0;
}
.webform-preview .webform-section-title{
  display: none; 
}
@media screen and (max-width:767px) {
  .webform-preview .form-item-xing,.webform-preview .form-item-sei,.webform-preview .form-item-bushu{
    margin-right: 0;
    min-width: 0;
  }
  .webform-preview .form-item-xing,.webform-preview .form-item-ming,.webform-preview .form-item-sei,.webform-preview .form-item-mei,.webform-preview .form-item-bushu,.webform-preview .form-item-yige{
    width: 50%;
  }
  .webform-preview .webform-element label{
    margin-right: 0;
  }
  .webform-preview .form-item-xing label,.webform-preview .form-item-ming label,.webform-preview .form-item-sei label,.webform-preview .form-item-mei label,.webform-preview .form-item-bushu label,.webform-preview .form-item-yige label{
    width: 40px;
  }
}
/*完了画面*/
.send_comp_msg{
  margin: 0 auto 1em 28.5%;
  width: 50%;
}
@media screen and (max-width:767px) {
  .send_comp_msg{
    width: 90%;
    margin: 0;
  }
}
/*完了画面のボタン*/
.finish_block a{
	display: inline-block;
	min-width: 10em;
	padding: 1em 2.5em;
	-webkit-user-select: none;
	user-select: none;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	word-break: break-word;
	color: #fff;
	border: 1px solid #c03;
	border-radius: 3px;
	background-color: #c03;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
}
.finish_block a:hover{
	opacity: 0.7;
	color: #fff;
}

/* 01/09追記 */
#edit-mobile-flexbox-kana{
  gap: 1em;
}
  
#edit-mobile-flexbox-kana .webform-flex--container{
  margin: 0;
}

svg.ext {
  width: 14px;
  height: 14px;
  padding-right: 0.2em;
  fill: #727272;
  font-weight: 900;
}
.disc_block a, 
#edit-privacy-policy a, 
#edit-campaign-policy a, 
.webform-section .description a, 
.description.text-muted a{
  text-decoration: underline;
  text-underline-offset: 6px;
}
.disc_block a:hover, #edit-privacy-policy a:hover,  #edit-campaign-policy a:hover,#edit-docomo-business-point-usage-information-text a:hover,#edit-purchase-form--description a:hover{
  text-decoration: none;
  color: #c03;
}
.form-item--error-message {
    color: #c03;
    margin: 5px 0;
}
b, strong {
    font-weight: bolder!important;
}