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

【NTT西日本】お問い合わせ（プライム）フォーム_files\app_form_inq_202211-01.css"

-------------------------------------------*/
/*-------------------------------------------
 戻るボタン用スタイル
-------------------------------------------*/
.button_to_back {
  width: 160px;
  /* height: 100%; */
  margin:20px auto 20px;
  background: #ffff;
  border: 2px solid #0068b7;
  color: #000;
  display: block;
  font-size: 1.2rem;
  text-align: center;
  padding: 10px 35px;
  border-radius: 6px;
  font-weight: bold;
  position: relative;
  z-index: 10;

}

@media only screen and (max-width: 767px) {
/*
    .button_to_back {
      width: 64vw;
      margin-top: 8vw;
      font-size: 4.53333vw;
      padding: 2.66667vw 8.66667vw; } 
*/
}

.button_to_back::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 22px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: 2px solid #0068b7;
    border-right: 2px solid #0068b7;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    z-index: 10;
    -webkit-transition: border-color .1s;
    -o-transition: border-color .1s;
    transition: border-color .1s; 
}

@media only screen and (max-width: 767px) {
/*
.button_to_back::after {
        left: 4vw;
        width: 2.4vw;
        height: 2.4vw;
        margin-top: -1.2vw; } 
*/
}

/*-------------------------------------------
 クリアボタン用スタイル
-------------------------------------------*/
.button_to_clear {
  width: 230px;
  /* height: 100%; */
  margin: 40px auto 0;
  background: #ffff;
  border: 2px solid #0068b7;
  color: #000;
  display: block;
  font-size: 1.8rem;
  text-align: center;
  padding: 10px 35px;
  border-radius: 6px;
  font-weight: bold;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 767px) {
    .button_to_clear {
      width: 64vw;
      margin-top: 8vw;
      font-size: 4.53333vw;
      padding: 2.66667vw 8.66667vw; } 
}

.button_to_clear::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 22px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: 2px solid #0068b7;
    border-right: 2px solid #0068b7;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    z-index: 10;
    -webkit-transition: border-color .1s;
    -o-transition: border-color .1s;
    transition: border-color .1s; 
}

@media only screen and (max-width: 767px) {
.button_to_clear::after {
        left: 4vw;
        width: 2.4vw;
        height: 2.4vw;
        margin-top: -1.2vw; } 
}


/* o-btn--rounded
------------------------------------------*/

.button_to_clear {
  width: 230px;
  /* height: 100%; */
  margin: 40px auto 0;
  background: #ffff;
  border: 2px solid #0068b7;
  color: #000;
  display: block;
  font-size: 1.8rem;
  text-align: center;
  padding: 10px 35px;
  border-radius: 6px;
  font-weight: bold;
  position: relative;
  z-index: 10;
}

/*
.o-btn--clear {
    background-image: url(/info-report/cmn3/img/icon/ic_blank_black2.svg);
}
*/

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

 セレクトBOX用スタイル
 故障に関するお問い合わせ _ お問い合わせフォーム _ NTT西日本.html

-------------------------------------------*/
 .form__wrap{margin-bottom:52px}
 .form__group{align-items:center;margin-top:38px;padding-left:30px}
 .form__group-mgt0{margin-top:0}.form__group-pdl0{padding-left:0}.form__group-flex{display:flex;flex-flow:row nowrap}.form__reqired{display:inline-block;font-size:11px;padding:3px 5px 5px;color:#fff;background:#ff7600;border-radius:9px;line-height:1;margin-right:10px}.form__reqired-mgr{margin-left:40px}.form__label{display:inline-block;margin-right:55px;letter-spacing:.1em}.form__label-small{font-size:11px;margin-left:1em}.form__label-nomg{margin-right:0}
 .form__select{
   font-size:16px;
   font-family:"Noto Sans JP",sans-serif;
   font-weight:500;padding:10px 30px 10px 20px;
   border:1px solid #007bc1;
   border-radius:8px;
   display:inline-block;
   -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
   background-image:url(
 data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wODQiIGhlaWdodD0iOS40NTYiIHZpZXdCb3g9IjAgMCAxNi4wODQgOS40NTYiPjxwYXRoIGQ9Ik02MDIsMzAwbDcuMzM1LDcuMzM1TDYwMiwzMTQuNjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxNS4zNzcgLTYwMS4yOSkgcm90YXRlKDkwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDE3YmMxIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=
 );
 background-repeat:no-repeat;background-size:12px 10px;background-position:right 10px center}.form__select:focus{outline:none}.form__radio{margin-right:5px}
 .form__inputText{width:auto;display:inline-block;font-size:16px;font-family:"Noto Sans JP",sans-serif;font-weight:500;padding:10px 30px 10px 20px;border:none;background-color:#f4f4f4}.form__inputText-white{background-color:#fff;border:none}.form__inputText:focus{outline:none}.form__textAreaArea{margin-top:55px}.form__textArea{width:100%}.form__adArea{margin-top:80px}.form__adAreaTitle{margin-bottom:40px}.form__contractArea{margin-top:50px}.form__contractGray{padding:30px;background:#f5f5f5;border-radius:9px}.form__btnArea{text-align:center}.form__btnArea-mgt{margin-top:40px}.form__submit{background:#007bc1;color:#fff;font-size:19px;padding:10px 50px}.form__submit-mgr{margin-right:40px}.form__submit:active,.form__submit:hover,.form__submit:link,.form__submit:visited{background:#007bc1;color:#fff}.form__submit-gray{background:#c1c1c1}.form__submit-gray:active,.form__submit-gray:hover,.form__submit-gray:link,.form__submit-gray:visited{background:#c1c1c1;color:#fff}.form__sup{font-size:14px;line-height:1.5;margin-bottom:20px}.form__sup-red{color:#dc3545}.form__sup-mgb0{margin-bottom:0}.form-error{border:1px solid #dc3545;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");padding-right:10px!important}.form-mr{margin-right:1em;margin-bottom:.5em;opacity:1}.form-mgb10{margin-bottom:10px}.form__pcNowrap,.form__pcNowrap .form__nameLabel{display:flex;flex-flow:row nowrap}.form-mw50{max-width:50%}.form-mw100a{max-width:calc(100% - 3em)}.form-wsn{white-space:nowrap}.form__modalClose{width:40px;height:40px;font-size:30px;position:absolute;right:0;top:1rem;color:#007bc1;cursor:pointer}.form__modalTextArea{width:90%;margin:55px auto}.form__modalText{margin-top:20px;line-height:1.4;letter-spacing:.1em}.form__modalText-mg2{margin-top:40px}.form__modalText-red{color:#c91314}.form__modalText-tac{text-align:center}.form__modalText2{margin-top:20px;font-size:19px;line-height:1.4;letter-spacing:.1em}.form__modalText2-mg2{margin-top:40px}.form__modalText2-red{color:#c91314}.form__modalText2-tac{text-align:center}.form__modalSup{font-size:15px}.form__modalSup-mgt{margin-top:40px}.form__modalSup-tac{text-align:center}select::-ms-expand{display:none}.is-invalid.form__contractGray,.is-invalid.form__select,.is-invalid.form__textArea{border:1px solid #dc3545}.is-invalid .checkbox-inline{color:#dc3545}::-moz-placeholder{color:#ccc;opacity:1}:-ms-input-placeholder{color:#ccc}.form-control::-moz-placeholder{color:#ccc}.form-control:-ms-input-placeholder{color:#ccc}.form-control::placeholder{color:#ccc}.b-calendar-header{display:none}.b-calendar-grid{border:none}.btn-outline-primary{color:#fff;background:#ffd421}.rounded-circle{border-radius:3px!important}.btn-outline-light:hover{color:#fff!important;background:#0a80c3}.b-calendar-grid-help{display:none}.b-calendar-grid-body{background:#fff}.b-calendar-grid-body .bg-light{background:#fff!important}.b-calendar-grid-body .bg-light span{color:#d6d6d6!important}.b-form-datepicker{display:inline-block;width:321px;max-width:60%;background:#f4f4f4;border:none;border-radius:0}@media screen and (max-width:992px){.form__wrap{margin-bottom:36px}.form__group{display:inline-block;width:100%;margin-top:25px;margin-bottom:0;padding-left:0}.form__group-houjinSup,.form__group-mgt0{margin-top:0}.form__reqired{font-size:11px;padding:3px 5px 5px;margin-right:10px}.form__reqired-mgr{margin-left:20px}.form__label{display:inline-block;margin-right:10px;letter-spacing:.1em;margin-bottom:1em}.form__label-small{font-size:11px;margin-left:1em}.form__label-nomg{margin-right:0}.form__flexSp{display:flex;flex-flow:row nowrap;width:100%;overflow-x:hidden}.form__select{font-size:16px;padding:10px 30px 10px 20px;max-width:100%}.form__radio{margin-right:5px}.form__inputText{width:auto;display:inline-block;font-size:16px;max-width:100%}.form__inputText-w100Sp{width:100%}.form__inputText-name{width:calc(100% - 2.4em - 10px)}.form__textAreaArea{margin-top:35px;margin-left:0;margin-right:0;padding:0}.form__textAreaArea .col-12{padding:0}.form__textArea{width:100%}.form__adArea{margin-top:35px}.form__adAreaTitle{margin-bottom:5px}.form__contractArea{margin-top:35px}.form__contractGray{padding:15px}.form__checkText{font-size:12px}.form__btnArea{display:flex;justify-content:center}.form__submit{font-size:16px;padding:8px 20px}.form__submit-mgr{margin-right:20px}.form__sup{font-size:12px;margin-top:10px;margin-bottom:0}.form__nameLabel{max-width:calc(50% - 20px);margin-bottom:0}.form-mr{margin-right:1em;margin-bottom:10px;opacity:1;padding:0}.form-mr-100{width:100%;margin-right:0}.form-mr-100,.form-mr-100 input{max-width:100%}.form-spmr0{margin-right:0}.form-mgb10{margin-bottom:10px}.form-mw50{max-width:none}.form-mw100a{max-width:100%}.form__modalClose{width:40px;height:40px;font-size:30px;position:absolute;right:0;top:1rem;color:#007bc1;cursor:pointer}.form__modalTextArea{width:90%;margin:55px auto}.form__modalText{margin-top:20px;line-height:1.4;letter-spacing:.1em}.form__modalText-mg2{margin-top:40px}.form__modalText-red{color:#c91314}.form__modalText-tac{text-align:center}.form__modalText2{margin-top:20px;font-size:14px;line-height:1.4;letter-spacing:.1em}.form__modalText2-mg2{margin-top:20px}.form__modalText2-red{color:#c91314}.form__modalText2-tac{text-align:left}.form__modalSup{font-size:13px}.form__modalSup-mgt{margin-top:20px}.form__modalSup-tac{text-align:left}.row{margin-left:0;margin-right:0}.col-12{padding:0}}