.fvContainer {
  height: 64.3vw;
  background: 50% 0%/114% auto url(/assets/img/top/fv_bg_pc_01.jpg) no-repeat;
}
@media screen and (min-width: 1300px) {
  .fvContainer {
    height: 902px;
    background: 50% 0%/1600px auto url(/assets/img/top/fv_bg_pc_01.jpg) no-repeat;
  }
}
@media screen and (max-width: 640px) {
  .fvContainer {
    height: 139.21875vw;
    background: 0% 0%/100% auto url(/assets/img/top/fv_bg_sp_01.jpg) no-repeat;
  }
}
.fvInner {
  width: 100%;
  max-width: 100vw;
  margin: 0 auto;
  padding-left: 4.4vw;
  position: relative;
}
@media screen and (min-width: 1300px) {
  .fvInner {
    max-width: 1300px;
    padding-left: 44px;
  }
}
@media screen and (max-width: 640px) {
  .fvInner {
    max-width: 100vw;
    padding-left: 5.46875vw;
  }
}
.fvInner__ttl {
  padding-top: 2vw;
}
@media screen and (min-width: 1300px) {
  .fvInner__ttl {
    padding-top: 88px;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__ttl {
    padding-top: 6.4%;
  }
}
.fvInner__ttl--01, .fvInner__ttl--02 {
  letter-spacing: 0.17vw;
  font-size: 1.57vw;
  line-height: 1;
  margin-left: 1vw;
  color: #0597A3;
  background: #fff;
}
@media screen and (min-width: 1300px) {
  .fvInner__ttl--01, .fvInner__ttl--02 {
    letter-spacing: 0.015rem;
    font-size: 1.375rem;
    line-height: 1;
    margin-left: 10px;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__ttl--01, .fvInner__ttl--02 {
    margin-left: 12%;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .fvInner__ttl--01, .fvInner__ttl--02 {
    font-size: 3.125vw;
    letter-spacing: 0.046875vw;
    line-height: 1;
  }
}
.fvInner__ttl--01 {
  padding: 0.9vw 1.2vw;
}
@media screen and (min-width: 1300px) {
  .fvInner__ttl--01 {
    padding: 5px 12px;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__ttl--01 {
    padding: 1.484375vw 0 1.484375vw 1.875vw;
  }
}
.fvInner__ttl--02 {
  display: inline-block;
  margin-top: 1.7vw;
  padding: 0.9vw 1.2vw;
}
@media screen and (min-width: 1300px) {
  .fvInner__ttl--02 {
    margin-top: 17px;
    padding: 9px 12px;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__ttl--02 {
    display: inline;
    margin-top: 0;
    margin-left: -1.2%;
    padding: 1.484375vw 1.875vw 1.484375vw 0;
  }
}
.fvInner__ttl--03 {
  position: relative;
  letter-spacing: 0.01846154vw;
  font-size: 1.84615385vw;
  line-height: 1.79166667;
  color: #fff;
  font-weight: 500;
  padding-top: 2vw;
  margin-left: 1vw;
  padding-bottom: 1.5vw;
}
.fvInner__ttl--03::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  width: 26vw;
  border-bottom: solid 0.2vw #fff;
}
@media screen and (min-width: 1300px) {
  .fvInner__ttl--03 {
    letter-spacing: 0.026875rem;
    font-size: 1.5rem;
    line-height: 1.79166667;
    padding-top: 31px;
    margin-left: 10px;
    padding-bottom: 15px;
  }
  .fvInner__ttl--03::before {
    width: 340px;
    border-bottom: solid 2px #fff;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__ttl--03 {
    padding-top: 2.2%;
    margin-left: 0;
    padding-bottom: 2.9%;
    text-align: center;
    flex: 0 1 35.46875vw;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .fvInner__ttl--03 {
    font-size: 3.4375vw;
    letter-spacing: 0.034375vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__ttl--03::before {
    width: 100%;
    border-bottom: solid 0.3125vw #fff;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__ttl--03::after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    width: 100%;
    border-top: solid 0.3125vw #fff;
  }
}
.fvInner__ttlStrong {
  letter-spacing: 0.01230769vw;
  font-size: 8.84615385vw;
  line-height: 1;
  padding-top: 1.8vw;
  padding-left: 0.3vw;
  color: #FDE88C;
  font-weight: 500;
}
@media screen and (min-width: 1300px) {
  .fvInner__ttlStrong {
    letter-spacing: 0.01rem;
    font-size: 7.1875rem;
    line-height: 1;
    padding-top: 18px;
    padding-left: 3px;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__ttlStrong {
    padding-top: 0;
    padding-left: 0;
    margin: -1.5% 0 0 1.2%;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .fvInner__ttlStrong {
    font-size: 19.0625vw;
    letter-spacing: -1.0484375vw;
    line-height: 1.0655737705;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__ttlFlex {
    display: flex;
    margin-top: 5%;
  }
}
.fvInner__features {
  width: 44vw;
  padding-top: 0.5vw;
  margin-left: -3.5vw;
}
@media screen and (min-width: 1300px) {
  .fvInner__features {
    width: 590px;
    padding-top: 19px;
    margin-left: -52px;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__features {
    width: 63.28125vw;
    padding-top: 79.1%;
    margin-left: -7.6%;
  }
}
.fvInner__txt {
  letter-spacing: 0.1142vw;
  font-size: 1.14vw;
  line-height: 2.125;
  color: #fff;
}
@media screen and (min-width: 1300px) {
  .fvInner__txt {
    letter-spacing: 0.01rem;
    font-size: 1rem;
    line-height: 2.125;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__txt {
    font-size: 3.28125vw;
    letter-spacing: 0.04921875vw;
    line-height: 1.9047619048;
  }
}
.fvInner__txt--01 {
  margin: -0.6vw 0 0 0.6vw;
}
@media screen and (min-width: 1300px) {
  .fvInner__txt--01 {
    margin: -6px 0 0 6px;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__txt--01 {
    position: absolute;
    bottom: 18.28125vw;
    right: 5.3125vw;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .fvInner__txt--01 {
    font-size: 1.875vw;
    letter-spacing: 0.01875vw;
    line-height: 2.8333333333;
  }
}
.fvInner__tousho {
  width: 27.8vw;
  margin-top: -0.2vw;
}
@media screen and (min-width: 1300px) {
  .fvInner__tousho {
    width: 278px;
    margin-top: -2px;
  }
}
@media screen and (max-width: 640px) {
  .fvInner__tousho {
    width: 33.4375vw;
    position: absolute;
    bottom: 5.46875vw;
    right: 4.21875vw;
    margin: 0;
  }
}

/* CSS Document *//*# sourceMappingURL=top.css.map */