#郵便番号入力枠,#電話入力::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}

#候補枠{
  width:100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index:999;
  background-color:white;
      
}

#候補枠 select{ width:100%; height:70px;  border: 1px solid #ddd; border-radius: 5px; font-size:20px; background-color:blue; color:white; }
#候補枠 select option:nth-child(n+2) { background-color:white; color:black; }
    



///////////////////////////


.askform {
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

@media screen and (max-width: 800px) {
  .askform {
  padding-top: 30px;
  }
}
.askform_item {
  padding:10px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .askform_item {
    padding: 10px;
    flex-wrap: wrap;
  }
}
.askform_item:nth-child(5) {

}
.askform_left {
  width: 100%;
  max-width: 150px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 15px;
}
@media screen and (max-width: 800px) {
  .askform_left {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
  }
}

.askform_left.isMsg {
  margin-top: 5px;
  margin-bottom: auto;
}
@media screen and (max-width: 800px) {
.askform_left.isMsg {
    margin-top: 0;
  }
}
.askform_required {
  border-radius: 5px;
  margin-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 50px;
  display: inline-block;
  text-align: center;
  background: #094;
  color: #fff;
  font-size: 12px;
}
@media screen and (max-width: 800px) {
.askform_left_required {
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 30px;
    font-size: 12px;
  }
}
.askform_input {
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 50px;
  max-width: 400px;
  font-size: 18px;
}

.askform_text {  text-align:left; margin:0; font-size: 18px;}

.askform_text.main{width: 100%;}
.askform_input.main{width: 100%;}




.askform_input.sub1{ width:10%;}
.askform_input.sub2{ width:60%;}
.askform_text.sub1{ width:10%;}
.askform_text.sub2{ width:60%;}



.askform_input:disabled{
background:#808080;
color:#f0f8ff;
}

.askform_right{
 margin-left: 50px;
  padding-left: 1em;
  padding-right: 1em;
  flex: 1;
   font-size:9px; color:gray;
  
}


@media screen and (max-width: 800px) {
 .askform_input {
    height: 40px;
    font-size: 15px;
  }
  
  .askform_text {   margin:0;   height: 40px;font-size: 15px;}
  
  .askform_right{
     margin-left: 0;
    margin-top: 20px;
        flex: inherit;

  }
  
  
}
.askform_txtarea {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-left: 40px;
  padding: 1em;
  height: 200px;
  flex: 1;
  width: 100%;
  max-width: 400px;
  background: #eaedf2;
  font-size: 20px;
}










@media screen and (max-width: 800px) {
.askform_txtarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
  }
}






.form_table {
  margin:0 auto;
  width:769px;
}

.form_table, .form_table th, .form_table td { 
padding:10px;
border-collapse: collapse;
border: 2px #808080 solid;
}


.form_table th {
  background: #094;
  color: #fff;
  width:200px;
}

 
@media screen and (max-width: 769px) {
.form_table,.form_table th,.form_table td { width: 95%;}
.form_table th,.form_table td {display: block; min-height:1em;}

}



.ラジオ {
 margin-left: 50px;
  padding-left: 1em;
  padding-right: 1em;
  flex: 1;
  border:none;
}


@media screen and (max-width: 800px) {  
  .ラジオ {
     margin-left: 0;
    margin-top: 20px;
        flex: inherit;
}

  }



.ラジオ label {
    //display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    max-width: 200px;
    margin-bottom: .4em;
   padding: .5em .7em;
    border: 1px solid #0cac34;
    border-radius: 3px;
    background-color: #0cac3426;
    cursor: pointer;
}

.ラジオ label:has(:checked) {
    background-color: #0cac34;
    color: #fff;
}

.ラジオ label::before,
.ラジオ label:has(:checked)::after {
    border-radius: 50%;
    content: '';
}

.ラジオ label::before {
    width: 14px;
    height: 14px;
    background-color: #fff;
}

.ラジオ label:has(:checked)::after {
    position: absolute;
    top: 50%;
    left: calc(7px + .7em);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: #0cac34;
}

.ラジオ input {
   // display: none;
}