@charset "UTF-8";
.sectionTop {
  min-height: 100vh;
}
@media screen and (max-width: 767px) {
  .sectionTop {
    min-height: auto;
  }
}
.sectionTopWrapper {
  padding-bottom: 156px;
}
@media screen and (max-width: 1024px) {
  .sectionTopWrapper {
    padding-bottom: 136px;
  }
}
@media screen and (max-width: 767px) {
  .sectionTopWrapper {
    padding-bottom: calc(135 / 750 * 100vw);
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .sectionTopTitle {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
  }
}
.sectionTopContainer {
  width: 650px;
}
.sectionTopContainer:nth-of-type(1) {
  width: 412px;
  margin-right: 20px;
}
@media screen and (max-width: 1440px) {
  .sectionTopContainer:nth-of-type(1) {
    width: calc(412 / 1440 * 100vw);
    margin-right: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 1024px) {
  .sectionTopContainer:nth-of-type(1) {
    width: 49%;
    margin-right: 0;
  }
}
.sectionTopContainer:nth-of-type(2) {
  width: 630px;
}
@media screen and (max-width: 1440px) {
  .sectionTopContainer:nth-of-type(2) {
    width: calc(630 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .sectionTopContainer:nth-of-type(2) {
    width: 100%;
  }
}
@media screen and (max-width: 1440px) {
  .sectionTopContainer {
    width: calc(650 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .sectionTopContainer {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .sectionTopText {
    width: 100%;
  }
}
.sectionTopTextLink {
  position: relative;
  display: inline-block;
}
.sectionTopTextLink:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .sectionTopTextLink:before {
    margin-bottom: 2px;
  }
}
.logo {
  width: 130px;
}