@charset "utf-8";

@import "./margin.css";
@import "./system.css";

.error{
    padding: 5px;
    margin: 5px;
    color: red;
    font-weight: bolder;
}

a.text-link,
form a {
   color : #0066cc ;
   text-decoration-line: underline;
}
form a:visited {
   color : #7e22ce ;
}

.form_input input[type=radio] {
  margin-right: .25rem;
}

.app-button-symbol-left {
  position:absolute;
  top:0;
  bottom:0rem;
  left:4vw;
  margin-top:auto;
  margin-bottom:auto;
  width:1.6rem;
  height:1.6rem
}

form .input_optional {
  display : none ;
}
form .input_necessary {
  color:rgb(249 115 22 / var(--tw-text-opacity));
}
form .form_message {
  color:#222;
  font-size:0.9em;
}


.input_radio_wrap {
  display: flex;
  gap: 1.5rem;
  margin-top: .25rem;
}

.tw-text-white, .tw-text-white a{
    color: #fff !important;
}

header #site_title img {
  margin : 0 0.5vw;
}
header #site_title {
  color : #fff ;
  display: flex; 
  align-items:  center;
  width : 100% ;
  max-width : 85vw ;
 /* max-height: 3em;
  max-height : 2em ;*/
  padding : 1px ;
  font-size :clamp(16px, 1.9vw , 26px);
  font-weight : bold ;
  
}

.step_navi {
    padding : 0.5em ;
    color : rgb(90 159 78);
    verticatl-align : bottom ;
    font-size : 1.1em ;
    border : 1px solid rgb(90 159 78); ;
    margin-bottom : 0.5em ;
}  
.step_navi.prev_step {
    background : rgb(237, 255, 234); ;
}  
.step_navi.current_step {
  font-weight: bold;
  color: #fff;
  font-size: 1.1em;
  background: rgb(90 159 78);
  border: 1px solid #fff;
}
.step_navi.next_step {
} 
.step_navi.arrow {
    padding-left :  0.2em ;
    padding-right : 0em ;
    border : 0 ;
} 

button.btn-light {
  border: 1px solid #555 ;
}

.select_busroute_busstops_wrap{ width:20em; margin:0 auto;}
  .select2-search--dropdown .select2-search__field {
    font-size : 120%  !important ;
    padding : 0.4em 0.4em !important ;
  }
  
.select2-container .select2-selection--single{
  height :2.5em !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height :2.3em !important;
}


@media screen and (max-width: 768px){
  .app-button-symbol-left {
    left: 3rem;
  }
  .select2-container--default .select2-search--dropdown .select2-search__field.
  .select2-search--dropdown .select2-search__field {
    font-size : 120%  !important ;
    padding : 0.4em 0.4em !important ;
  }
  .select_busroute_busstops_wrap{ width:100%; margin:0 auto;}
  select.select_busroute_busstops .select2 { width:98vw; margin:0 auto; font-size:120% ;}

}

@media screen and (max-width: 768px){

    .tw-text-3xl {
        font-size: 2rem;
        line-height: 2.5rem
    }
    
    .tw-text-2xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
    
    .tw-text-base {
        font-size: 1.5rem;
        line-height: 2rem
        /*
        font-size: 1rem;
        line-height: 1.5rem
        */
    }
    
    .tw-text-lgr {
        font-size: 1.2;
        line-height: 2rem
    }

    .tw-text-lg {
        font-size: 1.1875rem;
        line-height: 1.75rem
    }

    .tw-text-sm {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .tw-text-xs {
        font-size: .875rem;
        line-height: 1.25rem
        /*
        font-size: .75rem;
        line-height: 1rem
        */
    }
}