@charset "UTF-8";
body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  color: #000;
  font-size: 16px;
  max-width: 2000px;
  margin-inline: auto;
  font-weight: 500;
  color: #333;
  overflow-x: hidden;
}
body * {
  box-sizing: border-box;
  line-height: 1;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  width: 100%;
}

.wrap {
  position: relative;
}
@media (any-hover: hover) {
  .wrap a:hover {
    transition: all 0.3s !important;
    opacity: 0.8;
  }
}

.inner {
  width: 1100px;
  margin-inline: auto;
  position: relative;
}

#fv {
  background: url(../img/fv_bg.jpg) no-repeat center 0;
  height: 800px;
  padding: 80px 0 0;
}
#fv .logo {
  width: 400px;
  margin-inline: auto;
}
#fv h1 {
  width: 777px;
  margin: 73px auto 94px;
}
#fv p {
  width: 435px;
  margin-inline: auto;
}

.cta_wrap {
  background: url(../img/cta_bg.jpg) no-repeat center 0;
  height: 430px;
  padding: 80px 0 0;
}

.cta {
  width: 1100px;
  height: 270px;
  margin-inline: auto;
  background: rgba(255, 255, 255, 0.96);
  opacity: 0.96;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  padding: 55px 0 0;
  border-radius: 10px;
}
.cta p {
  margin-bottom: 42px;
}
.cta .btn {
  display: flex;
  justify-content: center;
  gap: 20px;
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.1));
}
.cta .btn a {
  display: block;
  width: 450px;
}

#sec01 {
  background: url(../img/bg01.jpg) no-repeat center 0;
  height: 3142px;
  padding: 100px 0 0;
}
#sec01 .cta {
  margin-bottom: 92px;
}

#about {
  margin-bottom: 90px;
}
#about h2 {
  width: 878px;
  margin-inline: auto;
}
#about .txt01 {
  width: 844px;
  margin: 60px auto 62px;
}
#about .about-list {
  display: flex;
  justify-content: center;
}
#about .about-list li {
  width: 364px;
}
#about .about-list li:nth-child(2) {
  margin: 0 -13px;
}
#about .txt02 {
  width: 743px;
  margin: 30px auto 105px;
}
#about .photo-area {
  display: flex;
  gap: 40px;
}
#about .img {
  width: 500px;
  margin: 0 0 0 -30px;
}
#about .txt03 {
  width: 549px;
  margin: 25px 0 0;
}

#worry .inner {
  background: url(../img/worry_inner.png) no-repeat center 0/100%;
  width: 1040px;
  height: 1401px;
  filter: drop-shadow(10px 10px 10px rgba(7, 78, 211, 0.2));
  padding: 72px 0 0;
}
#worry h2 {
  width: 654px;
  margin-inline: auto;
}
#worry .list {
  width: 890px;
  margin: 52px 0 110px 75px;
}
#worry .img {
  width: 361px;
  position: absolute;
  top: 196px;
  right: -132px;
}
#worry .txt01 {
  width: 606px;
  margin-inline: auto;
}
#worry .skill {
  width: 930px;
  margin: 117px auto 0;
}

#support {
  background: #f2f4ff url(../img/bg02.jpg) no-repeat center 0;
  height: 3302px;
  padding: 58px 0 0;
}
#support h2 {
  width: 1040px;
  margin-inline: auto;
}
#support .list {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  width: 1100px;
  margin: 32px auto 27px;
  gap: 0 0;
  translate: 10px 0;
}
#support .list li {
  width: 372px;
  margin: 0 -9px;
}
#support .list li:nth-child(4) {
  width: 1082px;
}
#support .txt {
  width: 921px;
  margin-inline: auto;
}
#support .book {
  background: url(../img/book.png) no-repeat center 0/100%;
  width: 1100px;
  height: 300px;
  margin: 64px auto 0;
  padding: 55px 0 0;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.2));
}
#support .book p {
  width: 347px;
  margin: 0 0 25px 581px;
}
#support .book .btn {
  width: 610px;
  margin: 0 0 0 449px;
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.1));
}

#profile {
  background: url(../img/bg03.jpg) no-repeat center 0;
  height: 2162px;
  padding: 272px 0 0;
}
#profile .name {
  position: absolute;
}
#profile .prof01 {
  margin-bottom: 262px;
}
#profile .prof01 .txt {
  width: 706px;
}
#profile .prof01 .name {
  width: 325px;
  top: 397px;
  right: 138px;
}
#profile .prof02 .txt {
  width: 567px;
  margin: 0 0 0 500px;
}
#profile .prof02 .name {
  width: 305px;
  top: 388px;
  left: 128px;
}

#price {
  background: #3171BF;
  padding: 95px 0 80px;
}
#price h2 {
  width: 528px;
  margin-inline: auto;
}
#price .img {
  width: 1020px;
  margin: 47px auto 0;
  filter: drop-shadow(10px 10px 10px rgba(7, 78, 211, 0.2));
}

footer {
  text-align: center;
}
footer small {
  width: 1100px;
  margin-inline: auto;
  border-bottom: 1px solid rgba(185, 185, 185, 0.96);
  display: block;
  font-size: 16px;
  letter-spacing: 0.06em;
  padding: 18px 0;
}
footer a {
  text-decoration: none;
  color: #0059AB;
  display: block;
  margin: 18px 0;
}

@media screen and (max-width: 1024px) {
  body {
    font-size: 1.3333333333vw;
  }
  .inner {
    width: 91.6666666667vw;
  }
  #fv {
    background: url(../img/fv_bg.jpg) no-repeat center 0/166.6666666667vw;
    height: 66.6666666667vw;
    padding: 6.6666666667vw 0 0;
  }
  #fv .logo {
    width: 33.3333333333vw;
  }
  #fv h1 {
    width: 64.75vw;
    margin: 6.0833333333vw auto 7.8333333333vw;
  }
  #fv p {
    width: 36.25vw;
  }
  .cta_wrap {
    background: url(../img/cta_bg.jpg) no-repeat center 0/166.6666666667vw;
    height: 35.8333333333vw;
    padding: 6.6666666667vw 0 0;
  }
  .cta {
    width: 91.6666666667vw;
    height: 22.5vw;
    box-shadow: 0.8333333333vw 0.8333333333vw 0.8333333333vw rgba(0, 0, 0, 0.2);
    padding: 4.5833333333vw 0 0;
    border-radius: 0.8333333333vw;
  }
  .cta p {
    margin-bottom: 3.5vw;
  }
  .cta .btn {
    gap: 1.6666666667vw;
    filter: drop-shadow(0.25vw 0.25vw 0.4166666667vw rgba(0, 0, 0, 0.1));
  }
  .cta .btn a {
    width: 37.5vw;
  }
  #sec01 {
    background: url(../img/bg01.jpg) no-repeat center 0/166.6666666667vw;
    height: 261.8333333333vw;
    padding: 8.3333333333vw 0 0;
  }
  #sec01 .cta {
    margin-bottom: 7.6666666667vw;
  }
  #about {
    margin-bottom: 7.5vw;
  }
  #about h2 {
    width: 73.1666666667vw;
  }
  #about .txt01 {
    width: 70.3333333333vw;
    margin: 5vw auto 5.1666666667vw;
  }
  #about .about-list li {
    width: 30.3333333333vw;
  }
  #about .about-list li:nth-child(2) {
    margin: 0 -1.0833333333vw;
  }
  #about .txt02 {
    width: 61.9166666667vw;
    margin: 2.5vw auto 8.75vw;
  }
  #about .photo-area {
    gap: 3.3333333333vw;
  }
  #about .img {
    width: 41.6666666667vw;
    margin: 0 0 0 -2.5vw;
  }
  #about .txt03 {
    width: 45.75vw;
    margin: 2.0833333333vw 0 0;
  }
  #worry .inner {
    background: url(../img/worry_inner.png) no-repeat center 0/100%;
    width: 86.6666666667vw;
    height: 116.75vw;
    filter: drop-shadow(0.8333333333vw 0.8333333333vw 0.8333333333vw rgba(7, 78, 211, 0.2));
    padding: 6vw 0 0;
  }
  #worry h2 {
    width: 54.5vw;
  }
  #worry .list {
    width: 74.1666666667vw;
    margin: 4.3333333333vw 0 9.1666666667vw 6.25vw;
  }
  #worry .img {
    width: 30.0833333333vw;
    top: 16.3333333333vw;
    right: -11vw;
  }
  #worry .txt01 {
    width: 50.5vw;
  }
  #worry .skill {
    width: 77.5vw;
    margin: 9.75vw auto 0;
  }
  #support {
    background: #f2f4ff url(../img/bg02.jpg) no-repeat center 0/166.6666666667vw;
    height: 275.1666666667vw;
    padding: 4.8333333333vw 0 0;
  }
  #support h2 {
    width: 86.6666666667vw;
  }
  #support .list {
    width: 91.6666666667vw;
    margin: 2.6666666667vw auto 2.25vw;
    translate: 0.8333333333vw 0;
  }
  #support .list li {
    width: 31vw;
    margin: 0 -0.75vw;
  }
  #support .list li:nth-child(4) {
    width: 90.1666666667vw;
  }
  #support .txt {
    width: 76.75vw;
  }
  #support .book {
    background: url(../img/book.png) no-repeat center 0/100%;
    width: 91.6666666667vw;
    height: 25vw;
    margin: 5.3333333333vw auto 0;
    padding: 4.5833333333vw 0 0;
    filter: drop-shadow(0.8333333333vw 0.8333333333vw 0.8333333333vw rgba(0, 0, 0, 0.2));
  }
  #support .book p {
    width: 28.9166666667vw;
    margin: 0 0 2.0833333333vw 48.4166666667vw;
  }
  #support .book .btn {
    width: 50.8333333333vw;
    margin: 0 0 0 37.4166666667vw;
    filter: drop-shadow(0.25vw 0.25vw 0.4166666667vw rgba(0, 0, 0, 0.1));
  }
  #profile {
    background: url(../img/bg03.jpg) no-repeat center 0/166.6666666667vw;
    height: 180.1666666667vw;
    padding: 22.6666666667vw 0 0;
  }
  #profile .prof01 {
    margin-bottom: 21.8333333333vw;
  }
  #profile .prof01 .txt {
    width: 58.8333333333vw;
  }
  #profile .prof01 .name {
    width: 27.0833333333vw;
    top: 33.0833333333vw;
    right: 11.5vw;
  }
  #profile .prof02 .txt {
    width: 47.25vw;
    margin: 0 0 0 41.6666666667vw;
  }
  #profile .prof02 .name {
    width: 25.4166666667vw;
    top: 32.3333333333vw;
    left: 10.6666666667vw;
  }
  #price {
    padding: 7.9166666667vw 0 6.6666666667vw;
  }
  #price h2 {
    width: 44vw;
  }
  #price .img {
    width: 85vw;
    margin: 3.9166666667vw auto 0;
    filter: drop-shadow(0.8333333333vw 0.8333333333vw 0.8333333333vw rgba(7, 78, 211, 0.2));
  }
  footer small {
    width: 91.6666666667vw;
    font-size: 1.3333333333vw;
    padding: 1.5vw 0;
  }
  footer a {
    margin: 1.5vw 0;
  }
}/*# sourceMappingURL=style.css.map */