@charset "UTF-8";
/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
.area01 {
  margin-top: 55px;
  padding-bottom: 70px;
}
.area01 .wrapper .location {
  font-size: 15px;
  position: absolute;
  right: 0;
  top: -.25em;
  transform: translateY(-100%);
  color: #a5a5a3;
}
.area01 .wrapper .location span {
  color: #5f493f;
}
.area01 .wrapper .inner {
  padding: 40px 0 0;
  width: 100%;
  max-width: 980px;
  margin: auto;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  .area01 .wrapper .inner {
    font-size: 1.125em;
  }
}
.area01 .wrapper .inner .text_area {
  line-height: 1.75;
}
.area01 .wrapper .inner .text_area p.green {
  color: #359339;
}
.area01 .wrapper .inner .text_area ul li {
  position: relative;
  padding-left: 1em;
}
.area01 .wrapper .inner .text_area ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  content: "※";
}
.area01 .wrapper .inner .text_area ul li span {
  color: #e83b18;
}
.area01 .wrapper .inner .form_area {
  margin-top: 40px;
  box-sizing: border-box;
  width: 100%;
  padding: 0 2em;
  line-height: 1.75;
}
@media screen and (max-width: 480px) {
  .area01 .wrapper .inner .form_area {
    padding: 0;
  }
}
.area01 .wrapper .inner .form_area dl {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .area01 .wrapper .inner .form_area dl {
    display: block;
  }
}
.area01 .wrapper .inner .form_area dl + dl {
  margin-top: .75em;
}
.area01 .wrapper .inner .form_area dl dt {
  width: 11em;
}
.area01 .wrapper .inner .form_area dl dd {
  flex: 1;
}
.area01 .wrapper .inner .form_area dl dd span {
  display: block;
  position: relative;
  padding-left: 1em;
  color: #e83b18;
}
.area01 .wrapper .inner .form_area dl dd span::before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  content: "※";
  color: #000;
}
.area01 .wrapper .inner .form_area input[type="text"],
.area01 .wrapper .inner .form_area textarea,
.area01 .wrapper .inner .form_area select,
.area01 .wrapper .inner .form_area input[type="submit"],
.area01 .wrapper .inner .form_area input[type="reset"] {
  box-sizing: border-box;
  font-size: 16px;
  padding: .3125em .5em;
  border: 1px solid #ccc;
}
@media screen and (max-width: 480px) {
  .area01 .wrapper .inner .form_area input[type="text"],
  .area01 .wrapper .inner .form_area textarea,
  .area01 .wrapper .inner .form_area select,
  .area01 .wrapper .inner .form_area input[type="submit"],
  .area01 .wrapper .inner .form_area input[type="reset"] {
    font-size: 1.125em;
  }
}
.area01 .wrapper .inner .form_area p {
  position: relative;
  padding-left: 1.5em;
  color: #231815;
  font-weight: 500;
}
.area01 .wrapper .inner .form_area p::before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  content: "■";
  color: #5e4835;
}
.area01 .wrapper .inner .form_area .size_s {
  width: 15%;
}
@media screen and (max-width: 480px) {
  .area01 .wrapper .inner .form_area .size_s {
    width: 25%;
  }
}
.area01 .wrapper .inner .form_area .size_m {
  width: 35%;
}
@media screen and (max-width: 480px) {
  .area01 .wrapper .inner .form_area .size_m {
    width: 80%;
  }
}
.area01 .wrapper .inner .form_area .size_l {
  width: 70%;
}
@media screen and (max-width: 480px) {
  .area01 .wrapper .inner .form_area .size_l {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .area01 .wrapper .inner .form_area .button {
    text-align: center;
  }
}