/* ==========================================================================
Form
========================================================================== */
/* --  steps -- */
  .cd-multi-steps li {position: relative;text-align: center;counter-increment: steps;line-height: 1.1;}
    .cd-multi-steps li::after {position: absolute;content: ''; background-color:#ccc; height: .2rem;top: -1.25rem;left: 46%;width: 100%;}
    .cd-multi-steps li:last-child::after {background: none;width: 0;}
      .cd-multi-steps li.visited::after {background-color: #333;}
    .cd-multi-steps li > div::before {position: absolute;font-weight: bold;background-color:#ccc;z-index: 1;top:-2rem;left: 50%;content: counter(steps);height: 1.6rem;width: 1.6rem;line-height: 2;font-size: .8rem;border-radius:50%;transform: translateX(-50%);}
    .cd-multi-steps li.current > div::before {background-color: #000;color: #fff;}
    .cd-multi-steps li.visited > div::before {background-color:#fff;color: #000;border: .1rem solid #000;}

/* --  field -- */
  .input__field{position: relative;padding: .4em 1em;min-height: 2.96rem;line-height: 1;}
    *:focus{outline: none;}
    .form-control:focus{border-color: #000;box-shadow:none;}
  .pageFormConf .input__field{line-height: 2.7;display: block;width: 100%;background-color: #F0F0F0;}
    .pageFormConf .input--filled .input__label-content{color: #929292;}
    .input__label{-webkit-font-smoothing: antialiased;user-select: none;position: absolute;line-height: 1;top: .8rem;left:1rem;margin-bottom: 0;padding-left: .2rem;padding-right: .2rem;pointer-events: none;}
    .input__label-content{position: relative;display: block;transition: all 0.4s ease-in-out;}
      .input--filled .input__label-content {font-size: .8rem;position: relative;z-index: 3;color: #333;transform: translate3d(0, -1.2rem, 0);}
        .input--filled .input__label::after{ content: '';height:.2rem;background-color:#fff;width: 100%;position: absolute;top:-.9rem;left: 0;z-index: 1;}
      .input--filled a:active,.input--filled a:focus{color: #000;}

  .cd-form input[type="text"]:focus,.cd-form input[type="remail"]:focus,.cd-form textarea:focus,.cd-form select:focus{outline: none;border-color: #333;box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);}
    .cd-form select{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);cursor: pointer;padding: .745rem 1.2rem .75rem; width: 100%;}
      .cd-form .cd-form-list::after{clear: both;content: "";display: table;}
      .cd-form .cd-form-list li{user-select: none;}
    .cd-form input[type=radio],.cd-form input[type=checkbox]{position: absolute;left: 0;top: 50%;margin: 0;padding: 0;opacity: 0;z-index: 2;height: 1rem;min-height: 1rem;transform: translateY(-50%);}
    .cd-form input[type="radio"] + label,.cd-form input[type="checkbox"] + label{padding-left: 1.8rem;margin-bottom: 0;}
    .cd-form input[type="radio"] + label::before,.cd-form input[type="radio"] + label::after,.cd-form input[type="checkbox"] + label::before,.cd-form input[type="checkbox"] + label::after{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -8px;width: 16px;height: 16px;}
    .cd-form input[type="radio"] + label::before,.cd-form input[type="checkbox"] + label::before{border: 1px solid #cfd9db;background-color:#fff;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);}
    .cd-form input[type="radio"] + label::before,.cd-form input[type="radio"] + label::after{border-radius: 50%;}
    .cd-form input[type="checkbox"] + label::before,.cd-form input[type="checkbox"] + label::after{border-radius: .25rem;}
    .cd-form input[type="radio"] + label::after,.cd-form input[type="checkbox"] + label::after{background-color: rgb(44,172,195);background-position: center center;background-repeat: no-repeat;box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);display: none;}
    .cd-form input[type="radio"] + label::after{background-image: url("../img/form/cd-icon-radio.svg");}
      .cd-form input[type="checkbox"] + label::after{background-image: url("../img/form/cd-icon-check.svg");}
      .cd-form input[type="radio"]:focus + label::before,.cd-form input[type="checkbox"]:focus + label::before{box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);}
      .cd-form input[type="radio"]:checked + label::after,.cd-form input[type="checkbox"]:checked + label::after{display: block;}
    .cd-form input[type="radio"]:checked + label::before,.cd-form input[type="radio"]:checked + label::after,.cd-form input[type="checkbox"]:checked + label::before,.cd-form input[type="checkbox"]:checked + label::after{animation: cd-bounce 0.3s;}
    .cd-form textarea{min-height: 8rem;resize: vertical;overflow: auto;}
    .cd-form input[type="submit"]{border: none;background-color:#81cc95;border-radius: .25rem;padding: 16px 20px;color: #fff;font-weight: bold;float: right;cursor: pointer;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;appearance: none;}
      .no-touch .cd-form input[type="submit"]:hover{background-color:#42a2e1;}
      .cd-form input[type="submit"]:focus{outline: none;background-color:#2b3e51;}
      .cd-form input[type="submit"]:active{transform: scale(0.9);}
      @keyframes cd-bounce{0%, 100%{transform: scale(1);}50%{transform: scale(0.8);}}
    .field-error .input__field{border-color: #e94b35 !important;background-color:#FFE7E4 !important;}
    .field-error .input__label-content{color: #e94b35;}
    input[disabled],select[disabled]{opacity: .4;}



    .input-conf{font-size: 1rem !important;min-height: 2.5rem;line-height: 1.5;border-color: #e2e2e2 !important;background-color: #fbfbfb !important;}


    /*select2*/
    .select2-container .select2-selection--single{height: 2.95rem;}
    .select2-container--default .select2-selection--single .select2-selection__arrow{height: 2.75rem;top: .1rem;}
    .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 2.95rem;}
    .select2-container--default.select2-container--disabled .select2-selection--single{opacity: .2;transition: all 1;}
    .select2-container--default .select2-selection--single .select2-selection__rendered,.select2-results__option{letter-spacing: 0;}
    .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: rgb(44,172,195);}
    .select2-results__group{font-size: .9rem;}




    /*form adjust*/
    .input__field,.input__label,.select2-container--default .select2-selection--single .select2-selection__rendered,.select2-results__option{font-size: 16px;}
    .form-control,.select2-container--default:not(.select2-container--open) .select2-selection--single .select2-selection__rendered,.input__label-content{font-family:-apple-system,'Noto Sans CJK JP',游ゴシック体, 'Yu Gothic', YuGothic,sans-serif;}
    .form-control,.select2-container .select2-selection--single,.input-group-text{border-color: #a5a5a5;}
    .select2:not(.select2_selcted) .select2-selection__rendered,.select2-container--default .select2-results__group{color: #a5a5a5;}
    .input__label, .input__label-content small,.select2-container--default .select2-selection--single .select2-selection__rendered{color: #929292;}
    .select2.select2_selcted .select2-selection__rendered {color: #333;}

    /*disable*/
    .disabled {color:#ddd;}


/*datepicker*/
/*.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}
*/

/*ui-widget{*/
/*.ui-widget{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x;color:#362b36}.ui-widget-content a{color:#362b36}.ui-widget-header{border:1px solid #aed0ea;background:#deedf7 url(images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #aed0ea;background:#d7ebf9 url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#2779aa}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#2779aa;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #74b2e2;background:#e4f1fb url(images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#0070a3}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#0070a3;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #2694e8;background:#3baae3 url(images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #f9dd34;background:#ffef8f url(images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#cd0a0a url(images/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_72a7cf_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_72a7cf_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_3d80b3_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_2694e8_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}
*/

/*bt4 form*/
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/*bt5 form*/
:root{
  --bs-body-bg-focus:244,246,248;
  --bs-body-bg:255,255,255;
  --bs-body-bc:244,246,248;
  --bs-body-color:#dee2e6;
  --bs-border-width:1px;
  --bs-border-radius: 0.375rem;

}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background:rgba(var(--bs-body-bg));
    background-clip: padding-box;
    border: 1px solid rgb(118, 118, 118);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control:focus {
      background:rgba(var(--bs-body-bg-focus));
}
.hide-search{
    border-radius: var(--bs-border-radius);
}
.cd-form-list li{position: relative;}
.cd-form-list .col-auto{padding-right: 3rem;}
.form-md-row{position: relative;}

legend:not(:first-of-type) {
  margin-top: 3rem;
}
legend{margin-bottom: .8rem;}

@media (max-width: 767px){
  .input--filled .input__label-content {transform: translate3d(0);}
}

    /* md */
    @media (min-width: 768px){
      .input__field,.input__label,.select2-container--default .select2-selection--single .select2-selection__rendered,.select2-results__option{font-size: 1rem;}
      .input__label {left: 1.65em;}
     .cd-form input[type="radio"] + label{padding-left: 1.8rem;}













    }

  /* --  error -- */
  .formError { z-index: 990;cursor: pointer; }
  .ajaxSubmit {padding: 20px;background-color:#55ea55;border: 1px solid #999;display: none;}
  	.formError .formErrorContent {margin-top: .25rem;margin-left: .25rem;display: inline-block;background-color:#ee0101;position:relative;color: #fff;font-size: .9rem;border: .1rem solid #ddd;padding: .25rem 1rem;border-radius: .25rem;font-weight: bold;}
    .formErrorContent_2 {margin-top: .25rem;margin-left: .25rem;display: inline-block;background-color:#ee0101;position:relative;color: #fff;font-size: .9rem;border: .1rem solid #ddd;padding: .25rem 1rem;border-radius: .25rem;font-weight: bold;}

    .input__label{top: -.5rem;left:1rem; background-color: #fff;font-size: 1rem;}
      .input--filled .input__label-content {transform: translate3d(0,0,0);}
        .input--filled .input__label::after{top:-1rem;left: 0;}