/* Scss Document */
/* Scss Document */
.amateur .content {
  padding-top: 22.5rem;
  background: #000 url(../images/amateur/bg_amateur.jpg) no-repeat center top;
  color: #FFF;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .amateur .content {
    padding-top: calc(245 / 640 * 100vw);
    background: #000 url(../images/amateur/bg_amateur_sp.jpg) no-repeat center top;
    background-size: 100% auto;
  }
}
.amateur_visual {
  padding-top: 11rem;
  text-align: center;
}
.amateur_catch {
  margin: 0 auto 8rem;
  width: 85.5rem;
}
@media only screen and (max-width: 640px) {
  .amateur_catch {
    margin: 0 auto calc(96 / 640 * 100vw);
    width: calc(537 / 640 * 100vw);
  }
}
.amateur_catch_s {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-weight: 900;
  font-size: 5.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media only screen and (max-width: 640px) {
  .amateur_catch_s {
    font-size: calc(54 / 640 * 100vw);
  }
}
.amateur_text {
  font-size: 2rem;
  line-height: 2.4;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 640px) {
  .amateur_text {
    text-align: left;
    line-height: 2;
    font-size: calc(22 / 640 * 100vw);
  }
  .amateur_text br {
    display: none;
  }
}
.amateur_text p {
  margin-top: 2em;
}

.outline .content {
  background: rgba(190, 165, 100, 0.2);
}
@media only screen and (max-width: 640px) {
  .outline .content {
    padding-bottom: 0;
  }
}
.outline_head_container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .outline_head_container {
    flex-direction: column;
  }
}
.outline_head_text {
  width: 56.5rem;
}
@media only screen and (max-width: 640px) {
  .outline_head_text {
    width: 100%;
  }
}
.outline_head_text .btn {
  margin-top: 2rem;
  margin-left: 0;
}
@media only screen and (max-width: 640px) {
  .outline_head_text .btn {
    margin-right: auto;
    margin-left: auto;
    width: calc(480 / 640 * 100vw);
  }
}
.outline_head_text .btn a {
  height: 7.5rem;
}
.outline_head_title {
  margin-bottom: 1em;
  font-size: 4rem;
  letter-spacing: 0;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .outline_head_title {
    font-size: calc(40 / 640 * 100vw);
    text-align: center;
  }
}
.outline_head_table {
  margin-bottom: 3em;
}
.outline_head_image {
  width: 48rem;
}
@media only screen and (max-width: 640px) {
  .outline_head_image {
    margin-bottom: calc(80 / 640 * 100vw);
    width: 100%;
  }
}
.outline_container {
  margin-top: 8rem;
}
@media only screen and (max-width: 640px) {
  .outline_container {
    margin: calc(80 / 640 * 100vw) -3rem 0;
    padding-bottom: 0;
  }
  .outline_container:last-child {
    margin-top: 0;
  }
}
.outline_title {
  padding: 0.25em 1em;
  color: #FFF;
  background: #000;
  clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
  width: 32rem;
  font-size: 2.8rem;
}
@media only screen and (max-width: 640px) {
  .outline_title {
    font-size: calc(32 / 640 * 100vw);
    width: calc(360 / 640 * 100vw);
  }
}
.outline_body {
  padding: 6rem;
  background: #FFF;
}
@media only screen and (max-width: 640px) {
  .outline_body {
    padding: calc(40 / 640 * 100vw);
  }
}
.outline_body p {
  margin-bottom: 2em;
}
.outline_body p:last-child {
  margin-bottom: 0;
}/*# sourceMappingURL=amateur.css.map */