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

body {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400;
  background-color: #E7E7E7;
}

.lp-wrapper {
  padding: 125px 0 0;
}
.lp-container {
}


.lp-header {
  border-bottom: 2px solid #707070;
  display: flex;
  justify-content: center;
  margin-bottom: min(calc(44vw / var(--p)), 44px);
}
.lp-year {
  width: min(calc(130.85vw / var(--p)), 130.85px);
  margin-top: min(calc(77.8vw / var(--p)), 77.8px);
  margin-bottom: min(calc(15.3vw / var(--p)), 15.3px);
}
.-sp-br {
  display: none;
}
.-sp {
  display: none;
}

p {
  letter-spacing: var(--ls-pc);  
}

@media screen and (max-width: 768px) {
  p {
    letter-spacing: var(--ls-sp);  
  }
  .-pc {
    display: none;
  }
  .-sp {
    display: block;
  }
  .-sp-br {
    display: inline;
  }
  .-pc-br {
    display: none;
  }
  .lp-header {
    margin-bottom: min(calc(39.1vw / var(--s)), 39.1px);
  }
  .lp-year {
    /* font-size: calc(23vw / var(--s)); */
    width: min(calc(62.7vw / var(--s)), 62.7px);
    margin-bottom: min(calc(12.3vw / var(--s)), 12.3px);
  }
}

.lp-title {
  width: min(calc(919.39vw / var(--p)), 919.39px);
  margin: auto;
  margin-top: max(calc(73.7vw / var(--p)), -73.7px);
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .lp-title {
    width: calc(339.12vw / var(--s));
    margin: 0 auto;
  }
}

.hero {
  margin-top: calc(22.28vw / var(--p) * -1);
}
@media screen and (max-width: 768px) {
  .hero {
    margin-top: min(calc(10.81vw / var(--p) * -1), -10.81px);
  }
}

.content1 {
  position: relative;
  max-width: 1366px;
  width: 100%;
  margin: auto;
  padding-bottom: min(calc(113vw / var(--p)), 113px);
  margin-top: min(calc(94.4vw / var(--p)), 94.4px);
}
.content1-content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: min(calc(31vw / var(--p)), 31px);
}

.content1-main-image {
  width: min(calc(622vw / var(--p)), 622px);
}
.content1-info {

}
.content1-text p {
  font-size: min(calc(15vw / var(--p)), 15px);
  line-height: 2;
}
.content1-text p em {
  font-size: min(calc(18vw / var(--p)), 18px);
  font-weight: bold;
}
.content1-images {
  margin-top: min(calc(39vw / var(--p)), 39px);
}
.content1-images img {
  width: min(calc(709vw / var(--p)), 709px);
}

@media screen and (max-width: 768px) {
  .content1 {
    padding-bottom: min(calc(100vw / var(--s)), 100px);
    margin-top: min(calc(73vw / var(--s)), 73px);
  }
  .content1-content {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: min(calc(21vw / var(--s)), 21px);
  }
  .content1-main-image {
    width: min(calc(313vw / var(--s)), 313px);
  }
  .content1-info {
    display: flex;
    align-items: flex-end;
    margin-left: auto;
    margin-right: 0;
    gap: min(calc(14vw / var(--s)), 14px);
  }
  .content1-text {
    width: min(calc(157vw / var(--s)), 157px);
  }
  .content1-text p {
    font-size: min(calc(10vw / var(--s)), 10px);
    line-height: 1.9;
  }
  .content1-text p em {
    font-size: min(calc(13vw / var(--s)), 13px);
    line-height: 1.5;
  }
  .content1-images {
    width: min(calc(187vw / var(--s)), 187px);
    margin: 0;
  }
  .content1-images img {
    width: 100%;
  }
  
}

.content2 {
}
.content2-content {
  max-width: min(calc(1366vw / var(--p)), 1366px);
  width: 100%;
  margin: auto;
  position: relative;
}
.content2-item {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: min(calc(49.5vw / var(--p)), 49.5px);

  .content2-item-text {
    .-name {
      font-size: min(calc(20vw / var(--p)), 20px);
      font-weight: 400;
      span {
        font-size: min(calc(15vw / var(--p)), 15px);
      }
    }
    a {
      display: block;
      margin-top: min(calc(11.6vw / var(--p)), 11.6px);
      width: min(calc(113vw / var(--p)), 113px);
      transition: .5s opacity;
      &:hover {
        opacity: .6;
      }
      img {
        width: 100%;
        vertical-align: top;
      }
    }
  }

  &:first-child {
    margin-bottom: min(calc(120vw / var(--p)), 120px);
    .content2-item-image {
      width: min(calc(1042vw / var(--p)), 1042px);
    }
    .content2-item-text {
      .-name {
        text-align: right;
      }
      a {
        margin-left: auto;
        margin-right: 0;  
      }
    }
  }

  &:last-child {
    justify-content: flex-end;
    flex-direction: row-reverse;
    padding-left: min(calc(207vw / var(--p)), 207px);
    .content2-item-image {
      width: min(calc(610vw / var(--p)), 610px);
    }
  }
}


@media screen and (max-width: 767px) {
  .content2-item {
    flex-direction: column-reverse;
    width: min(calc(301vw / var(--s)), 301px);
    margin-left: auto;
    margin-right: 0;
    align-items: flex-start;
  }
  .content2-item:first-child .content2-item-image {
    width: 100%;
  }

  .content2-item:first-child .content2-item-text .-name {
    text-align: left;
    font-size: min(calc(13vw / var(--s)), 13px);
  }
  .content2-item:first-child .content2-item-text .-name span {
    font-size: min(calc(13vw / var(--s)), 13px);
  }
  .content2-item:first-child .content2-item-text a {
    margin-top: min(calc(11.6vw / var(--s)), 11.6px);
    margin-left: 0;
    margin-right: auto;
    width: min(calc(68.71vw / var(--s)), 68.71px);
  }

  .content2-item:last-child {
    flex-direction: column-reverse;
    width: min(calc(293vw / var(--s)), 293px);
    padding: 0;
    margin: auto;
  }
  .content2-item:last-child .content2-item-image {
    width: 100%;
  }
  .content2-item:last-child .content2-item-text .-name {
    text-align: left;
    font-size: min(calc(13vw / var(--s)), 13px);
  }
  .content2-item:last-child .content2-item-text .-name span {
    font-size: min(calc(13vw / var(--s)), 13px);
  }
  .content2-item:last-child .content2-item-text a {
    margin-top: min(calc(11.6vw / var(--s)), 11.6px);
    margin-left: 0;
    margin-right: auto;
    width: min(calc(68.71vw / var(--s)), 68.71px);
  }

}

.content3 {
  margin-top: min(calc(140vw / var(--p)), 140px);
  padding-bottom: min(calc(55vw / var(--p)), 55px);
  border-top: 2px solid #707070;
}
.content3-content {
  max-width: 1366px;
  width: 100%;
  margin: auto;
  position: relative;
}
.content3-title {
  text-align: center;
  margin-top: -2px;
  margin-bottom: min(calc(125.3vw / var(--p)), 125.3px);
  img {
    width: min(calc(1222.68vw / var(--p)), 1222.68px);
  }
}
.content3-items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: min(calc(92.1vw / var(--p)), 92.1px);
}
.content3-item {
  width: min(calc(681.29vw / var(--p)), 681.29px);
  display: flex;
  gap: min(calc(48.8vw / var(--p)), 48.8px);

  .-title {
    height: min(calc(33.35vw / var(--p)), 33.35px);
    margin-bottom: min(calc(28.6vw / var(--p)), 28.6px);
  }
  .-title-sp {
    display: none;
  }
  .-img {
    margin-bottom: min(calc(34.4vw / var(--p)), 34.4px);
  }
  .-text {
    font-size: min(calc(15vw / var(--p)), 15px);
    font-weight: 500;
  }

  .-right-img {
    margin-bottom: min(calc(78.1vw / var(--p)), 78.1px);
  }
  .-right-text {
    font-size: min(calc(15vw / var(--p)), 15px);
    font-weight: 500;
    line-height: 1.9;
    margin-bottom: min(calc(30.5vw / var(--p)), 30.5px);
    text-align: center;

    p {
      font-size: min(calc(20vw / var(--p)), 20px);
      line-height: min(calc(28vw / var(--p)), 28px);
      font-weight: normal;
    }
  }
  .-right-btn {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .content3 {
    margin: 0;
    margin-top: min(calc(61vw / var(--s)), 61px);
    padding: 0 0 min(calc(61vw / var(--s)), 61px);
    border-top: 1px solid #707070;
  }
  .content3-content {
    padding: 0;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .content3-title {
    margin-top: -1px;
    margin-bottom: min(calc(59.4vw / var(--s)), 59.4px);
  }
  .content3-items {
    flex-direction: column;
    gap: min(calc(117vw / var(--s)), 117px);
  }
  .content3-item {
    width: min(calc(292.9vw / var(--s)), 292.9px);
    gap: min(calc(21vw / var(--s)), 21px);
  }
  .content3-item {
    .-title {
      display: none;
    }
    .-title-sp {
      display: block;
      height: min(calc(18.19vw / var(--s)), 18.19px);
      margin: auto;
      text-align: center;
      margin-top: min(calc(26.3vw / var(--s)), 26.3px);
      margin-bottom: min(calc(21.5vw / var(--s)), 21.5px);

      img {
        height: 100%;
        vertical-align: top;
      }
    }
    .-img {
      width: min(calc(248vw / var(--s)), 248px);
      margin: auto;
    }
    .-text {
      width: min(calc(283vw / var(--s)), 283px);
      margin: auto;
      font-size: min(calc(10vw / var(--s)), 10px);
      line-height: 1.9;
    }

    .-right-img {
      width: min(calc(111.57vw / var(--s)), 111.57px);
    }
    .-right-text {
      margin-bottom: min(calc(7vw / var(--s)), 7px);

      p {
        font-size: min(calc(11vw / var(--s)), 11px);
        line-height: min(calc(28vw / var(--s)), 28px);
        font-weight: normal;
        letter-spacing: -0.05em;
        text-align: center;

        &:first-child {
          margin-bottom: min(calc(3.7vw / var(--s)), 3.7px);
        line-height: min(calc(13vw / var(--s)), 13px);
        }
      }
    }
    .-right-btn {
      margin: auto;
      display: flex;
      justify-content: center;
      a {
        width: min(calc(51.5vw / var(--s)), 51.5px);
      }
    }
  }
}


.content4 {
  margin-top: min(calc(140vw / var(--p)), 140px);
  padding-bottom: min(calc(55vw / var(--p)), 55px);
  border-top: 2px solid #707070;
}
.content4-content {
  max-width: 1366px;
  width: 100%;
  margin: auto;
  position: relative;
}
.content4-title {
  text-align: center;
  margin-top: -2px;
  margin-bottom: min(calc(125.3vw / var(--p)), 125.3px);
  img {
    width: min(calc(650.87vw / var(--p)), 650.87px);
  }
}
.content4-items {
  display: flex;
  justify-content: center;
  gap: min(calc(84vw / var(--p)), 84px);
}
.content4-item {
  width: min(calc(378vw / var(--p)), 378px);

  .-title {
    height: min(calc(33.35vw / var(--p)), 33.35px);
    margin-bottom: min(calc(28.6vw / var(--p)), 28.6px);
  }
  .-title-sp {
    display: none;
  }
  .-img {
    margin-bottom: min(calc(34.4vw / var(--p)), 34.4px);
  }
  .-text {
    font-size: min(calc(15vw / var(--p)), 15px);
    font-weight: 500;
  }
}

@media screen and (max-width: 767px) {
  .content4 {
    margin: 0;
    margin-top: min(calc(61vw / var(--s)), 61px);
    padding: 0 0 min(calc(61vw / var(--s)), 61px);
    border-top: 1px solid #707070;
  }
  .content4-content {
    padding: 0;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .content4-title {
    margin-top: -1px;
  }
  .content4-items {
    flex-direction: column;
    gap: min(calc(117vw / var(--s)), 117px);
  }
  .content4-item {
    width: 100%;
  }
  .content4-item {
    .-title {
      display: none;
    }
    .-title-sp {
      display: block;
      height: min(calc(18.19vw / var(--s)), 18.19px);
      margin: auto;
      text-align: center;
      margin-top: min(calc(26.3vw / var(--s)), 26.3px);
      margin-bottom: min(calc(21.5vw / var(--s)), 21.5px);

      img {
        height: 100%;
        vertical-align: top;
      }
    }
    .-img {
      width: min(calc(248vw / var(--s)), 248px);
      margin: auto;
    }
    .-text {
      width: min(calc(283vw / var(--s)), 283px);
      margin: auto;
      font-size: min(calc(10vw / var(--s)), 10px);
      line-height: 1.9;
    }
  }
}

.profile {
  border-top: 2px solid #707070;
  padding-top: min(calc(129.3vw / var(--p)), 129.3px);
}
.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;
    border-top: 1px solid #707070;
  }
  .profile-content {
    width: min(calc(341vw / var(--s)), 341px);
    margin: auto;

    .-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: min(calc(288vw / var(--s)), 288px);
          margin: auto;
        }
      }
    }

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

}

.content-footer {
  margin-top: min(calc(124.3vw / var(--p)), 124.3px);
  border-top: 2px solid #707070;
  padding: min(calc(69.2vw / var(--p)), 69.2px) 0;
  display: flex;
  justify-content: center;
}
.content-footer p {
  line-height: 1;
  img {
    width: min(calc(258.11vw / var(--p)), 258.11px);
  }
}

.global-footer {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .content-footer {
    border-width: 1px;
    padding: min(calc(19.4vw / var(--s)), 19.4px) 0 min(calc(30vw / var(--s)), 30px);
    margin-top: min(calc(61vw / var(--s)), 61px);
  }
  .content-footer p {
    line-height: 0;

    img {
      width: min(calc(220vw / var(--s)), 220px);
    }
  }
  
}
.with-border {
  border: 1px solid #707070;
}

.itemall1 {
  display: flex;
  justify-content: center;
  padding: min(calc(160vw / var(--p)), 160px) 0 0;
}
.itemall1 img {
  width: min(calc(200vw / var(--p)), 200px);
}
.itemall2 {
  display: flex;
  justify-content: center;
  padding: min(calc(125vw / var(--p)), 125px) 0 0;
}
.itemall2 img {
  width: min(calc(200vw / var(--p)), 200px);
}
.itemall1 a, .itemall2 a {
  transition: .5s opacity;
}
.itemall1 a:hover, .itemall2 a:hover {
  opacity: .5;
}

@media screen and (max-width: 767px) {
  .itemall1 {
    padding: min(calc(61vw / var(--s)), 61px) 0 0;
  }
  .itemall1 img {
    width: min(calc(94vw / var(--s)), 94px);
  }
  .itemall2 {
    padding: min(calc(61.2vw / var(--s)), 61.2px) 0 0;
  }
  .itemall2 img {
    width: min(calc(94vw / var(--s)), 94px);
  }
  
}




.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) {
  .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);
      }
    }
  }
}


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

  .-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 {
    max-width: min(calc(468vw / var(--p)), 468px);
    margin: auto;
    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-align: center;
      }
    }
  }
  .-text {
    p {
      font-size: min(calc(13vw / var(--p)), 13px);
      line-height: min(calc(23vw / var(--p)), 23px);
      text-align: center;
    }
  }
  .-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;
      }
    }
  }
  .-note {
    text-align: center;
    font-size: min(calc(13vw / var(--p)), 13px);
    line-height: min(calc(23vw / var(--p)), 23px);
    margin-top: min(calc(62.8vw / var(--p)), 62.8px);

    sub {

    }
  }
}
@media screen and (max-width: 767px) {
  .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: 0;
      max-width: 100%;

      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 {
      margin-top: min(calc(37vw / var(--s)), 37px);
      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;
      }
    }

    .-note {
      font-size: min(calc(10vw / var(--s)), 10px);
      line-height: min(calc(16vw / var(--s)), 16px);
      margin-top: min(calc(37vw / var(--s)), 37px);
    }
  }
}