@import "fonts.css";
@import "common.css";

/* ヘッダー修正 */
@media screen and (min-width:480px){
  .fab, .lang_switcher p, .lang_switcher a{
    color: #333;
  }
}


/* コンタクト */
.contact{
  padding-top: 10vw;
  padding-bottom: 10vw;
}

@media screen and (min-width:480px){
  .contact{
    padding-top: 20vw;
    padding-bottom: 10vw;
  }
}

.contact_form{
  width: 100%;
  text-align: center;
}

.contact_topic_title{
  width: 40%;
  margin-top: 2vw;
}

@media screen and (min-width:480px){
  .contact_topic_title{
    width: 25%;
  }
}

.form{
  width: 100%;
  margin: 0 auto;
  padding-top: 25vw;
}

@media screen and (min-width:480px){
  .form{
    width: 65%;
    padding-top: 0;
  }
}


.form_box{
  width: 65%;
  margin: 0 auto;
  margin-top: 3vw;
  text-align: left;
}

@media screen and (min-width:480px){
  .form_box{
    width: 50%;
    margin-top: 2.5vw;
    text-align: left;
  }
}

.form_box p{
  color: #b3b3b3;
  font-size: 2.5vw;
  font-weight: bold;
}

@media screen and (min-width:480px){
  .form_box p{
    font-size: 1.5vw;
  }
}

.input_text{
  width: 100%;
  height: 5vw;
  border: none;
}

@media screen and (min-width:480px){
  .input_text{
    height: 2vw;
  }
}

.input_textarea{
  width: 100%;
  height: 25vw;
  border: none;
}

@media screen and (min-width:480px){
  .input_textarea{
    height: 12vw;
  }
}

.btn{
  width: 65%;
  margin: 0 auto;
  margin-top: 1vw;
  text-align: left;
}

@media screen and (min-width:480px){
  .btn{
    width: 50%;
    margin-top: 2vw;
  }
}

.submit{
  cursor: pointer;
  width: 8vw;
  height: 4.8vw;
  letter-spacing: 0.08vw;
  font-size: 1.5vw;
  color: white;
  border: none;
  background-color: #ffba00;
  -webkit-appearance: none;
  border-radius: 0;
}

@media screen and (min-width:480px){
  .submit{
    cursor: pointer;
    width: 5vw;
    height: 2.7vw;
    font-size: 1vw;
    color: white;
  }
}

/* スケッチ */
.sketch09{
  position: absolute;
  width: 20%;
  margin-top: 23vw;
  margin-left: 40vw;
}

@media screen and (min-width:480px){
  .sketch09{
    width: 13%;
    margin-top: 21vw;
    margin-left: 10vw;
  }
}

.sketch10{
  position: absolute;
  width: 20%;
  margin-top: 140vw;
  margin-left: 42vw;
}

@media screen and (min-width:480px){
  .sketch10{
    width: 13%;
    margin-top: 50vw;
    margin-left: 76vw;
  }
}