@charset "UTF-8";
/* CSS Document */
/*contact01*/
.contact01 h2 {
    font-size: 40px;
    color: #0091D3;
    text-align: center;
    letter-spacing: .4rem;
    padding-top: 90px;
}

/*contact02*/
.contact02 {
    padding-top: 50px;
    padding-bottom: 100px;
}
.contact02 form {
    max-width: 600px;
    margin: 0 auto;
}
.contact02 form dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    color: white;
}
.contact02 form dl dt {
    width: 25%;
    padding-top: 20px;
}
.contact02 form dl dd {
    width: 75%;
    padding-top: 20px;
}
.contact02 .radio {
    padding-right: 20px;
}
.contact02 input[type="text"] {
    width: 100%;
}
.contact02 input {
    border: 1px solid #F6E05E;
    border-radius: 8px;
    color: #707070;
}
.contact02 select {
    border: 1px solid #F6E05E;
    border-radius: 8px;
}
.contact02 textarea {
    border: 1px solid #F6E05E;
    border-radius: 8px;
}
.contact02 textarea{
    width: 100%;
}
.contact02 form .submit {
    margin-top: 50px;
    text-align: center;
}
.contact02 form .submit .btn01 {
    outline-color: white;
    padding-left: 100px;
    padding-right: 100px;
    border-radius: 0;
}

/*ラジオボタンstart*/
.radio_box {
    display: flex;
}
.radio_box1 label {
  position: relative;
  cursor: pointer;
  padding-left: 40px;
    padding-right: 25px;
    font-size: 14px;
}

.radio_box1 label::before,
.radio_box1 label::after {
  content: "";
  display: block; 
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

.radio_box1 label::before {
  background-color: #fff;
  border: 1px solid #F6E05E;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  left: 5px;
}

.radio_box1 label::after {
  background-color: #63B3ED;
  border-radius: 50%;
  opacity: 0;
  width: 18px;
  height: 18px;
  left: 10px
}

input:checked + label::after {
  opacity: 1;
}

.visually-hidden {
 position: absolute;
 white-space: nowrap;
 border: 0;
 clip: rect(0 0 0 0);
 clip-path: inset(50%);
 overflow: hidden;
 height: 1px;
 width: 1px;
 margin: -1px;
 padding: 0;
}
/*ラジオボタンend*/

@media screen and (max-width:767px) {
    .contact01 h2 {
        font-size: 30px;
    }
    .contact02 form {
        max-width: 90%;
        margin: 0 auto;
    }
    .contact02 form dl {
        display: block;
        flex-wrap: wrap;
        width: 100%;
        color: white;
        text-align: center;
    }
    .contact02 form dl dt {
        width: 100%;
        padding-top: 20px;
    }
    .contact02 form dl dd {
        width: 100%;
        padding-top: 20px;
    }
    .contact02 .radio {
        padding-right: 20px;
    }
        /*ラジオボタンstart*/
    .radio_box {
        display: block;
        text-align: left;
    }
    .radio_box1 {
        margin-bottom: 15px;
    }
    .radio_box1 label {
      position: relative;
      cursor: pointer;
      padding-left: 40px;
        padding-right: 25px;
    }

    .radio_box1 label::before,
    .radio_box1 label::after {
      content: "";
      display: block; 
      border-radius: 50%;
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
    }

    .radio_box1 label::before {
      background-color: #fff;
      border: 1px solid #F6E05E;
      border-radius: 50%;
      width: 28px;
      height: 28px;
      left: 5px;
    }

    .radio_box1 label::after {
      background-color: #63B3ED;
      border-radius: 50%;
      opacity: 0;
      width: 18px;
      height: 18px;
      left: 10px
    }

    input:checked + label::after {
      opacity: 1;
    }

    .visually-hidden {
     position: absolute;
     white-space: nowrap;
     border: 0;
     clip: rect(0 0 0 0);
     clip-path: inset(50%);
     overflow: hidden;
     height: 1px;
     width: 1px;
     margin: -1px;
     padding: 0;
    }
    /*ラジオボタンend*/
}