.layout-main-wrapper {
  max-width: 1140px;
}
.webform-progress ul li{
font-size: 18px;
}
#ajax-wrapper{
margin-top: 2rem;
}
.error.form-item--error-message{
color: #bc2739;
font-weight: bold;
}
#edit-flexbox-name,#edit-flexbox-kana{
gap: 1em;
}
#edit-flexbox-name .webform-flex--container,#edit-flexbox-kana .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;
}
#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;
}
.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 .webform-confirmation__message p 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;
}

/*完了画面のボタン　ドコモオンラインショップはこちら　白枠
*/

.finish_block .webform-confirmation__message p:nth-child(3) 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: #bc2739;
border: 1px solid #bc2739;
border-radius: 3px;
background-color: #fff;
font-size: 1rem;
font-weight: bold;
line-height: 1.5;
margin-bottom:30px;
}
.confirm_bloc a:hover{
opacity: 0.7;
color: #fff;
}

.webform-element-type-hidden{
  display:none;
}

/* 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{
text-decoration: underline;
text-underline-offset: 6px;
}
.disc_block a:hover, #edit-privacy-policy a:hover,  #edit-campaign-policy a:hover{
text-decoration: none;
color: #c03;
}
.form-item--error-message {
  color: #c03;
  margin: 5px 0;
}

/* 左側オンライン相談追加 */
#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;
}

@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;
}
}
.content .text-muted{
  color:#272727 !important;
}