@charset "UTF-8";

.c-button-group {
  right: 3%;
}

.l-wrapper {
  background-color: #3D97BD;
}

.l-container {
  background-color: #fff;
  width: 83.3333333333vw;
  margin: 0 auto;
  padding-top: 7.2916666667vw;
}

.l-inner {
  width: 69.4444444444vw;
  margin: 0 auto;
}

/* logo */
.p-logo {
  margin-top: -5.9722222222vw;
  padding-left: 2.0833333333vw;
}

.p-logo img {
  width: 34.7222222222vw;
}

/* thumbnail */
.p-thum {
  padding-top: 3.8194444444vw;
  display: flex;
  justify-content: center;
}

.p-thum img {
  width: 58.88888888888889vw;
}

/* content */
.p-content__date {
  display: flex;
  align-items: center;
  font-family: "Lexend Zetta", sans-serif;
  font-size: 2.2222222222vw;
  letter-spacing: 0.05em;
  padding-top: 1.3888888889vw;
}

.p-content__date .small {
  font-size: 1.1111111111vw;
  padding: 0 0.3472222222vw;
}

.p-content__date .medium {
  font-size: 1.3888888889vw;
}

.p-content__title {
  font-size: 1.9444444444vw;
  font-weight: 900;
  padding: 0.6944444444vw 0 1.9444444444vw;
  line-height: 1.25;
}

.p-tool {
  display: flex;
  align-items: center;
  padding: 1.3888888889vw 0 1.3888888889vw 0.6944444444vw;
  border-top: 0.0694444444vw solid #000;
  border-bottom: 0.0694444444vw solid #000;
  font-family: "Lexend Zetta", sans-serif;
}

.p-tool__title {
  padding-right: 1.25vw;
  border-right: 0.0694444444vw solid #000;
  font-size: 1.25vw;
  display: flex;
  align-items: center;
  height: 2.3611111111vw;
}

.p-tool__kinds {
  font-size: 1.0416666667vw;
  padding: 0.625vw 1.25vw;
  margin-left: 1.3888888889vw;
  font-weight: 600;
  color: #3D97BD;
  border: 0.0694444444vw solid #3D97BD;
  border-radius: 2.7777777778vw;
}

.p-session {
  display: flex;
  justify-content: space-between;
  padding: 3.125vw 0 4.375vw;
}

.p-session--imgNone {
  display: block;
}

.p-session__text {
  width: 38.75vw;
  line-height: 1.7;
  font-size: 1.0416666667vw;
}

.p-session__text--imgNone {
  line-height: 1.7;
  width: 100%;
}

.p-session__text span {
  font-weight: 600;
}

.p-session__image--none {
  display: none;
}

.p-session__imageItem {
  padding-bottom: 0.6944444444vw;
}

.p-session__imageItem img {
  width: 27.7777777778vw;
}

/* instructor */
.p-instructor__page {
  border-top: 0.0694444444vw solid #000;
  padding: 2.0833333333vw 0 5.5555555556vw 0;
  display: block;
  /* ↑topページのcssの.p-instructorがflexになってるから上書き */
}

.p-instructor__card {
  display: flex;
  gap: 2.7777777778vw;
  align-items: center;
}

.p-instructor__icon img {
  width: 13.88888888888889vw;
  height: 13.88888888888889vw;
  object-fit: cover;
  border-radius: 50%;
}

.p-instructor__label {
  background-color: #3D97BD;
  width: 3.6805555556vw;
  height: 2.0833333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.1111111111vw;
}

.p-instructor__job {
  font-size: 1.0416666667vw;
  padding: 1.0416666667vw 0 0.6944444444vw;
}

.p-instructor__name {
  font-size: 2.2222222222vw;
  font-weight: 500;
}

.p-instructor__text {
  padding-top: 2.7777777778vw;
  line-height: 1.56;
  border-bottom: 0.0694444444vw solid #000;
  padding-bottom: 2.0833333333vw;
}

@media screen and (max-width: 440px) {
  .l-container {
    width: 94.8717948718vw;
    padding-top: 8.4615384615vw;
  }

  .l-inner {
    width: 82.0512820513vw;
  }

  /* logo */
  .p-logo {
    margin-top: -3.8461538462vw;
    padding-left: initial;
    text-align: center;
  }

  .p-logo img {
    width: 89.7435897436vw;
  }

  /* thumbnail */
  .p-thum {
    padding-top: 7.6923076923vw;
  }

  .p-thum img {
    width: 82.0512820513vw;
  }

  /* content */
  .p-content__date {
    font-size: 6.1538461538vw;
    padding-top: 3.0769230769vw;
  }

  .p-content__date .small {
    font-size: 3.3333333333vw;
    padding: 0 1.5384615385vw;
  }

  .p-content__date .medium {
    font-size: 3.8461538462vw;
  }

  .p-content__title {
    font-size: 6.1538461538vw;
    padding: 2.5641025641vw 0 5.1282051282vw;
    line-height: 1.3;
  }

  .p-tool {
    padding: 2.5641025641vw 0 2.5641025641vw 1.2820512821vw;
  }

  .p-tool__title {
    padding-right: 4.6153846154vw;
    border-right: 0.2564102564vw solid #000;
    font-size: 3.5897435897vw;
    height: 7.6923076923vw;
  }

  .p-tool__kinds {
    font-size: 3.3333333333vw;
    padding: 2.3076923077vw 4.1025641026vw;
    margin-left: 5.1282051282vw;
    border: 0.2564102564vw solid #3D97BD;
    border-radius: 10.2564102564vw;
  }

  .p-session {
    display: block;
    padding: 5.1282051282vw 0 12.8205128205vw;
  }

  .p-session__text {
    width: initial;
    font-size: 3.5897435897vw;
    padding-bottom: 7.6923076923vw;
    line-height: 2;
  }

  .p-session__imageItem {
    padding-bottom: 2.5641025641vw;
    width: 82.0512820513vw;
  }

  .p-session__imageItem img {
    width: 82.0512820513vw;
  }

  /* instructor */
  .p-instructor {
    border-top: 0.2564102564vw solid #000;
    padding: 12.8205128205vw 0 20.5128205128vw;
  }

  .p-instructor__card {
    display: block;
  }

  .p-instructor__icon {
    width: 45.45454545454545vw;
    margin: 0 auto;
  }

  .p-instructor__icon img {
    width: 45.45454545454545vw;
    height: 45.45454545454545vw;
  }

  .p-instructor__info {
    padding-top: 5.1282051282vw;
    text-align: center;
  }

  .p-instructor__label {
    width: 13.5897435897vw;
    height: 7.6923076923vw;
    font-size: 4.1025641026vw;
    margin: 0 auto;
  }

  .p-instructor__job {
    font-size: 4.1025641026vw;
    padding: 3.0769230769vw 0 2.0512820513vw;
  }

  .p-instructor__name {
    font-size: 7.1794871795vw;
  }

  .p-instructor__text {
    padding-top: 5.1282051282vw;
    line-height: 1.57;
    padding-bottom: 12.8205128205vw;
  }
}

/*# sourceMappingURL=page.css.map */