@charset "UTF-8";
:root {
  --radius-xrxr-24: 0 2.4rem 0 2.4rem;
  --radius-common-07: .7rem;
  --radius-common-08: .8rem;
  --radius-common-12: 1.2rem;
  --radius-common-14: 1.4rem;
  --radius-common-16: 1.6rem;
  --radius-common-20: 2rem;
  --radius-common-24: 2.4rem;
  --radius-common-30: 3rem;
  --radius-common-32: 3.2rem;
  --radius-common-36: 3.6rem;
  --radius-common-40: 4rem;
  --radius-common-48: 4.8rem;
  --radius-common-56: 5.6rem;
  --radius-common-60: 6rem;
  --radius-common-64: 6.4rem;
  --radius-common-80: 8rem;
  --radius-common-96: 9.6rem;
  --radius-common-circle: 50%;
}

@media screen and (max-width: 768px) {
  :root {
    --radius-xrxr-24: 0 1.2rem 0 1.2rem;
    --radius-common-07: .35rem;
    --radius-common-08: .4rem;
    --radius-common-12: .6rem;
    --radius-common-14: .7rem;
    --radius-common-16: .8rem;
    --radius-common-20: 1rem;
    --radius-common-24: 1.2rem;
    --radius-common-30: 1.5rem;
    --radius-common-32: 1.6rem;
    --radius-common-36: 1.8rem;
    --radius-common-40: 2rem;
    --radius-common-48: 2.4rem;
    --radius-common-56: 2.8rem;
    --radius-common-60: 3rem;
    --radius-common-64: 3.2rem;
    --radius-common-80: 4rem;
    --radius-common-96: 4.8rem;
  }
}
/*========================================
  Inicialized
========================================*/
html,
body {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
  overscroll-behavior-y: contain;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari 対応 */
}

html {
  font-size: 62.5%;
  /* 10px */
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100vh;
  line-height: 1.3;
  letter-spacing: 0;
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  word-break: normal;
  box-sizing: border-box;
}

/* anchor */
a {
  color: #51D9BA;
  text-decoration: none;
  transition: all 0.5s;
}
a:hover {
  text-decoration: none;
}

/* ul, ol */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

svg {
  display: block;
}

/* placeholder */
:-moz-placeholder-shown {
  color: #ddd;
}
:placeholder-shown {
  color: #ddd;
}

::-webkit-input-placeholder {
  color: #ddd;
}

::-moz-placeholder {
  color: #ddd;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #ddd;
}

address {
  font-style: normal;
}

@media (min-width: 1025px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.l-main {
  width: 100rem;
  margin-right: auto;
  margin-left: auto;
}

.l-section {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.l-section:last-child {
  padding-bottom: 8rem;
}

@media screen and (max-width: 768px) {
  .l-section {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }
  .l-section:last-child {
    padding-bottom: 4rem;
  }
}
.l-contents {
  position: relative;
  z-index: 1;
  width: 120rem;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
  .l-contents {
    width: 100%;
    padding-right: 3.2rem;
    padding-left: 3.2rem;
  }
}
.c-btn {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 3.2rem 4.8rem;
  transition: all 0.3s;
}

.c-btn__item {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: var(--radius-common-60);
  font-size: 1.8rem;
  text-align: center;
  background-color: #fff;
}

.c-btn__item::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: var(--radius-common-60);
  transition: all 0.3s ease;
}

.c-btn__item:hover {
  background-color: #fff;
}

.c-btn__txt {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 1.6rem;
  font-weight: 500;
}

.c-btn__item--gradation {
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 50%, #fff 50%, #fff 100%);
}

.c-btn__item--gradation--reverse {
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 50%, #fff 50%, #fff 100%);
  background-position: 100% top;
}

.c-btn__item--gradation::after,
.c-btn__item--gradation--reverse::after {
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) border-box border-box;
}

.c-btn__item--trial {
  background: linear-gradient(90deg, #FFAB00 0%, #FFAB00 50%, #fff 50%, #fff 100%);
}

.c-btn__item--trial::after {
  background-color: #FFAB00;
}

.c-btn__item--consultation {
  background: linear-gradient(90deg, #E57373 0%, #E57373 50%, #fff 50%, #fff 100%);
}

.c-btn__item--consultation::after {
  background-color: #E57373;
}

.c-btn__item--line {
  background: linear-gradient(90deg, #06C755 0%, #06C755 50%, #fff 50%, #fff 100%);
}

.c-btn__item--line::after {
  background-color: #06C755;
}

.c-btn__item--green {
  background-image: linear-gradient(90deg, #51D9BA 0%, #51D9BA 50%, #fff 50%, #fff 100%);
}

.c-btn__item--green::after {
  background-color: #51D9BA;
}

.c-btn__item--letter {
  background: linear-gradient(90deg, #2EA8DC 0%, #41C7C9 50%, #fff 50%, #fff 100%);
}

.c-btn__item--letter::after {
  background: linear-gradient(90deg, #2EA8DC 0%, #41C7C9 100%) border-box border-box;
}

.p-headerSp__btn__item .c-btn__item--letter {
  background: linear-gradient(90deg, #2EA8DC 0%, #41C7C9 50%, #fff 50%, #fff 100%);
  background-size: 200% auto;
}

.p-headerSp__btn__item .c-btn__item--letter::after {
  background: linear-gradient(90deg, #2EA8DC 0%, #41C7C9 100%) border-box border-box;
}

.c-btn__item--digital {
  background: linear-gradient(90deg, #4CD3A2 0%, #5FE9AD 50%, #fff 50%, #fff 100%);
}

.c-btn__item--digital::after {
  background: linear-gradient(90deg, #4CD3A2 0%, #5FE9AD 100%) border-box border-box;
}

.p-headerSp__btn__item .c-btn__item--digital {
  background: linear-gradient(90deg, #4CD3A2 0%, #5FE9AD 50%, #fff 50%, #fff 100%);
  background-size: 200% auto;
}

.p-headerSp__btn__item .c-btn__item--digital::after {
  background: linear-gradient(90deg, #4CD3A2 0%, #5FE9AD 50%) border-box border-box;
}

.c-btn__item:hover {
  background-position: 100% top;
}

.c-btn__item--gradation--reverse:hover {
  background-position: 200% top;
}

.c-btn__item {
  display: grid;
  place-content: center;
  background-size: 200% auto;
  transition: all 0.3s ease;
}

.c-btn__item::after {
  border: 2px solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
          mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

.c-btn__item .c-btn__txt {
  background-color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-btn__item:hover .c-btn__txt {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-btn__item--gradation:hover .c-btn__txt {
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-btn__item--gradation--reverse .c-btn__txt {
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%);
  -webkit-background-clip: text;
}

.c-btn__item--gradation--reverse:hover .c-btn__txt {
  color: #fff;
  background: #fff;
  -webkit-background-clip: text;
}

.c-btn__item--trial:hover .c-btn__txt {
  background-color: #FFAB00;
}

.c-btn__item--consultation:hover .c-btn__txt {
  background-color: #E57373;
}

.c-btn__item--line:hover .c-btn__txt {
  background-color: #06C755;
}

.c-btn__item--green:hover .c-btn__txt {
  background-color: #51D9BA;
}

.c-btn__item--letter:hover .c-btn__txt {
  background: linear-gradient(90deg, #2EB1DC 0%, #4FD6BD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-headerSp__btn__item .c-btn__item--letter:hover .c-btn__txt {
  background: linear-gradient(90deg, #2EA8DC 0%, #41C7C9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-btn__item--digital:hover .c-btn__txt {
  background: linear-gradient(90deg, #3EC3CD 0%, #5FE9AD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-headerSp__btn__item .c-btn__item--digital:hover .c-btn__txt {
  background: linear-gradient(90deg, #4CD3A2 0%, #5FE9AD 50%) border-box border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-btn__icon {
  display: inline-block;
  width: 2.4rem;
  height: auto;
  vertical-align: middle;
  fill: #fff;
}

.c-btn__icon--exteral {
  width: 1.6rem;
  vertical-align: baseline;
  margin-left: 0.6rem;
}

.c-btn__icon--mouse {
  width: 3rem;
  margin-right: 1.2rem;
}

.c-btn__icon--conversation {
  width: 3.5rem;
  margin-right: 1.6rem;
}

.c-btn__icon--line {
  width: 4rem;
  margin-right: 0.8rem;
}

.c-btn__icon--letter {
  width: 3.2rem;
  margin-right: 1.2rem;
}

.c-btn__icon--digital {
  width: 3.2rem;
  margin-right: 1.2rem;
}

.c-btn__item--gradation--reverse .c-btn__icon {
  fill: #51D9BA;
}

.c-btn__item--gradation--reverse:hover .c-btn__icon {
  fill: #fff;
}

.c-btn__item--gradation:hover .c-btn__icon {
  fill: #51D9BA;
}

.c-btn__item--trial:hover .c-btn__icon {
  fill: #FFAB00;
}

.c-btn__item--consultation:hover .c-btn__icon {
  fill: #E57373;
}

.c-btn__item--line--header:hover .c-btn__icon {
  fill: #06C755;
}

.c-btn__item--letter:hover .c-btn__icon,
.c-btn__item--digital:hover .c-btn__icon {
  fill: #51D9BA;
}

.c-btn__icon--freecall {
  fill: #231815;
}

.c-btn__icon--tel {
  fill: #231815;
}

.c-btn--single {
  flex-direction: column;
}

.c-btn--single .c-btn__item {
  width: 35rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .c-btn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 1.6rem 3.2rem;
    transition: all 0.3s;
  }
  .c-btn__txt {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .c-btn--single .c-btn__item {
    width: 100%;
  }
}
.c-btn--modal {
  display: grid;
  grid-template-columns: 2.1rem auto 2.1rem;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 2rem;
  border-radius: var(--radius-common-60);
  border: 1px solid #333;
  background: linear-gradient(90deg, #333 0%, #333 50%, #fff 50%, #fff 50%);
  background-size: 200%;
  transition: all 0.3s ease;
}

.c-btn--modal--forward {
  background-position: left top;
}

.c-btn--modal--reverse {
  background-position: 100% top;
}

.c-btn--modal:hover {
  transition: all 0.3s ease;
}

.c-btn--modal--forward:hover {
  background-position: right top;
}

.c-btn--modal--reverse:hover {
  background-position: 200% top;
}

.c-btn--modal__txt {
  grid-column: 2/3;
  display: inline-block;
  padding: 1.3rem 1.1rem;
  font-size: 1.6rem;
  font-weight: 700;
}

.c-btn--modal--forward .c-btn--modal__txt {
  color: #fff;
}

.c-btn--modal--forward:hover .c-btn--modal__txt {
  color: #333;
}

.c-btn--modal--reverse .c-btn--modal__txt {
  color: #333;
}

.c-btn--modal--reverse:hover .c-btn--modal__txt {
  color: #fff;
}

.c-btn--modal .c-btn--modal__icon {
  position: relative;
  display: grid;
  place-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 100%;
  background: linear-gradient(90deg, #333 0%, #333 50%, #fff 50%, #fff 50%);
  background-position: right top;
  background-size: 200%;
  transition: all 0.5s ease;
}

.c-btn--modal:hover .c-btn--modal__icon {
  background-position: left top;
  transition: all 0.5s ease;
}

.c-btn--modal__icon__item {
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  fill: #333;
  transition: all 0.5s ease;
}

.c-btn--modal:hover .c-btn--modal__icon__item {
  fill: #fff;
  transition: all 0.5s ease;
}

@media screen and (max-width: 768px) {
  .c-btn--modal--open {
    display: flex;
    place-content: center;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border: 0;
    font-size: 0;
    border: 1px solid #333;
  }
  .c-btn--modal--open .c-btn--modal__icon {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    background: transparent;
  }
  .c-btn--modal--open .c-btn--modal__icon__item {
    fill: #fff;
  }
  .c-btn--modal--open:hover .c-btn--modal__icon__item {
    fill: #333;
  }
  .c-btn--modal--open .c-btn--modal__txt {
    padding: 0;
  }
}
.c-ttl__txt {
  font-size: 4rem;
  font-weight: 700;
}

.c-ttl__suffix {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-family: "Akshar", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}

.c-ttl__bg {
  font-size: 10rem;
  font-weight: 500;
}

.c-ttl--horizonLine {
  padding-left: 4em;
}

.c-ttl--horizonLine::before {
  position: absolute;
  top: 1em;
  left: 0;
  display: block;
  width: 4rem;
  height: 1px;
  content: "";
  background: #333;
}

.c-ttl__txt--horizonLine {
  font-size: 3.2rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .c-ttl__txt {
    font-size: 2.4rem;
  }
  .c-ttl__suffix {
    margin-bottom: 0.8rem;
  }
  .c-ttl__bg {
    font-size: 4.8rem;
  }
  .c-ttl__txt--horizonLine {
    font-size: 1.8rem;
  }
  .c-ttl--horizonLine {
    padding-left: 2.25em;
  }
  .c-ttl--horizonLine::before {
    top: 0.6em;
    width: 2.4rem;
  }
}
.c-circleList__item {
  margin-top: 1.6rem;
  font-size: 1.8rem;
  font-weight: 700;
}

.c-circleList__item:first-child {
  margin-top: 0;
}

.c-circleList__item::before {
  content: "●";
  padding-right: 0.3rem;
  font-size: 1em;
}

.c-circleList__item--green::before {
  color: #51D9BA;
}

@media screen and (max-width: 768px) {
  .c-circleList__item {
    font-size: 1.6rem;
  }
}
.c-tagTxt::before {
  content: "#";
}

.c-fitImg {
  -o-object-fit: cover;
     object-fit: cover;
}

.c-underline {
  vertical-align: middle;
  text-decoration: underline;
  text-decoration-thickness: 0.8rem;
  -webkit-text-decoration-color: #FFD600;
          text-decoration-color: #FFD600;
  text-underline-offset: -0.3rem;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.c-bg {
  position: relative;
}

.c-bg::after {
  position: absolute;
  top: 0;
  width: 93.75%;
  height: 100%;
  content: "";
  z-index: -1;
}

.c-bg--right::after {
  right: 0;
  border-top-left-radius: var(--radius-common-80);
  border-bottom-left-radius: var(--radius-common-80);
}

.c-bg--left::after {
  left: 0;
  border-top-right-radius: var(--radius-common-80);
  border-bottom-right-radius: var(--radius-common-80);
}

.c-bg--gray::after {
  background-color: #F5F7FA;
}

.c-bg--gradientOrange::after {
  background: linear-gradient(90deg, #FFE3DF 0%, #FFFAD3 100%);
}

.c-bg--gradientBlue::after {
  background: linear-gradient(90deg, #DEECFF 0%, #E3F6DF 100%);
}

@media screen and (max-width: 1390px) {
  .c-bg::after {
    width: 100%;
  }
  .c-bg--right::after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .c-bg--left::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.c-shape {
  overflow: hidden;
}

.c-shape--xrxr-36 {
  border-top-right-radius: var(--radius-common-36);
  border-bottom-left-radius: var(--radius-common-36);
}

.c-shape--xrxr-32 {
  border-top-right-radius: var(--radius-common-32);
  border-bottom-left-radius: var(--radius-common-32);
}

.c-shape--xrxr-24 {
  border-top-right-radius: var(--radius-common-24);
  border-bottom-left-radius: var(--radius-common-24);
}

.c-shape--xrxr-12 {
  border-top-right-radius: var(--radius-common-12);
  border-bottom-left-radius: var(--radius-common-12);
}

.c-shape--xxrx-12 {
  border-bottom-right-radius: var(--radius-common-12);
}

.c-shape--rrrr-08 {
  border-radius: var(--radius-common-08);
}

.c-shape--rrrr-20 {
  border-radius: var(--radius-common-20);
}

.c-shape--white {
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .c-shape--xrxr-24 {
    border-top-right-radius: var(--radius-common-32);
    border-bottom-left-radius: var(--radius-common-32);
  }
}
.c-boxshadow--30 {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

.c-new {
  position: relative;
}

.c-new__txt {
  position: absolute;
  top: -2.3rem;
  right: 2.4rem;
  z-index: 1;
  display: grid;
  place-content: center;
  width: 5.6rem;
  border-radius: 50%;
  background-color: #F8FC39;
  aspect-ratio: 1;
  text-transform: uppercase;
}

.c-hidden {
  display: none;
}

.c-hidden--pc {
  display: none;
}

.c-hidden--sp {
  display: inherit;
}

@media screen and (max-width: 768px) {
  .c-hidden--pc {
    display: inherit;
  }
  .c-hidden--sp {
    display: none;
  }
}
.c-title-card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 3.2rem;
  padding: 3.2rem;
  font-weight: 500;
}

.c-title-card::before,
.c-title-card:not(:first-child)::after {
  position: absolute;
  content: "";
  background-color: #CACACA;
}

.c-title-card:nth-child(odd)::before {
  top: 50%;
  right: 0;
  width: 1px;
  height: calc(100% - 12.8rem);
  transform: translateY(-50%);
}

.c-title-card:first-child::before,
.c-title-card:nth-child(odd):nth-last-child(2)::before,
.c-title-card:nth-child(odd):last-child:before {
  height: calc(100% - 6.4rem);
}

.c-title-card:first-child::before {
  top: 0;
  transform: translateY(0);
}

.c-title-card:nth-child(odd):nth-last-child(2)::before,
.c-title-card:nth-child(odd):last-child:before {
  top: auto;
  bottom: 0;
  transform: translateY(0);
}

.c-title-card:nth-child(n+3)::after {
  top: 0;
  width: calc(100% - 6.4rem);
  height: 1px;
}

.c-title-card:nth-child(odd):nth-child(n+3)::after {
  left: 0;
}

.c-title-card:nth-child(even):nth-child(n+3)::after {
  right: 0;
}

@media screen and (max-width: 768px) {
  .c-title-card {
    display: grid;
    grid-template-columns: auto 3rem;
    align-items: center;
    gap: 0.8rem;
    padding: 2.4rem 0.8rem;
  }
  .c-title-card:first-child {
    padding-top: 0;
  }
  .c-title-card:last-child {
    padding-bottom: 0;
  }
  .c-title-card::before {
    display: none;
  }
  .c-title-card:nth-child(n+2)::after,
.c-title-card:nth-child(n+3)::after {
    left: 0;
    right: auto;
    width: 100%;
  }
  .c-title-card:nth-child(n+2)::after {
    top: 0;
    height: 1px;
  }
}
.c-title-card__item {
  display: grid;
  grid-template-columns: 13rem auto;
  gap: 1rem 1.6rem;
}

.c-title-card__img {
  grid-row: 1/3;
  width: 13rem;
  height: 13rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-title-card__ttl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
}

[class^=c-title-card__ttl__item] {
  font-weight: 700;
}

.c-title-card__ttl__item--num {
  line-height: 1;
  font-size: 4rem;
  font-family: "Akshar", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.c-title-card__ttl__item--txt {
  font-size: 1.8rem;
}

.c-title-card__read {
  font-size: 1.8rem;
}

.c-title-card__read--strong {
  font-size: 3.2rem;
}

.c-title-card__icon {
  display: inline-flex;
}

@media screen and (max-width: 768px) {
  .c-title-card__item {
    grid-template-columns: 9rem auto;
    gap: 0 0.8rem;
  }
  .c-title-card__img {
    width: 9rem;
    height: 9rem;
  }
  .c-title-card__ttl {
    -moz-column-gap: 0.4rem;
         column-gap: 0.4rem;
  }
  .c-title-card__ttl__item--txt {
    display: block;
    font-size: 1.4rem;
  }
  .c-title-card__ttl__item--num {
    font-size: 3.2rem;
  }
  .c-title-card__read {
    font-size: 1.2rem;
    text-align: left;
  }
  .c-title-card__read--strong {
    font-size: 1.8rem;
  }
}
.p-lineConversion {
  padding: 12rem 0 8rem;
  background: linear-gradient(90deg, #DEECFF 0%, #E3F6DF 100%);
}

.p-lineConversion__contents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: -webkit-max-content -webkit-max-content 1fr auto;
  grid-auto-rows: max-content max-content 1fr auto;
  gap: 2.4rem;
}

.p-lineConversion__txt {
  margin: 0.8rem 0;
}

.p-lineConversion__img {
  grid-column: 2/3;
  grid-row: 1/4;
  width: 100%;
  height: auto;
}

.p-lineConversion__btn {
  margin-top: 2.4rem;
}

@media screen and (max-width: 768px) {
  .p-lineConversion {
    padding: 6.4rem 0;
  }
  .p-lineConversion__contents {
    grid-template-columns: auto;
    place-content: center;
    gap: 0;
  }
  .p-lineConversion__txt {
    margin: 1.6rem auto 0;
    font-size: 1.5rem;
  }
  .p-lineConversion__list {
    margin-top: 3.2rem;
  }
  .p-lineConversion__img {
    max-width: 31.1rem;
    margin: 4rem auto 0;
    grid-column: auto;
    grid-row: auto;
  }
  .p-lineConversion__btn {
    margin-top: 1.6rem;
  }
}
.p-metiConversion__contents {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-auto-rows: 1fr repeat(2, -webkit-max-content);
  grid-auto-rows: 1fr repeat(2, max-content);
  gap: 3.2rem 4rem;
}

.p-metiConversion__img {
  margin-bottom: 0.8rem;
  grid-column: 1/3;
}
.p-metiConversion__img:hover {
  opacity: 0.5;
}

.p-metiConversion__img__item {
  width: 100%;
  height: auto;
}

.p-metiConversion__logo {
  grid-column: 2/3;
  grid-row: 2/4;
  width: 31.7rem;
  height: auto;
}

.p-metiConversion__txt {
  grid-column: 1/2;
  font-weight: 400;
}

.p-metiConversion__txt--note {
  position: relative;
  padding-left: 1.6rem;
}

.p-metiConversion__txt--note::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

.p-metiConversion__txt strong {
  color: #DB4067;
}

.p-metiConversion__btn {
  grid-column: 1/3;
}

@media screen and (max-width: 768px) {
  .p-metiConversion__contents {
    display: block;
  }
  .p-metiConversion__txt {
    margin: 1.6rem auto 0;
    font-size: 1.5rem;
  }
  .p-metiConversion__txt:last-child {
    margin-top: 2.4rem;
  }
  .p-metiConversion__logo {
    display: block;
    width: calc(100% - 1.6rem);
    margin: 3.2rem auto;
  }
  .p-metiConversion__img {
    display: block;
    width: 100%;
    height: auto;
  }
  .p-metiConversion__btn {
    margin-top: 1.6rem;
  }
}
.p-voiceSlider {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(5, -webkit-max-content);
  grid-template-columns: repeat(5, max-content);
  white-space: nowrap;
  overflow: hidden;
}

.p-voiceSlider__contents {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  -webkit-animation: hscroll 30s linear infinite;
          animation: hscroll 30s linear infinite;
}

.p-voiceSlider__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 4rem;
  box-sizing: content-box;
}

.p-voiceSlider__img img {
  width: 24rem;
  height: auto;
  border-radius: 50%;
}

.p-voiceSlider__ttl {
  white-space: wrap;
  white-space: normal;
  text-align: center;
  margin-top: 2.4rem;
  font-size: 1.8rem;
  font-weight: 700;
}

.p-voiceSlider__tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 0.4rem 1.6rem;
  margin-top: 1.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #235EAC;
}

@media screen and (max-width: 768px) {
  .p-voiceSlider__item,
.p-voiceSlider__img img {
    width: 16rem;
  }
  .p-voiceSlider__item {
    padding: 0 1.6rem;
  }
  .p-voiceSlider__ttl {
    margin-top: 1.6rem;
  }
  .p-voiceSlider__tags {
    gap: 0.4rem 0.8rem;
  }
}
.p-cvCoaching__contents {
  display: grid;
  grid-template-columns: calc(100% - 67.7rem) 53.8rem;
  grid-template-rows: 1fr repeat(2, auto);
  gap: 0 14rem;
}

.p-cvCoaching__lead {
  display: grid;
  gap: 1.6rem;
  font-weight: 700;
  text-align: center;
}

.p-cvCoaching__ttl {
  font-size: 3.2rem;
}

.p-cvCoaching__lead__txt {
  font-size: 2rem;
}

.p-cvCoaching__list {
  margin-top: 4rem;
}

.p-cvCoaching__message {
  font-weight: 700;
}

.p-cvCoaching__message__ttl {
  display: grid;
  place-items: end center;
  background: url("/common/images/bg_cvCoaching--pc.png") no-repeat;
  background-size: cover;
  aspect-ratio: 538/162;
}

.p-cvCoaching__lead__txt {
  font-size: 2rem;
  text-align: center;
}

.p-cvCoaching__slider {
  margin-top: 3.2rem;
  width: 24rem;
}

.p-cvCoaching__slider__item.swiper-slide-next,
.p-cvCoaching__slider__item.swiper-slide-duplicate-next {
  display: grid;
  place-items: end right;
}

.p-cvCoaching__slider__item .p-cvCoaching__img {
  width: 20.4rem;
  padding-top: 6rem;
  position: relative;
  opacity: 0.5;
}

.p-cvCoaching__slider__item.swiper-slide-active .p-cvCoaching__img,
.p-cvCoaching__slider__item.swiper-slide-duplicate-active .p-cvCoaching__img {
  width: 24rem;
  padding-top: 0;
  opacity: 1;
}

.p-cvCoaching__slider__item .p-cvCoaching__img img {
  width: 100%;
  height: auto;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}

.p-cvCoaching__slider__btn--next::after,
.p-cvCoaching__slider__btn--prev::after {
  display: none;
}

.p-cvCoaching__slider__btn--next,
.p-cvCoaching__slider__btn--prev {
  width: 6.4rem;
  height: 6.4rem;
}

.p-cvCoaching__slider__btn--next {
  right: -13rem !important;
}

.p-cvCoaching__slider__btn--prev {
  left: -13rem !important;
}

.p-cvCoaching__message__txt {
  margin-top: 1.6rem;
  text-align: center;
}

.p-cvCoaching__message__txt__item p {
  opacity: 0;
}

.p-cvCoaching__message__txt__item.swiper-slide-active p {
  opacity: 1;
}

.p-cvCoaching__summary {
  margin-top: 6.4rem;
  font-size: 2rem;
  text-align: center;
  grid-column: 1/3;
}

.p-cvCoaching__btn {
  margin-top: 5.6rem;
  grid-column: 1/3;
}

@media screen and (max-width: 1100px) {
  .p-cvCoaching__contents {
    display: block;
  }
  .p-cvCoaching__lead {
    gap: 1.2rem;
  }
  .p-cvCoaching__list {
    margin-top: 3.2rem;
    margin-right: -1.6rem;
    margin-left: -1.6rem;
  }
  .p-cvCoaching__message {
    margin-top: 4rem;
  }
  .p-cvCoaching__lead__txt {
    font-size: 1.4rem;
  }
  .p-cvCoaching__message__ttl {
    background: url("/common/images/bg_cvCoaching--sp.png") no-repeat;
    background-size: cover;
  }
  .p-cvCoaching__message__txt {
    font-size: 1.6rem;
  }
  .p-cvCoaching__slider {
    width: 15.3rem;
  }
  .p-cvCoaching__slider__item .p-cvCoaching__img {
    width: 13.3rem;
    padding-top: 4rem;
  }
  .p-cvCoaching__slider__item.swiper-slide-active .p-cvCoaching__img,
.p-cvCoaching__slider__item.swiper-slide-duplicate-active .p-cvCoaching__img {
    width: 15.3rem;
  }
  .p-cvCoaching__slider__btn--next {
    right: calc(-60% + 1.6rem) !important;
  }
  .p-cvCoaching__slider__btn--prev {
    left: calc(-60% + 1.6rem) !important;
  }
  .p-cvCoaching__summary {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin-top: 3.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
  }
  .p-cvCoaching__btn {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    margin-top: 3.2rem;
  }
}
.p-pointList {
  display: grid;
  gap: 1.6rem;
}

.p-pointList__item {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  place-items: center start;
  gap: 1.6rem;
  padding: 0.8rem 4.4rem 0.8rem 0.8rem;
  border-radius: var(--radius-common-80);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #FFFBDB;
}

.p-pointList__item::before {
  display: grid;
  place-content: center;
  content: "POINT!";
  width: 5.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  font-family: "Akshar", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  background-color: #FFD600;
}

.p-pointList__strong {
  vertical-align: baseline;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
  font-size: 2rem;
  font-weight: 700;
}

.p-ttlGroup {
  position: relative;
}

.p-ttlGroup--lined {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0 5.6rem;
}

.p-ttlGroup__bg {
  position: absolute;
  top: -2.4rem;
  right: 0;
  z-index: -1;
  font-family: "Akshar", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.p-ttlGroup__bg--white {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .p-ttlGroup__bg {
    top: -4rem;
    left: -1.6rem;
    right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-ttlGroup--double .p-ttlGroup__bg {
    top: -3.8rem;
    line-height: 5.4rem;
  }
}
.p-postSlider__wrapper {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.p-postSlider--news .p-postSlider__wrapper {
  padding-top: 2.3rem;
}

.p-postSlider__slide {
  height: auto !important;
}

.p-postSlider__anchor {
  color: #333;
  transition: all 0.3s ease;
}

.p-postSlider__anchor:hover {
  opacity: 0.7;
}

.p-postSlider__item {
  display: grid;
  gap: 1.6rem 0;
}

.p-postSlider__img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 312/120;
}

.p-postSlider__tag {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0 1rem;
}

.p-postSlider__tag:not(:has(li)) {
  padding-top: 2.4rem;
}

.p-postSlider__inr {
  position: relative;
  display: grid;
  gap: 1.6rem;
  padding: 0 2.4rem 2.2rem;
}

.p-postSlider--news .p-postSlider__inr {
  gap: 2.4rem;
  padding: 0 3.2rem 3.2rem;
}

.p-postSlider__tag__item {
  display: inline-block;
  vertical-align: bottom;
  padding: 0.4rem 1.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%);
}

.p-postSlider__tag__item:nth-child(even) {
  border-bottom-left-radius: var(--radius-common-12);
}

.p-postSlider__ttl {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1.6rem;
  font-weight: 500;
}

.p-postSlider--news .p-postSlider__ttl {
  font-weight: 700;
}

.p-postSlider__hr {
  height: 1px;
  border: 0;
  background-color: #EFE8DB;
}

.p-postSlider__txt {
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 1.6rem;
  font-weight: 400;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.p-postSlider__time {
  font-weight: 400;
}

.p-post__slider {
  margin-top: 5.6rem;
}

.p-post__slider--news {
  margin-top: 3.3rem;
}

@media screen and (max-width: 768px) {
  .p-post__slider {
    margin-top: 3.2rem;
  }
  .p-post__slider--news {
    margin-top: 0.9rem;
  }
}
.p-schoolList {
  display: grid;
  gap: 1.6rem 1.8rem;
  grid-template-columns: repeat(7, 1fr);
  margin-top: 4rem;
}

input[name=p-schoolList__switch] {
  display: none;
}

.p-schoolList__label {
  display: grid;
  place-content: center;
  padding: 0.9rem;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--radius-common-08);
  color: #fff;
  cursor: pointer;
  background-size: 200% auto;
  background-position: 0 top;
  transition: all 0.3s ease;
}

.p-schoolList__label:hover,
.p-schoolList input:checked + .p-schoolList__label {
  background-color: #fff;
  background-position: 100% top;
}

.p-schoolList input:checked + .p-schoolList__label {
  pointer-events: none;
}

.p-schoolList__search {
  display: none;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: var(--radius-common-16);
  background-color: #fff;
}

.p-schoolList__search__inr {
  position: relative;
}

.p-schoolList__search__inr::after {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  border-image-slice: 1;
  translate: 0 -50%;
  rotate: -45deg;
}

.p-schoolList__select {
  width: 100%;
  height: 100%;
  padding-right: 6.2rem;
  padding-left: 2.4rem;
  color: #333;
}

.p-schoolList__search___btn__item,
.p-schoolList__search___btn__item::after {
  border-radius: var(--radius-common-14);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.p-schoolList__select:has(.p-schoolList__item--default:checked) {
  color: #bbb;
}

.p-schoolList__select:focus:has(.p-schoolList__item--default:checked) {
  color: #333;
}

.p-schoolList__search___btn__txt {
  padding: 1.5rem 2.4rem;
  font-weight: 500;
}

.p-schoolList__content {
  position: relative;
  display: grid;
  grid-template-columns: auto 20.8rem 52rem;
  grid-column: 1/8;
  gap: 5.6rem 4rem;
  padding: 8rem;
  margin-top: 2.4rem;
  border-radius: var(--radius-common-32);
  background-color: #fff;
}

#p-schoolList__tab--01:checked ~ #p-schoolList__content--01,
#p-schoolList__tab--02:checked ~ #p-schoolList__content--02,
#p-schoolList__tab--03:checked ~ #p-schoolList__content--03,
#p-schoolList__tab--04:checked ~ #p-schoolList__content--04,
#p-schoolList__tab--05:checked ~ #p-schoolList__content--05,
#p-schoolList__tab--06:checked ~ #p-schoolList__content--06,
#p-schoolList__tab--07:checked ~ #p-schoolList__content--07,
#p-schoolList__tab--08:checked ~ #p-schoolList__content--08,
#p-schoolList__tab--09:checked ~ #p-schoolList__content--09,
#p-schoolList__tab--10:checked ~ #p-schoolList__content--10,
#p-schoolList__tab--11:checked ~ #p-schoolList__content--11,
#p-schoolList__tab--12:checked ~ #p-schoolList__content--12,
#p-schoolList__tab--13:checked ~ #p-schoolList__content--13,
#p-schoolList__tab--14:checked ~ #p-schoolList__content--14,
#p-schoolList__tab--15:checked ~ #p-schoolList__content--15,
#p-schoolList__tab--16:checked ~ #p-schoolList__content--16,
#p-schoolList__tab--17:checked ~ #p-schoolList__content--17,
#p-schoolList__tab--18:checked ~ #p-schoolList__content--18,
#p-schoolList__tab--19:checked ~ #p-schoolList__content--19,
#p-schoolList__tab--20:checked ~ #p-schoolList__content--20,
#p-schoolList__tab--21:checked ~ #p-schoolList__content--21,
#p-schoolList__tab--22:checked ~ #p-schoolList__content--22,
#p-schoolList__tab--23:checked ~ #p-schoolList__content--23,
#p-schoolList__tab--24:checked ~ #p-schoolList__content--24,
#p-schoolList__tab--25:checked ~ #p-schoolList__content--25,
#p-schoolList__tab--26:checked ~ #p-schoolList__content--26,
#p-schoolList__tab--27:checked ~ #p-schoolList__content--27,
#p-schoolList__tab--28:checked ~ #p-schoolList__content--28,
#p-schoolList__tab--29:checked ~ #p-schoolList__content--29,
#p-schoolList__tab--30:checked ~ #p-schoolList__content--30,
#p-schoolList__tab--31:checked ~ #p-schoolList__content--31,
#p-schoolList__tab--32:checked ~ #p-schoolList__content--32 {
  display: grid;
}

.p-schoolList__ttl {
  font-size: 3.2rem;
}

.p-schoolList__map {
  grid-row: 1/3;
  grid-column: 3/4;
}
.p-schoolList__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.p-schoolList__btn {
  grid-row: 1/2;
  grid-column: 2/3;
}

.p-schoolList__btn__item {
  width: 100%;
}

.p-schoolList__body {
  display: grid;
  gap: 3.2rem;
  grid-column: 1/3;
}

.p-schoolList__body__item {
  display: grid;
  gap: 0.5rem;
}

.p-schoolList__body__txt {
  font-weight: 400;
}

.p-schoolList__body__tel {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  align-items: center;
  gap: 1.2rem;
  font-size: 3.2rem;
  font-weight: 700;
  color: #333;
}

.p-schoolList__body__tel__icon {
  width: 4rem;
  height: auto;
}

.p-schoolList__cv {
  grid-column: 1/4;
}

.p-schoolList__cv .p-schoolList__btn {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.6rem 3.2rem;
}

.p-schoolList__cv__item {
  padding: 1.1rem 1.6rem;
}

.p-schoolList--tabs {
  grid-template-rows: repeat(5, 1fr);
}

.p-schoolList--tabs .p-schoolList__content {
  display: none;
  overflow: hidden;
  -webkit-animation: fadeIn 1s ease;
          animation: fadeIn 1s ease;
}

@media screen and (max-width: 1200px) {
  .p-schoolList {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
  }
  .p-schoolList__content {
    grid-column: 1/7;
    grid-template-columns: auto auto 50%;
  }
  .p-schoolList__ttl {
    grid-column: 1/3;
  }
  .p-schoolList__btn {
    grid-column: 1/3;
    grid-row: auto;
  }
  .p-schoolList__map {
    grid-row: 1/4;
  }
}
@media screen and (max-width: 1024px) {
  .p-schoolList {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(7, 1fr);
  }
  .p-schoolList.p-conts-more--itemsWrap {
    grid-template-rows: auto;
  }
  .p-schoolList__content {
    row-gap: 3.2rem;
    grid-column: 1/6;
  }
  .p-schoolList__body {
    row-gap: 1.6rem;
  }
  .p-schoolList__cv .p-schoolList__btn {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  .p-schoolList__cv__item {
    font-size: 1.6rem;
  }
  .p-schoolList__cv__item__icon {
    width: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .p-schoolList {
    grid-template-columns: 1fr;
  }
  .p-schoolList__search {
    display: grid;
  }
  .p-schoolList__content {
    grid-template-columns: 1fr;
    padding: 3.2rem 2.4rem;
    -moz-column-gap: 0;
         column-gap: 0;
    margin-top: 1.6rem;
    margin-right: -1.6rem;
    margin-left: -1.6rem;
  }
  #p-schoolList__tab--01:checked ~ .p-schoolList__search:has([id^=p-schoolList__select--]:checked) ~ #p-schoolList__content--01 {
    display: none;
  }
  [id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--01:checked) ~ #p-schoolList__content--01,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--02:checked) ~ #p-schoolList__content--02,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--03:checked) ~ #p-schoolList__content--03,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--04:checked) ~ #p-schoolList__content--04,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--05:checked) ~ #p-schoolList__content--05,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--06:checked) ~ #p-schoolList__content--06,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--07:checked) ~ #p-schoolList__content--07,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--08:checked) ~ #p-schoolList__content--08,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--09:checked) ~ #p-schoolList__content--09,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--10:checked) ~ #p-schoolList__content--10,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--11:checked) ~ #p-schoolList__content--11,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--12:checked) ~ #p-schoolList__content--12,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--13:checked) ~ #p-schoolList__content--13,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--14:checked) ~ #p-schoolList__content--14,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--15:checked) ~ #p-schoolList__content--15,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--16:checked) ~ #p-schoolList__content--16,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--17:checked) ~ #p-schoolList__content--17,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--18:checked) ~ #p-schoolList__content--18,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--19:checked) ~ #p-schoolList__content--19,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--20:checked) ~ #p-schoolList__content--20,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--21:checked) ~ #p-schoolList__content--21,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--22:checked) ~ #p-schoolList__content--22,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--23:checked) ~ #p-schoolList__content--23,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--24:checked) ~ #p-schoolList__content--24,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--25:checked) ~ #p-schoolList__content--25,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--26:checked) ~ #p-schoolList__content--26,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--27:checked) ~ #p-schoolList__content--27,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--28:checked) ~ #p-schoolList__content--28,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--29:checked) ~ #p-schoolList__content--29,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--30:checked) ~ #p-schoolList__content--30,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--31:checked) ~ #p-schoolList__content--31,
[id^=p-schoolList__tab--]:checked ~ .p-schoolList__search:has(#p-schoolList__select--32:checked) ~ #p-schoolList__content--32 {
    display: grid !important;
  }
  .p-schoolList__ttl,
.p-schoolList__content,
.p-schoolList__map,
.p-schoolList__btn,
.p-schoolList__body,
.p-schoolList__cv {
    grid-column: 1;
  }
  .p-schoolList__ttl {
    text-align: center;
  }
  .p-schoolList__map {
    grid-row: 2/3;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-common-16);
    aspect-ratio: 295/294;
  }
  .p-schoolList__cv .p-schoolList__btn {
    gap: 1.6rem;
    grid-row: 3/4;
    grid-template-columns: repeat(2, 0.5fr);
    grid-template-rows: repeat(1, auto);
  }
  .p-schoolList__cv .p-schoolList__btn .c-btn__txt {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 5.4rem;
    font-size: 1.6rem;
  }
  .p-schoolList--tabs {
    grid-template-rows: auto;
  }
  .p-schoolList--tabs .p-schoolList__label,
.p-schoolList--tabs .p-schoolList__content {
    display: none;
  }
}
.p-mv__slider__slide:not([class$=active]) {
  opacity: 0 !important;
}

@-webkit-keyframes slideFromLeft {
  0% {
    right: 100%;
  }
  100% {
    right: 50%;
  }
}

@keyframes slideFromLeft {
  0% {
    right: 100%;
  }
  100% {
    right: 50%;
  }
}
@-webkit-keyframes slideFromBottomLeft {
  0% {
    translate: -100% 200%;
  }
  100% {
    translate: calc(100% - 9rem) 24.583%;
  }
}
@keyframes slideFromBottomLeft {
  0% {
    translate: -100% 200%;
  }
  100% {
    translate: calc(100% - 9rem) 24.583%;
  }
}
.p-followCv {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  z-index: 5;
  width: 72rem;
  translate: -50% 0;
  transition: all 0.3s ease;
}

.p-followCv:has(.c-btn__icon--digital) {
  width: 90rem;
}

.p-followCv__btn {
  gap: 0;
}

.p-followCv__inr,
.p-followCv__inr::after {
  border-radius: 0;
}

.p-followCv__inr:first-child,
.p-followCv__inr:first-child::after {
  border-top-left-radius: var(--radius-common-30);
  border-bottom-left-radius: var(--radius-common-30);
}

.p-followCv__inr:last-child,
.p-followCv__inr:last-child::after {
  border-top-right-radius: var(--radius-common-30);
  border-bottom-right-radius: var(--radius-common-30);
}

.p-followCv__item {
  padding: 1rem 2.7rem;
}

.p-followCv--follow {
  position: fixed;
  right: -10rem;
  bottom: calc(50% - 1.6rem);
  left: auto;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  translate: 0 0;
  transition: all 0.3s ease;
}

.p-followCv--follow:has(.c-btn__icon--digital) {
  top: 26.4rem;
}

.p-followCv--follow:hover {
  right: 0;
}

.p-followCv--follow .p-followCv__btn {
  flex-direction: column;
}

.p-followCv--follow .p-followCv__inr:first-child,
.p-followCv--follow .p-followCv__inr:first-child::after {
  border-top-left-radius: var(--radius-common-07);
  border-bottom-left-radius: 0;
}

.p-followCv--follow .p-followCv__inr:last-child,
.p-followCv--follow .p-followCv__inr:last-child::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: var(--radius-common-07);
}

.p-followCv--follow .p-followCv__item {
  padding: 1rem 3.2rem 1rem 1.4rem;
  font-size: 1.5rem;
}

.p-followCv--follow .p-followCv__item__icon {
  width: 2.4rem;
  margin: 0.5rem 2.4rem 0.5rem 0.4rem;
}

.p-followCv--follow .p-followCv__item__icon--line {
  width: 3.2rem;
  margin: 0 2rem 0 0;
}

@media screen and (max-width: 1440px) {
  .p-followCv--follow {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .p-followCv {
    display: none;
  }
}
.p-firstView {
  position: relative;
}

.p-cvStyle {
  padding: 8rem;
  border-radius: var(--radius-common-32);
  background-color: #fff;
}

.p-cvStyle__contents {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  gap: 3.2rem 7.2rem;
}

.p-cvStyle__ttl {
  font-size: 4rem;
  font-weight: 500;
}

.p-cvStyle__img {
  grid-column: 2/3;
  grid-row: 1/3;
}

.p-cvStyle__txt {
  font-weight: 400;
}

.p-cvStyle__btn {
  margin-top: 5.6rem;
}

@media screen and (max-width: 1024px) {
  .p-cvStyle {
    padding: 3.2rem 2.4rem;
  }
  .p-cvStyle__contents {
    grid-template-columns: auto;
    place-content: center;
    gap: 1.6rem;
  }
  .p-cvStyle__ttl {
    margin-top: 1.6rem;
  }
  .p-cvStyle__img {
    grid-column: 1;
    grid-row: 1;
    margin: 0 auto;
  }
  .p-cvStyle__btn {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .p-cvStyle__ttl {
    font-size: 2rem;
  }
  .p-cvStyle__img {
    width: 100%;
    height: auto;
  }
}
.p-followSns {
  position: absolute;
  top: 4rem;
  right: 0;
  z-index: 5;
  transition: all 0.3s ease;
}

.p-followSns--follow {
  top: 4.1rem;
}

.p-followSns__contents {
  display: grid;
  row-gap: 1px;
  padding: 1.1rem 0.8rem;
  border-top-left-radius: var(--radius-common-07);
  border-bottom-left-radius: var(--radius-common-07);
  background-color: #fff;
}

.p-followSns__btn {
  display: block;
  padding: 1.1rem 1.7rem;
}

.p-followSns__btn:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1440px) {
  .p-followSns {
    top: 15rem;
  }
}
@media screen and (max-width: 768px) {
  .p-followSns {
    display: none;
  }
}
.p-ticker {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 2.4rem 0;
}

.p-ticker__contents {
  display: inline-block;
  -webkit-animation: hscroll 30s linear infinite;
          animation: hscroll 30s linear infinite;
}

.p-ticker__item {
  display: inline-block;
  padding: 0 1.5rem;
  font-weight: 700;
}

@-webkit-keyframes hscroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes hscroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.p-staticSns__ttl {
  width: 100%;
  text-align: center;
}

.p-staticSns__contents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.p-followSns__btn {
  display: block;
  padding: 0.8rem 1rem;
}

.p-staticSns__item__icon {
  width: 4rem;
}

.p-breadcrumb {
  background-color: #fff;
}

.p-breadcrumb__contents {
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 auto !important;
  padding: 3.3rem 0;
}

.p-breadcrumb__inr {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}

.p-breadcrumb__item:nth-child(n+2)::before {
  content: ">";
  padding: 0 0.6rem;
}

.p-breadcrumb__link {
  color: #333;
  font-weight: 500;
}

.p-breadcrumb__link--current {
  pointer-events: none;
  font-weight: 400;
  text-decoration: none;
}

.p-breadcrumb__link:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1200px) {
  .p-breadcrumb__inr {
    margin-right: 3.2rem;
    margin-left: 3.2rem;
  }
}
.p-headerSp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  height: auto;
}

.p-headerSp--scroll .p-headerSp__contents {
  position: absolute;
  width: 100%;
  translate: 0 0;
  -webkit-animation: translateSlideDown 0.3s ease;
          animation: translateSlideDown 0.3s ease;
}

@-webkit-keyframes translateSlideDown {
  0% {
    translate: 0 -100%;
  }
  100% {
    translate: 0 0;
  }
}

@keyframes translateSlideDown {
  0% {
    translate: 0 -100%;
  }
  100% {
    translate: 0 0;
  }
}
.p-headerSp:has(#p-headerSp__hamberger__trigger:checked) {
  height: 100dvh;
  -webkit-animation: showBg 0.3s ease;
          animation: showBg 0.3s ease;
  background-color: rgba(0, 0, 0, 0.8);
  overscroll-behavior-y: none;
  overflow-y: auto;
  scrollbar-width: thin;
}

.p-headerSp:has(#p-headerSp__hamberger__trigger:checked) .p-headerSp__outer {
  height: calc(100dvh + 1px);
}

@-webkit-keyframes showBg {
  0% {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
  }
  100% {
    height: 100dvh;
    background-color: rgba(0, 0, 0, 0.8);
  }
}

@keyframes showBg {
  0% {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
  }
  100% {
    height: 100dvh;
    background-color: rgba(0, 0, 0, 0.8);
  }
}
.p-headerSp:has(.p-headerSp__load) {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  -webkit-animation: hideBg 0.3s ease;
          animation: hideBg 0.3s ease;
}

@-webkit-keyframes hideBg {
  0% {
    height: 100dvh;
    background-color: rgba(0, 0, 0, 0.8);
  }
  100% {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
  }
}

@keyframes hideBg {
  0% {
    height: 100dvh;
    background-color: rgba(0, 0, 0, 0.8);
  }
  100% {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
  }
}
.p-headerSp__btn {
  display: grid;
  align-items: stretch;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-template-rows: auto 1fr;
  background-color: #fff;
}

.p-headerSp--scroll .p-headerSp__btn {
  grid-template-columns: 1fr auto -webkit-max-content;
  grid-template-columns: 1fr auto max-content;
  grid-template-rows: 1fr;
  border-bottom: 1px solid #eee;
}

.p-headerSp--scroll .p-headerSp__btn:has(#p-headerSp__hamberger__trigger:checked) {
  border-bottom: 0;
}

.p-headerSp__hamberger {
  position: relative;
  display: block;
  order: 3;
  width: 5.3rem;
  height: 5.6rem;
  border-left: 1px solid #fff;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  background-image: linear-gradient(90deg, #FFC2BB 0%, #D9CCF7 100%);
  cursor: pointer;
}

.p-headerSp--scroll .p-headerSp__hamberger {
  grid-row: 1/2;
  grid-column: 3/4;
}

.p-headerSp__hamberger::after,
.p-headerSp__hamberger::before,
.p-headerSp__hamberger__txt::before {
  position: absolute;
  left: 1.5rem;
  display: block;
  width: 2.4rem;
  height: 2px;
  content: "";
  background-color: #fff;
  border-radius: 0.2rem;
  transition: all 0.3s ease;
}

.p-headerSp__hamberger::after {
  top: 1.2rem;
}

.p-headerSp__hamberger::before {
  top: 2rem;
}

#p-headerSp__hamberger__trigger:checked + .p-headerSp__hamberger::after,
#p-headerSp__hamberger__trigger:checked + .p-headerSp__hamberger::before {
  transform-origin: right top;
  left: 1.3rem;
}

#p-headerSp__hamberger__trigger:checked + .p-headerSp__hamberger::after {
  top: 2.5rem;
  rotate: 30deg;
}

#p-headerSp__hamberger__trigger:checked + .p-headerSp__hamberger::before {
  top: 1.3rem;
  rotate: -30deg;
}

.p-headerSp__hamberger__txt {
  position: absolute;
  bottom: 0.6rem;
  display: block;
  width: 100%;
  font-weight: 700;
  transition: all 0.3s ease;
}

.p-headerSp__hamberger__txt::before {
  top: -0.9rem;
}

#p-headerSp__hamberger__trigger,
.p-headerSp__hamberger__txt--close,
#p-headerSp__hamberger__trigger:checked + .p-headerSp__hamberger .p-headerSp__hamberger__txt--open,
#p-headerSp__hamberger__trigger:checked + .p-headerSp__hamberger .p-headerSp__hamberger__txt::before {
  display: none;
}

#p-headerSp__hamberger__trigger:checked + .p-headerSp__hamberger .p-headerSp__hamberger__txt--close {
  display: block;
}

.p-headerSp__btn__logo {
  display: flex;
  align-items: center;
  order: 1;
}

#p-headerSp__hamberger__trigger:checked ~ .p-headerSp__btn__logo {
  justify-content: flex-start;
}

.p-headerSp__btn__logo__contents {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding: 0.5rem 1.6rem;
}

.p-headerSp__btn__logo .p-headerSp__btn__logo__item--portrait {
  display: none;
}

#p-headerSp__hamberger__trigger:checked ~ .p-headerSp__btn__logo .p-headerSp__btn__logo__item--landscape {
  display: block;
}

.p-headerSp__btn__logo__txt {
  color: #333;
  font-size: 1.2rem;
}

.p-headerSp__btn__toggleBtn,
.p-headerSp--scroll #p-headerSp__hamberger__trigger:checked ~ .p-headerSp__btn__toggleBtn {
  display: flex;
  gap: 1px;
  order: 2;
  grid-row: 2/3;
  grid-column: 1/4;
}

.p-headerSp__btn__toggleBtn,
#p-headerSp__hamberger__trigger:checked ~ .p-headerSp__btn__toggleBtn {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.p-headerSp--scroll .p-headerSp__btn__toggleBtn {
  border: 0;
}

.p-headerSp--scroll .p-headerSp__btn__toggleBtn {
  grid-row: 1/2;
  grid-column: 2/3;
}

.p-headerSp__btn__toggleBtn__cell {
  width: calc((100% - 3px) / 4);
  min-width: 5rem;
}

.p-headerSp__btn__toggleBtn__inr,
.p-headerSp__btn__toggleBtn__inr::after {
  border-radius: 0;
}

.p-headerSp__btn__toggleBtn__inr {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.6rem 0;
}

.p-headerSp__btn__toggleBtn__item {
  display: grid;
  align-content: space-between;
  gap: 0.4rem;
  height: 100%;
  padding: 0;
  font-size: 1rem;
  font-weight: 700;
}

.p-headerSp__btn__toggleBtn__item__icon {
  display: block;
  width: 2.4rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 640px) {
  .p-headerSp--scroll .p-headerSp__btn__logo .p-headerSp__btn__logo__item--landscape,
#p-headerSp__hamberger__trigger:checked ~ .p-headerSp__btn__logo .p-headerSp__btn__logo__item--portrait,
.p-headerSp--scroll .p-headerSp__btn__logo .p-headerSp__btn__logo__txt {
    display: none;
  }
  .p-headerSp--scroll .p-headerSp__btn__logo__contents {
    padding: 0.4rem 0.8rem;
  }
  .p-headerSp--scroll .p-headerSp__btn__logo .p-headerSp__btn__logo__item--portrait,
#p-headerSp__hamberger__trigger:checked ~ .p-headerSp__btn__logo .p-headerSp__btn__logo__item--landscape,
#p-headerSp__hamberger__trigger:checked ~ .p-headerSp__btn__logo .p-headerSp__btn__logo__txt {
    display: block;
  }
  .p-headerSp--scroll .p-headerSp__btn__logo {
    justify-content: center;
  }
}
@media screen and (max-width: 375px) {
  .p-headerSp--scroll .p-headerSp__btn {
    grid-template-columns: 1fr calc(100% - 5.3rem - 5.3rem) -webkit-max-content;
    grid-template-columns: 1fr calc(100% - 5.3rem - 5.3rem) max-content;
  }
  .p-headerSp--scroll .p-headerSp__btn:has(#p-headerSp__hamberger__trigger:checked) {
    grid-template-columns: 1fr auto -webkit-max-content;
    grid-template-columns: 1fr auto max-content;
  }
}
.p-headerSp__nav {
  display: none;
  position: relative;
  right: -100%;
  max-height: calc(100dvh - 11rem);
  overflow-y: scroll;
  background-color: #fff;
  -webkit-animation: slideToRight 0.3s ease;
          animation: slideToRight 0.3s ease;
}

.p-headerSp__btn:has(#p-headerSp__hamberger__trigger:checked) + .p-headerSp__nav {
  display: block;
  right: 0%;
  scrollbar-width: thin;
  -webkit-animation: slideFromRight 0.3s ease;
          animation: slideFromRight 0.3s ease;
}

@-webkit-keyframes slideFromRight {
  0% {
    display: none;
    right: -100%;
  }
  100% {
    display: block;
    right: 0%;
  }
}

@keyframes slideFromRight {
  0% {
    display: none;
    right: -100%;
  }
  100% {
    display: block;
    right: 0%;
  }
}
@-webkit-keyframes slideToRight {
  0% {
    display: block;
    right: 0%;
  }
  100% {
    display: none;
    right: -100%;
  }
}
@keyframes slideToRight {
  0% {
    display: block;
    right: 0%;
  }
  100% {
    display: none;
    right: -100%;
  }
}
.p-headerSp__menu__contents__item--parent {
  border-bottom: 1px solid #eee;
}

.p-headerSp__menu__contents__item--school,
.p-headerSp__menu__contents__item--course {
  padding: 0.8rem 1.6rem;
}

[id^=p-headerSp__menu__trigger] {
  display: none;
}

.p-headerSp__menu__contents__ttl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  padding: 0.8rem 1.6rem;
  font-weight: 700;
}

.p-headerSp__menu__contents__ttl::before {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  border-radius: 50%;
  background-color: #333;
}

.p-headerSp__menu__contents__txt {
  display: block;
  padding: 1.6rem;
  font-size: 1.5rem;
  color: #333;
}

.p-headerSp__menu__contents__item--multi .p-headerSp__menu__contents__txt {
  cursor: pointer;
}

.p-headerSp__menu__contents__item--children .p-headerSp__menu__contents__txt {
  padding: 0.8rem 3.2rem;
}

.p-headerSp__menu__contents__item--school .p-headerSp__menu__contents__txt,
.p-headerSp__menu__contents__item--course .p-headerSp__menu__contents__txt {
  padding: 1.3rem 2.4rem;
  border-radius: var(--radius-common-96);
  background-color: #fff;
}

[id^=p-headerSp__menu__trigger] + .p-headerSp__menu__contents__txt,
.p-headerSp__menu__contents__item--school .p-headerSp__menu__contents__txt,
.p-headerSp__menu__contents__item--course .p-headerSp__menu__contents__txt {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  align-items: center;
}

[id^=p-headerSp__menu__trigger]:checked + .p-headerSp__menu__contents__txt {
  padding-right: 2.2rem;
}

[id^=p-headerSp__menu__trigger] + .p-headerSp__menu__contents__txt::after,
.p-headerSp__menu__contents__item--school .p-headerSp__menu__contents__txt::after,
.p-headerSp__menu__contents__item--course .p-headerSp__menu__contents__txt::after {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  border: 1px solid #333;
  border-top: 0;
  border-left: 0;
  transform-origin: center;
  rotate: -45deg;
  transition: all 0.3s ease;
}

[id^=p-headerSp__menu__trigger]:checked + .p-headerSp__menu__contents__txt::after {
  transform-origin: right center;
  margin-right: -0.3rem;
  rotate: 45deg;
}

.p-headerSp__menu__contents__children {
  height: 0;
  overflow: hidden;
  background-color: #F5F7FA;
}

[id^=p-headerSp__menu__trigger]:checked ~ .p-headerSp__menu__contents__children {
  height: auto;
}

[id^=p-headerSp__menu__trigger]:checked ~ .p-headerSp__menu__contents__children .p-headerSp__menu__contents__item--children {
  visibility: visible;
  -webkit-animation: fadeIn 0.3s ease;
          animation: fadeIn 0.3s ease;
}

.p-headerSp__menu__contents__item--children:first-child:not(:has(#p-gnavCourse__trigger01)) {
  margin-top: 0.8rem;
}

.p-headerSp__menu__contents__item--children:last-child {
  padding-bottom: 0.8rem;
}

.p-headerSp__menu__contents__item--school:last-child,
.p-headerSp__menu__contents__item--course:last-child {
  padding-bottom: 1.6rem;
}

.p-headerSp__sub {
  padding: 1.6rem;
  border-radius: var(--radius-common-08);
  background-color: #F5F7FA;
}

.p-headerSp__find {
  padding: 1.6rem;
}

.p-headerSp__find__contents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
}

.p-headerSp__find__ttl {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}

.p-headerSp__find__txt {
  padding: 0.9rem 1.6rem;
  font-size: 1.5rem;
}

.p-headerPc__btn__item {
  width: 100%;
  min-width: 9.2rem;
}

.p-header__aside {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}

.p-sns__item {
  margin-top: 5.6rem;
}

.p-sns__ttl--lined {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.p-sns__ttl__item {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  align-items: center;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
}

.p-sns__ttl--icon {
  width: 4rem;
  height: auto;
}

.p-sns__ttl__txt {
  font-size: 2.8rem;
}

.p-sns__box {
  display: grid;
  margin-top: 2.5rem;
}

.p-sns__box--cards {
  grid-template-columns: repeat(auto-fit, minmax(14.8rem, auto));
  gap: 0.7rem;
}

.p-sns__box--videos {
  grid-template-columns: 69.6666666667% auto;
  grid-template-rows: repeat(auto-fit, minmax(1fr, auto));
  gap: 3.2rem 6.4rem;
}

.p-sns a {
  font-size: 1.4rem;
  color: #333;
  font-weight: 400;
  text-decoration: underline;
  transition: all 0.3s ease;
}

.p-sns a:hover {
  text-decoration: none;
}

.p-sns__box__item {
  display: block;
}

.p-sns__box__item--video:first-child {
  grid-row-start: span 2;
}

.p-sns__box__item--card:hover {
  opacity: 0.8;
}

.p-sns__box__item__txt {
  margin-top: 1.2rem;
  font-size: 1.8rem;
  font-weight: 700;
}

.p-sns__box__video {
  width: 100%;
  height: auto;
  aspect-ratio: 560/315;
}

.p-sns__box__img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

@media screen and (max-width: 1200px) {
  .p-sns__box--videos {
    -moz-column-gap: 3.2rem;
         column-gap: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .p-sns__item {
    margin-top: 3.2rem;
  }
  .p-sns__ttl--icon {
    width: 3.5rem;
  }
  .p-sns__box__item__txt,
.p-sns__ttl__txt {
    font-size: 1.6rem;
  }
  .p-sns__box {
    justify-content: center;
    gap: 1.5rem;
    margin-top: 1.6rem;
  }
  .p-sns__box--videos {
    grid-template-columns: repeat(auto-fit, minmax(31.1rem, auto));
    gap: 3.2rem;
  }
  .p-sns__box__item--video:first-child {
    grid-row-start: auto;
  }
  .p-sns__box__img {
    height: 100%;
  }
}
@media screen and (max-width: 375px) {
  .p-sns__box--videos {
    grid-template-columns: auto;
  }
}
.p-modal {
  display: none;
}

.p-modal.is-open {
  position: relative;
  z-index: 20;
  display: block;
}

.p-modal__container,
.p-modal__overlay {
  will-change: transform;
}

.p-modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: rgba(51, 51, 51, 0.5);
}

.p-modal[aria-hidden=false] .p-modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.p-modal[aria-hidden=true] .p-modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.p-modal__container {
  width: 100.3rem;
  margin-right: auto;
  margin-left: auto;
  padding: 4rem;
  overflow-y: auto;
  box-sizing: border-box;
  background-color: #fff;
}

.p-modal[aria-hidden=false] .p-modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.p-modal[aria-hidden=true] .p-modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

@media screen and (max-width: 768px) {
  .p-modal__container {
    overflow-y: scroll;
    width: calc(100% - 3.2rem);
    height: calc(100% - 11.2rem);
    padding: 2.4rem 1.6rem;
  }
}
.p-modal__content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 3.2rem;
}

.p-modal__header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.p-modal__close {
  background: transparent;
  border: 0;
}

.p-modal__header .p-modal__close:before {
  content: "✕";
}

.p-modal__btn {
  cursor: pointer;
}

/**************************\
Demo Animation Style
\**************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.p-reskilling-bnr__margin--t {
  padding-top: 6rem;
}

.p-reskilling-bnr__margin--b {
  padding-bottom: 0;
}

.p-reskilling-bnr__margin--t--b {
  padding-top: 6rem;
  padding-bottom: 0;
}

.p-reskilling-bnr__inr {
  width: 120rem;
  padding: 2rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: var(--radius-common-40);
  background: linear-gradient(135deg, #62C2C0 0%, #B7EA61 100%);
}

.p-reskilling-bnr__box {
  padding-top: 4rem;
  padding-bottom: 4.4rem;
  border-radius: var(--radius-common-20);
  background-color: #fff;
}

.p-reskilling-bnr__img {
  display: block;
  width: 100%;
}

.p-reskilling-bnr__img__item {
  display: block;
  width: 100%;
  height: auto;
}

.p-reskilling-bnr__img--course {
  margin-top: 2.6rem;
}

.p-reskilling-bnr__link {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 0.7rem;
       column-gap: 0.7rem;
  margin-top: 2.6rem;
}

.p-reskilling-bnr__link__item {
  line-height: 1;
  color: #555;
  font-size: 1.8rem;
  text-decoration: underline;
}

.p-reskilling-bnr__link__icon {
  width: 0.6rem;
  height: auto;
  fill: #555;
}

.p-reskilling-bnr__course {
  margin-top: 3.7rem;
  font-weight: 500;
  text-align: center;
}

.p-reskilling-bnr__course__txt--price {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
}

.p-reskilling-bnr__course__txt--name {
  font-size: 2.9rem;
}

.p-reskilling-bnr__course__txt--col {
  display: grid;
  align-items: end;
}

.p-reskilling-bnr__course__txt--normal {
  grid-template-columns: repeat(4, auto);
}

.p-reskilling-bnr__course__txt--substantially {
  grid-template-columns: repeat(2, auto);
  margin-right: 1.1rem;
  color: #E34742;
}

.p-reskilling-bnr__course__txt__price--substantially {
  display: grid;
  grid-template-columns: repeat(5, auto);
  align-items: end;
}

.p-reskilling-bnr__course__txt__attendance--substantially {
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: end;
}

.p-reskilling-bnr__course__txt--head {
  padding: 0.2rem 0.8rem 0.3rem;
  border: 1px solid;
  font-size: 1.7rem;
}

.p-reskilling-bnr__course__txt--head--normal {
  margin-right: 1.1rem;
  margin-bottom: 0.6rem;
}

.p-reskilling-bnr__course__txt--head--substantially {
  margin-right: 0.9rem;
  margin-bottom: 1.2rem;
}

.p-reskilling-bnr__course__txt--yen--normal {
  margin-bottom: 0.3rem;
}

.p-reskilling-bnr__course__txt--yen--substantially {
  margin-bottom: 0.7rem;
}

.p-reskilling-bnr__course__txt--tax--normal {
  margin-left: 0.3rem;
  margin-bottom: 0.6rem;
}

.p-reskilling-bnr__course__txt--tax--substantially {
  margin-bottom: 1rem;
}

.p-reskilling-bnr__course__txt--and--substantially {
  margin-bottom: 0.6rem;
}

.p-reskilling-bnr__course__txt--jukou--substantially {
  margin-bottom: 0.6rem;
}

.p-reskilling-bnr__course__txt--f14 {
  font-size: 1.4rem;
}

.p-reskilling-bnr__course__txt--f17 {
  font-size: 1.7rem;
}

.p-reskilling-bnr__course__txt--f25 {
  font-size: 2.5rem;
}

.p-reskilling-bnr__course__txt--f30 {
  font-size: 3rem;
}

.p-reskilling-bnr__course__txt--f35 {
  font-size: 3.5rem;
}

.p-reskilling-bnr__course__txt--f36 {
  font-size: 3.6rem;
}

.p-reskilling-bnr__course__txt--f58 {
  font-size: 5.8rem;
}

.p-reskilling-bnr__btn {
  position: relative;
  padding-top: 4.7rem;
  margin-top: 2.6rem;
}

.p-reskilling-bnr__btn__img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.p-reskilling-bnr__btn__txt {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.4;
  margin-right: auto;
  margin-left: auto;
  padding: 2.4rem 5.2rem 2.4rem 11.2rem;
  border-radius: 1rem;
  color: #fff;
  font-size: 2.7rem;
  background-color: #E74E50;
}

.p-reskilling-bnr__btn__arr {
  width: 1rem;
  height: auto;
  fill: #fff;
}

@media screen and (max-width: 1390px) {
  .p-reskilling-bnr__margin--b {
    padding-bottom: 6rem;
  }
  .p-reskilling-bnr__margin--t--b {
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 1091px) {
  .p-reskilling-bnr__course__txt--price {
    flex-direction: column;
    align-items: center;
  }
  .p-reskilling-bnr__course__img {
    margin-top: 1.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .p-reskilling-bnr {
    padding-right: 3.2rem;
    padding-left: 3.2rem;
  }
  .p-reskilling-bnr__inr {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-reskilling-bnr {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }
  .p-reskilling-bnr__margin--t {
    padding-top: 2.4rem;
  }
  .p-reskilling-bnr__margin--b {
    padding-top: 2.4rem;
  }
  .p-reskilling-bnr__margin--t--b {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }
  .p-reskilling-bnr__inr {
    padding: 1rem;
  }
  .p-reskilling-bnr__box {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }
  .p-reskilling-bnr__img--course,
.p-reskilling-bnr__link,
.p-reskilling-bnr__course {
    margin-top: 2.4rem;
  }
  .p-reskilling-bnr__course,
.p-reskilling-bnr__btn {
    margin-right: 2.4rem;
    margin-left: 2.4rem;
  }
  .p-reskilling-bnr__link__item {
    font-size: 1.5rem;
  }
  .p-reskilling-bnr__course__img {
    margin-top: 0.8rem;
  }
  .p-reskilling-bnr__course__img__item {
    width: 4.5rem;
    height: auto;
  }
  .p-reskilling-bnr__course__txt--name {
    font-size: 2rem;
  }
  .p-reskilling-bnr__course__txt--head {
    font-size: 1.2rem;
  }
  .p-reskilling-bnr__course__txt--substantially {
    grid-template-columns: auto;
    margin-right: 0;
  }
  .p-reskilling-bnr__course__txt__attendance--substantially {
    grid-template-columns: 2rem 12.5rem;
    justify-content: center;
  }
  .p-reskilling-bnr__course__txt--f14 {
    font-size: 1rem;
  }
  .p-reskilling-bnr__course__txt--f17 {
    font-size: 1rem;
  }
  .p-reskilling-bnr__course__txt--f25 {
    font-size: 2rem;
  }
  .p-reskilling-bnr__course__txt--f30 {
    font-size: 2rem;
  }
  .p-reskilling-bnr__course__txt--f35 {
    font-size: 2.4rem;
  }
  .p-reskilling-bnr__course__txt--f36 {
    font-size: 3rem;
  }
  .p-reskilling-bnr__course__txt--f58 {
    font-size: 4.2rem;
    letter-spacing: -0.2rem;
  }
  .p-reskilling-bnr__btn {
    padding-top: 9%;
  }
  .p-reskilling-bnr__btn__img {
    width: 86%;
    max-width: 38rem;
    height: auto;
  }
  .p-reskilling-bnr__btn__txt {
    justify-content: center;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    width: 100%;
    line-height: 14vw;
    padding: 0 1rem 0 2.4rem;
    text-align: center;
  }
  .p-reskilling-bnr__btn__txt__item {
    font-size: 1.8rem;
  }
}
.p-footer__certification {
  margin-top: 8rem;
  margin-bottom: 4rem;
  padding-right: 3.2rem;
  padding-left: 3.2rem;
}

.p-footer__certification__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 3rem;
  font-size: 1.2rem;
  font-weight: 400;
}

.p-footer__certification__list__item {
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.p-footer__logo {
  margin-bottom: 8rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-footer__certification {
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
  .p-footer__certification__list {
    gap: 1.5rem;
  }
  .p-footer__logo {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 552px) {
  .p-footer__certification__list__item {
    grid-template-columns: 12.1rem auto;
    width: 100%;
  }
}
/*========================================
  Inicialized
========================================*/
body {
  line-height: 1.5;
  font-weight: 500;
}

.l-section {
  position: relative;
  overflow-x: clip;
}

.l-section--margin {
  margin-top: 12rem;
  overflow-x: clip;
}

.l-section--margin--small {
  margin-top: 12rem;
  overflow-x: clip;
}

.l-section--margin--underlayer {
  margin-top: 3.2rem;
  margin-bottom: 8rem;
  padding-top: 8rem;
  overflow-x: clip;
}

@media screen and (max-width: 1390px) {
  .l-section.c-bg--right,
.l-section.c-bg--left {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .l-section {
    margin-top: 0;
  }
  .l-section--margin {
    margin-top: 6.4rem;
  }
  .l-section--margin--small {
    margin-top: 1.6rem;
  }
  .l-section--margin--underlayer {
    margin-top: 1.2rem;
    margin-bottom: 4rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .l-section--margin--siteMap {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-header {
    padding-top: 11rem;
  }
}
.c-btn--normal {
  border: 1px solid #51D9BA;
  color: #fff;
  background-image: linear-gradient(90deg, #51D9BA 0%, #51D9BA 50%, #fff 50%, #fff 100%);
  background-size: 200% auto;
}

.c-btn--normal:hover {
  color: #51D9BA;
  background-position: 100% top;
}

.c-ttl__txt {
  font-size: 4rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .c-ttl__txt {
    font-size: 2.4rem;
  }
}
.c-amoeba {
  position: relative;
}

.c-amoeba::before,
.c-amoeba::after {
  position: absolute;
  display: block;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.c-amoeba--news::before {
  top: -32.4rem;
  right: -15.3rem;
  width: 51.3rem;
  height: 43.2rem;
  background-image: url("/images/top/img_news--before.png");
}

.c-amoeba--popular::before {
  top: -40.4rem;
  left: -32.5rem;
  width: 76.5rem;
  height: 77.2rem;
  background-image: url("/images/top/img_news--popular.png");
}

.c-amoeba--course::before {
  top: -45.1rem;
  right: -3.2rem;
  width: 54rem;
  height: 52.2rem;
  background-image: url("/images/top/img_news--course.png");
}

.c-amoeba--wantobe::before {
  top: -48.3rem;
  right: -17rem;
  width: 76.4rem;
  height: 63.9rem;
  background-image: url("/images/top/img_news--wantobe.png");
}

.c-amoeba--coaching::before {
  top: 0;
  left: -24.7rem;
  width: 68.7rem;
  height: 62.3rem;
  background-image: url("/images/top/img_news--coaching.png");
}

.c-amoeba--line::before {
  top: -68rem;
  right: -40.5rem;
  width: 93.9rem;
  height: 80.8rem;
  background-image: url("/images/top/img_news--line.png");
}

.c-amoeba--school::before {
  top: -20rem;
  right: -35.3rem;
  width: 63.3rem;
  height: 55.9rem;
  background-image: url("/images/top/img_news--school.png");
}

@media screen and (max-width: 768px) {
  .c-amoeba--news::before {
    top: -17.7rem;
    right: -16.7rem;
    width: 28.1rem;
    height: 23.8rem;
  }
  .c-amoeba--popular::before {
    top: -11.1rem;
    left: auto;
    right: -8.8rem;
    width: 25.6rem;
    height: 25.8rem;
  }
  .c-amoeba--course::before {
    top: -18.1rem;
    right: -10.3rem;
    width: 27rem;
    height: 26.1rem;
  }
  .c-amoeba--wantobe::before,
.c-amoeba--school::before {
    display: none;
  }
  .c-amoeba--coaching::before {
    top: -14.2rem;
    right: -5.3rem;
    left: auto;
    width: 32rem;
    height: 29rem;
  }
  .c-amoeba--line::before {
    top: -25.8rem;
    right: -14.8rem;
    width: 38rem;
    height: 32.9rem;
    background-image: url("/images/top/img_news--line.png");
  }
}
.c-gradationTxt {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.c-gradation--green {
  background-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%);
}

.c-pc--only {
  display: block;
}

.c-sp--only {
  display: none;
}

@media screen and (max-width: 768px) {
  .c-pc--only {
    display: none;
  }
  .c-sp--only {
    display: block;
  }
}
.c-gnavSchoolTrigger:hover {
  text-decoration: underline;
}

.c-arrow--right {
  position: relative;
  display: inline-block;
  width: 0.8rem;
  height: 1.4rem;
}

.c-arrow--right::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 0.6em;
  height: 0.6em;
  border-top: 1px solid #5FE9AC;
  border-right: 1px solid #5FE9AC;
  -o-border-image: linear-gradient(90deg, #5FE9AC 0%, #2DB0DC 100%) 1;
     border-image: linear-gradient(90deg, #5FE9AC 0%, #2DB0DC 100%) 1;
  transform: translate(-50%, -50%) rotate(45deg);
}

.c-circle-arrow--right {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #fff;
}
.c-circle-arrow--right:before {
  position: absolute;
  top: 50%;
  left: calc(50% - 0.1em);
  display: block;
  content: "";
  width: 0.4em;
  height: 0.4em;
  border-top: 1px solid #5FE9AC;
  border-right: 1px solid #5FE9AC;
  -o-border-image: linear-gradient(90deg, #5FE9AC 0%, #2DB0DC 100%) 1;
     border-image: linear-gradient(90deg, #5FE9AC 0%, #2DB0DC 100%) 1;
  transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .c-circle-arrow--right {
    width: 2.4rem;
    height: 2.4rem;
  }
  .c-circle-arrow--right:before {
    width: 0.7rem;
    height: 1.2rem;
  }
}

.c-pagination {
  margin-top: 6rem;
}

.c-pagination .pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.c-pagination [aria-label] i {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform-origin: center;
  -o-border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
     border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
}

.c-pagination [aria-label="pagination.previous"] i {
  margin-left: 0.6rem;
  rotate: 135deg;
}

.c-pagination [aria-label="pagination.next"] i {
  margin-right: 0.6rem;
  rotate: -45deg;
}

.c-pagination li a,
.c-pagination li span {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 6.2rem;
  height: 6.2rem;
  padding: 2px;
  font-size: 1.6rem;
  font-weight: 700;
  border: 2px solid #EEE;
  border-radius: var(--radius-common-circle);
  background: #fff;
  box-sizing: border-box;
}

.c-pagination a {
  color: #333;
  transition: color 0.3s ease;
}

.c-pagination .disabled {
  display: none !important;
}

.c-pagination li.active,
.c-pagination li:hover {
  padding: 2px;
  border-radius: var(--radius-common-circle);
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) border-box border-box;
}

.c-pagination li.active span,
.c-pagination li:hover a {
  width: 5.8rem;
  height: 5.8rem;
  color: #51D9BA;
  border: 0;
}

.c-pagination li.active span {
  background: #E5F5F4;
}

@media screen and (max-width: 768px) {
  .c-pagination {
    margin-top: 4rem;
  }
  .c-pagination li a,
.c-pagination li span {
    width: 3.6rem;
    height: 3.6rem;
    padding: 1px;
    font-size: 1.4rem;
    border-width: 1px;
  }
  .c-pagination li a[aria-label],
.c-pagination li[aria-label] span {
    width: 5.4rem;
    height: 5.4rem;
  }
  .c-pagination li.active,
.c-pagination li:hover {
    padding: 1px;
  }
  .c-pagination li.active span,
.c-pagination li:hover a:not([aria-label]) {
    padding: 1px;
    width: 3.4rem;
    height: 3.4rem;
  }
  .c-pagination li:hover a[aria-label] {
    width: 5.2rem;
    height: 5.2rem;
  }
  .c-pagination li:has(a[aria-label]) {
    display: block;
  }
  .c-pagination li:nth-of-type(n+6) {
    display: none;
  }
}
@media screen and (max-width: 36rem) {
  .c-pagination .pagination {
    gap: 0.5rem;
  }
  .c-pagination li a,
.c-pagination li span {
    width: 3.2rem;
    height: 3.2rem;
  }
  .c-pagination li a[aria-label],
.c-pagination li[aria-label] span {
    width: 5rem;
    height: 5rem;
  }
  .c-pagination li.active span,
.c-pagination li:hover a:not([aria-label]) {
    width: 3rem;
    height: 3rem;
  }
  .c-pagination li:hover a[aria-label] {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.p-wantobe__ttl {
  margin-bottom: 6.4rem;
  font-size: 3.2rem;
  text-align: center;
}

.p-wantobe__img {
  margin-top: 2.4rem;
  margin-bottom: 1.6rem;
}

.p-wantobe__btn {
  margin-top: 5.6rem;
}

@media screen and (max-width: 768px) {
  .p-wantobe__ttl {
    display: grid;
    gap: 1.6rem;
    padding-right: 3.2rem;
    padding-left: 3.2rem;
  }
  .p-wantobe__ttl__txt {
    font-size: 2rem;
  }
  .p-wantobe__img {
    width: 100%;
    height: auto;
    margin-top: 1.6rem;
    margin-bottom: 0.8rem;
  }
  .p-wantobe__btn {
    padding-right: 3.2rem;
    padding-left: 3.2rem;
    margin-top: 3.2rem;
  }
}
.p-post__btn {
  margin-top: 5.6rem;
}

.p-post__ttl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem 2rem;
  padding-bottom: 3.4rem;
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
     border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
}

.p-post__ttl h2 {
  font-size: 4rem;
}

.l-section:has(.p-post__list) {
  margin-bottom: 12rem;
  padding-bottom: 12rem;
  background: url(/images/top/bg_course--reskilling.png) no-repeat center bottom 5rem/contain;
}

.p-post__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(37.6rem, 1fr));
  gap: 3.6rem;
  margin-top: 3rem;
}

.p-post__anchor {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.6rem;
  padding-bottom: 2.2rem;
  overflow: visible;
  transition: all 0.3s ease;
}

.p-post__anchor:hover {
  opacity: 0.7;
}

.p-post__list .c-new {
  position: absolute;
  top: -2.3rem;
  left: 2.4rem;
}

.p-post__list .c-new__txt {
  position: relative;
  top: 0;
  left: 0;
  color: #333;
}

.p-post__img {
  overflow: hidden;
}

.p-post__img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 376/144;
}

.p-post__img--voice {
  width: 75%;
  margin: 0 auto;
}

.p-post__img--voice img {
  aspect-ratio: 45/23;
}

.p-post__data {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6rem 0;
}

.p-post__tag--place__item {
  display: inline-block;
  vertical-align: bottom;
  padding: 0.8rem 1.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%);
}

.p-post__tag--place + .p-post__time {
  margin-left: 1.6rem;
}

.p-post__time {
  margin-left: 2.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #333;
}

.p-post__inr {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.6rem;
  padding: 0 2.4rem;
}
.p-post__inr:has(.p-post__ttl--post) {
  width: 100%;
}

.p-post__ttl--post {
  font-size: 1.6rem;
  font-weight: 500;
  color: #333;
}

.p-post__tag--genre {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}

.p-post__tag--genre__item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 0.4rem;
  padding: 0.8rem 1.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #333;
  border-radius: var(--radius-common-20);
  background: #F5F7FA;
}

.p-post__tag--genre__item::before {
  content: "#";
  color: #51D9BA;
}

.p-post__profile {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 3rem;
  margin-top: 3rem;
}

.p-post__profile--item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  width: 38rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.p-post__profile--item .p-post__tag--place__item {
  min-width: 9.2rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-post__ttl {
    padding-bottom: 1.7rem;
  }
  .p-post__ttl h2 {
    font-size: 2rem;
  }
  .l-section:has(.p-post__list) {
    margin-bottom: 6rem;
    padding-bottom: 6rem;
  }
  .p-post__list {
    grid-template-columns: none;
    gap: 3rem;
  }
  .p-post__tag--genre__item {
    border-radius: var(--radius-common-32);
  }
  .p-post__img--voice {
    width: 100%;
  }
  .p-post__img--voice img {
    aspect-ratio: 155/79;
  }
  .p-post__profile {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 1rem;
    font-size: 1.4rem;
  }
  .p-post__profile--item {
    width: auto;
  }
  .p-post__profile--item .p-post__tag--place__item {
    min-width: 8.8rem;
  }
}
.p-schoolList__label {
  border-color: #51D9BA;
  background-image: linear-gradient(90deg, #51D9BA 0%, #51D9BA 50%, #fff 50%, #fff 100%);
}

.p-schoolList__label:hover,
.p-schoolList input:checked + .p-schoolList__label {
  color: #51D9BA;
}

.p-schoolList__search__inr::after {
  border-image-source: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%);
}

.p-mv {
  position: relative;
  width: 100%;
  height: 96rem;
  max-height: 100dvh;
  overflow: hidden;
  background: url("/images/top/bg_mv.jpg") no-repeat center center;
  background-size: cover;
}

.p-mv__item {
  width: 144rem;
  height: auto;
  max-height: 100dvh;
  margin: 0 auto;
}

.p-mv__ph {
  position: absolute;
  bottom: 0;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.p-mv__ph--expansion {
  width: 75%;
}

.p-mv__txt {
  display: none;
}

.p-mv__ph img {
  display: block;
  width: 100%;
  height: auto;
}

@-webkit-keyframes slideFromBottomLeft__general {
  0% {
    bottom: -100%;
    right: 200%;
  }
  100% {
    bottom: 2rem;
    right: 9rem;
  }
}

@keyframes slideFromBottomLeft__general {
  0% {
    bottom: -100%;
    right: 200%;
  }
  100% {
    bottom: 2rem;
    right: 9rem;
  }
}
@media screen and (max-width: 1440px) {
  .p-mv {
    height: 50em;
  }
  .p-mv__item {
    width: 100%;
  }
  .p-mv__ph--expansion {
    width: 75%;
  }
  .p-mv__ph__item {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1200px) {
  .p-mv {
    height: auto;
    max-height: calc(100dvh - 11.2rem);
  }
  .p-mv__ph {
    position: relative;
    left: 0;
    transform: translateX(0);
  }
  .p-mv__item {
    padding-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-mv__ph__item {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .p-mv {
    position: relative;
    width: 100%;
    height: 33rem;
    max-height: 33rem;
    overflow: hidden;
    aspect-ratio: auto;
    background-position: left top;
  }
  .p-mv__item {
    width: 100%;
  }
  .p-mv__slider {
    height: 100%;
    max-height: 33rem;
  }
  .p-mv__slider__slide::before,
.p-mv__slider__slide::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
  }
  .p-mv__slider__slide:first-child::after {
    height: 63.124%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(92, 195, 228, 0.6) 100%);
  }
  .p-mv__slider__slide:nth-child(2)::before {
    height: 50%;
  }
  .p-mv__slider__slide:nth-child(2)::before {
    background: linear-gradient(180deg, rgba(246, 197, 200, 0) 0%, rgba(246, 197, 199, 0.6) 100%);
  }
  .p-mv__ph__item {
    width: auto;
    height: 33rem;
  }
  .p-mv__txt {
    display: block;
    position: absolute;
    z-index: 2;
    right: 3.2rem;
    bottom: 5.3rem;
    width: 26.8rem;
    -webkit-animation: 0.5s slideFromBottomLeft__general;
            animation: 0.5s slideFromBottomLeft__general;
  }
  .p-mv__txt .p-mv__ph__item {
    width: 100%;
    height: auto;
  }
  @-webkit-keyframes slideFromBottomLeft__general {
    0% {
      bottom: -100%;
      right: 200%;
    }
    100% {
      bottom: 5.3rem;
      right: 3.2rem;
    }
  }
  @keyframes slideFromBottomLeft__general {
    0% {
      bottom: -100%;
      right: 200%;
    }
    100% {
      bottom: 5.3rem;
      right: 3.2rem;
    }
  }
}
@media screen and (max-width: 450px) {
  .p-mv__txt {
    right: 0;
    bottom: 2.3rem;
  }
  @-webkit-keyframes slideFromBottomLeft__general {
    0% {
      bottom: -100%;
      right: 200%;
    }
    100% {
      bottom: 2.3rem;
      right: 0;
    }
  }
  @keyframes slideFromBottomLeft__general {
    0% {
      bottom: -100%;
      right: 200%;
    }
    100% {
      bottom: 2.3rem;
      right: 0;
    }
  }
}
.p-headerPc {
  position: absolute;
  top: 4rem;
  left: 50%;
  z-index: 10;
  width: 120rem;
  translate: -50% 0;
}

.p-headerPc a {
  color: #333;
}

.p-headerPc__main {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.1rem 2.5rem;
  margin: 0 auto;
  border: 1px solid #F5F7FA;
  border-radius: var(--radius-common-80);
  font-size: 1.5rem;
  font-weight: 700;
  background-color: #fff;
}

.p-headerPc__logo {
  order: 2;
  text-align: center;
}

.p-headerPc__logo__img {
  display: grid;
  align-content: center;
  padding: 0 1.6rem;
  transition: all 0.3s ease;
}

.p-headerPc__logo__img:hover {
  opacity: 0.7;
}

.p-headerPc__tagLine {
  position: absolute;
  top: -3.2rem;
  left: 50%;
  z-index: 1;
  translate: -50% 0;
  padding: 1.2rem 2.4rem 0.3rem;
  border: 1px solid #F5F7FA;
  border-bottom: 0;
  border-top-right-radius: var(--radius-common-24);
  border-top-left-radius: var(--radius-common-24);
  font-size: 1.2rem;
  background-color: #fff;
}

.p-headerPc__nav__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}

.p-headerPc__nav__item:first-of-type {
  padding-left: 0.5rem;
}

.p-headerPc__pickup {
  gap: 0;
  order: 3;
}

.p-headerPc__pickup--pages .p-headerPc__pickup__item:nth-child(n+2) {
  border-left: 1px solid #ccc;
}

.p-headerPc__pickup--pages a {
  display: block;
  padding-right: 1rem;
  padding-left: 1rem;
  transition: all 0.3s ease;
}

.p-headerPc__pickup--pages .p-headerPc__pickup__item:first-child a {
  padding-left: 0;
}

.p-headerPc__pickup--pages .p-headerPc__pickup__item:last-child a {
  padding-right: 0;
}

.p-headerPc .p-headerPc__btn__item {
  display: block;
  min-width: auto;
  padding: 0.8rem 1.6rem;
  border-radius: var(--radius-common-24);
  font-size: 1.4rem;
  color: #fff;
}

.p-headerPc .p-headerPc__btn__item:hover {
  color: #51D9BA;
}

.p-headerPc__menu {
  order: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.p-headerPc__menu__item:not(:last-child) {
  border-right: 1px solid #cacaca;
}

.p-headerPc__menu__item a {
  display: block;
  padding: 0.6rem 2rem;
}

.p-headerPc__menu__item:first-child a {
  padding-left: 0;
}

.p-headerPc__menu__item:last-child a {
  padding-right: 0;
}

.p-headerPc__menu a:hover,
.p-headerPc__pickup--pages a:hover {
  text-decoration: underline;
}

.p-header__list__group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.p-header__list > li:last-child .p-header__list__group > li {
  display: grid;
  align-content: center;
}

.p-header__list__group > li > a,
.p-header__list__group > li > span {
  display: block;
  padding: 0.6rem min(2rem, 2.1vw) 0.6rem 0;
  cursor: pointer;
}
.p-header__list__group > li > a:hover,
.p-header__list__group > li > span:hover {
  opacity: 0.5;
  text-decoration: underline;
}

.p-header__list__group > li + li > a,
.p-header__list__group > li + li > span {
  padding-left: min(2rem, 2.1vw);
  border-left: 1px solid #ddd;
}

.p-header__list li:nth-child(5) span {
  border: 0;
}

.p-header__list__group > li:last-of-type > a,
.p-header__list__group > li:last-of-type > span {
  padding-right: 0;
}

.p-header__list--drop {
  display: none;
  top: 90rem;
  position: absolute;
  top: calc(var(--header-height) + 0.4rem);
  right: 0;
  left: 0;
  width: 144rem;
  max-width: 100%;
  padding: 3.4rem 0;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  opacity: 0;
}

.p-header__list--drop.js-active {
  display: block;
  opacity: 1;
  -webkit-animation: open 0.35s ease forwards;
          animation: open 0.35s ease forwards;
}

@-webkit-keyframes open {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes open {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-header__list--drop.js-hidden {
  display: block;
  opacity: 1;
  -webkit-animation: hidden 0.3s ease forwards;
          animation: hidden 0.3s ease forwards;
}

@-webkit-keyframes hidden {
  0% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hidden {
  0% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.p-header__list--drop > ul {
  max-height: 38.5rem;
  overflow-y: auto;
  margin: 0 3rem;
  padding: 0 2.3rem;
}

.p-header__list__parent {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 3.4rem 1.6rem;
  margin-bottom: 3.4rem;
  padding-bottom: 3.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #51D9BA;
}

.p-header__list__parent .p-ttlGroup__bg {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.p-header__list__parent .c-ttl__bg {
  line-height: 100%;
  font-size: 4rem;
  background-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%);
  opacity: 0.2;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.p-header__list__ttl {
  font-size: 1.8rem;
  margin: 4.6rem 0 1.6rem;
}

.p-header__list__child {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6rem 2.5rem;
  font-size: 1.2rem;
}

.p-header__list__child li {
  width: calc((100% - 15rem) / 7);
  text-align: left;
}

.p-header__list__child li a {
  height: auto;
}

.p-header__list .p-header__list__child a {
  position: relative;
  width: auto;
  padding: 0 1.6vw 0 0;
  font-weight: 500;
  background-size: 5px 9px;
  background-position: center right;
}

.p-header__list__child li a:hover {
  text-decoration: underline;
  opacity: 0.7;
}

.p-header__list__arrow {
  display: flex;
  gap: 0.4rem;
}

.p-header__list__arrow::after {
  position: absolute;
  top: 50%;
  right: 0.1rem;
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  content: "";
  border-top: 1px solid #5FE9AC;
  border-right: 1px solid #5FE9AC;
  -o-border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
     border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
  transform: translateY(-50%) rotate(45deg);
}

.p-header__list__btn__item {
  border-radius: var(--radius-common-60);
  background: linear-gradient(108deg, #18B6E5 0%, #C1E6B3 50%, #fff 50%, #fff 100%);
  background-size: 200% auto;
}

.p-header__list__group > li:last-of-type > .p-header__list__btn__item,
.p-header__list__group > li + li > .p-header__list__btn__item {
  padding: 0;
}

.p-header__list__btn__item::after {
  background: linear-gradient(108deg, #18B6E5 0%, #C1E6B3 100%) border-box border-box;
}

.p-header__list__group > li .p-header__list__btn__item:hover {
  opacity: 1;
  text-decoration: none;
}

.p-header__list__group > li .p-header__list__btn__item__txt {
  padding: 0.6rem 2.2rem;
  border-left: 0;
  font-size: 1.5rem;
}

.p-header__list__btn__item:hover .p-header__list__btn__item__txt {
  background: linear-gradient(108deg, #18B6E5 0%, #C1E6B3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-header__list__group > li .p-header__list__btn__item__txt:hover {
  opacity: 1;
}

.p-headerPc__sub {
  padding-top: 0.4rem;
}

.p-headerPc__sub__contents {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 0.3rem;
}

.p-headerPc__sub__contents__txt {
  display: grid;
  min-height: 4rem;
  height: 100%;
  place-content: center;
  overflow-wrap: break-word;
  word-break: keep-all;
  padding: 0.3rem;
  border: 1px solid #eee;
  border-radius: var(--radius-common-08);
  font-size: 1.2rem;
  font-weight: 400;
  text-align: center;
  background-color: #fff;
  transition: all 0.3s ease;
}

.p-headerPc__sub__contents__txt:hover {
  text-decoration: underline;
  opacity: 0.7;
}

@media screen and (max-width: 1200px) {
  .p-headerPc {
    display: none;
  }
}
.p-footer__contents {
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}

.p-footer__message {
  width: 100%;
  padding-top: 9.6rem;
  padding-bottom: 9.6rem;
  margin-top: 8rem;
  background: linear-gradient(90deg, rgba(45, 176, 220, 0.1) 0%, rgba(95, 233, 172, 0.1) 100%), url("/images/top/bg_footer--pc--l.png") no-repeat left bottom/51.5rem auto, url("/images/top/bg_footer--pc--r.png") no-repeat right top/51.2rem auto;
  aspect-ratio: 1920/560;
  text-align: center;
}

.p-footer__message img {
  width: 100%;
  max-width: 91.8rem;
  height: auto;
}

.p-footer__nav {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  background-color: #333;
}

.p-footer__nav__contents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 2.4rem;
  place-content: center;
}

.p-footer__nav__item a {
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

.p-footer__nav__icon {
  width: 1.2rem;
}

.p-footer__copy {
  display: block;
  margin-top: 1.2rem;
  color: #fff;
  font-size: 1rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-footer__message {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    margin-top: 4rem;
    background: linear-gradient(90deg, rgba(45, 176, 220, 0.1) 0%, rgba(95, 233, 172, 0.1) 100%), url("/images/top/bg_footer--sp--l.png") no-repeat left bottom/14.4rem auto, url("/images/top/bg_footer--sp--r.png") no-repeat right top/11.5rem auto;
  }
  .p-footer__message img {
    max-width: 100%;
  }
  .p-footer__nav__contents {
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 1.6rem;
  }
  .p-footer__nav__item:nth-child(n+2) {
    border-left: 1px solid #fff;
  }
  .p-footer__nav__item a {
    display: block;
    padding-right: 1.2rem;
    padding-left: 1.2rem;
  }
  .p-footer__copy {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 748px) {
  .p-footer__nav__item:last-child {
    border-color: transparent;
  }
}
@media screen and (max-width: 539px) {
  .p-footer__nav__item:nth-child(5) {
    border-color: transparent;
  }
  .p-footer__nav__item:last-child {
    border-color: #fff;
  }
  .p-footer__nav__item:first-child a,
.p-footer__nav__item:nth-child(5) a {
    padding-left: 0;
  }
  .p-footer__nav__item:nth-child(4) a,
.p-footer__nav__item:last-child a {
    padding-right: 0;
  }
}
@media screen and (max-width: 374px) {
  .p-footer__nav__contents {
    row-gap: 1.2rem;
  }
  .p-footer__nav__item {
    width: 100%;
  }
  .p-footer__nav__item:nth-child(n+2) {
    border: 0;
  }
  .p-footer__nav__item:nth-child(n+1) a {
    padding: 0;
  }
}
.p-ticker {
  background-color: #FFF4A0;
}

.p-ttlGroup__bg--gradation {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.p-ttlGroup__bg--gradationGreen {
  background-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%);
  opacity: 0.2;
}

.p-ttlGroup__bg--gradationOrange {
  background-image: linear-gradient(90deg, #FFD8BD 0%, #FFF1B1 100%);
}

.p-popular__ttl__bg {
  right: 52rem;
}

.p-popular__list {
  position: relative;
  margin-top: 5.6rem;
}

.p-popular__list::before {
  position: absolute;
  top: -37.9rem;
  right: -36rem;
  z-index: -1;
  display: block;
  width: 80rem;
  height: 83.2rem;
  content: "";
  border-radius: var(--radius-common-80);
  background: url(/images/top/img_popular01.png) no-repeat center/cover;
}

.p-popular__list__ttl {
  order: 1;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  gap: 1.6rem;
  align-items: center;
  padding: 2.4rem;
  font-size: 1.8rem;
  font-weight: 700;
}

.p-popular__list__txt {
  order: 0;
  position: relative;
}

.p-popular__list__img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-popular__list__tag {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  gap: 0.8rem;
  width: 100%;
  padding: 0.8rem;
}

.p-popular__list__tag__item {
  padding: 0.8rem 1.6rem;
  font-size: 1.4rem;
  font-weight: 700;
  background-color: #fff;
}

.p-popular__message {
  margin-top: 16rem;
}

.p-popular__message__ttlGroup {
  padding-left: calc(100% - 55rem);
}

.p-popular__message__lead {
  margin-top: 1.2rem;
  font-size: 2.4rem;
  font-weight: 700;
}

.p-popular__message__item {
  position: relative;
  z-index: 1;
  margin-top: 5.6rem;
  padding-left: calc(100% - 55rem);
  padding-bottom: 7.8rem;
}

.p-popular__message__item::before,
.p-popular__message__item::after {
  position: absolute;
  display: block;
  content: "";
}

.p-popular__message__item::before {
  bottom: 0;
  left: 4.8rem;
  width: 42.3rem;
  height: 53.8rem;
  border-top-right-radius: var(--radius-common-56);
  border-bottom-left-radius: var(--radius-common-56);
  background: url(/images/top/img_popular03.png) no-repeat center/cover;
}

.p-popular__message__item::after {
  bottom: 14.2rem;
  left: -36rem;
  width: 50.8rem;
  height: 64.5rem;
  border-top-right-radius: var(--radius-common-64);
  border-bottom-left-radius: var(--radius-common-64);
  background: url(/images/top/img_popular02.png) no-repeat center/cover;
}

.p-popular__message__txt {
  margin-top: 3.2rem;
}

@media screen and (max-width: 1120px) {
  .p-popular__message {
    display: grid;
    place-content: center;
    margin-top: 8rem;
  }
  .p-popular__message__item {
    margin-top: 3.2rem;
    padding-top: 35.7rem;
    padding-bottom: 0;
    padding-left: 0;
  }
  .p-popular__message__item::before {
    top: 10.3rem;
    left: calc(50% - 2.2rem);
    bottom: auto;
    width: 17.7rem;
    height: 22.2rem;
  }
  .p-popular__message__item::after {
    top: 0;
    bottom: auto;
    left: auto;
    right: calc(50% - 2.2rem);
    width: 21rem;
    height: 26.7rem;
  }
  .p-popular__message__ttlGroup,
.p-popular__message__item {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-popular__ttl__bg {
    right: auto;
  }
  .p-popular__message__lead {
    font-size: 1.6rem;
  }
  .p-popular__list::before {
    display: none;
  }
  .p-popular__message {
    margin-top: 5.6rem;
  }
  .p-popular__message__lead {
    margin-top: 0.8rem;
  }
  .p-popular__message__item::before,
.p-popular__message__item::after {
    border-top-right-radius: var(--radius-common-64);
    border-bottom-left-radius: var(--radius-common-64);
  }
  .p-popular__message__txt {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 414px) {
  .p-popular__message__item::before {
    left: auto;
    right: 0;
  }
  .p-popular__message__item::after {
    left: -3.2rem;
    right: auto;
  }
}
.p-line {
  overflow-x: clip;
}

.p-thumbnailList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(28.2rem, 1fr));
  gap: 2.4rem;
}

.p-thumbnailList a {
  color: #333;
  transition: all 0.3s ease;
}

.p-thumbnailList a:hover {
  opacity: 0.7;
}

.p-thumbnailList__item {
  display: grid;
  height: 100%;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .p-thumbnailList {
    grid-template-columns: repeat(2, calc((100% - 1.6rem) / 2));
    gap: 1.6rem;
  }
  .p-popular__list__txt {
    height: 20vh;
  }
  .p-popular__list__img {
    width: 100%;
    height: 20vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-popular__list__tag__item {
    padding: 0.4rem 1rem;
  }
  .p-popular__list__icon {
    display: none;
  }
  .p-popular__list__ttl {
    display: block;
    padding: 1.6rem;
    font-size: 1.6rem;
  }
}
/* .p-course {
    margin-top: 12rem;
} */
.p-course__item + .p-course__item {
  padding-top: 8rem;
}

.p-course__reskilling {
  background: url(/images/top/bg_course--reskilling.png) no-repeat center bottom/contain;
}

.p-course__recurrent {
  background: url(/images/top/bg_course--recurrent.png) no-repeat center 16rem/75% auto;
}

.p-course__item__ttlGroup {
  padding-top: 8rem;
  border-top: 2px solid;
  -o-border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
     border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
}

.p-course__item__ttl {
  font-size: 4.8rem;
}

.p-course__item__ttl--color {
  font-size: 8rem;
  font-family: "Akshar", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}

.p-course__item__lead {
  font-weight: 700;
}

.p-course__list {
  margin-top: 6.4rem;
}

.p-course__list__item {
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  padding: 3.2rem 2.4rem 2.4rem;
  gap: 2.4rem;
}

.p-course__list__ttl {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.p-course__list__icon {
  display: block;
  margin: 0 auto 2.4rem;
}

.p-course__tag__ttle,
.p-course__tag__ttle:first-child {
  margin-top: 2.4rem;
  font-size: 1.5rem;
}

.p-course__tag__ttle__txt {
  font-size: 1.5rem;
}

.p-course__list__txt .p-course__list__ttl__txt {
  display: none;
}

.p-course__tag__item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 500;
}

.p-course__tag__item__txt + .p-course__tag__item__txt::before {
  content: "/";
}

.p-course__btn {
  margin-top: 5.6rem;
}

@media screen and (max-width: 768px) {
  /* .p-course {
      margin-top: 6rem;
  } */
  .p-course__reskilling {
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 90% auto;
  }
  .p-course__recurrent {
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 90% auto;
  }
  .p-course__item + .p-course__item {
    padding-top: 4rem;
  }
  .p-course__item__ttlGroup {
    padding-top: 3.2rem;
  }
  .p-course__item__ttl {
    font-size: 1.8rem;
  }
  .p-course__item__ttl--color {
    font-size: 4rem;
  }
  .p-course__list {
    grid-template-columns: 1fr;
    margin-top: 3.2rem;
  }
  .p-course__list__item {
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    grid-template-rows: auto;
    align-items: center;
    padding: 2.4rem;
    gap: 1.6rem;
  }
  .p-course__list__ttl {
    font-size: 1.6rem;
  }
  .p-course__list__icon {
    width: 4.8rem;
    height: auto;
  }
  .p-course__list__ttl .p-course__list__ttl__txt {
    display: none;
  }
  .p-course__list__txt .p-course__list__ttl__txt {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
  }
  .p-course__list__icon {
    margin-bottom: 0;
  }
  .p-course__tag__ttle:nth-child(n+2) {
    margin-top: 1.2rem;
  }
  .p-course__tag__ttle:first-child {
    margin-top: 0;
  }
  .p-course__tag {
    margin-top: 0.7rem;
  }
  .p-course__tag__item {
    margin-top: 0.5rem;
  }
  .p-course__btn {
    margin-top: 3.2rem;
  }
}
.p-school__cv {
  margin-top: 8rem;
}

@media screen and (max-width: 768px) {
  .p-school__cv {
    margin-top: 4rem;
  }
}
.p-event__outer {
  margin-top: 12rem;
}

.p-ttlBlock {
  position: relative;
  width: 100%;
  min-height: 54.4rem;
  aspect-ratio: 1920/544;
  background: url("/images/top/bg_ttlBlock.jpg") no-repeat center center;
  background-size: cover;
}

.p-ttlBlock__ttl {
  position: absolute;
  width: 100%;
  top: 59.56%;
  color: #333;
  font-weight: 700;
  font-size: 4rem;
  text-align: center;
}
.p-ttlBlock__ttl span {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
}

@media screen and (max-width: 1504px) {
  .p-ttlBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .p-ttlBlock__ttl {
    position: static;
  }
}
@media screen and (max-width: 768px) {
  .p-ttlBlock {
    min-height: 16.4rem;
    padding: 3.9rem 0 3.8rem;
    overflow: hidden;
    aspect-ratio: auto;
  }
  .p-ttlBlock__ttl {
    position: static;
    font-size: 2.4rem;
  }
  .p-ttlBlock__ttl span {
    font-size: 1.4rem;
  }
}
.p-notFound__txt {
  color: #333;
  font-weight: 500;
  font-size: 2rem;
  text-align: center;
}

.p-notFound__btn {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  margin-top: 5.6rem;
}

@media screen and (max-width: 768px) {
  .p-notFound__txt {
    font-size: 1.6rem;
    text-align: left;
  }
  .p-notFound__btn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2.4rem;
    margin-top: 3.2rem;
  }
  .p-notFound__btn .c-btn {
    width: 100%;
  }
}
.p-headerSp__nav {
  padding-bottom: 0.8rem;
}

@media screen and (max-width: 1200px) {
  .p-headerSp {
    display: block;
  }
}
.p-headerSp__menu__contents__ttl::before {
  background-color: #51D9BA;
}

[id^=p-headerSp__menu__trigger] + .p-headerSp__menu__contents__txt::after,
.p-headerSp__menu__contents__item--school .p-headerSp__menu__contents__txt::after,
.p-headerSp__menu__contents__item--course .p-headerSp__menu__contents__txt::after {
  -o-border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
     border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
}

.p-headerSp__foot__menu {
  display: grid;
  grid-template-columns: 20rem;
  row-gap: 2rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 4rem auto 0.8rem;
}

.p-headerSp__foot__menu__item {
  width: 20rem;
  text-align: center;
}

.p-headerSp__foot__menu__item:not(.c-btn) {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.p-headerSp__foot__menu__btn__item {
  width: 100%;
  border-radius: var(--radius-common-60);
  background: linear-gradient(108deg, #F3F5F9 0%, #F3F5F9 50%, #fff 50%, #fff 100%);
  background-size: 200% auto;
}

.p-headerSp__foot__menu__btn__item::after {
  background: linear-gradient(108deg, #F3F5F9 0%, #F3F5F9 100%) border-box border-box;
}

.p-headerSp__foot__menu__btn__item--gradation {
  background: linear-gradient(108deg, #18B6E5 0%, #C1E6B3 50%, #fff 50%, #fff 100%);
  background-size: 200% auto;
}

.p-headerSp__foot__menu__btn__item--gradation::after {
  background: linear-gradient(108deg, #18B6E5 0%, #C1E6B3 100%) border-box border-box;
}

.p-headerSp__foot__menu__btn__item .p-headerSp__foot__menu__btn__item__txt {
  font-size: 1.5rem;
  background-color: #333;
}

.p-headerSp__foot__menu__btn__item--gradation .p-headerSp__foot__menu__btn__item__txt {
  background-color: #fff;
}

.p-headerSp__foot__menu__btn__item--gradation:hover .p-headerSp__foot__menu__btn__item__txt {
  background: linear-gradient(108deg, #18B6E5 0%, #C1E6B3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-headerSp__foot__menu__item > a:not(.p-headerSp__foot__menu__btn__item) {
  font-size: 1.5rem;
  color: #333;
  transition: all 0.5s;
}

.p-headerSp__foot__menu__item > a:not(.p-headerSp__foot__menu__btn__item):hover {
  text-decoration: underline;
  opacity: 0.7;
}

.p-modal__overlay {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

.p-modal__container {
  max-height: 80vh;
  overflow-y: auto;
  padding: 3rem;
}

.p-modal__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.p-modal__close {
  background: transparent;
  border: 0;
}

.p-modal__header .p-modal__close::before {
  content: "✕";
}

.p-modal__open {
  display: block;
  margin: 100px auto;
}

/* モーダルアニメーション */
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.p-modal.is-open {
  display: block;
}

.p-modal[aria-hidden=false] .p-modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.p-modal[aria-hidden=false] .p-modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.p-modal[aria-hidden=true] .p-modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.p-modal[aria-hidden=true] .p-modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.p-modal .p-modal__container,
.p-modal .p-modal__overlay {
  will-change: transform;
}

.p-headerSchool__modal {
  display: none;
}

.p-headerSchool__container {
  padding-bottom: 2.2rem;
  background-color: #F5F7FA;
}

.p-headerSchool__header {
  padding-bottom: 2rem;
  border-bottom: 1px solid #51D9BA;
  -o-border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
     border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
}

.p-headerSchool__ttl {
  position: relative;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  align-items: center;
}

.p-headerSchool__contents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.6rem 2.4rem;
  height: auto;
  overflow: visible;
  padding-top: 1.6rem;
}

.p-headerSchool__ttl::before,
.p-headerSchool__ttl::after {
  content: "";
}

.p-headerSchool__ttl::before {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #fff;
}

.p-headerSchool__ttl::after {
  position: absolute;
  left: 1.3rem;
  width: 1rem;
  height: 1rem;
  border: 1px solid #333;
  -o-border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
     border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
  border-top: 0;
  border-left: 0;
  transform-origin: center;
  rotate: -45deg;
}

.p-headerSchool__contents__item {
  width: 100%;
  margin-top: 1.6rem;
  padding: 0;
}

.p-headerSchool__contents__ttl {
  padding: 0;
  margin: 0;
}

.p-headerSchool__menu__contents__item {
  width: calc(25% - 7.6rem);
  padding: 0 0 0.8rem;
}

.p-headerSchool__menu__contents__txt {
  transition: all 0.3s ease;
}

.p-headerSchool__menu__contents__txt:hover {
  opacity: 0.6;
}

@media screen and (max-width: 1200px) {
  .p-headerSchool {
    display: none;
  }
}
.p-headerCourse__modal {
  display: none;
}

.p-headerCourse__container {
  padding-bottom: 2.2rem;
  background-color: #F5F7FA;
}

.p-headerCourse__header {
  padding-bottom: 2rem;
  border-bottom: 1px solid #51D9BA;
  -o-border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
     border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
}

.p-headerCourse__ttl {
  position: relative;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  align-items: center;
}

.p-headerCourse__contents {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem 2.4rem;
  height: auto;
  overflow: visible;
  padding-top: 1.6rem;
}

.p-headerCourse__ttl::before,
.p-headerCourse__ttl::after {
  content: "";
}

.p-headerCourse__ttl::before {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #fff;
}

.p-headerCourse__ttl::after {
  position: absolute;
  left: 1.3rem;
  width: 1rem;
  height: 1rem;
  border: 1px solid #333;
  -o-border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
     border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
  border-top: 0;
  border-left: 0;
  transform-origin: center;
  rotate: -45deg;
}

.p-headerCourse__contents__item {
  width: 100%;
  margin-top: 1.6rem;
  padding: 0;
}

.p-headerCourse__contents__ttl {
  padding: 0;
  margin: 0;
}

.p-headerCourse__menu__contents__item {
  margin: 0 0 0.8rem;
  position: relative;
}

.p-headerCourse__menu__contents__item:has(.p-gnavCourse__trigger) {
  border-radius: var(--radius-common-16);
  background-color: #fff;
  padding: 0;
}

.p-headerCourse__menu__contents__item:has(.p-gnavCourse__trigger)::after {
  position: absolute;
  top: 1.6rem;
  right: 2.8rem;
  display: block;
  content: "";
  width: 2rem;
  height: 2rem;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  border-image-slice: 1;
  rotate: -45deg;
  border-image-source: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%);
  pointer-events: none;
  transition: all 0.3s ease;
}

.p-headerCourse__menu__contents__item:has(.p-gnavCourse__trigger:checked)::after {
  top: 2.6rem;
  rotate: 135deg;
}

.p-headerCourse__menu__contents__txt {
  transition: all 0.3s ease;
}

.p-headerCourse__menu__contents__txt:hover {
  opacity: 0.8;
}

.p-gnavCourse__trigger {
  display: none;
}

.p-gnavCourse__trigger__label {
  display: block;
  cursor: pointer;
  padding: 2rem 2.8rem;
}

.p-headerCourse__contents .p-headerSp__menu__contents__txt {
  font-size: 2rem;
}

.p-gnavCourse__trigger__item {
  display: none;
  flex-direction: column;
  gap: 1.6rem;
  margin: 0 2rem 2rem;
  padding-top: 2rem;
  border-top: 2px solid #EEEEEE;
}

.p-gnavCourse__trigger:checked ~ .p-gnavCourse__trigger__item {
  display: flex;
}

.p-gnavCourse__trigger__item a {
  font-size: 1.6rem;
  color: #333;
}

.p-gnavCourse__trigger__item a:hover {
  opacity: 0.6;
}

@media screen and (max-width: 1504px) {
  .p-headerCourse {
    display: none;
  }
}
.p-siteMap.c-bg::after {
  z-index: 0;
}

.p-siteMap__item {
  margin-top: 8rem;
}
@media screen and (max-width: 768px) {
  .p-siteMap__item {
    margin-top: 4rem;
  }
  .p-siteMap__item:first-child {
    margin-top: 3.2rem;
  }
}

.p-siteMap__link {
  padding-bottom: 2.1rem;
  background-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%);
  background-size: 100% 0.2rem;
  background-position: bottom;
}
@media screen and (max-width: 768px) {
  .p-siteMap__link {
    padding-bottom: 1.3rem;
    background-size: 100% 0.1rem;
  }
}

.p-siteMap__link--ttl {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  color: #333;
  font-weight: 700;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .p-siteMap__link--ttl {
    gap: 0.8rem;
    font-size: 1.8rem;
  }
}

.p-siteMap__link--ttl--hover {
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.p-siteMap__link--ttl--hover:hover {
  opacity: 0.5;
}

.p-siteMap__link__box {
  margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
  .p-siteMap__link__box {
    margin-top: 1.6rem;
  }
}

.p-siteMap__link--wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2.4rem;
}
@media screen and (max-width: 768px) {
  .p-siteMap__link--wrap {
    gap: 1.6rem;
  }
}

.p-siteMap__link--btn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: calc((100% - 7.2rem) / 4);
  padding: 1.3rem 2.4rem 1.3rem 3.2rem;
  border-radius: 5rem;
  color: #333;
  font-weight: 500;
  font-size: 1.5rem;
  background: #fff;
  transition: 0.2s ease-in-out;
}
.p-siteMap__link--btn:hover {
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .p-siteMap__link--btn {
    width: 100%;
    padding: 1.3rem 2.4rem;
  }
}
.p-siteMap__link--btn span:nth-of-type(1) {
  width: calc(100% - 1.8rem);
}

.p-siteMap__link--btn_longTxt {
  letter-spacing: -0.02em;
}

.p-siteMap__link__defBox {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .p-siteMap__link__defBox {
    margin-top: 3.2rem;
  }
  .p-siteMap__link__defBox:nth-of-type(1) {
    margin-top: 1.6rem;
  }
}

.p-siteMap__link__defBox--ttl {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.7rem;
  color: #333;
  font-weight: 700;
  font-size: 1.8rem;
}
.p-siteMap__link__defBox--ttl:before {
  display: inline-block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 12px;
  background: var(--51D9BA, #5EE8AF);
}
@media screen and (max-width: 768px) {
  .p-siteMap__link__defBox--ttl {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
  }
}

/* ローン用モーダルスタイル */
.p-siteMapModal__overlay {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
}

.p-siteMapModal__container {
  background-color: #fff;
  padding: 0;
  max-width: 100rem;
  max-height: 80vh;
  margin: 2rem;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.p-siteMapModal__close {
  background: transparent;
  border: 0;
  font-size: 3rem;
}

.p-siteMapModal__close:before {
  content: "✕";
}

.p-siteMapModal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.p-siteMapModal__micromodal-slide {
  display: none;
}

.p-siteMapModal__micromodal-slide.is-open {
  display: block;
}

.p-siteMapModal__micromodal-slide[aria-hidden=false] .p-siteMapModal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.p-siteMapModal__micromodal-slide[aria-hidden=false] .p-siteMapModal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.p-siteMapModal__micromodal-slide[aria-hidden=true] .p-siteMapModal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.p-siteMapModal__micromodal-slide[aria-hidden=true] .p-siteMapModal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.p-siteMapModal__micromodal-slide .p-siteMapModal__container,
.p-siteMapModal__micromodal-slide .p-siteMapModal__overlay {
  will-change: transform;
}

.p-modal-nav {
  display: none;
}

@media screen and (max-width: 768px) {
  .p-modal-nav {
    display: block;
    padding-top: 2.4rem;
  }
}
.p-modal-nav__header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  -moz-column-gap: 1.1rem;
       column-gap: 1.1rem;
}

.p-modal-nav__btn {
  width: calc((100% - 1.1rem) / 2);
  font-size: 1.6rem;
}

.p-modal-nav__overlay {
  flex-direction: column;
  row-gap: 2rem;
}

.p-modal-nav__container {
  position: relative;
  height: 80dvh;
  padding: 0;
  background-color: transparent;
}

.p-modal-nav__close {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}

.p-modal-nav__close__icon {
  width: 2rem;
  stroke: #fff;
}

.p-modal-nav__title {
  padding: 2rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  background-color: #333;
}

.p-modal-nav__content {
  padding: 2.4rem 1.6rem;
  background-color: #fff;
}

.p-modal-nav__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.6rem;
}

.p-modal-nav__list__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: calc(50% - 0.8rem);
  -moz-column-gap: 0.6rem;
       column-gap: 0.6rem;
}

.p-modal-nav__list__item::before {
  display: block;
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  margin-top: 0.4rem;
  border: 1px solid #333;
  border-top: 0;
  border-left: 0;
  -o-border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
     border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
  transform-origin: right bottom;
  rotate: -45deg;
}

.p-modal-nav__list__ancor {
  color: #333;
  font-size: 1.4rem;
  font-weight: 400;
}

.p-modal-nav__list__ancor:focus {
  outline: none;
}

@media screen and (max-width: 1540px) {
  .p-followSns {
    top: 26.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .p-followCv--follow {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .p-followCv--follow {
    display: none;
  }
}
.l-section:has(.p-postSearch) {
  padding-top: 12rem;
}

.p-postSearch__checkbox {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(28.5rem, 1fr));
  gap: 2rem;
  margin-top: 3rem;
  border: none;
}

.p-postSearch__checkbox span:has(input:checked),
.p-postSearch__checkbox span:hover {
  padding: 2px;
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) border-box border-box;
  border-radius: 0.8rem;
}

.p-postSearch__checkbox span:hover label {
  background: #fff;
}

.p-postSearch__checkbox span label:has(:checked),
.p-postSearch__checkbox span:hover label {
  border: 0;
  color: #51D9BA;
}

.p-postSearch__checkbox span label:has(:checked) {
  background: #E5F5F4;
}

.p-postSearch__checkbox label {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6rem;
  position: relative;
  padding: 1.4rem;
  font-size: 1.6rem;
  border-radius: 0.6rem;
  border: 2px solid #EEE;
  background: #fff;
  cursor: pointer;
  transition: color 0.3s ease;
}

.p-postSearch__checkbox label::before {
  width: 3rem;
  height: 3rem;
  border: 2px solid #EEE;
  border-radius: 4px;
  background-color: #fff;
  content: "";
}

.p-postSearch__checkbox label:has(:checked)::before {
  border-color: transparent;
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) border-box border-box;
}

.p-postSearch__checkbox label:has(:checked)::after {
  position: absolute;
  top: 2.2rem;
  left: 1.9rem;
  width: 1.95rem;
  height: 1.35rem;
  content: "";
  background: url(/common/images/icon_chack.svg) no-repeat;
}

.p-postSearch__checkbox label:hover {
  color: #51D9BA;
}

.p-postSearch__checkbox input {
  display: none;
}

@media screen and (max-width: 768px) {
  .l-section:has(.p-postSearch) {
    padding-top: 6rem;
  }
  .l-section--margin--underlayer:has(.p-postSearch) {
    margin-bottom: 6rem;
  }
  .p-postSearch__checkbox {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    gap: 1rem;
  }
  .p-postSearch__checkbox label {
    font-size: 1.4rem;
  }
  .p-postSearch__checkbox label::before {
    width: 2rem;
    height: 2rem;
  }
  .p-postSearch__checkbox label:has(:checked)::after {
    top: 2rem;
    left: 1.75rem;
    width: 1.3rem;
    height: 0.9rem;
    background-size: 100%;
  }
}
.eventCampaign {
  margin: 3rem 0 17.7rem;
}

.js-eventCampaign a {
  display: block;
}

.js-eventCampaign img {
  display: block;
  width: 100%;
  height: auto;
}

.js-eventCampaign a:hover,
.js-eventCampaign .swiper-slide:not(.swiper-slide-active) img {
  opacity: 0.5;
}

.js-eventCampaign__container {
  position: relative;
}

.js-eventCampaign__container .swiper-pagination {
  bottom: -4rem !important;
  z-index: 1;
}

.js-eventCampaign__container .swiper-pagination-bullet {
  bottom: 30px;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0.8rem !important;
  background: #EEE;
  opacity: 1;
}

.js-eventCampaign__container .swiper-pagination-bullet-active {
  background: #51D9BA;
}

@media screen and (max-width: 768px) {
  .eventCampaign {
    margin: 1.1rem 0 9.2rem;
  }
  .js-eventCampaign__container .swiper-pagination {
    bottom: -3.55rem !important;
  }
  .js-eventCampaign__container .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 0.6rem !important;
  }
}
.p-postTag {
  position: relative;
  margin-top: 6rem;
}

.p-postTag:first-child {
  margin-top: 0;
}

.p-postTag .c-btn__item .c-btn__txt {
  padding-left: 4.6rem;
  padding-right: 2.4rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.p-postTag .c-btn__item .c-btn__txt::before,
.p-postTag .c-btn__item .c-btn__txt::after {
  position: absolute;
  top: 2.6rem;
  left: 2.4rem;
  display: block;
  width: 1.6rem;
  height: 2px;
  content: "";
  background: #fff;
  transition: all 0.3s ease;
}

.p-postTag .c-btn__item .c-btn__txt::before {
  rotate: 45deg;
}

.p-postTag .c-btn__item .c-btn__txt::after {
  rotate: -45deg;
}

.p-postTag .c-btn__item:hover .c-btn__txt::before,
.p-postTag .c-btn__item:hover .c-btn__txt::after {
  background: #51D9BA;
}

.p-postSearch__tag {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  margin-top: 3rem;
  border: none;
}

.p-postSearch__tag span:has(input:checked),
.p-postSearch__tag span:hover {
  padding: 2px;
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) border-box border-box;
  border-radius: 3rem;
}

.p-postSearch__tag span:hover label {
  background: #fff;
}

.p-postSearch__tag span label:has(:checked),
.p-postSearch__tag span:hover label {
  border: 0;
  color: #51D9BA;
}

.p-postSearch__tag span label:has(:checked) {
  background: #E5F5F4;
}

.p-postSearch__tag label {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.6rem;
  position: relative;
  padding: 1.4rem 2.2rem;
  font-size: 1.6rem;
  border-radius: 3rem;
  border: 2px solid #EEE;
  background: #fff;
  cursor: pointer;
  transition: color 0.3s ease;
}

.p-postSearch__tag label::before {
  content: "#";
  color: #51D9BA;
}

.p-postSearch__tag label:hover {
  color: #51D9BA;
}

.p-postSearch__tag input {
  display: none;
}

@media screen and (max-width: 768px) {
  .p-postTag {
    margin-top: 3rem;
  }
  .p-postTag .c-btn__item .c-btn__txt {
    padding: 1rem 1.8rem 1rem 4rem;
    font-size: 1.4rem;
  }
  .p-postTag .c-btn__item .c-btn__txt::before,
.p-postTag .c-btn__item .c-btn__txt::after {
    top: 1.8rem;
    left: 1.8rem;
    width: 1.55rem;
    height: 1px;
  }
  .p-postSearch__tag label {
    gap: 0.3rem;
    padding: 0.8rem 1.4rem;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 32rem) {
  .p-postTag .c-btn__item .c-btn__txt::before,
.p-postTag .c-btn__item .c-btn__txt::after {
    left: 0.8rem;
    width: 1rem;
  }
  .p-postTag .c-btn__item .c-btn__txt {
    padding: 1rem 1rem 1rem 2rem;
    font-size: 1.2rem;
  }
}
.p-postContents__head {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.85rem 2rem;
  margin-bottom: 1.3rem;
}

.p-postContents .c-new,
.p-postContents .c-new__txt {
  position: relative;
  top: 0;
  left: 0;
}

.p-postContents__courseName {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  padding: 0.9rem 1.4rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #333;
  border-radius: var(--radius-common-96);
  background: #fff;
}

.p-postContents__courseName::before {
  display: block;
  height: 1.6rem;
  width: 1.6rem;
  content: "";
  border-radius: var(--radius-common-circle);
  background: #51D9BA;
}

.p-postContents .p-post__time {
  margin-left: 0;
  font-size: 1.5rem;
}

.p-postContents__tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  margin-top: 3rem;
}

.p-postContents__tags .p-post__tag--genre__item {
  font-size: 1.5rem;
}

.p-postContents .p-post__img {
  margin-top: 3rem;
}

.p-postContents__bkBtn {
  margin-top: 6rem;
  padding: 3rem 0;
  border-top: 2px solid #EEE;
  border-bottom: 2px solid #EEE;
}

.post-contents h2 {
  margin-bottom: 4rem;
  padding-bottom: 3.4rem;
  font-size: 3.2rem;
  font-weight: 700;
  border-bottom: 2px solid #51D9BA;
}

.post-contents h3 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2.4rem;
  margin: 6rem 0 4rem;
  font-size: 3.2rem;
  font-weight: 700;
}

.post-contents h3::before {
  display: block;
  min-width: 4rem;
  height: 0.2rem;
  margin-top: 2.2rem;
  content: "";
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) border-box border-box;
}

.post-contents h4 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.8rem;
  margin: 6rem 0 4rem;
  font-size: 2.4rem;
  font-weight: 700;
}

.post-contents h4::before {
  display: block;
  min-width: 1.6rem;
  height: 1.6rem;
  margin-top: 1rem;
  content: "";
  border-radius: var(--radius-common-circle);
  background: #51D9BA;
}

.post-contents strong {
  font-weight: 700;
}

.post-contents p {
  line-height: 1.5;
  font-weight: 400;
}

.post-contents * + p {
  margin-top: 4rem;
}

.post-contents p a {
  margin-top: 0;
}

.post-contents a {
  display: inline-block;
  margin-top: 4rem;
  font-weight: 700;
  color: #22A7B6;
  text-decoration: underline;
  transition: all 0.3s ease;
}

.post-contents a:not(.c-btn__item):hover {
  opacity: 0.5;
  text-decoration: none;
}

.post-contents p:not([class]) + a {
  margin-top: 3rem;
}

.post-contents ul:not(.p-postContents__evaluation),
.post-contents ol {
  margin: 4rem 0;
  font-weight: 400;
}

.post-contents ul:not(.p-postContents__evaluation) li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.5rem;
}

.post-contents ul:not(.p-postContents__evaluation) li::before {
  display: block;
  min-width: 0.6rem;
  height: 0.6rem;
  margin-top: 0.7rem;
  content: "";
  border-radius: var(--radius-common-circle);
  background: #51D9BA;
}

.post-contents ol li {
  list-style-type: decimal;
  margin-left: 1em;
}

.post-contents ul:not(.p-postContents__evaluation) li + li {
  margin-top: 2rem;
}

.post-contents .c-btn {
  padding: 2rem 1rem;
  background: #F5F7FA;
}

.post-contents .c-btn__item {
  position: relative;
  width: auto;
  margin-top: 0;
  text-decoration: none;
}

.post-contents .c-btn__item .c-btn__txt {
  min-width: 36rem;
  padding: 1.3rem 6rem;
  font-size: 1.5rem;
}

.post-contents .c-btn__item::before {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
  transform-origin: center;
  rotate: -45deg;
  transition: all 0.3s ease;
}

.post-contents .c-btn__item:hover::before {
  -o-border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
     border-image: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%) 1;
}

.post-contents img {
  margin-top: 4rem;
  max-width: 100%;
  height: auto;
}

.p-postContents__evaluation {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 3rem;
}

.p-postContents__evaluation--check {
  position: relative;
}

.p-postContents__evaluation--check::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  display: block;
  width: 4rem;
  height: 4rem;
  margin: auto;
  content: "";
  border-radius: 50%;
  background: linear-gradient(90deg, #2DB0DC 0%, #5FE9AC 100%);
  opacity: 0.4;
}

.p-postContents__evaluation--check::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  margin: auto;
  content: "";
  border-radius: 50%;
  background: #fff;
}

#mt-richtext p:not([class]) {
  margin-bottom: 1em;
}

#mt-richtext strong:not([class]) {
  font-weight: bold;
}

#mt-richtext img:not([class]) {
  margin: 0 4rem 0;
  max-width: 50%;
}

#mt-richtext ul:not([class]) {
  list-style-type: disc;
}

#mt-richtext li > ul:not([class]) {
  list-style-type: circle;
}

#mt-richtext ol:not([class]) {
  list-style-type: numeric;
}

#mt-richtext li > ol:not([class]) {
  list-style-type: lower-alpha;
}

#mt-richtext::before {
  content: "";
  display: block;
  clear: both;
}

#mt-richtext::after {
  content: "";
  display: block;
  clear: both;
}

#mt-richtext ul:not([class]),
#mt-richtext ol:not([class]) {
  overflow: hidden;
}

#mt-richtext iframe {
  float: none !important;
  margin: auto !important;
  max-width: 100% !important;
}

#mt-richtext .clear {
  clear: both;
}

.p-postContents__sameCategory.l-section {
  margin-top: 0;
  background: none;
}

@media screen and (max-width: 768px) {
  .l-section:has(.p-post__ttl) {
    padding: 2rem 0 3rem;
  }
  .p-postContents__head {
    margin-bottom: 2rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .p-postContents__courseName {
    font-size: 1.4rem;
  }
  .p-postContents__tags {
    margin-top: 2.4rem;
    gap: 0.4rem 0.8rem;
  }
  .p-postContents__tags .p-post__tag--genre__item {
    font-size: 1.4rem;
    padding: 0;
  }
  .p-postContents__tags .p-post__tag--place__item {
    padding: 0.4rem 0.8rem;
  }
  .p-postContents__bkBtn {
    margin-top: 5rem;
    padding: 2rem 0;
    border-width: 1px;
  }
  .p-postContents__bkBtn .c-btn__txt {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    font-size: 1.4rem;
  }
  .p-postContents .p-post__img {
    width: calc(100% + 6.4rem);
    margin-top: 2rem;
    margin-left: -3.2rem;
    border-radius: 0;
  }
  .l-section:has(.post-contents) {
    padding-top: 2rem;
  }
  .post-contents h2 {
    margin-bottom: 3rem;
    padding-bottom: 1.7rem;
    font-size: 2rem;
  }
  .post-contents h3 {
    gap: 1rem;
    margin: 5rem 0 3rem;
    font-size: 2rem;
  }
  .post-contents h3::before {
    min-width: 2rem;
    height: 0.1rem;
    margin-top: 1.4rem;
  }
  .post-contents h4 {
    margin: 5rem 0 3rem;
    font-size: 1.6rem;
  }
  .post-contents h4::before {
    min-width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.6rem;
  }
  .post-contents p,
.post-contents a,
.post-contents li {
    font-size: 1.4rem;
  }
  .post-contents * + p {
    margin-top: 3rem;
  }
  .post-contents a {
    margin-top: 3rem;
  }
  .post-contents p:not([class]) + a {
    margin-top: 2rem;
  }
  .post-contents img {
    width: 100%;
    height: auto;
    margin-top: 3rem;
  }
  .post-contents .c-btn {
    padding: 1rem;
  }
  .post-contents .c-btn__item {
    width: 100%;
  }
  .post-contents .c-btn__item .c-btn__txt {
    padding: 0.9rem;
    min-width: 20.8rem;
    font-size: 1.4rem;
  }
  .p-postContents__evaluation {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 2rem;
  }
  #mt-richtext img:not([class]) {
    margin: 0;
  }
  #mt-richtext iframe[src*="youtube.com"] {
    width: calc(100vw - 3.2rem) !important;
    height: calc(66.67vw - 3.2rem) !important;
  }
  #mt-richtext * {
    float: none !important;
  }
  #mt-richtext .clear {
    display: none;
  }
  #mt-richtext img:not([class]) {
    max-width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */