@charset "UTF-8";
body {
  background-image: url(../img/cropPP_aozoranotetto.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  font-size: 16px;
}
header{
  display: flex;
  justify-content: center;
}
.pc{
  margin-top: 60px;
}
.pcsm {
  display: block;
}

.pcsm img{
  margin: 0 auto;
}
main p {
  text-align: center;
  margin: 10px 0;
}

main span {
  color: crimson;
}
main dl {
  width: 550px;
  margin: 0 auto;
}
main dt {
  float: left;
  padding: 1.5em;
}

main dd {
  margin: 0;
  height: 80px;
  padding: 2em 0 1em 45%;
  background-color: rgba(233, 229, 229, 0.4);
  border-bottom: 1px solid rgb(11, 129, 219);
}
.textareabox{
  height: 120px;
}
input {
  font-size: 1em;
  width: 200px;
  padding: 5px;
  background-color: rgba(238, 238, 154, 0.5);
}
textarea {
  width: 200px;
  font-size: 1em;
  padding: 5px;
  background-color: rgba(238, 238, 154, 0.5);
}
main .submit {
  margin-top: 20px;
  text-align: center;
}
.submit input {
  padding: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  color: aliceblue;
  background-color: brown;
}
.submit input:hover {
  opacity: 0.5;
}
@media (max-width: 959px) {
  body{
    background-image: url(../img/cropPP_aozoranotetto\ \(2\).jpg);
    background-position:center right;
  }
  main dl {
    width: 450px;
  }
  main dt {
    float: none;
    padding: 1em 0 1em 10%;
    background-color: rgba(233, 229, 229, 0.4);
  }
  main dd {
    margin: 0;
    height: 60px;
    padding: 0 0 0 10%;
  }
  .textareabox{
    height: 110px;
  }
  input {
    width: 80%;
  }
  textarea {
    width: 80%;
    font-size: 1em;
    padding: 5px;
    background-color: rgba(238, 238, 154, 0.5);
  }
  .submit input {
    width: 150px;
  }
  .hagbth{
    top:20px
  }
}
@media (max-width: 480px) {
  body{
    background-image: url(../img/cropPP_aozoranotetto\ \(1\).jpg);
  }
  main dl {
    width: 300px;
  }
  main dd {
    height: 50px;
  }
.textareabox{
  height: 100px;
}
}