:root {
  --p: 1366 * 100;
  --s: 375 * 100;
  --hel: 'Helvetica', sans-serif !important;
}

body {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400;
  font-feature-settings: "palt";
}

.-sp-br {
  display: none;
}
.-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .-pc {
    display: none;
  }
  .-sp {
    display: block;
  }
  .-sp-br {
    display: inline;
  }
  .-pc-br {
    display: none;
  }
}

.container {
  margin-top: min(calc(20vw / var(--p)), 20px);
}

.heading-title {
  text-align: center;
  font-weight: bold;
  font-size: min(calc(27vw / var(--p)), 27px);
  margin-bottom: min(calc(52vw / var(--p)), 52px);
}
.heading-text {
  font-size: min(calc(16vw / var(--p)), 16px);
  text-align: center;
  margin-bottom: min(calc(68vw / var(--p)), 68px);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .container {
    margin-top: min(calc(30vw / var(--s)), 30px);
  }
  .heading-title {
    font-size: min(calc(25vw / var(--s)), 25px);
    margin-bottom: min(calc(59vw / var(--s)), 59px);
  }
  .heading-text {
    font-size: min(calc(13vw / var(--s)), 13px);
    margin-bottom: min(calc(58.7vw / var(--s)), 58.7px);
    font-weight: 500;
  }
  
}

.about-content1 {
  position: relative;
  height: min(calc(361vw / var(--p)), 361px);
  display: flex;
  align-items: center;
  padding-left: min(calc(109vw / var(--p)), 109px);
  margin-bottom: min(calc(34vw / var(--p)), 34px);

  .-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .-text {
    position: relative;
    font-size: min(calc(14vw / var(--p)), 14px);
    color: white;
    line-height: 2;
    display: flex;
    flex-direction: column;
    gap: min(calc(14vw / var(--p)), 14px);

    p {
      font-weight: lighter;
    }
  }
}

@media screen and (max-width: 767px) {
  .about-content1 {
    padding: 0;
    flex-direction: column;
    gap: min(calc(58.7vw / var(--s)), 58.7px);
    height: auto;
    margin-bottom: min(calc(58.7vw / var(--s)), 58.7px);
    .-image {
      position: relative;
      height: auto;
    }
    .-text {
      font-size: min(calc(12vw / var(--s)), 12px);
      max-width: calc(min(286vw / var(--s)), 286px);
      margin: auto;
      color: black;
    }
  }
}

.about-content2 {
  margin-bottom: min(calc(34vw / var(--p)), 34px);
}
.about-content3 {
  position: relative;
  display: flex;
  align-items: center;
  height: min(calc(596vw / var(--p)), 596px);
  padding-left: min(calc(700vw / var(--p)), 700px);
  margin-bottom: min(calc(34vw / var(--p)), 34px);

  .-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .-content {
    position: relative;
    font-size: min(calc(14vw / var(--p)), 14px);
    color: white;
    line-height: 2;
    display: flex;
    flex-direction: column;
    gap: min(calc(52vw / var(--p)), 52px);

    .-heading {
      font-size: min(calc(18vw / var(--p)), 18px);
      font-weight: bold;
      color: black;
      line-height: 2;
    }

    p {
      font-size: min(calc(14vw / var(--p)), 14px);
      line-height: min(calc(35vw / var(--p)), 35px);
      color: black
    }
    .-btn a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: min(calc(276.44vw / var(--p)), 276.44px);
      height: min(calc(60.27vw / var(--p)), 60.27px);
      font-size: min(calc(18vw / var(--p)), 18px);
      color: black;
      border: 1px solid #707070;
      border-radius: min(calc(10vw / var(--p)), 10px);
      text-decoration: none;
      transition: .5s opacity;
      font-weight: lighter;
      &:hover {
        opacity: .5;
      }
    }
  }
}
@media screen and (max-width: 767px) {
  .about-content3 {
    padding: 0;
    flex-direction: column;
    height: auto;
    gap: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #707070;
    padding-bottom: min(calc(58.7vw / var(--s)), 58.7px);
    .-image {
      position: relative;
      height: auto;
      margin-bottom: min(calc(49.4vw / var(--s)), 49.4px);
    }
    .-content {
      gap: 0;

      .-heading {
        font-size: min(calc(13vw / var(--s)), 13px);
        width: min(calc(290vw / var(--s)), 290px);
        margin: auto;
        margin-bottom: min(calc(16vw / var(--s)), 16px);
      }

      p {
        font-size: min(calc(12vw / var(--s)), 12px);
        line-height: min(calc(23vw / var(--s)), 23px);
        width: min(calc(290vw / var(--s)), 290px);
        margin: auto;
        margin-bottom: min(calc(58.7vw / var(--s)), 58.7px);
      }
      
      .-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: min(calc(290vw / var(--s)), 290px);
        margin: auto;
        a {
          width: min(calc(198vw / var(--s)), 198px);
          height: min(calc(33vw / var(--s)), 33px);
          font-size: min(calc(11vw / var(--s)), 11px);
          border-radius: 8px;
        }
      }

      .-image {
        margin-bottom: min(calc(58.7vw / var(--s)), 58.7px);
      }
    }
  }
}

.about-content4 {
  padding-bottom: min(calc(87vw / var(--p)), 87px);
  border-bottom: 1px solid #707070;
}

.about-content5 {
  padding-top: min(calc(88.5vw / var(--p)), 88.5px);
  max-width: min(calc(468vw / var(--p)), 468px);
  width: 100%;
  margin: auto;

  .-heading {
    text-align: center;
    margin-bottom: min(calc(60.27vw / var(--p)), 60.27px);

    img {
      width: min(calc(228.58vw / var(--p)), 228.58px);
    }
  }
  .-image {
    margin-bottom: min(calc(51.6vw / var(--p)), 51.6px);
  }
  .-text {
    p {
      font-size: min(calc(13vw / var(--p)), 13px);
      line-height: min(calc(23vw / var(--p)), 23px);
    }
  }
}
@media screen and (max-width: 767px) {
  .about-content5 {
    padding-top: min(calc(72.3vw / var(--s)), 72.3px);
    max-width: min(calc(292vw / var(--s)), 292px);

    .-heading {
      margin-bottom: min(calc(27.8vw / var(--s)), 27.8px);
      img {
        width: min(calc(135.07vw / var(--s)), 135.07px);
      }
    }
    .-image {
      margin-bottom: min(calc(22.3vw / var(--s)), 22.3px);
    }

    .-text {
      p {
        font-size: min(calc(11vw / var(--s)), 11px);
        line-height: min(calc(19vw / var(--s)), 19px);
      }
    }
  }
}


.about-content6 {
  padding-top: min(calc(88.5vw / var(--p)), 88.5px);
  max-width: min(calc(468vw / var(--p)), 468px);
  width: 100%;
  margin: auto;

  .-heading {
    text-align: center;
    margin-bottom: min(calc(40.4vw / var(--p)), 40.4px);

    img {
      width: min(calc(80.87vw / var(--p)), 80.87px);
    }
  }
  .-subheading {
    font-size: min(calc(20vw / var(--p)), 20px);
    text-align: center;
    margin-bottom: min(calc(29.7vw / var(--p)), 29.7px);
  }
  .-image {
    margin-top: min(calc(28.7vw / var(--p)), 28.7px);
    margin-bottom: min(calc(51.6vw / var(--p)), 51.6px);

    figure {
      figcaption {
        font-size: min(calc(15vw / var(--p)), 15px);
        width: min(calc(298vw / var(--p)), 298px);
        margin: auto;
        margin-top: min(calc(77.8vw / var(--p)), 77.8px);
        line-height: 2;
        white-space: nowrap;
      }
    }
  }
  .-text {
    p {
      font-size: min(calc(13vw / var(--p)), 13px);
      line-height: min(calc(23vw / var(--p)), 23px);
    }
  }
  .-btn {
    display: flex;
    justify-content: center;
    margin-top: min(calc(83vw / var(--p)), 83px);

    a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: min(calc(276.44vw / var(--p)), 276.44px);
      height: min(calc(60.27vw / var(--p)), 60.27px);
      font-size: min(calc(18vw / var(--p)), 18px);
      color: black;
      border: 1px solid #707070;
      border-radius: min(calc(10vw / var(--p)), 10px);
      text-decoration: none;
      transition: .5s opacity;
      font-weight: lighter;
      &:hover {
        opacity: .5;
      }
    }
  }
}
@media screen and (max-width: 767px) {
  .about-content6 {
    padding-top: min(calc(72.3vw / var(--s)), 72.3px);
    max-width: min(calc(292vw / var(--s)), 292px);

    .-heading {
      margin-bottom: min(calc(27.8vw / var(--s)), 27.8px);
      img {
        width: min(calc(50vw / var(--s)), 50px);
      }
    }
    .-subheading {
      font-size: min(calc(13vw / var(--s)), 13px);
      margin-bottom: min(calc(29.8vw / var(--s)), 29.8px);
    }
    .-image {
      margin-top: min(calc(47.2vw / var(--s)), 47.2px);
      margin-bottom: min(calc(77vw / var(--s)), 77px);

      figure {
        figcaption {
          margin-top: min(calc(67.9vw / var(--s)), 67.9px);
          font-size: min(calc(12vw / var(--s)), 12px);
          line-height: min(calc(25vw / var(--s)), 25px);
          width: min(calc(240vw / var(--s)), 240px);
        }
      }
    }

    .-text {
      p {
        font-size: min(calc(11vw / var(--s)), 11px);
        line-height: min(calc(19vw / var(--s)), 19px);
      }
    }

    .-btn {
      a {
        width: min(calc(198vw / var(--s)), 198px);
        height: min(calc(33vw / var(--s)), 33px);
        font-size: min(calc(11vw / var(--s)), 11px);
        border-radius: 8px;
      }
    }
  }
}


.profile {
  border-top: 1px solid #707070;
  margin-top: min(calc(84vw / var(--p)), 84px);
  padding-top: min(calc(84vw / var(--p)), 84px);
}
.profile-content {
  width: min(calc(645vw / var(--p)), 645px);
  margin: auto;

  .-head {
    display: flex;
    gap: min(calc(30.9vw / var(--p)), 30.9px);
    margin-bottom: min(calc(20.8vw / var(--p)), 20.8px);

    .-img {
      width: min(calc(122.11vw / var(--p)), 122.11px);
    }
    .-names {
      width: min(calc(492vw / var(--p)), 492px);
      .-post {
        margin-bottom: min(calc(12.1vw / var(--p)), 12.1px);
        img {
          width: min(calc(126.65vw / var(--p)), 126.65px);
          vertical-align: top;
        }
      }
      .-name {
        font-size: min(calc(24vw / var(--p)), 24px);
        font-weight: bold;
        letter-spacing: .15em;
        margin-bottom: min(calc(16.1vw / var(--p)), 16.1px);
      }
      .-outline {
        font-size: min(calc(11vw / var(--p)), 11px);
        line-height: 1.9;
      }
    }
  }
  .-body {
    border-top: .5px solid black;
    padding-top: min(calc(23.3vw / var(--p)), 23.3px);
    font-size: min(calc(13vw / var(--p)), 13px);
    line-height: 2.23;
  }
}
@media screen and (max-width: 767px) {
  .profile {
    border-top: 0;
    padding: min(calc(61vw / var(--s)), 61px) 0 0;
    margin-top: min(calc(77vw / var(--s)), 77px);
    border-top: 1px solid #707070;
  }
  .profile-content {
    margin: auto;
    width: min(calc(328.49vw / var(--s)), 328.49px);

    .-head {
      flex-direction: column;
      gap: min(calc(38.4vw / var(--s)), 38.4px);
      margin-bottom: 0;
      padding-bottom: min(calc(18.3vw / var(--s)), 18.3px);
      border-bottom: 1px solid #707070;

      .-img {
        width: min(calc(122.11vw / var(--s)), 122.11px);
        margin: auto;
      }

      .-names {
        width: 100%;
        .-post {
          text-align: center;
          line-height: 0;
          margin-bottom: min(calc(11vw / var(--s)), 11px);
          img {
            width: min(calc(108.56vw / var(--s)), 108.56px);
          }
        }
        .-name {
          font-size: min(calc(20vw/ var(--s)), 20px);
          text-align: center;
          margin-bottom: min(calc(28.3vw/ var(--s)), 28.3px);
        }
        .-outline {
          font-size: min(calc(10vw / var(--s)), 10px);
          width: 100%;
          margin: auto;
        }
      }
    }

    .-body {
      border: 0;
      padding-top: min(calc(23.3vw / var(--s)), 23.3px);
      font-size: min(calc(11vw / var(--s)), 11px);
      width: 100%;
      margin: auto;
      line-height: 2.4;
    }
  }

}