@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colors to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colors to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border color to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

html {
  font-size: 100%;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  word-break: break-all;
  background-color: #FFFFFF;
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  font-size: clamp(0.75rem, 0.696rem + 0.27vw, 0.938rem);
  font-weight: 400;
}

a {
  text-decoration: none;
  color: #333333;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a:hover,
a.hover {
  opacity: 0.7;
}

li {
  list-style: none;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.__inner {
  max-width: 920px;
  width: 85%;
  margin: 0 auto;
  padding: 90px 0;
}
@media screen and (max-width: 768px) {
  .__inner {
    padding: 45px 0;
  }
}
@media screen and (max-width: 480px) {
  .__inner {
    width: 90%;
  }
}

.fadeUp {
  -webkit-animation: fadeUpAnime 0.8s forwards;
  animation: fadeUpAnime 0.8s forwards;
  /* fadeUpAnimeを0.8秒で一回実行 */
  opacity: 0;
}

/* トリガーアニメーションのスタイル */
.fadeUpTrigger {
  opacity: 0;
  /* 最初は非表示 */
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    /* 最初は非表示 */
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    /* 100px下に動かす */
  }
  to {
    opacity: 1;
    /* 可視化する */
    -webkit-transform: translateY(0);
    transform: translateY(0);
    /* 元の位置に戻す */
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    /* 最初は非表示 */
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    /* 100px下に動かす */
  }
  to {
    opacity: 1;
    /* 可視化する */
    -webkit-transform: translateY(0);
    transform: translateY(0);
    /* 元の位置に戻す */
  }
}
@media screen and (min-width: 1025px) {
  .__tab {
    display: none;
  }
  .__sp {
    display: none;
  }
  .__pc {
    display: inline-block;
  }
}
/* Tablet: 480px超〜1024px以下 */
@media screen and (max-width: 1024px) and (min-width: 481px) {
  .__pc {
    display: none;
  }
  .__sp {
    display: none;
  }
  .__tab {
    display: inline-block;
  }
}
/* SP: 480px以下 */
@media screen and (max-width: 480px) {
  .__tab {
    display: none;
  }
  .__pc {
    display: none;
  }
  .__sp {
    display: inline-block;
  }
}
.__inner {
  max-width: 920px;
  width: 90%;
  margin: 0 auto;
  padding: 90px 0;
}
@media screen and (max-width: 768px) {
  .__inner {
    padding: 45px 0;
  }
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header {
    height: 60px;
  }
}
.header-wrap {
  max-width: 1410px;
  width: 98%;
  height: 100%;
  padding: 0.5em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.header-wrap__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5em;
}
@media screen and (max-width: 768px) {
  .header-wrap__top {
    height: 100%;
  }
}
.header-wrap__top__logo {
  max-width: 250px;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .header-wrap__top__logo {
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .header-wrap__top__logo {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 45%;
  }
}
.header-wrap__top__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2em;
  max-width: 436px;
  width: 100%;
  border-radius: 9999px;
}
.header-wrap__top__btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.9rem;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  aspect-ratio: 4.7/1;
  position: relative;
  z-index: 1;
}
.header-wrap__top__btn a:hover,
.header-wrap__top__btn a.hover {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .header-wrap__top__btn {
    display: none;
  }
}
.header-wrap__top__btn .__freetrial {
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  position: relative;
}
.header-wrap__top__btn .__freetrial::before {
  content: "";
  position: absolute;
  inset: 1.5px;
  border-radius: inherit;
  background-color: #FFFFFF;
  /* 中央から広がるアニメーションの初期状態 */
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.header-wrap__top__btn .__freetrial:hover a,
.header-wrap__top__btn .__freetrial.hover a {
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.header-wrap__top__btn .__freetrial:hover::before,
.header-wrap__top__btn .__freetrial.hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  /* 全体に広がる */
}
.header-wrap__top__btn .__reservation {
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  position: relative;
}
.header-wrap__top__btn .__reservation::before {
  content: "";
  position: absolute;
  inset: 1.5px;
  border-radius: inherit;
  background-color: #fff;
  /* 中央から広がるアニメーションの初期状態 */
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.header-wrap__top__btn .__reservation:hover a,
.header-wrap__top__btn .__reservation.hover a {
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.header-wrap__top__btn .__reservation:hover::before,
.header-wrap__top__btn .__reservation.hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  /* 全体に広がる */
}
.header-wrap__top__tab {
  display: none;
}
@media screen and (max-width: 768px) {
  .header-wrap__top__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .header-wrap__top__tab .__reservation {
    background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
    background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
    background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
    border-radius: 9999px;
    position: relative;
    max-width: 175px;
    width: 100%;
  }
  .header-wrap__top__tab .__reservation a {
    width: 100%;
    aspect-ratio: 4.7/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: bold;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) and (max-width: 480px) {
  .header-wrap__top__tab .__reservation a {
    font-size: clamp(0.55rem, -0.05rem + 3vw, 0.85rem);
  }
}
@media screen and (max-width: 768px) {
  .header-wrap__top__tab .__reservation a:hover,
  .header-wrap__top__tab .__reservation a.hover {
    opacity: 1;
  }
  .header-wrap__top__tab .__reservation::before {
    content: "";
    position: absolute;
    inset: 1.5px;
    border-radius: inherit;
    background-color: #fff;
    /* 中央から広がるアニメーションの初期状態 */
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  }
  .header-wrap__top__tab .__reservation:hover a,
  .header-wrap__top__tab .__reservation.hover a {
    background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
    background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
    background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .header-wrap__top__tab .__reservation:hover::before,
  .header-wrap__top__tab .__reservation.hover::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    /* 全体に広がる */
  }
  .header-wrap__top__tab .openbtn {
    position: relative;
    z-index: 9999;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-left: 0.4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header-wrap__top__tab .openbtn span {
    display: block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    height: 2px;
    width: 28px;
    border-radius: 10px;
    background-color: #333333;
  }
  .header-wrap__top__tab .openbtn span:nth-of-type(1) {
    top: 9px;
  }
  .header-wrap__top__tab .openbtn span:nth-of-type(2) {
    top: 19px;
  }
  .header-wrap__top__tab .openbtn span:nth-of-type(3) {
    top: 29px;
  }
  .header-wrap__top__tab .openbtn.active span:nth-of-type(1) {
    top: 19px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header-wrap__top__tab .openbtn.active span:nth-of-type(2) {
    opacity: 0;
  }
  .header-wrap__top__tab .openbtn.active span:nth-of-type(3) {
    top: 19px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 28px;
  }
}
.header-wrap__nav {
  margin-top: 0.6rem;
}
@media screen and (max-width: 768px) {
  .header-wrap__nav {
    display: none;
  }
}
.header-wrap__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
}
.header-wrap__nav__list__item a {
  padding: 0.5em 1em;
  font-weight: 500;
}
.header-wrap__nav__list__item a i {
  margin-left: 0.5em;
}
.header-wrap #h-menu {
  visibility: hidden;
  position: fixed;
  z-index: -1;
  opacity: 0;
  top: 0;
  right: -110%;
  width: 60%;
  height: 100dvh;
  background: #75A7FF;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (max-width: 480px) {
  .header-wrap #h-menu {
    width: 70%;
  }
}
.header-wrap #h-menu.panelactive {
  opacity: 1;
  z-index: 999;
  visibility: visible;
  right: 0;
}
.header-wrap #h-menu.panelactive #h-menu-list {
  position: fixed;
  z-index: 999;
  width: 60%;
  padding: 60px 3% 0;
  height: 100dvh;
  overflow-y: auto;
}
@media screen and (max-width: 480px) {
  .header-wrap #h-menu.panelactive #h-menu-list {
    width: 70%;
  }
}
.header-wrap #h-menu .header-wrap__nav__list {
  display: none;
  z-index: 999;
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: auto;
}
.header-wrap #h-menu .header-wrap__nav__list__item {
  max-width: 250px;
  width: 100%;
  margin: 0 auto 2dvh;
  text-align: center;
  display: block;
}
.header-wrap #h-menu .header-wrap__nav__list__item:last-of-type {
  margin-bottom: 0;
}
.header-wrap #h-menu .header-wrap__nav__list__item a {
  color: #FFFFFF;
  font-size: clamp(0.875rem, 0.786rem + 0.45vw, 1rem);
}
.header-wrap #h-menu .header-wrap__nav__list__item .children-menu-wrap__con__list__item a {
  color: #153962;
  text-align: left;
  font-size: clamp(0.613rem, 0.425rem + 0.94vw, 0.875rem);
}
.header-wrap #h-menu .header-wrap__nav__list__item__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2em;
  border-radius: 9999px;
  margin: 0 auto 2dvh;
}
.header-wrap #h-menu .header-wrap__nav__list__item__btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  aspect-ratio: 4.7/1;
  position: relative;
  z-index: 1;
}
.header-wrap #h-menu .header-wrap__nav__list__item__btn a:hover,
.header-wrap #h-menu .header-wrap__nav__list__item__btn a.hover {
  opacity: 1;
}
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__freetrial {
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  position: relative;
}
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__freetrial::before {
  content: "";
  position: absolute;
  inset: 1.5px;
  border-radius: inherit;
  background-color: #fff;
  /* 中央から広がるアニメーションの初期状態 */
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__freetrial:hover a,
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__freetrial.hover a {
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__freetrial:hover::before,
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__freetrial.hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  /* 全体に広がる */
}
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__reservation {
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  position: relative;
}
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__reservation::before {
  content: "";
  position: absolute;
  inset: 1.5px;
  border-radius: inherit;
  background-color: #fff;
  /* 中央から広がるアニメーションの初期状態 */
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__reservation:hover a,
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__reservation.hover a {
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__reservation:hover::before,
.header-wrap #h-menu .header-wrap__nav__list__item__btn.__reservation.hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  /* 全体に広がる */
}
.header-wrap #h-menu.panelactive .header-wrap__nav__list {
  display: block;
}

.parent {
  cursor: pointer;
}

.children-menu {
  position: absolute;
  top: 120px;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;
  padding: 2em;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  border-top: solid 3px #f0f0f0;
  /* 初めはメニューを隠す */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  -o-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media screen and (max-width: 768px) {
  .children-menu {
    top: 105%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: auto;
    padding: 1em;
  }
}
.children-menu-wrap {
  width: 70%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .children-menu-wrap {
    width: 85%;
  }
}
@media screen and (max-width: 768px) {
  .children-menu-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.children-menu-wrap__ttl {
  display: inline-block;
  width: 50%;
  font-size: clamp(1.125rem, 0.265rem + 1.79vw, 1.875rem);
  font-weight: bold;
  color: #153962;
}
@media screen and (max-width: 768px) {
  .children-menu-wrap__ttl {
    margin: 0 auto 2%;
    width: 100%;
    font-size: clamp(0.9rem, 0.739rem + 0.8vw, 1.125rem);
  }
}
.children-menu-wrap__ttl span {
  display: block;
  line-height: 1;
  color: #75A7FF;
  font-size: clamp(0.75rem, 0.463rem + 0.6vw, 1rem);
}
@media screen and (max-width: 768px) {
  .children-menu-wrap__ttl span {
    font-size: clamp(0.5rem, 0.321rem + 0.89vw, 0.75rem);
  }
}
.children-menu-wrap__con {
  display: block;
  width: 50%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .children-menu-wrap__con {
    width: 100%;
  }
}
.children-menu-wrap__con__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .children-menu-wrap__con__list {
    margin-top: 2%;
  }
}
.children-menu-wrap__con__list__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #153962;
  font-weight: 500;
  font-size: clamp(0.75rem, 0.463rem + 0.6vw, 1rem);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.children-menu-wrap__con__list__item .is-static-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #153962;
  font-weight: 500;
  font-size: clamp(0.75rem, 0.463rem + 0.6vw, 1rem);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.children-menu-wrap__con__list__item .is-static-link .square {
  color: #FFBF00;
  font-size: 0.8em;
  margin-right: 1em;
}
.children-menu-wrap__con__list__item .is-static-link .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.children-menu-wrap__con__list__item .is-static-link .link .sub {
  font-size: 0.8em;
}
.children-menu-wrap__con__list__item .is-static-link i {
  margin-left: 1em;
}
.children-menu-wrap__con__list__item a .square {
  color: #FFBF00;
  font-size: 0.8em;
  margin-right: 1em;
}
.children-menu-wrap__con__list__item a .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.children-menu-wrap__con__list__item a .link .sub {
  font-size: 0.8em;
}
.children-menu-wrap__con__list__item a i {
  margin-left: 1em;
}
.children-menu-wrap__con__list__item:not(:last-of-type) {
  margin-bottom: 0;
}
.children-menu-wrap__con::before {
  display: block;
  width: 2px;
  content: "";
  height: 100%;
  background-color: #cccccc;
  position: absolute;
  left: -10%;
  top: 0;
}
@media screen and (max-width: 768px) {
  .children-menu-wrap__con::before {
    width: 100%;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.children-menu.active-menu {
  opacity: 1;
  visibility: visible;
}

main {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  main {
    margin-top: 60px;
  }
}

.c-btn__cta {
  max-width: 410px;
  width: 100%;
}
.c-btn__cta__txt {
  display: block;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  font-size: 0.9rem;
}
@media screen and (max-width: 480px) {
  .c-btn__cta__txt {
    font-size: clamp(0.75rem, 0.45rem + 1.5vw, 0.9rem);
  }
}
.c-btn__cta__reservation {
  border-radius: 9999px;
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  position: relative;
}
.c-btn__cta__reservation::before {
  content: "";
  position: absolute;
  inset: 1.5px;
  border-radius: inherit;
  background-color: #fff;
  /* 中央から広がるアニメーションの初期状態 */
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.c-btn__cta__reservation:hover a,
.c-btn__cta__reservation.hover a {
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.c-btn__cta__reservation:hover::before,
.c-btn__cta__reservation.hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  /* 全体に広がる */
}
.c-btn__cta__reservation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  aspect-ratio: 5.75/1;
  position: relative;
  z-index: 1;
  line-height: 1;
  font-size: 1rem;
}
@media screen and (max-width: 480px) {
  .c-btn__cta__reservation a {
    font-size: clamp(0.83rem, 0.49rem + 1.7vw, 1rem);
  }
}
.c-btn__cta__reservation a:hover,
.c-btn__cta__reservation a.hover {
  opacity: 1;
}
.c-btn__cta__reservation a::after {
  content: "\f054";
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(0);
  -ms-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.9em;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 1;
}
.c-btn__cta__reservation a:hover::after,
.c-btn__cta__reservation a.hover::after {
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.c-btn,
.c-btn__blue {
  max-width: 350px;
  width: 100%;
  border-radius: 9999px;
  margin: 0 auto;
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  position: relative;
}
.c-btn::before,
.c-btn__blue::before {
  content: "";
  position: absolute;
  inset: 1.5px;
  border-radius: inherit;
  background-color: #fff;
  /* 中央から広がるアニメーションの初期状態 */
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.c-btn:hover a,
.c-btn__blue:hover a,
.c-btn.hover a,
.hover.c-btn__blue a {
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.c-btn:hover::before,
.c-btn__blue:hover::before,
.c-btn.hover::before,
.hover.c-btn__blue::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  /* 全体に広がる */
}
.c-btn a,
.c-btn__blue a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  aspect-ratio: 5.75/1;
  position: relative;
  z-index: 1;
  line-height: 1;
  font-size: 1rem;
}
@media screen and (max-width: 480px) {
  .c-btn a,
  .c-btn__blue a {
    font-size: clamp(0.83rem, 0.49rem + 1.7vw, 1rem);
  }
}
.c-btn a:hover,
.c-btn__blue a:hover,
.c-btn a.hover,
.c-btn__blue a.hover {
  opacity: 1;
}
.c-btn a::after,
.c-btn__blue a::after {
  content: "\f054";
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(0);
  -ms-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.9em;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 1;
}
.c-btn a:hover::after,
.c-btn__blue a:hover::after,
.c-btn a.hover::after,
.c-btn__blue a.hover::after {
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.c-btn__blue {
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
}
.c-btn__blue::before {
  background-color: #fff;
}
.c-btn__blue:hover a,
.c-btn__blue.hover a {
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.c-btn__blue a:hover::after,
.c-btn__blue a.hover::after {
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.banner {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  .banner {
    margin-bottom: 1.3rem;
  }
}
.banner-list .slick-slide {
  margin: 0 0.5em;
}
.banner-list .slick-list {
  margin: 0 -0.5em;
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2em;
  margin: 1em 0;
}
.slick-dots li button {
  font-size: 0;
  color: transparent;
  line-height: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  width: clamp(0.313rem, 0.223rem + 0.45vw, 0.625rem);
  aspect-ratio: 1/1;
  border-radius: 0;
  background-color: #d9d9d9;
}
.slick-dots li.slick-active button {
  background-color: #153962;
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
  width: 3.5em;
  aspect-ratio: 1/1;
  background: rgba(255, 191, 0, 0.8);
  border-radius: 50%;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FFFFFF;
  font-size: clamp(0.7rem, 0.557rem + 0.71vw, 1.2rem);
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .slick-prev,
  .slick-next {
    top: auto;
    bottom: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.slick-prev:hover,
.slick-next:hover {
  opacity: 1;
}

/* 左矢印 */
.slick-prev {
  left: 0;
}
@media screen and (max-width: 1024px) {
  .slick-prev {
    left: auto;
    right: 0;
    -webkit-transform: translateX(-130%);
    -ms-transform: translateX(-130%);
    transform: translateX(-130%);
  }
}

/* 右矢印 */
.slick-next {
  right: 0;
}

.c-ttl {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  .c-ttl {
    margin-bottom: 1.3rem;
  }
}
.c-ttl .sub {
  color: #153962;
  display: block;
  font-size: clamp(0.875rem, 0.768rem + 0.54vw, 1.25rem);
}
.c-ttl .main {
  font-size: clamp(1.6rem, 1.414rem + 0.93vw, 2.25rem);
  font-weight: bold;
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.c-ttl__medium {
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 2.8rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-ttl__medium {
    margin-bottom: 1.3rem;
  }
}

.c-lead {
  text-align: center;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  .c-lead {
    margin-bottom: 1.3rem;
  }
}

.c-strong {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #FFFFFF;
  background-color: #153962;
  padding: 0.4em;
  margin: 0.2em 0.1em;
  font-weight: bold;
  line-height: 1;
}

.underline__bg {
  position: relative;
  display: inline-block;
  line-height: 1.5;
}
.underline__bg::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35%;
  background-color: rgba(255, 191, 0, 0.7);
  z-index: -1;
}

.c-underline {
  line-height: 1.5;
  background: -o-linear-gradient(transparent 65%, rgba(255, 191, 0, 0.7) 65%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(65%, rgba(255, 191, 0, 0.7)));
  background: linear-gradient(transparent 65%, rgba(255, 191, 0, 0.7) 65%);
}

.change-wrap.__inner {
  max-width: 1340px;
  width: 93%;
}
@media screen and (max-width: 768px) {
  .change-wrap.__inner {
    max-width: 450px;
    width: 90%;
  }
}
.change-wrap .c-ttl__medium {
  color: #75A7FF;
  font-size: clamp(1.3rem, 1.186rem + 0.57vw, 1.7rem);
}
@media screen and (max-width: 1024px) {
  .change-wrap__list {
    padding-bottom: 4em;
  }
}
.change-wrap__list__item {
  position: relative;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.change-wrap__list__item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1em;
}
.change-wrap__list__item.slick-center {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media screen and (max-width: 1024px) {
  .change-wrap__list__item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.change-wrap__list__item.basic::before {
  background: -o-linear-gradient(left, #FFBF00 0%, #FF9E03 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), to(#FF9E03));
  background: linear-gradient(90deg, #FFBF00 0%, #FF9E03 100%);
}
.change-wrap__list__item.basic .course-name {
  background: -o-linear-gradient(left, #FFBF00 0%, #FF9E03 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), to(#FF9E03));
  background: linear-gradient(90deg, #FFBF00 0%, #FF9E03 100%);
}
.change-wrap__list__item.sidejob::before {
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
}
.change-wrap__list__item.sidejob .course-name {
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
}
.change-wrap__list__item.freelance::before {
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
}
.change-wrap__list__item.freelance .course-name {
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
}
.change-wrap__list__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  border-radius: 0.5em;
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
}
.change-wrap__list__item::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  z-index: -1;
  border-radius: 0.5em;
  background: #FFFFFF;
}
.change-wrap__list__item .more {
  text-align: right;
  font-weight: bold;
  color: #153962;
  margin-top: 1em;
  padding-right: 2em;
  position: relative;
}
.change-wrap__list__item .more::after {
  position: absolute;
  content: "▶";
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.change-wrap__detail {
  display: none;
}
@media screen and (max-width: 1024px) {
  .change-wrap .slick-slide {
    margin: 0 1vw;
  }
}
.change-wrap .course-name {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.2em 2em;
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  font-size: clamp(0.938rem, 0.884rem + 0.27vw, 1.125rem);
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 0 0.5em 0 0;
}
.change-wrap .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5em;
  margin-top: 2em;
}
.change-wrap .profile-image {
  width: 6em;
  height: 6em;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #F2F2F2;
}
.change-wrap .profile-image .no-image {
  font-size: 1.5em;
}
.change-wrap .profile-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: bold;
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  line-height: 1.5;
}
.change-wrap .profile-name small {
  font-size: clamp(0.75rem, 0.696rem + 0.27vw, 0.938rem);
  font-weight: 500;
}
.change-wrap .ttl {
  text-align: center;
  margin: 1em 0 2em;
  font-size: 1.25em;
  line-height: 1.5;
}
.change-wrap .change-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .change-wrap .change-flow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1vw;
  }
}
.change-wrap .change-flow .arrow {
  margin: auto 1em;
  color: #E54067;
  display: inline-block;
  text-wrap: nowrap;
}
.change-wrap .change-flow .arrow::before {
  content: "▶▶";
  display: inline-block;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .change-wrap .change-flow .arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 1em 0;
  }
}
.change-wrap .change-flow dl.con {
  position: relative;
  width: 42%;
}
@media screen and (max-width: 1024px) {
  .change-wrap .change-flow dl.con {
    width: 100%;
  }
}
.change-wrap .change-flow dl.con dt {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #FFFFFF;
  padding: 0 0.5em;
  font-weight: bold;
  border-radius: 0.2em;
  z-index: 1;
}
.change-wrap .change-flow dl.con dd {
  padding: 1.5em 1em;
  font-size: 0.75rem;
  height: 100%;
  border-radius: 0.2em;
}
.change-wrap .change-flow dl.con.__before dt {
  background-color: #FFBF00;
}
.change-wrap .change-flow dl.con.__before dd {
  background-color: #FFFBED;
}
.change-wrap .change-flow dl.con.__after dt {
  background-color: #75A7FF;
}
.change-wrap .change-flow dl.con.__after dd {
  background-color: #E6EFFF;
}

.modaal-container {
  color: #333333;
  max-height: 80dvh;
  overflow-y: auto;
}
.modaal-container .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5em;
  margin-top: 2em;
}
.modaal-container .profile-image {
  width: 6em;
  height: 6em;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #F2F2F2;
}
.modaal-container .profile-image .no-image {
  font-size: 1.5em;
}
.modaal-container .profile-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: bold;
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  line-height: 1.5;
}
.modaal-container .profile-name small {
  font-size: clamp(0.75rem, 0.696rem + 0.27vw, 0.938rem);
  font-weight: 500;
}
.modaal-container .ttl {
  text-align: center;
  margin: 1em 0 2em;
  font-size: 1.35em;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .modaal-container .ttl {
    font-size: 1.15em;
  }
}
.modaal-container .change-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media screen and (max-width: 1024px) {
  .modaal-container .change-flow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1vw;
  }
}
.modaal-container .change-flow .arrow {
  margin: auto 1em;
  color: #E54067;
  display: inline-block;
  text-wrap: nowrap;
}
.modaal-container .change-flow .arrow::before {
  content: "▶▶";
  display: inline-block;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .modaal-container .change-flow .arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 1em 0;
  }
}
.modaal-container .change-flow dl.con {
  position: relative;
  width: 42%;
}
@media screen and (max-width: 1024px) {
  .modaal-container .change-flow dl.con {
    width: 100%;
  }
}
.modaal-container .change-flow dl.con dt {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #FFFFFF;
  padding: 0 0.5em;
  font-weight: bold;
  border-radius: 0.2em;
  z-index: 1;
}
.modaal-container .change-flow dl.con dd {
  padding: 1.5em 1em;
  height: 100%;
  border-radius: 0.2em;
}
.modaal-container .change-flow dl.con.__before dt {
  background-color: #FFBF00;
}
.modaal-container .change-flow dl.con.__before dd {
  background-color: #FFFBED;
}
.modaal-container .change-flow dl.con.__after dt {
  background-color: #75A7FF;
}
.modaal-container .change-flow dl.con.__after dd {
  background-color: #E6EFFF;
}
.modaal-container .course-name {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.2em 2em;
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  font-size: clamp(0.938rem, 0.884rem + 0.27vw, 1.125rem);
  font-weight: bold;
  color: #FFFFFF;
}
.modaal-container .course-name.basic {
  background: -o-linear-gradient(left, #FFBF00 0%, #FF9E03 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), to(#FF9E03));
  background: linear-gradient(90deg, #FFBF00 0%, #FF9E03 100%);
}
.modaal-container .course-name.sidejob {
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
}
.modaal-container .course-name.freelance {
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
}
.modaal-container .profile {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modaal-container .interview {
  margin: 2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  border-radius: 0.5em;
  overflow: hidden;
}
.modaal-container .interview:last-of-type {
  margin-bottom: 0;
}
.modaal-container .interview dt {
  text-align: center;
  background-color: #153962;
  color: #FFFFFF;
  padding: 0.2em 0;
  font-size: clamp(0.938rem, 0.884rem + 0.27vw, 1.125rem);
  font-weight: 700;
  width: 100%;
}
.modaal-container .interview dd {
  background-color: #F2F2F2;
  padding: 1em;
}

.modaal-content-container {
  padding: 5vw;
}

.modaal-close:hover {
  background: none;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #FFFFFF;
}

.cta {
  background-image: url("../img/bg_cta.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  z-index: 0;
}
.cta .__inner {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .cta .__inner {
    padding: 25px 0;
  }
}
.cta::before {
  position: absolute;
  content: "";
  inset: 0;
  background: -o-linear-gradient(left, #153962 0%, #1A487C 15%, rgba(85, 121, 163, 0.75) 50%, rgba(255, 255, 255, 0) 80.09%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(15%, #1A487C), color-stop(50%, rgba(85, 121, 163, 0.75)), color-stop(80.09%, rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, #153962 0%, #1A487C 15%, rgba(85, 121, 163, 0.75) 50%, rgba(255, 255, 255, 0) 80.09%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .cta::before {
    background: rgba(21, 57, 98, 0.7);
  }
}
.cta-wrap__ttl {
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.6em;
}
@media screen and (max-width: 768px) {
  .cta-wrap__ttl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
}
.cta-wrap__ttl .sub {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 0.3em;
  margin-bottom: 1em;
  font-size: clamp(0.75rem, 0.696rem + 0.27vw, 0.938rem);
  font-weight: 400;
  font-weight: 400;
}
.cta-wrap__ttl .sub:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  bottom: 0;
}
.cta-wrap__ttl .sub:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  /* 下向き三角形 */
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #FFFFFF;
}
.cta-wrap__image {
  max-width: 345px;
  width: 90%;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .cta-wrap__image {
    margin: 0 auto;
  }
}
.cta .c-btn__cta {
  max-width: 350px;
}
@media screen and (max-width: 768px) {
  .cta .c-btn__cta {
    margin: 1em auto 0;
  }
}
.cta .c-btn__cta a {
  aspect-ratio: 5.75/1;
  font-size: 1rem;
}
@media screen and (max-width: 480px) {
  .cta .c-btn__cta a {
    font-size: clamp(0.83rem, 0.49rem + 1.7vw, 1rem);
  }
}

.feature-wrap__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  .feature-wrap__list__item {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .feature-wrap__list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5em;
  }
}
.feature-wrap__list__item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .feature-wrap__list__item:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.feature-wrap__list__item:last-of-type {
  margin-bottom: 0;
}
.feature-wrap__list__item__con {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5em;
}
@media screen and (max-width: 768px) {
  .feature-wrap__list__item__con {
    width: 100%;
  }
}
.feature-wrap__list__item__con__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
}
.feature-wrap__list__item__con__heading__label {
  color: #FFBF00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.feature-wrap__list__item__con__heading__label .en {
  font-size: clamp(0.75rem, 0.535rem + 0.45vw, 0.938rem);
  line-height: 1;
}
.feature-wrap__list__item__con__heading__label .num {
  font-size: clamp(2.5rem, 2.071rem + 2.14vw, 4rem);
  line-height: 1;
}
.feature-wrap__list__item__con__heading__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.3em;
}
.feature-wrap__list__item__con__heading__ttl span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #153962;
  color: #FFFFFF;
  padding: 0.2em 0.5em;
  font-size: clamp(1rem, 0.427rem + 1.19vw, 1.5rem);
}
.feature-wrap__list__item__con__desc p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.feature-wrap__list__item__con__desc small {
  font-size: 0.86em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.feature-wrap__list__item__con .c-btn,
.feature-wrap__list__item__con .c-btn__blue {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .feature-wrap__list__item__con .c-btn,
  .feature-wrap__list__item__con .c-btn__blue {
    margin-left: auto;
    margin-right: 0;
  }
}
.feature-wrap__list__item__image {
  width: 48%;
}
.feature-wrap__list__item__image.__withfree {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media screen and (max-width: 768px) {
  .feature-wrap__list__item__image {
    width: 100%;
  }
}

.service {
  background-color: #E6EFFF;
}
.service-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1em;
}
.service-wrap__list__item {
  max-width: 296px;
  width: 100%;
}
.service-wrap__list__item p {
  color: #FFFFFF;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 9999px;
  padding: 0.2em 1em;
  font-size: 0.75rem;
  font-weight: bold;
}
.service-wrap__list__item__con {
  background-color: #FFFFFF;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
}
.service-wrap__list__item__con__ttl {
  font-size: 1.25rem;
  text-align: center;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25em;
}
.service-wrap__list__item__con__ttl span {
  font-size: 0.68rem;
  color: #898989;
}
.service-wrap__list__item__con .c-btn a,
.service-wrap__list__item__con .c-btn__blue a {
  font-size: 0.9rem;
}
.service-wrap__list__item.__free p {
  background-color: #947CE3;
}
.service-wrap__list__item.__career p {
  background-color: #44CCFA;
}
.service-wrap__list__item.__camp p {
  background-color: #54D4AD;
}
.service-wrap__list__item.__pro p {
  background-color: #898989;
}
.service-wrap__list__item.__buzz p {
  background-color: #898989;
}
.service-wrap__list__item.__ai p {
  background-color: #898989;
}

.works .__inner {
  max-width: 1340px;
  width: 93%;
}
@media screen and (max-width: 768px) {
  .works .__inner {
    max-width: 450px;
    width: 90%;
  }
}
.works-wrap__list {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  .works-wrap__list {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .works-wrap__list {
    padding-bottom: 4em;
  }
}
.works-wrap__list__item {
  position: relative;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  padding: 1em;
}
.works-wrap__list__item.slick-center {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media screen and (max-width: 1024px) {
  .works-wrap__list__item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.works-wrap__list__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  border-radius: 0.5em;
  background: -o-linear-gradient(left, #75A7FF 0%, #EEBCFF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#EEBCFF));
  background: linear-gradient(90deg, #75A7FF 0%, #EEBCFF 100%);
}
.works-wrap__list__item::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  z-index: -1;
  border-radius: 0.5em;
  background: #FFFFFF;
}
.works-wrap__list__item__image {
  background-image: url("../img/bg_mockup_pc.png");
  background-size: 90%;
  background-position: left top;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1.38/1;
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 0;
}
.works-wrap__list__item__image .no-image {
  color: #ccc;
}
.works-wrap__list__item__image .no-image.pc {
  position: absolute;
  top: 35%;
  text-align: center;
  font-size: 2em;
}
.works-wrap__list__item__image .no-image.sp {
  position: absolute;
  top: 68%;
  text-align: center;
  font-size: 1.5em;
}
.works-wrap__list__item__image::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../img/bd-mockup_sp.png");
  background-size: 20%;
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1.38/1;
  z-index: 2;
}
.works-wrap__list__item__image .pc {
  position: absolute;
  top: 3.3%;
  left: 3%;
  width: 84%;
  height: auto;
  z-index: 1;
}
.works-wrap__list__item__image .sp {
  position: absolute;
  top: 49%;
  right: 1.25%;
  width: 17.5%;
  height: auto;
  z-index: 3;
}
.works-wrap__list__item__con {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 0.5em;
  padding-top: 1em;
  font-weight: bold;
  color: #FFFFFF;
}
.works-wrap__list__item__con::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1em;
  right: -1em;
  bottom: -1em;
  background: -o-linear-gradient(left, #75A7FF 0%, #EEBCFF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#EEBCFF));
  background: linear-gradient(90deg, #75A7FF 0%, #EEBCFF 100%);
  z-index: -1;
  border-radius: 0 0 0.5em 0.5em;
}
.works-wrap__list__item__con__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1em;
  margin-bottom: 1em;
}
.works-wrap__list__item__con__meta .tag {
  color: #153962;
  background-color: #FFFFFF;
  border-radius: 9999px;
  padding: 0.2em 1em;
  text-wrap: nowrap;
}
.works-wrap__list__item__con__prof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 2em;
}
.works-wrap__list__item__con__prof__image {
  width: 5.5em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F2F2F2;
}
.works-wrap__list__item__con__prof__image .no-image {
  font-size: 1.5em;
  color: #333333;
}
.works-wrap__list__item__con__prof__desc .course {
  margin-right: 1em;
}
@media screen and (max-width: 1024px) {
  .works-wrap .slick-slide {
    margin: 0 1vw;
  }
}

.flow {
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .flow {
    background-size: 200%;
  }
}
.flow-wrap__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.8vw 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 2.8vw;
}
.flow-wrap__list .__step1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.flow-wrap__list .__step2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  position: relative;
}
.flow-wrap__list .__step2::before {
  position: absolute;
  content: "▶▶";
  top: 50%;
  left: -1.4vw;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #E54067;
  font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem);
}
@media screen and (max-width: 768px) {
  .flow-wrap__list .__step2::before {
    display: none;
  }
}
.flow-wrap__list .__step2::after {
  position: absolute;
  content: "▶▶";
  bottom: -1.4vw;
  right: 10%;
  -webkit-transform: translateY(50%) rotate(90deg);
  -ms-transform: translateY(50%) rotate(90deg);
  transform: translateY(50%) rotate(90deg);
  color: #E54067;
  font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem);
}
@media screen and (max-width: 768px) {
  .flow-wrap__list .__step2::after {
    display: none;
  }
}
.flow-wrap__list .__step4 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.flow-wrap__list .__step3 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  position: relative;
}
.flow-wrap__list .__step3::before {
  position: absolute;
  content: "▶▶";
  top: 50%;
  left: -1.4vw;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
  color: #E54067;
  font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem);
}
@media screen and (max-width: 768px) {
  .flow-wrap__list .__step3::before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .flow-wrap__list {
    grid-template-columns: repeat(1, 1fr);
  }
  .flow-wrap__list .__step1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .flow-wrap__list .__step2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .flow-wrap__list .__step3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .flow-wrap__list .__step4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
}
.flow-wrap__list__item {
  background: #FFFFFF;
  padding: 3em 0.5em 0.5em;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
  position: relative;
  margin-top: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flow-wrap__list__item .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FFBF00;
  width: 4.5em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.flow-wrap__list__item__ttl {
  color: #153962;
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  text-align: center;
  margin: 0.5em 0;
}
.flow-wrap__list__item__txt {
  margin-bottom: 0.5em;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flow-wrap__list__item__image {
  border-radius: 0.5em;
  overflow: hidden;
}

.faq.__ttl {
  text-align: center;
  margin-bottom: 5.2%;
}
.faq-wrap .accordion-area {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  .faq-wrap .accordion-area {
    margin-bottom: 1.3rem;
  }
}
.faq-wrap .accordion-area li {
  border-bottom: 1px solid #898989;
  /* Q（質問タイトル） */
  /* A（回答ボックス）*/
}
.faq-wrap .accordion-area li .title {
  position: relative;
  cursor: pointer;
  font-size: clamp(0.85rem, 0.771rem + 0.39vw, 1.125rem);
  font-weight: 500;
  padding: 2em 2em 2em 4em;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /* Q 表示 */
  /* 矢印アイコン */
}
.faq-wrap .accordion-area li .title::before {
  content: "Q";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 500;
  color: #FFFFFF;
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  line-height: 1;
  width: 2.8em;
  aspect-ratio: 1/1;
  border-radius: 10%;
  background-color: #75A7FF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.faq-wrap .accordion-area li .title::after {
  content: "\f054";
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: clamp(0.83rem, 0.746rem + 0.42vw, 1.125rem);
  color: #75A7FF;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.faq-wrap .accordion-area li .title.close::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.faq-wrap .accordion-area li .box {
  display: none;
}
.faq-wrap .accordion-area li .box a {
  color: #75A7FF;
  text-decoration: underline;
}
.faq-wrap .accordion-area li .box p {
  position: relative;
  padding: 0 2em 2.4em 4.57em;
  /* A 表示 */
}
.faq-wrap .accordion-area li .box p::before {
  content: "A";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 500;
  color: #FFFFFF;
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  line-height: 1;
  width: 2.8em;
  aspect-ratio: 1/1;
  border-radius: 10%;
  background-color: #FFBF00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer {
  background-color: #333333;
}
.footer .__inner {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .footer .__inner {
    padding: 25px 0;
  }
}
.footer-wrap {
  color: #FFFFFF;
  font-weight: 500;
}
.footer-wrap__logo {
  width: 33%;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .footer-wrap__logo {
    width: 40%;
  }
}
@media screen and (max-width: 480px) {
  .footer-wrap__logo {
    width: 60%;
  }
}
.footer-wrap__nav {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(4, -webkit-max-content);
  grid-template-columns: repeat(4, max-content);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .footer-wrap__nav {
    -ms-grid-columns: -webkit-max-content 1em -webkit-max-content;
    -ms-grid-columns: max-content 1em max-content;
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 1em;
  }
}
@media screen and (max-width: 480px) {
  .footer-wrap__nav {
    grid-template-columns: repeat(1, -webkit-max-content);
    grid-template-columns: repeat(1, max-content);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.footer-wrap__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5em;
}
.footer-wrap__nav__list__item a {
  color: #FFFFFF;
  font-weight: 500;
  padding: 0.2em 0;
}
.footer-wrap__nav__list__item a i {
  margin-left: 0.5em;
}
.footer-wrap__nav__list__item .is-static-link {
  color: #FFFFFF;
  font-weight: 500;
  padding: 0.2em 0;
  display: inline-block;
}
.footer-wrap__nav__list__item .is-static-link i {
  margin-left: 0.5em;
}

/* 準備中テキストリンク（本文/表内など） */
.is-static-link-inline {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
.footer-right {
  display: block;
  background-color: #F2F2F2;
  padding: 1em 0;
  font-size: clamp(0.625rem, 0.589rem + 0.18vw, 0.75rem);
  width: 100%;
  text-align: center;
  font-weight: 400;
}

body.common-sub .__inner-u {
  max-width: 920px;
  width: 85%;
  margin: 0 auto;
  padding: 45px 0 90px;
}
@media screen and (max-width: 768px) {
  body.common-sub .__inner-u {
    padding: 22px 0 45px;
  }
}
@media screen and (max-width: 480px) {
  body.common-sub .__inner-u {
    width: 90%;
  }
}
body.common-sub .breadcrumb .__inner {
  max-width: 1152px;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  min-height: 45px;
}
@media screen and (max-width: 768px) {
  body.common-sub .breadcrumb .__inner {
    min-height: 23px;
  }
}
body.common-sub .breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 1.7em auto 0.8em;
}
body.common-sub .breadcrumb__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.common-sub .breadcrumb__item:not(:last-child)::after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  line-height: 1;
  font-size: 0.7em;
  margin: 0 0.5rem;
}
body.common-sub .breadcrumb__item a {
  display: block;
  font-weight: 400;
  font-size: 0.9em;
  color: rgba(51, 51, 51, 0.5);
  line-height: 1;
}
body.common-sub .breadcrumb__item a:hover,
body.common-sub .breadcrumb__item a.hover {
  color: #333333;
}
body.common-sub .breadcrumb__item[aria-current=page] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  color: #333333;
  font-size: 0.9em;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.common-sub .breadcrumb__item[aria-current=page] span {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 1;
}
body.common-sub .side-bnr {
  width: 28%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2em;
}
@media screen and (max-width: 1024px) {
  body.common-sub .side-bnr {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  body.common-sub .side-bnr {
    margin-bottom: 1.3rem;
  }
}
body.common-sub .single-pg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.8em;
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  body.common-sub .single-pg {
    margin-top: 22px;
  }
}
@media screen and (max-width: 480px) {
  body.common-sub .single-pg {
    gap: 1em;
  }
}
body.common-sub .single-pg__item a {
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: clamp(2.188rem, 1.92rem + 1.34vw, 3.125rem);
  aspect-ratio: 1/1;
  color: #153962;
  font-size: clamp(0.8rem, 0.743rem + 0.29vw, 1rem);
  font-weight: 500;
}
body.common-sub .single-pg__item.__center a {
  aspect-ratio: 3.97/1;
  font-size: clamp(0.9rem, 0.798rem + 0.51vw, 1.1rem);
  height: clamp(2.8rem, 2.475rem + 1.63vw, 3.938rem);
  border-radius: 9999px;
  background-color: #153962;
  color: #FFFFFF;
  border: 1.5px solid #153962;
}
body.common-sub .single-pg__item.__center a:hover,
body.common-sub .single-pg__item.__center a.hover {
  opacity: 1;
  background-color: #FFFFFF;
  color: #153962;
}
body.common-sub .page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1em;
  margin-top: 45px;
  /* li の基本スタイル */
}
@media screen and (max-width: 768px) {
  body.common-sub .page-numbers {
    margin-top: 22px;
  }
}
@media screen and (max-width: 480px) {
  body.common-sub .page-numbers {
    gap: 0.5em;
  }
}
body.common-sub .page-numbers li {
  /* 前へ・次へ */
  /* 通常のページ番号 */
  /* 現在ページ */
  /* 省略記号（…） */
}
body.common-sub .page-numbers li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-weight: 500;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
body.common-sub .page-numbers li .prev,
body.common-sub .page-numbers li .next {
  font-size: clamp(0.8rem, 0.771rem + 0.14vw, 0.9rem);
}
body.common-sub .page-numbers li a.page-numbers:not(.prev):not(.next) {
  border: 2px solid #FFFFFF;
  color: #153962;
  background-color: #FFFFFF;
}
body.common-sub .page-numbers li a.page-numbers:not(.prev):not(.next):hover {
  background-color: #153962;
  border-color: #153962;
  color: #FFFFFF;
}
body.common-sub .page-numbers li .current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-weight: 500;
  background-color: #153962;
  color: #FFFFFF;
  border: 2px solid #153962;
  pointer-events: none;
}
body.common-sub .page-numbers li .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  color: #333333;
}
body.common-sub .page-numbers li .dots i {
  font-size: clamp(0.8rem, 0.771rem + 0.14vw, 0.9rem);
}
body.common-sub .u-top {
  background-image: url("../img/bg_border.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: max(60dvh, 384px);
}
@media screen and (max-width: 1024px) {
  body.common-sub .u-top {
    height: max(50dvh, 300px);
  }
}
body.common-sub .u-top-wrap {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
body.common-sub .u-top-wrap .u-ttl {
  font-weight: bold;
  position: absolute;
  left: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1.3;
}
@media screen and (max-width: 480px) {
  body.common-sub .u-top-wrap .u-ttl {
    top: 60%;
    left: 2.5%;
  }
}
body.common-sub .u-top-wrap .u-ttl .ja {
  display: block;
  font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem);
  color: #153962;
}
body.common-sub .u-top-wrap .u-ttl .en {
  font-size: clamp(2rem, 1.429rem + 2.86vw, 4rem);
  font-family: "Outfit", sans-serif;
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.common-sub .u-top-wrap .u-ttl .sub {
  display: block;
  font-size: clamp(0.75rem, 0.607rem + 0.71vw, 1.25rem);
  color: #153962;
}
body.common-sub .banner {
  margin-bottom: 0;
}
body.common-sub .banner-wrap.__inner {
  padding: 45px 0;
}
@media screen and (max-width: 768px) {
  body.common-sub .banner-wrap.__inner {
    padding: 22px 0;
  }
}
body.common-sub .__inner-s {
  max-width: 1340px;
  width: 90%;
  padding-top: 45px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  body.common-sub .__inner-s {
    max-width: 450px;
    width: 93%;
    padding-top: 22px;
  }
}
body.common-sub .__inner-s .c-ttl__medium {
  color: #153962;
}
body.common-sub .skill {
  background-color: #FFFBED;
}
body.common-sub .skill-wrap .accordion-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.3em;
}
body.common-sub .skill-wrap .accordion-area li {
  max-width: 450px;
  width: 100%;
  background-color: #FFFFFF;
  position: relative;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  -ms-flex-item-align: start;
  align-self: flex-start;
  /* （タイトル） */
  /* （詳細ボックス）*/
}
body.common-sub .skill-wrap .accordion-area li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: -o-linear-gradient(left, #FFBF00 0%, #FF9E03 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), to(#FF9E03));
  background: linear-gradient(90deg, #FFBF00 0%, #FF9E03 100%);
}
body.common-sub .skill-wrap .accordion-area li .title {
  position: relative;
  cursor: pointer;
  font-size: clamp(1rem, 0.943rem + 0.29vw, 1.2rem);
  font-weight: 500;
  padding: 1em 0.63em;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  color: #153962;
  /* 矢印アイコン */
}
body.common-sub .skill-wrap .accordion-area li .title::after {
  content: "\f054";
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: clamp(1.125rem, 1.046rem + 0.39vw, 1.4rem);
  color: #153962;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
body.common-sub .skill-wrap .accordion-area li .title.close::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
body.common-sub .skill-wrap .accordion-area li .skill-icon {
  height: 2em;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.common-sub .skill-wrap .accordion-area li .skill-icon img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}
body.common-sub .skill-wrap .accordion-area li .box {
  display: none;
}
body.common-sub .skill-wrap .accordion-area li .box a {
  color: #75A7FF;
  text-decoration: underline;
}
body.common-sub .skill-wrap .accordion-area li .box b {
  font-weight: 500;
}
body.common-sub .skill-wrap .accordion-area li .box p {
  padding: 0 1em 1em;
}
body.common-sub .cta-course {
  background-image: url("../img/bg_cta_course.jpg");
  background-size: cover;
  background-position: 65% 15%;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  z-index: 0;
}
body.common-sub .cta-course .__inner {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  body.common-sub .cta-course .__inner {
    padding: 25px 0;
  }
}
body.common-sub .cta-course::before {
  position: absolute;
  content: "";
  inset: 0;
  background: -o-linear-gradient(left, #153962 0%, #1A487C 15%, rgba(85, 121, 163, 0.75) 50%, rgba(255, 255, 255, 0) 80.09%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(15%, #1A487C), color-stop(50%, rgba(85, 121, 163, 0.75)), color-stop(80.09%, rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, #153962 0%, #1A487C 15%, rgba(85, 121, 163, 0.75) 50%, rgba(255, 255, 255, 0) 80.09%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  body.common-sub .cta-course::before {
    background: rgba(21, 57, 98, 0.7);
  }
}
body.common-sub .cta-course-wrap__ttl {
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0.5em;
  font-size: clamp(1.125rem, 1.018rem + 0.54vw, 1.5rem);
  margin-bottom: 1.3em;
}
@media screen and (max-width: 768px) {
  body.common-sub .cta-course-wrap__ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
body.common-sub .cta-course-wrap__ttl .amount {
  font-size: clamp(2rem, 1.714rem + 1.43vw, 3rem);
  color: #153962;
  background-color: #FFFFFF;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.5;
  padding: 0 0.25em;
}
body.common-sub .cta-course-wrap__ttl .amount .asterisk {
  font-size: 0.25em;
}
body.common-sub .cta-course-wrap__txt {
  color: #FFFFFF;
  margin-bottom: 2em;
  font-weight: 500;
}
body.common-sub .cta-course-wrap__txt strong {
  font-weight: bold;
}
body.common-sub .cta-course-wrap__subtxt {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1.5em;
}
body.common-sub .cta-course-wrap__note {
  color: #FFFFFF;
  font-size: 0.8em;
}
body.common-sub .cta-course .c-btn__cta {
  max-width: 350px;
  margin-bottom: 2.5em;
}
@media screen and (max-width: 768px) {
  body.common-sub .cta-course .c-btn__cta {
    margin: 0 auto 2.5em;
  }
}
body.common-sub .cta-course .c-btn__cta a {
  aspect-ratio: 5.75/1;
  font-size: 1rem;
}
@media screen and (max-width: 480px) {
  body.common-sub .cta-course .c-btn__cta a {
    font-size: clamp(0.83rem, 0.49rem + 1.7vw, 1rem);
  }
}
body.common-sub .system {
  position: relative;
}
body.common-sub .system::before {
  position: absolute;
  content: "";
  inset: 0;
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
  z-index: -2;
}
@media screen and (max-width: 480px) {
  body.common-sub .system::before {
    background-size: 200%;
  }
}
body.common-sub .system-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3em;
}
body.common-sub .system-wrap__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5em;
  padding: 1em;
  position: relative;
}
@media screen and (max-width: 768px) {
  body.common-sub .system-wrap__list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
body.common-sub .system-wrap__list__item::before {
  position: absolute;
  content: "";
  inset: 0;
  background-color: #FFFBED;
  z-index: -1;
}
body.common-sub .system-wrap__list__item__con {
  width: 68%;
}
@media screen and (max-width: 768px) {
  body.common-sub .system-wrap__list__item__con {
    width: 100%;
  }
}
body.common-sub .system-wrap__list__item__con__ttl {
  font-size: clamp(1.125rem, 1.018rem + 0.54vw, 1.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.6;
  color: #153962;
}
body.common-sub .system-wrap__list__item__con__ttl .num {
  margin-right: 0.5em;
  padding: 1.2%;
  background-color: #FFBF00;
  display: inline-block;
  -webkit-box-shadow: 0.1em 0.1em 0px #B0B0B0;
  box-shadow: 0.1em 0.1em 0px #B0B0B0;
}
body.common-sub .system-wrap__list__item__con__ttl .num .dashed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: clamp(2rem, 1.486rem + 2.57vw, 3.8rem);
  line-height: 1;
  color: #FFFFFF;
  border: 2px dashed #FFFFFF;
  padding: 1%;
  width: 1.4em;
  height: 1.4em;
}
body.common-sub .system-wrap__list__item__con__txt {
  margin-top: 1.5em;
}
@media screen and (max-width: 480px) {
  body.common-sub .system-wrap__list__item__con__txt {
    margin-top: 1em;
  }
}
body.common-sub .system-wrap__list__item__image {
  width: 28%;
}
@media screen and (max-width: 768px) {
  body.common-sub .system-wrap__list__item__image {
    max-width: 230px;
    width: 100%;
  }
}
body.common-sub .voice {
  position: relative;
}
body.common-sub .voice::before {
  position: absolute;
  content: "";
  inset: 0;
  background-color: #FFFBED;
  z-index: -2;
}
body.common-sub .voice-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 1em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.common-sub .voice-wrap__list {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  body.common-sub .voice-wrap__list {
    max-width: 435px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2.8rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  body.common-sub .voice-wrap__list {
    margin-bottom: 1.3rem;
  }
}
body.common-sub .voice-wrap__list__item {
  max-width: 295px;
  width: 100%;
  padding: 1em;
  border: 1px solid #153962;
  position: relative;
  border-radius: 0.5em;
}
@media screen and (max-width: 768px) {
  body.common-sub .voice-wrap__list__item {
    margin: 0 1em;
    max-width: none;
  }
}
body.common-sub .voice-wrap__list__item:before {
  position: absolute;
  content: "";
  inset: 0;
  background-color: #FFFFFF;
  z-index: -1;
}
body.common-sub .voice-wrap__list__item__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #898989;
}
body.common-sub .voice-wrap__list__item__profile__image {
  width: 23%;
}
body.common-sub .voice-wrap__list__item__profile__name {
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  color: #153962;
}
body.common-sub .voice-wrap__list__item__profile__name span {
  margin-left: 1em;
}
body.common-sub .support {
  position: relative;
}
body.common-sub .support::before {
  position: absolute;
  content: "";
  inset: 0;
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
  z-index: -2;
}
@media screen and (max-width: 480px) {
  body.common-sub .support::before {
    background-size: 200%;
  }
}
body.common-sub .support-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.8em;
}
@media screen and (max-width: 768px) {
  body.common-sub .support-wrap__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
body.common-sub .support-wrap__list__item {
  max-width: 446px;
  width: 100%;
  padding: 0 1.8em;
  position: relative;
}
@media screen and (max-width: 768px) {
  body.common-sub .support-wrap__list__item {
    max-width: 500px;
    width: 100%;
  }
}
body.common-sub .support-wrap__list__item__ttl {
  background-color: #E54067;
  color: #FFFFFF;
  text-align: center;
  font-size: clamp(0.85rem, 0.721rem + 0.64vw, 1.3rem);
  line-height: 1;
  padding: 0.9em 0;
  position: absolute;
  width: calc(100% - 2.2em);
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 1;
}
body.common-sub .support-wrap__list__item::before {
  content: "";
  font-size: clamp(0.85rem, 0.721rem + 0.64vw, 1.3rem);
  position: absolute;
  top: 0;
  left: 0;
  width: 1.4em;
  aspect-ratio: 0.4/1;
  background-image: url("../img/icn_ribbon_parts.svg");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
body.common-sub .support-wrap__list__item::after {
  content: "";
  font-size: clamp(0.85rem, 0.721rem + 0.64vw, 1.3rem);
  position: absolute;
  top: 0;
  right: 0;
  width: 1.4em;
  aspect-ratio: 0.4/1;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  background-image: url("../img/icn_ribbon_parts.svg");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
body.common-sub .support-wrap__list__item__con {
  padding: 5.2em 1em 1em;
  background-color: #FFFFFF;
  border: 1px solid #898989;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  height: 100%;
}
@media screen and (max-width: 480px) {
  body.common-sub .support-wrap__list__item__con {
    padding: 4.5em 0.5em 1em;
  }
}
body.common-sub .support-wrap__list__item__con__txt {
  padding: 1em 0 1em;
}
body.common-sub .plan {
  background-color: #E6EFFF;
}
body.common-sub .plan-wrap__table {
  margin: 0 auto;
  text-align: center;
}
body.common-sub .plan-wrap__table .scroll-hint {
  overflow-x: auto;
  width: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table {
  border-collapse: separate;
  border-spacing: 5px 0;
  line-height: 1.6;
  width: 100%;
  table-layout: auto;
  /* 列幅設定 */
  /* 列タイトル */
  /* 行タイトル（縦方向） */
  /* データセル */
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table colgroup .col-row-title {
  min-width: 110px;
  width: 15%;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table colgroup .col-week {
  min-width: 160px;
  width: 40%;
  width: 27%;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table th,
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td {
  white-space: normal;
  padding: 0 0.5em;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table thead th {
  color: #FFFFFF;
  background-color: #153962;
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  padding: 0.7em 0.5em;
  border-radius: 4px;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table thead th.none {
  background-color: transparent;
  border-bottom: 0;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table .other {
  color: #FFFFFF;
  background-color: #BBBBBB;
  border-bottom: solid 1px #BBBBBB;
  border-radius: 4px 4px 0 0;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table .recommend {
  background-color: #FFBF00;
  border-right: solid 4px #FFBF00;
  border-left: solid 4px #FFBF00;
  border-bottom: solid 1px #FFBF00;
  border-radius: 4px 4px 0 0;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table tbody th {
  border-bottom: solid 1px #FFFFFF;
  color: #FFFFFF;
  background-color: #153962;
  font-weight: bold;
  font-size: clamp(0.8rem, 0.757rem + 0.21vw, 0.95rem);
  vertical-align: middle;
  border-radius: 4px;
  padding: 1em 0.5em;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td {
  height: clamp(3.75rem, 3.107rem + 3.21vw, 6rem);
  font-size: clamp(0.8rem, 0.707rem + 0.46vw, 1.125rem);
  color: #333333;
  border-right: solid 1px #BBBBBB;
  border-left: solid 1px #BBBBBB;
  background-color: #FFFFFF;
  font-weight: bold;
  vertical-align: middle;
  position: relative;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td.large {
  font-size: 1.75em;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #BBBBBB;
  position: absolute;
  bottom: 0;
  left: 0;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td.bottom {
  border-bottom: solid 1px #BBBBBB;
  border-radius: 0 0 8px 8px;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td.bottom::after {
  width: 0;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td span {
  display: block;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td .no-fee {
  background-color: #E54067;
  color: #FFFFFF;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: 0.55em;
  padding: 0.2em 1em;
  border-radius: 9999px;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td .type {
  font-size: 0.72em;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td.pickup {
  border-right: solid 4px #FFBF00;
  border-left: solid 4px #FFBF00;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td.pickup.bottom {
  border-bottom: solid 4px #FFBF00;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td.pickup.bottom::after {
  width: 0;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td a {
  text-decoration: underline;
  color: #153962;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td .plus {
  color: #898989;
}
body.common-sub .plan-wrap__table .scroll-hint .scroll-hint__content table td .small {
  font-size: 0.7em;
}
body.common-sub .plan-wrap__txt {
  margin-bottom: 2.8rem;
  font-size: 0.8em;
}
@media screen and (max-width: 768px) {
  body.common-sub .plan-wrap__txt {
    margin-bottom: 1.3rem;
  }
}
body.common-sub .plan-wrap__image {
  display: block;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.common-sub .plan-wrap__image {
    margin-bottom: 1.3rem;
  }
}
body.common-sub .plan-wrap__payment__ttl {
  display: inline-block;
  padding: 0.2em 2em 0.2em 0.5em;
  background: -o-linear-gradient(left, #FFBF00 0%, #FF9E03 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), to(#FF9E03));
  background: linear-gradient(90deg, #FFBF00 0%, #FF9E03 100%);
  color: #FFFFFF;
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  margin-bottom: 0.8em;
  -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
}
body.common-sub .plan-wrap__payment__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.8em 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.8em;
}
@media screen and (max-width: 768px) {
  body.common-sub .plan-wrap__payment__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
body.common-sub .plan-wrap__payment__list__item {
  background-color: #FFFFFF;
  border: 2px solid #153962;
  border-radius: 0.5em;
  overflow: hidden;
}
body.common-sub .plan-wrap__payment__list__item__full {
  grid-column: 1/-1;
}
body.common-sub .plan-wrap__payment__list__item__full__image {
  width: 60%;
  margin: 0 auto;
  padding: 1.7em 1em;
}
@media screen and (max-width: 768px) {
  body.common-sub .plan-wrap__payment__list__item__full__image {
    width: 100%;
  }
}
body.common-sub .plan-wrap__payment__list__item__ttl {
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  color: #FFFFFF;
  background: #153962;
  text-align: center;
  padding: 0.2em 0;
}
body.common-sub .plan-wrap__payment__list__item__txt {
  padding: 1em;
}
body.common-sub .plan-wrap__payment__list__item__txt .note {
  font-size: 0.8em;
}
body.common-sub .interview {
  background-color: #FFFBED;
}
body.common-sub .interview-wrap.__inner {
  max-width: 1340px;
  width: 93%;
}
@media screen and (max-width: 768px) {
  body.common-sub .interview-wrap.__inner {
    max-width: 450px;
    width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  body.common-sub .interview-wrap__list {
    padding-bottom: 4em;
  }
}
body.common-sub .interview-wrap__list__item {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  border-radius: 0.5em;
  overflow: hidden;
  position: relative;
  padding: 2px;
}
body.common-sub .interview-wrap__list__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  border-radius: 0.5em;
  background: -o-linear-gradient(left, #75A7FF 0%, #75D8FF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#75D8FF));
  background: linear-gradient(90deg, #75A7FF 0%, #75D8FF 100%);
}
body.common-sub .interview-wrap__list__item.slick-center {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body.common-sub .interview-wrap__list__item__image {
  border-radius: 0.5em 0.5em 0 0;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  body.common-sub .interview-wrap__list__item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
body.common-sub .interview-wrap__list__item__con {
  background: -o-linear-gradient(left, #75A7FF 0%, #75D8FF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#75D8FF));
  background: linear-gradient(90deg, #75A7FF 0%, #75D8FF 100%);
  padding: 1em;
  color: #FFFFFF;
}
body.common-sub .interview-wrap__list__item__con__ttl {
  margin-bottom: 0.5em;
}
body.common-sub .interview-wrap__list__item__con__date {
  font-size: clamp(0.625rem, 0.571rem + 0.27vw, 0.813rem);
}
body.common-sub .interview-wrap__list__item__con__date i {
  font-size: clamp(0.625rem, 0.571rem + 0.27vw, 0.813rem);
  margin-right: 0.5em;
}
@media screen and (max-width: 1024px) {
  body.common-sub .interview-wrap .slick-slide {
    margin: 0 1vw;
  }
}
body.common-sub .graduate .__inner {
  max-width: 1340px;
  width: 93%;
}
@media screen and (max-width: 768px) {
  body.common-sub .graduate .__inner {
    max-width: 450px;
    width: 90%;
  }
}
body.common-sub .graduate-wrap {
  text-align: center;
}
body.common-sub .graduate-wrap__list {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  body.common-sub .graduate-wrap__list {
    padding-bottom: 4em;
  }
}
body.common-sub .graduate-wrap__list__item {
  position: relative;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  padding: 1em;
}
body.common-sub .graduate-wrap__list__item.slick-center {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media screen and (max-width: 1024px) {
  body.common-sub .graduate-wrap__list__item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
body.common-sub .graduate-wrap__list__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  border-radius: 0.5em;
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
}
body.common-sub .graduate-wrap__list__item::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  z-index: -1;
  border-radius: 0.5em;
  background: #FFFFFF;
}
body.common-sub .graduate-wrap__list__item__image {
  background-image: url("../img/bg_mockup_pc.png");
  background-size: 90%;
  background-position: left top;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1.38/1;
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 0;
}
body.common-sub .graduate-wrap__list__item__image .no-image {
  color: #ccc;
}
body.common-sub .graduate-wrap__list__item__image .no-image.pc {
  position: absolute;
  top: 35%;
  text-align: center;
  font-size: 2em;
}
body.common-sub .graduate-wrap__list__item__image .no-image.sp {
  position: absolute;
  top: 68%;
  text-align: center;
  font-size: 1.5em;
}
body.common-sub .graduate-wrap__list__item__image::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../img/bd-mockup_sp.png");
  background-size: 20%;
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1.38/1;
  z-index: 2;
}
body.common-sub .graduate-wrap__list__item__image .pc {
  position: absolute;
  top: 3.3%;
  left: 3%;
  width: 84%;
  height: auto;
  z-index: 1;
}
body.common-sub .graduate-wrap__list__item__image .sp {
  position: absolute;
  top: 49%;
  right: 1.25%;
  width: 17.5%;
  height: auto;
  z-index: 3;
}
body.common-sub .graduate-wrap__list__item__con {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 0.5em;
  padding-top: 1em;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
}
body.common-sub .graduate-wrap__list__item__con::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1em;
  right: -1em;
  bottom: -1em;
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  z-index: -1;
  border-radius: 0 0 0.5em 0.5em;
}
body.common-sub .graduate-wrap__list__item__con__prof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 2em;
}
body.common-sub .graduate-wrap__list__item__con__prof__image {
  width: 5.5em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F2F2F2;
}
body.common-sub .graduate-wrap__list__item__con__prof__image .no-image {
  font-size: 1.5em;
  color: #333333;
}
body.common-sub .graduate-wrap__list__item__con__prof__desc {
  font-size: clamp(0.813rem, 0.759rem + 0.27vw, 1rem);
}
body.common-sub .graduate-wrap__list__item__con__prof__desc .course {
  margin-right: 1em;
}
body.common-sub .graduate-wrap__list__item__con__txt {
  font-weight: 400;
  border-top: 0.25em dashed #FFFFFF;
  padding-top: 1em;
  margin-top: 1em;
  min-height: 5em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* 3行に制限 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1024px) {
  body.common-sub .graduate-wrap .slick-slide {
    margin: 0 1vw;
  }
}
body.common-sub .graduate-wrap .c-ttl__medium {
  display: inline-block;
  position: relative;
}
body.common-sub .graduate-wrap .c-ttl__medium::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -1.5em;
  -webkit-transform: translateY(-50%) rotate(-25deg);
  -ms-transform: translateY(-50%) rotate(-25deg);
  transform: translateY(-50%) rotate(-25deg);
  width: 2px;
  height: 1.8em;
  background-color: #153962;
}
body.common-sub .graduate-wrap .c-ttl__medium::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -1.5em;
  -webkit-transform: translateY(-50%) rotate(25deg);
  -ms-transform: translateY(-50%) rotate(25deg);
  transform: translateY(-50%) rotate(25deg);
  width: 2px;
  height: 1.8em;
  background-color: #153962;
}
body.common-sub .reservation {
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
}
@media screen and (max-width: 480px) {
  body.common-sub .reservation {
    background-size: 200%;
  }
}
body.common-sub .reservation-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2.7vw;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.common-sub .reservation-wrap__list {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  body.common-sub .reservation-wrap__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4vw;
  }
}
body.common-sub .reservation-wrap__list__item {
  width: 31%;
  background-color: #FFFBED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.7em;
  padding: 2.5em 1em 1em;
  margin-top: 2.6em;
  position: relative;
}
@media screen and (max-width: 768px) {
  body.common-sub .reservation-wrap__list__item {
    max-width: 500px;
    width: 100%;
  }
}
body.common-sub .reservation-wrap__list__item:nth-of-type(1)::after {
  position: absolute;
  content: "▶";
  top: 50%;
  right: -1.4vw;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  color: #153962;
  font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem);
}
@media screen and (max-width: 768px) {
  body.common-sub .reservation-wrap__list__item:nth-of-type(1)::after {
    top: auto;
    bottom: -5vw;
    right: 50%;
    -webkit-transform: translate(50%, 50%) rotate(90deg);
    -ms-transform: translate(50%, 50%) rotate(90deg);
    transform: translate(50%, 50%) rotate(90deg);
  }
}
body.common-sub .reservation-wrap__list__item:nth-of-type(2)::after {
  position: absolute;
  content: "▶";
  top: 50%;
  right: -1.4vw;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  color: #153962;
  font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem);
}
@media screen and (max-width: 768px) {
  body.common-sub .reservation-wrap__list__item:nth-of-type(2)::after {
    top: auto;
    bottom: -5vw;
    right: 50%;
    -webkit-transform: translate(50%, 50%) rotate(90deg);
    -ms-transform: translate(50%, 50%) rotate(90deg);
    transform: translate(50%, 50%) rotate(90deg);
  }
}
body.common-sub .reservation-wrap__list__item span {
  background-color: #FFBF00;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1;
  width: 4em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.common-sub .reservation-wrap__list__item__ttl {
  color: #153962;
  font-size: clamp(1rem, 0.713rem + 0.6vw, 1.25rem);
}
body.common-sub .reservation-wrap__list__item__image {
  height: 8.6em;
  width: auto;
}
body.common-sub .reservation-wrap__list__item__image img {
  -o-object-fit: contain;
  object-fit: contain;
}
body.common-sub .reservation-wrap__form {
  position: relative;
}
body.common-sub .reservation-wrap__form__ttl {
  background-color: #75A7FF;
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.3;
  padding: 0.5em 0;
}
body.common-sub .reservation-wrap__form__ttl span {
  font-size: clamp(0.688rem, 0.527rem + 0.8vw, 1.25rem);
  display: block;
  font-weight: 400;
  margin-bottom: 0.5em;
}
body.common-sub .reservation-wrap__form__con {
  background-color: #FFFFFF;
  padding: 3.2% 1.6% 0;
}

body.common-sub .reservation-wrap__form__con--embed {
  padding-bottom: 3.2%;
}

body.common-sub .reservation-wrap__form__con--embed iframe {
  display: block;
  width: 100%;
  height: max(87.5vh, 720px);
  height: max(87.5dvh, 720px);
  margin: 0 auto;
  border: 0;
}

@media screen and (max-width: 480px) {
  body.common-sub .reservation-wrap__form__con--embed iframe {
    height: 105vh;
    height: 105dvh;
  }
}

body.common-sub .reservation-wrap .calendar-area {
  margin-bottom: 0.5em;
}
body.common-sub .reservation-wrap .calendar-area__ttl {
  font-weight: bold;
  font-size: clamp(0.938rem, 0.848rem + 0.45vw, 1.25rem);
  color: #153962;
  margin-bottom: 0.7em;
}
body.common-sub .reservation-wrap .calendar-area__con__caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7vw;
  margin: 0 auto 1em;
}
body.common-sub .reservation-wrap .calendar-area__con__caption__prev {
  cursor: pointer;
  color: #FFFFFF;
  background-color: #898989;
  border: 1.5px solid #898989;
  font-weight: bold;
  font-size: clamp(0.75rem, 0.65rem + 0.5vw, 1.1rem);
  padding: 0.25em 1.2em;
  border-radius: 9999px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
body.common-sub .reservation-wrap .calendar-area__con__caption__prev:hover,
body.common-sub .reservation-wrap .calendar-area__con__caption__prev.hover {
  background-color: #FFFFFF;
  color: #898989;
}
body.common-sub .reservation-wrap .calendar-area__con__caption__month {
  font-weight: bold;
  font-size: clamp(1.5rem, 1.286rem + 1.07vw, 2.25rem);
}
body.common-sub .reservation-wrap .calendar-area__con__caption__next {
  cursor: pointer;
  color: #FFFFFF;
  background-color: #333333;
  border: 1.5px solid #333333;
  font-size: clamp(0.75rem, 0.65rem + 0.5vw, 1.1rem);
  padding: 0.25em 1.2em;
  border-radius: 9999px;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
body.common-sub .reservation-wrap .calendar-area__con__caption__next:hover,
body.common-sub .reservation-wrap .calendar-area__con__caption__next.hover {
  background-color: #FFFFFF;
  color: #333333;
}
body.common-sub .reservation-wrap .calendar-area table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  table-layout: fixed;
  font-size: clamp(0.8rem, 0.714rem + 0.43vw, 1.1rem);
}
body.common-sub .reservation-wrap .calendar-area table th:first-child,
body.common-sub .reservation-wrap .calendar-area table td.time {
  width: 4em;
  font-weight: 500;
}
body.common-sub .reservation-wrap .calendar-area table thead tr {
  background-color: #F2F2F2;
}
body.common-sub .reservation-wrap .calendar-area table thead th span {
  display: block;
  line-height: 1.2;
}
body.common-sub .reservation-wrap .calendar-area table thead th .day {
  font-size: 1.1em;
}
body.common-sub .reservation-wrap .calendar-area table thead th .week {
  font-size: 0.8em;
  font-weight: 400;
}
body.common-sub .reservation-wrap .calendar-area table thead .saturday {
  background-color: #E6EFFF;
}
body.common-sub .reservation-wrap .calendar-area table thead .sunday,
body.common-sub .reservation-wrap .calendar-area table thead .holiday {
  background-color: #FCECF0;
}
body.common-sub .reservation-wrap .calendar-area table th,
body.common-sub .reservation-wrap .calendar-area table td {
  padding: 0.35em;
  border-bottom: 0.5px solid #898989;
}
body.common-sub .reservation-wrap .calendar-area table .time {
  font-weight: bold;
}
body.common-sub .reservation-wrap .calendar-area table .saturday .day,
body.common-sub .reservation-wrap .calendar-area table .saturday .week {
  color: #0078d3;
}
body.common-sub .reservation-wrap .calendar-area table .sunday .day,
body.common-sub .reservation-wrap .calendar-area table .sunday .week,
body.common-sub .reservation-wrap .calendar-area table .holiday .day,
body.common-sub .reservation-wrap .calendar-area table .holiday .week {
  color: #e63946;
}
body.common-sub .reservation-wrap .calendar-area .btn {
  color: #E54067;
  font-weight: bold;
  cursor: pointer;
}
body.common-sub .reservation-wrap .calendar-area .closed {
  color: lightgray;
}
body.common-sub .reservation-wrap .calendar-area .unavailable {
  font-weight: bold;
  color: #153962;
}
body.common-sub .reservation-wrap .calendar-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.3em;
}
body.common-sub .reservation-wrap .calendar-description .calendar-description-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.2em;
  font-size: clamp(0.8rem, 0.707rem + 0.46vw, 1.125rem);
  font-weight: 500;
}
body.common-sub .reservation-wrap .calendar-description .calendar-description-item .symbol {
  font-weight: bold;
}
body.common-sub .reservation-wrap .calendar-description .calendar-description-item .symbol.available {
  color: #E54067;
}
body.common-sub .reservation-wrap .calendar-description .calendar-description-item .symbol.unavailable {
  color: #153962;
}
body.common-sub .reservation-wrap .calendar-description .calendar-description-item .symbol.closed {
  color: lightgray;
}
body.common-sub .reservation-wrap .note {
  font-weight: bold;
  font-size: clamp(0.938rem, 0.848rem + 0.45vw, 1.25rem);
  color: #153962;
  margin-bottom: 0.7em;
}
body.common-sub .reservation-wrap .notice {
  margin-bottom: 1em;
}
body.common-sub .reservation-wrap .input-area dl {
  margin-bottom: 1.6em;
}
body.common-sub .reservation-wrap .input-area dt {
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  line-height: 1.2;
}
body.common-sub .reservation-wrap .input-area dt span {
  background-color: #E54067;
  color: #FFFFFF;
  font-size: 0.6em;
  padding: 0.4em 0.5em;
}
body.common-sub .reservation-wrap .input-area dd .day-item p a {
  color: #75A7FF;
  text-decoration: underline;
}
body.common-sub .reservation-wrap .input-area dd input[type=text],
body.common-sub .reservation-wrap .input-area dd input[type=email],
body.common-sub .reservation-wrap .input-area dd input[type=tel] {
  width: 100%;
  height: 3em;
  padding: 0.6em;
  border: 1px solid #898989;
  border-radius: 4px;
  font-size: 1.1em;
}
body.common-sub .reservation-wrap .input-area dd textarea {
  width: 100%;
  height: 8em;
  padding: 0.6em;
  border: 1px solid #898989;
  border-radius: 4px;
  font-size: 1.1em;
}
body.common-sub .reservation-wrap .input-area .checkbox .day_item {
  margin-bottom: 0.6em;
}
body.common-sub .reservation-wrap .input-area .checkbox label {
  margin-left: 0.4em;
}
body.common-sub .reservation-wrap .privacy-ttl {
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  line-height: 1.2;
}
body.common-sub .reservation-wrap .privacy-ttl span {
  background-color: #E54067;
  color: #FFFFFF;
  font-size: 0.6em;
  padding: 0.4em 0.5em;
}
body.common-sub .reservation-wrap .privacy-box {
  border: 1px solid #898989;
  padding: 0.5em 1em;
  border-radius: 6px;
  height: 15em;
  overflow-y: scroll;
  line-height: 1.6;
}
body.common-sub .reservation-wrap .privacy-box b {
  font-size: 1.1em;
}
body.common-sub .reservation-wrap .privacy-box .contents-wrap__list__item__ttl {
  font-size: 1.1em;
  color: #333333;
  margin-bottom: 0.2em;
}
body.common-sub .reservation-wrap .consent_area {
  margin: 1.5em auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.5em;
  font-size: 0.95em;
}
body.common-sub .reservation-wrap .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.common-sub .reservation-wrap .btn-wrap__submit {
  max-width: 350px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 5.75/1;
  padding: 0 2em;
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  position: relative;
  z-index: 0;
  overflow: hidden;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
body.common-sub .reservation-wrap .btn-wrap__submit span {
  position: relative;
  z-index: 1;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1;
  color: #FFFFFF;
}
@media screen and (max-width: 480px) {
  body.common-sub .reservation-wrap .btn-wrap__submit span {
    font-size: clamp(0.83rem, 0.49rem + 1.7vw, 1rem);
  }
}
body.common-sub .reservation-wrap .btn-wrap__submit:hover span,
body.common-sub .reservation-wrap .btn-wrap__submit.hover span {
  background: -o-linear-gradient(left, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), color-stop(50%, #FFD400), to(#FFEA00));
  background: linear-gradient(90deg, #FFBF00 0%, #FFD400 50%, #FFEA00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.common-sub .reservation-wrap .btn-wrap__submit::before {
  content: "";
  position: absolute;
  inset: 1.5px;
  border-radius: inherit;
  background-color: #fff;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  z-index: -1;
}
body.common-sub .reservation-wrap .btn-wrap__submit:hover::before,
body.common-sub .reservation-wrap .btn-wrap__submit.hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body.common-sub .contents-wrap__read {
  margin-bottom: 1em;
}
body.common-sub .contents-wrap__list__item {
  margin-bottom: 2em;
}
body.common-sub .contents-wrap__list__item__ttl {
  font-size: 1.3em;
  color: #153962;
  line-height: 1.6;
  margin-bottom: 0.2em;
}
body.common-sub .contents-wrap__list__item__ttl__sub {
  margin-top: 0.5em;
}
body.common-sub .contents-wrap__list__item p a {
  color: #75A7FF;
  text-decoration: underline;
}
body.common-sub .contents-wrap .date-box {
  display: block;
  text-align: right;
}

body.home .fv,
body.error404 .fv {
  background-image: url("../img/bg_fv_pc.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 9/4;
  position: relative;
  margin-bottom: -4.5vw;
}
@media screen and (max-width: 768px) {
  body.home .fv,
  body.error404 .fv {
    aspect-ratio: 160/200;
    background-image: url("../img/bg_fv_sp.jpg");
    background-position: top;
    margin-bottom: -10vw;
  }
}
@media screen and (max-width: 480px) {
  body.home .fv,
  body.error404 .fv {
    aspect-ratio: 32/47;
    margin-bottom: -12vw;
  }
}
body.home .fv-wrap,
body.error404 .fv-wrap {
  max-width: 1440px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  body.home .fv-wrap,
  body.error404 .fv-wrap {
    top: 61%;
  }
}
@media screen and (max-width: 480px) {
  body.home .fv-wrap,
  body.error404 .fv-wrap {
    top: 59%;
  }
}
body.home .fv-wrap__txt,
body.error404 .fv-wrap__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  gap: 2vw;
}
@media screen and (max-width: 768px) {
  body.home .fv-wrap__txt,
  body.error404 .fv-wrap__txt {
    gap: 4vw;
  }
}
body.home .fv-wrap__txt__ttl,
body.error404 .fv-wrap__txt__ttl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.7em;
}
body.home .fv-wrap__txt__ttl span,
body.error404 .fv-wrap__txt__ttl span {
  background-color: #FFFFFF;
  color: #153962;
  font-size: clamp(2.8rem, 0.852rem + 4.05vw, 4.5rem);
  line-height: 1;
  padding: 0.18em 0.2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  body.home .fv-wrap__txt__ttl span,
  body.error404 .fv-wrap__txt__ttl span {
    font-size: clamp(2.1rem, 1.1rem + 5vw, 3.5rem);
  }
}
body.home .fv-wrap__txt__ttl span small,
body.error404 .fv-wrap__txt__ttl span small {
  font-size: clamp(1.4rem, 0.829rem + 2.86vw, 3.4rem);
}
body.home .fv-wrap__txt__ttl__bottom,
body.error404 .fv-wrap__txt__ttl__bottom {
  margin-left: 3em;
}
body.home .fv-wrap__txt p,
body.error404 .fv-wrap__txt p {
  font-size: clamp(0.75rem, 0.607rem + 0.71vw, 1.25rem);
  color: #FFFFFF;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
body.home .fv-wrap__txt p .dots,
body.error404 .fv-wrap__txt p .dots {
  background-image: -o-radial-gradient(center, circle, #FFFFFF 20%, transparent 20%);
  background-image: radial-gradient(circle at center, #FFFFFF 20%, transparent 20%);
  /* 点の色とサイズ調整 */
  background-position: top right;
  /* 点の位置 */
  background-repeat: repeat-x;
  /* 横方向に繰り返し */
  background-size: 1em 0.3em;
  /* 点の間隔とサイズ調整 */
  padding-top: 0.2em;
  /* 縦方向の位置調整 */
}
body.home .fv-wrap__actions,
body.error404 .fv-wrap__actions {
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 2vw auto;
}
@media screen and (max-width: 1024px) {
  body.home .fv-wrap__actions,
  body.error404 .fv-wrap__actions {
    width: 95%;
  }
}
@media screen and (max-width: 768px) {
  body.home .fv-wrap__actions,
  body.error404 .fv-wrap__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4vw auto;
    gap: 1.3vw;
  }
  body.home .fv-wrap__actions .__tab,
  body.error404 .fv-wrap__actions .__tab {
    display: none;
  }
}
body.home .fv-wrap__actions__badge,
body.error404 .fv-wrap__actions__badge {
  width: 47%;
}
@media screen and (max-width: 768px) {
  body.home .fv-wrap__actions__badge,
  body.error404 .fv-wrap__actions__badge {
    width: 80%;
  }
}
@media screen and (max-width: 480px) {
  body.home .fv-wrap__actions__badge,
  body.error404 .fv-wrap__actions__badge {
    width: 100%;
  }
}
body.home .fv-wrap__actions__badge__con,
body.error404 .fv-wrap__actions__badge__con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.home .fv-wrap__actions__badge .small,
body.error404 .fv-wrap__actions__badge .small {
  font-weight: 400;
  font-size: clamp(0.5rem, 0.464rem + 0.18vw, 0.625rem);
  color: #898989;
  line-height: 1.5;
}
body.home .fv-wrap__actions__cta,
body.error404 .fv-wrap__actions__cta {
  width: 47%;
}
body.home .fv-wrap__actions__cta .c-btn__cta,
body.error404 .fv-wrap__actions__cta .c-btn__cta {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  body.home .fv-wrap__actions__cta,
  body.error404 .fv-wrap__actions__cta {
    width: 100%;
  }
}
body.home .loop-slider,
body.error404 .loop-slider {
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 1;
}
body.home .loop-slider__ttl,
body.error404 .loop-slider__ttl {
  text-align: center;
  font-size: clamp(0.813rem, 0.759rem + 0.27vw, 1rem);
  color: #898989;
  margin: 0.5em 0;
}
body.home .loop-slider__list,
body.error404 .loop-slider__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4vw;
  -webkit-animation: scrollLoop 40s linear infinite;
  animation: scrollLoop 40s linear infinite;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
body.home .loop-slider__list__item,
body.error404 .loop-slider__list__item {
  width: 20vw;
}
@media screen and (max-width: 768px) {
  body.home .loop-slider__list__item,
  body.error404 .loop-slider__list__item {
    width: 30vw;
  }
}
@media screen and (max-width: 480px) {
  body.home .loop-slider__list__item,
  body.error404 .loop-slider__list__item {
    width: 54vw;
  }
}
body.home .loop-slider__list__item__image,
body.error404 .loop-slider__list__item__image {
  background-image: url("../img/bg_mockup_pc.png");
  background-size: 90%;
  background-position: left top;
  background-repeat: no-repeat;
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 1.38/1;
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 0;
}
body.home .loop-slider__list__item__image .no-image,
body.error404 .loop-slider__list__item__image .no-image {
  color: #ccc;
}
body.home .loop-slider__list__item__image .no-image.pc,
body.error404 .loop-slider__list__item__image .no-image.pc {
  position: absolute;
  top: 35%;
  text-align: center;
  font-size: 1.5em;
}
body.home .loop-slider__list__item__image .no-image.sp,
body.error404 .loop-slider__list__item__image .no-image.sp {
  position: absolute;
  top: 68%;
  text-align: center;
  font-size: 1em;
}
body.home .loop-slider__list__item__image::after,
body.error404 .loop-slider__list__item__image::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../img/bd-mockup_sp.png");
  background-size: 20%;
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1.38/1;
  z-index: 2;
}
body.home .loop-slider__list__item__image .pc,
body.error404 .loop-slider__list__item__image .pc {
  position: absolute;
  top: 3.3%;
  left: 3%;
  width: 84%;
  height: auto;
  z-index: 1;
}
body.home .loop-slider__list__item__image .sp,
body.error404 .loop-slider__list__item__image .sp {
  position: absolute;
  top: 49%;
  right: 1.25%;
  width: 17.5%;
  height: auto;
  z-index: 3;
}
@-webkit-keyframes scrollLoop {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes scrollLoop {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
body.home .about,
body.error404 .about {
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
}
@media screen and (max-width: 480px) {
  body.home .about,
  body.error404 .about {
    background-size: 200%;
  }
}
body.home .about-wrap__con,
body.error404 .about-wrap__con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
body.home .about-wrap__con__txt,
body.error404 .about-wrap__con__txt {
  width: 48%;
}
@media screen and (max-width: 768px) {
  body.home .about-wrap__con__txt,
  body.error404 .about-wrap__con__txt {
    width: 100%;
  }
}
body.home .about-wrap__con__txt span,
body.error404 .about-wrap__con__txt span {
  display: block;
  text-align: right;
}
body.home .about-wrap__con__txt .name-top,
body.error404 .about-wrap__con__txt .name-top {
  margin-top: 1em;
}
body.home .about-wrap__con__txt .name-bottom,
body.error404 .about-wrap__con__txt .name-bottom {
  font-family: "Klee One", cursive;
  font-weight: 600;
  font-size: clamp(1.125rem, 1.018rem + 0.54vw, 1.5rem);
}
body.home .about-wrap__con__image,
body.error404 .about-wrap__con__image {
  width: 45%;
}
@media screen and (max-width: 768px) {
  body.home .about-wrap__con__image,
  body.error404 .about-wrap__con__image {
    display: none;
  }
}
body.home .about .c-ttl__medium,
body.error404 .about .c-ttl__medium {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}
body.home .message,
body.error404 .message {
  background-image: url("../img/bg_message.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
body.home .message-wrap .c-ttl__medium,
body.error404 .message-wrap .c-ttl__medium {
  color: #FFFFFF;
}
body.home .message-wrap .c-ttl__medium .small,
body.error404 .message-wrap .c-ttl__medium .small {
  font-size: 0.8em;
}
body.home .message-wrap .c-strong,
body.error404 .message-wrap .c-strong {
  background-color: #FFFFFF;
  color: #75A7FF;
}
body.home .message-wrap__txt,
body.error404 .message-wrap__txt {
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.home .message-wrap__txt,
  body.error404 .message-wrap__txt {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 480px) {
  body.home .message-wrap__txt,
  body.error404 .message-wrap__txt {
    text-align: left;
  }
}
body.home .message-wrap__image,
body.error404 .message-wrap__image {
  display: block;
}
body.home .message-wrap .note,
body.error404 .message-wrap .note {
  color: #FFFFFF;
  font-size: clamp(0.5rem, 0.464rem + 0.18vw, 0.625rem);
  text-align: right;
}
body.home .plan,
body.error404 .plan {
  background-color: #FFFBED;
}
body.home .plan .__inner,
body.error404 .plan .__inner {
  max-width: 1152px;
  width: 90%;
}
body.home .plan-wrap__con,
body.error404 .plan-wrap__con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 2em;
  gap: 1.5em;
}
@media screen and (max-width: 1024px) {
  body.home .plan-wrap__con,
  body.error404 .plan-wrap__con {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2em;
  }
}
body.home .plan-wrap__con__course,
body.error404 .plan-wrap__con__course {
  max-width: 460px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.home .plan-wrap__con__course.__basic .plan-wrap__con__course__ttl,
body.error404 .plan-wrap__con__course.__basic .plan-wrap__con__course__ttl {
  background-color: #FFBF00;
}
body.home .plan-wrap__con__course.__basic .plan-wrap__con__course__ttl span,
body.error404 .plan-wrap__con__course.__basic .plan-wrap__con__course__ttl span {
  color: #FFBF00;
}
body.home .plan-wrap__con__course.__basic .plan-wrap__con__course__detail,
body.error404 .plan-wrap__con__course.__basic .plan-wrap__con__course__detail {
  background-color: #FFF2CC;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
body.home .plan-wrap__con__course.__basic .plan-wrap__con__course__detail .feature-list i,
body.error404 .plan-wrap__con__course.__basic .plan-wrap__con__course__detail .feature-list i {
  color: #FFBF00;
}
body.home .plan-wrap__con__course.__sidejob .plan-wrap__con__course__ttl,
body.error404 .plan-wrap__con__course.__sidejob .plan-wrap__con__course__ttl {
  background-color: #75A7FF;
}
body.home .plan-wrap__con__course.__sidejob .plan-wrap__con__course__ttl span,
body.error404 .plan-wrap__con__course.__sidejob .plan-wrap__con__course__ttl span {
  color: #75A7FF;
}
body.home .plan-wrap__con__course.__sidejob .plan-wrap__con__course__detail,
body.error404 .plan-wrap__con__course.__sidejob .plan-wrap__con__course__detail {
  background-color: #E6EFFF;
}
body.home .plan-wrap__con__course.__sidejob .plan-wrap__con__course__detail .feature-list i,
body.error404 .plan-wrap__con__course.__sidejob .plan-wrap__con__course__detail .feature-list i {
  color: #75A7FF;
}
body.home .plan-wrap__con__course.__freelance,
body.error404 .plan-wrap__con__course.__freelance {
  position: relative;
}
@media screen and (max-width: 1024px) {
  body.home .plan-wrap__con__course.__freelance,
  body.error404 .plan-wrap__con__course.__freelance {
    padding-top: 4.5em;
  }
}
body.home .plan-wrap__con__course.__freelance .plan-wrap__con__course__ttl,
body.error404 .plan-wrap__con__course.__freelance .plan-wrap__con__course__ttl {
  background-color: #153962;
}
body.home .plan-wrap__con__course.__freelance .plan-wrap__con__course__ttl span,
body.error404 .plan-wrap__con__course.__freelance .plan-wrap__con__course__ttl span {
  color: #153962;
}
body.home .plan-wrap__con__course.__freelance .plan-wrap__con__course__detail,
body.error404 .plan-wrap__con__course.__freelance .plan-wrap__con__course__detail {
  background-color: #35506F;
}
body.home .plan-wrap__con__course.__freelance .plan-wrap__con__course__detail .feature-list,
body.error404 .plan-wrap__con__course.__freelance .plan-wrap__con__course__detail .feature-list {
  color: #FFFFFF;
}
body.home .plan-wrap__con__course.__freelance .badge-popular,
body.error404 .plan-wrap__con__course.__freelance .badge-popular {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-75%);
  -ms-transform: translateY(-75%);
  transform: translateY(-75%);
  max-width: 100px;
  width: 25%;
}
@media screen and (max-width: 1024px) {
  body.home .plan-wrap__con__course.__freelance .badge-popular,
  body.error404 .plan-wrap__con__course.__freelance .badge-popular {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
body.home .plan-wrap__con__course__ttl,
body.error404 .plan-wrap__con__course__ttl {
  color: #FFFFFF;
  font-size: 1.6em;
  line-height: 1;
  padding: 0.8em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5em;
  border-radius: 1em 1em 0 0;
}
body.home .plan-wrap__con__course__ttl span,
body.error404 .plan-wrap__con__course__ttl span {
  font-size: 0.5em;
  padding: 0.5em 1em;
  background-color: #FFFFFF;
  border-radius: 9999px;
}
body.home .plan-wrap__con__course__detail,
body.error404 .plan-wrap__con__course__detail {
  padding: 4.5em 1em 2em;
  border-radius: 0 0 1em 1em;
  position: relative;
}
body.home .plan-wrap__con__course__detail .price,
body.error404 .plan-wrap__con__course__detail .price {
  background-color: #FFFFFF;
  max-width: 300px;
  width: 90%;
  border-radius: 0.5em;
  padding: 1em 0.5em;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.home .plan-wrap__con__course__detail .price-plan,
body.error404 .plan-wrap__con__course__detail .price-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 74%;
  margin: 0 auto;
}
body.home .plan-wrap__con__course__detail .price-plan .type,
body.error404 .plan-wrap__con__course__detail .price-plan .type {
  display: inline-block;
  font-size: 0.7em;
  color: #898989;
}
body.home .plan-wrap__con__course__detail .price-plan .amount,
body.error404 .plan-wrap__con__course__detail .price-plan .amount {
  font-size: 1.7em;
}
body.home .plan-wrap__con__course__detail .price-plan .unit,
body.error404 .plan-wrap__con__course__detail .price-plan .unit {
  font-size: 0.7em;
}
body.home .plan-wrap__con__course__detail .price-plan .tax,
body.error404 .plan-wrap__con__course__detail .price-plan .tax {
  font-size: 0.7em;
  font-weight: 500;
  color: #898989;
}
body.home .plan-wrap__con__course__detail .price .no-fee,
body.error404 .plan-wrap__con__course__detail .price .no-fee {
  background-color: #E54067;
  color: #FFFFFF;
  border-radius: 9999px;
  display: inline-block;
  font-size: 0.7em;
  padding: 0.5em 1em;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.home .plan-wrap__con__course__detail .feature-list,
body.error404 .plan-wrap__con__course__detail .feature-list {
  margin-bottom: 1em;
}
body.home .plan-wrap__con__course__detail .feature-list__item i,
body.error404 .plan-wrap__con__course__detail .feature-list__item i {
  display: inline-block;
  margin-right: 0.5em;
}
body.home .plan-wrap__skill__list,
body.error404 .plan-wrap__skill__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1em;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.home .plan-wrap__skill__list,
  body.error404 .plan-wrap__skill__list {
    margin-bottom: 1.3rem;
  }
}
body.home .plan-wrap__skill__list__item,
body.error404 .plan-wrap__skill__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  background-color: #FFFFFF;
  padding: 0 1em;
  border-radius: 9999px;
  border: 1px solid #898989;
  position: relative;
}
body.home .plan-wrap__skill__list__item:last-child,
body.error404 .plan-wrap__skill__list__item:last-child {
  margin-right: 3em;
}
body.home .plan-wrap__skill__list__item img,
body.error404 .plan-wrap__skill__list__item img {
  width: auto;
  height: 1.1em;
}
body.home .plan-wrap__skill__list__item span,
body.error404 .plan-wrap__skill__list__item span {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  -webkit-transform: translateX(3em);
  -ms-transform: translateX(3em);
  transform: translateX(3em);
}
body.home .cta.__plan,
body.error404 .cta.__plan {
  background-image: url("../img/bg_cta_plan.jpg");
  background-position: 80% top;
}
body.home .support,
body.error404 .support {
  background-image: url("../img/bg_withcode_support.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
body.home .support-wrap__image,
body.error404 .support-wrap__image {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.home .support-wrap__image,
  body.error404 .support-wrap__image {
    margin-bottom: 1.3rem;
  }
}
body.home .support-wrap__txt,
body.error404 .support-wrap__txt {
  text-align: center;
  font-weight: bold;
  font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem);
  line-height: 1.5;
  color: #153962;
  margin-bottom: 1em;
}
body.home .support-wrap__list,
body.error404 .support-wrap__list {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 4px dashed #D9D9D9;
  padding: 1em 1.5em;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.home .support-wrap__list,
  body.error404 .support-wrap__list {
    margin-bottom: 1.3rem;
  }
}
body.home .support-wrap__list__item,
body.error404 .support-wrap__list__item {
  font-size: clamp(0.7rem, 0.6rem + 0.5vw, 1.05rem);
  font-weight: 500;
  color: #153962;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: -o-linear-gradient(transparent 60%, #E6EFFF 60%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #E6EFFF));
  background: linear-gradient(transparent 60%, #E6EFFF 60%);
  padding: 0 0.5em;
}
body.home .support-wrap__list__item i,
body.error404 .support-wrap__list__item i {
  color: #FFBF00;
  margin-right: 0.5em;
}
body.home .support-wrap .c-btn__cta,
body.error404 .support-wrap .c-btn__cta {
  margin: 0 auto;
}
body.home .support-wrap .c-btn__cta__txt,
body.error404 .support-wrap .c-btn__cta__txt {
  color: #333333;
  text-shadow: none;
}
@media screen and (max-width: 480px) {
  body.home .support-wrap .c-btn__cta,
  body.error404 .support-wrap .c-btn__cta {
    max-width: 350px;
  }
  body.home .support-wrap .c-btn__cta__reservation a,
  body.error404 .support-wrap .c-btn__cta__reservation a {
    aspect-ratio: 5.75/1;
  }
}
body.home .comparing-wrap__table,
body.error404 .comparing-wrap__table {
  margin: 0 auto;
  text-align: center;
}
body.home .comparing-wrap__table .scroll-hint,
body.error404 .comparing-wrap__table .scroll-hint {
  overflow-x: auto;
  width: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table {
  border-collapse: separate;
  border-spacing: 5px 0;
  line-height: 1.6;
  width: 100%;
  table-layout: auto;
  /* 列幅設定 */
  /* 列タイトル */
  /* 行タイトル（縦方向） */
  /* データセル */
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table colgroup .col-row-title,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table colgroup .col-row-title {
  min-width: 100px;
  width: 15%;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table colgroup .col-school,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table colgroup .col-school {
  min-width: 160px;
  width: 26%;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table th,
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table th,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td {
  white-space: normal;
  padding: 0.2em 1em;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table thead th,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table thead th {
  color: #FFFFFF;
  background-color: #153962;
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  padding: 0.7em 0.5em;
  border-radius: 4px;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table thead th.none,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table thead th.none {
  background-color: transparent;
  border-bottom: 0;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table .other,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table .other {
  color: #FFFFFF;
  background-color: #BBBBBB;
  border-bottom: solid 1px #BBBBBB;
  border-radius: 4px 4px 0 0;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table .recommend,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table .recommend {
  background-color: #75A7FF;
  border-right: solid 4px #75A7FF;
  border-left: solid 4px #75A7FF;
  border-bottom: solid 1px #75A7FF;
  border-radius: 4px 4px 0 0;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table tbody th,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table tbody th {
  border-bottom: solid 1px #FFFFFF;
  color: #FFFFFF;
  background-color: #153962;
  font-weight: bold;
  font-size: clamp(0.8rem, 0.757rem + 0.21vw, 0.95rem);
  vertical-align: middle;
  border-radius: 4px;
  padding: 1em 0.5em;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td {
  height: clamp(3.75rem, 3.107rem + 3.21vw, 6rem);
  font-size: clamp(0.8rem, 0.757rem + 0.21vw, 0.95rem);
  color: #898989;
  border-right: solid 1px #BBBBBB;
  border-left: solid 1px #BBBBBB;
  font-weight: bold;
  vertical-align: middle;
  position: relative;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td::after,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #BBBBBB;
  position: absolute;
  bottom: 0;
  left: 0;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td.bottom,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td.bottom {
  border-bottom: solid 1px #BBBBBB;
  border-radius: 0 0 8px 8px;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td.bottom::after,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td.bottom::after {
  width: 0;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td span,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td span {
  display: block;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td.pickup,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td.pickup {
  color: #75A7FF;
  border-right: solid 4px #75A7FF;
  border-left: solid 4px #75A7FF;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td.pickup.bottom,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td.pickup.bottom {
  border-bottom: solid 4px #75A7FF;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td.pickup.bottom::after,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td.pickup.bottom::after {
  width: 0;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td.pickup a,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td.pickup a {
  color: #75A7FF;
  text-decoration: underline;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td .plus,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td .plus {
  color: #898989;
}
body.home .comparing-wrap__table .scroll-hint .scroll-hint__content table td .small,
body.error404 .comparing-wrap__table .scroll-hint .scroll-hint__content table td .small {
  font-size: 0.7em;
}
body.home .news-wrap__list,
body.error404 .news-wrap__list {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.home .news-wrap__list,
  body.error404 .news-wrap__list {
    margin-bottom: 1.3rem;
  }
}
body.home .news-wrap__list__item,
body.error404 .news-wrap__list__item {
  border-bottom: 1px solid #898989;
}
body.home .news-wrap__list__item a,
body.error404 .news-wrap__list__item a {
  display: block;
  padding: 1em 0.5em;
  position: relative;
}
body.home .news-wrap__list__item a::after,
body.error404 .news-wrap__list__item a::after {
  position: absolute;
  content: "\f054";
  width: 4em;
  height: 4em;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 50%;
  right: 1.5em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: clamp(0.4rem, 0.371rem + 0.14vw, 0.5rem);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 1;
  color: #FFFFFF;
  background-color: #153962;
}
body.home .news-wrap__list__item a:hover::after,
body.home .news-wrap__list__item a.hover::after,
body.error404 .news-wrap__list__item a:hover::after,
body.error404 .news-wrap__list__item a.hover::after {
  right: 0;
}
body.home .news-wrap__list__item a .news-meta,
body.error404 .news-wrap__list__item a .news-meta {
  margin-bottom: 0.5em;
}
body.home .news-wrap__list__item a .news-meta .news-date,
body.error404 .news-wrap__list__item a .news-meta .news-date {
  font-weight: 500;
  margin-right: 1em;
}
body.home .news-wrap__list__item a .news-meta .news-category,
body.error404 .news-wrap__list__item a .news-meta .news-category {
  font-weight: 500;
  display: inline-block;
  background-color: #75A7FF;
  color: #FFFFFF;
  border-radius: 9999px;
  line-height: 1;
  padding: 0.5em 1.5em;
  font-size: clamp(0.625rem, 0.589rem + 0.18vw, 0.75rem);
}
body.home .news-wrap__list__item a .news-ttl,
body.error404 .news-wrap__list__item a .news-ttl {
  font-weight: 400;
  width: 90%;
}
body.home .media,
body.error404 .media {
  background-color: #E6EFFF;
}
body.home .media-wrap.__inner,
body.error404 .media-wrap.__inner {
  max-width: 1340px;
  width: 93%;
}
@media screen and (max-width: 768px) {
  body.home .media-wrap.__inner,
  body.error404 .media-wrap.__inner {
    max-width: 450px;
    width: 90%;
  }
}
body.home .media-wrap__list,
body.error404 .media-wrap__list {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.home .media-wrap__list,
  body.error404 .media-wrap__list {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 1024px) {
  body.home .media-wrap__list,
  body.error404 .media-wrap__list {
    padding-bottom: 4em;
  }
}
body.home .media-wrap__list__item,
body.error404 .media-wrap__list__item {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  border-radius: 0.5em;
  overflow: hidden;
}
body.home .media-wrap__list__item.slick-center,
body.error404 .media-wrap__list__item.slick-center {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media screen and (max-width: 1024px) {
  body.home .media-wrap__list__item,
  body.error404 .media-wrap__list__item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
body.home .media-wrap__list__item__con,
body.error404 .media-wrap__list__item__con {
  background-color: #FFFFFF;
  padding: 1em;
  color: #153962;
}
body.home .media-wrap__list__item__con__ttl,
body.error404 .media-wrap__list__item__con__ttl {
  margin-bottom: 0.5em;
}
body.home .media-wrap__list__item__con__date,
body.error404 .media-wrap__list__item__con__date {
  font-size: clamp(0.625rem, 0.571rem + 0.27vw, 0.813rem);
}
body.home .media-wrap__list__item__con__date i,
body.error404 .media-wrap__list__item__con__date i {
  font-size: clamp(0.625rem, 0.571rem + 0.27vw, 0.813rem);
  margin-right: 0.5em;
}
@media screen and (max-width: 1024px) {
  body.home .media-wrap .slick-slide,
  body.error404 .media-wrap .slick-slide {
    margin: 0 1vw;
  }
}
body.home .media-wrap .slick-prev,
body.home .media-wrap .slick-next,
body.error404 .media-wrap .slick-prev,
body.error404 .media-wrap .slick-next {
  background: rgba(117, 167, 255, 0.8);
}

body.page-course .course-wrap__list__item {
  padding-bottom: 1.3em;
  margin-bottom: 1.3em;
  border-bottom: 2px solid #898989;
}
body.page-course .course-wrap__list__item:nth-of-type(even) .course-wrap__list__item__block {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  body.page-course .course-wrap__list__item:nth-of-type(even) .course-wrap__list__item__block {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
body.page-course .course-wrap__list__item:nth-of-type(even) .course-wrap__list__item__block__con {
  width: 57%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  body.page-course .course-wrap__list__item:nth-of-type(even) .course-wrap__list__item__block__con {
    position: static;
    width: 100%;
  }
}
body.page-course .course-wrap__list__item:nth-of-type(even) .course-wrap__list__item__block__image {
  right: auto;
  left: 0;
}
@media screen and (max-width: 768px) {
  body.page-course .course-wrap__list__item:nth-of-type(even) .course-wrap__list__item__block__image {
    position: static;
    width: 100%;
  }
}
body.page-course .course-wrap__list__item:nth-of-type(even) .c-btn {
  margin-right: 0;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  body.page-course .course-wrap__list__item:nth-of-type(even) .c-btn {
    margin-right: auto;
  }
}
body.page-course .course-wrap__list__item:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
body.page-course .course-wrap__list__item__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  body.page-course .course-wrap__list__item__block {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
body.page-course .course-wrap__list__item__block__guide {
  font-weight: bold;
  font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem);
  position: relative;
  display: inline-block;
  margin-bottom: 0.8em;
  line-height: 1.3;
}
body.page-course .course-wrap__list__item__block__guide:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
  width: 1.5em;
  height: 100%;
  background-image: url("../img/icn_double_triangle.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 480px) {
  body.page-course .course-wrap__list__item__block__guide:after {
    top: 100%;
  }
}
body.page-course .course-wrap__list__item__block__con {
  width: 55%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  body.page-course .course-wrap__list__item__block__con {
    position: static;
    width: 100%;
  }
}
body.page-course .course-wrap__list__item__block__con__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1.3em;
}
body.page-course .course-wrap__list__item__block__con__ttl .sub {
  font-size: clamp(0.813rem, 0.759rem + 0.27vw, 1rem);
  background-color: #E54067;
  color: #FFFFFF;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.2em 1.5em 0.2em 0.5em;
  display: inline-block;
  -webkit-clip-path: polygon(0 0, 100% 0, 92% 50%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 92% 50%, 100% 100%, 0 100%);
  margin-bottom: -0.3em;
}
body.page-course .course-wrap__list__item__block__con__ttl .main {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1.25rem, 1.071rem + 0.89vw, 1.875rem);
  padding: 0 0.5em;
  color: #FFFFFF;
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
}
body.page-course .course-wrap__list__item__block__con__ttl .main.__sidejob {
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
}
body.page-course .course-wrap__list__item__block__con__ttl .main.__basic {
  background: -o-linear-gradient(left, #FFBF00 0%, #FF9E03 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), to(#FF9E03));
  background: linear-gradient(90deg, #FFBF00 0%, #FF9E03 100%);
}
body.page-course .course-wrap__list__item__block__con__txt {
  background-color: rgba(242, 242, 242, 0.9);
  padding: 1em;
  margin-bottom: 1.3em;
}
body.page-course .course-wrap__list__item__block__image {
  position: absolute;
  width: 50%;
  top: 15%;
  right: 0;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  body.page-course .course-wrap__list__item__block__image {
    position: static;
    width: 100%;
    margin-bottom: 1.3em;
  }
}
body.page-course .course-wrap__list__item .c-btn {
  max-width: 320px;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  body.page-course .course-wrap__list__item .c-btn {
    margin-left: auto;
  }
}

body.page-basic-course .top {
  background-image: url("../img/bg_top_basic_pc.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 9/4;
  position: relative;
}
@media screen and (max-width: 768px) {
  body.page-basic-course .top {
    aspect-ratio: 160/200;
    background-image: url("../img/bg_top_basic_sp.jpg");
    background-position: top;
  }
}
@media screen and (max-width: 480px) {
  body.page-basic-course .top {
    aspect-ratio: 32/47;
  }
}
body.page-basic-course .top-wrap {
  width: 80%;
  height: auto;
  position: absolute;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 90%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1vw;
}
@media screen and (max-width: 768px) {
  body.page-basic-course .top-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 90%;
    height: 95%;
    top: 50%;
  }
}
body.page-basic-course .top-wrap__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  gap: 2vw;
}
@media screen and (max-width: 1024px) {
  body.page-basic-course .top-wrap__txt {
    gap: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  body.page-basic-course .top-wrap__txt {
    gap: 3vw;
  }
}
body.page-basic-course .top-wrap__txt .price-plan {
  color: #153962;
  font-weight: bold;
  font-size: clamp(0.8rem, 0.571rem + 0.48vw, 1rem);
}
@media screen and (max-width: 768px) {
  body.page-basic-course .top-wrap__txt .price-plan {
    font-size: clamp(0.8rem, 0.443rem + 1.79vw, 1.3rem);
  }
}
body.page-basic-course .top-wrap__txt .price-plan .no-fee {
  color: #FFBF00;
  font-size: 2em;
}
body.page-basic-course .top-wrap__txt .price-plan .amount {
  color: #E54067;
  font-size: 2em;
}
body.page-basic-course .top-wrap__txt .price-plan .asterisk {
  font-size: 0.6em;
}
body.page-basic-course .top-wrap__txt__ttl span {
  display: inline-block;
  background: -o-linear-gradient(left, #FFBF00 0%, #FF9E03 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), to(#FF9E03));
  background: linear-gradient(90deg, #FFBF00 0%, #FF9E03 100%);
  color: #FFFFFF;
  font-size: clamp(1.5rem, 0.64rem + 1.79vw, 2.25rem);
  line-height: 1;
  padding: 0.3em 1em 0.3em 0.2em;
  -webkit-clip-path: polygon(0 0, 100% 0, 91% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 91% 100%, 0 100%);
}
@media screen and (max-width: 768px) {
  body.page-basic-course .top-wrap__txt__ttl span {
    font-size: clamp(1.5rem, 0.429rem + 5.36vw, 3rem);
  }
}
body.page-basic-course .top-wrap__txt__ttl span small {
  font-size: 0.7em;
}
body.page-basic-course .top-wrap__txt p {
  font-size: clamp(1.25rem, -0.183rem + 2.98vw, 2.5rem);
  color: #333333;
  font-weight: 900;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  body.page-basic-course .top-wrap__txt p {
    font-size: clamp(1.25rem, 0.143rem + 5.54vw, 2.8rem);
  }
}
body.page-basic-course .top-wrap__txt p .dots {
  background-image: -o-radial-gradient(center, circle, #FFBF00 20%, transparent 20%);
  background-image: radial-gradient(circle at center, #FFBF00 20%, transparent 20%);
  /* 点の色とサイズ調整 */
  background-position: top right;
  /* 点の位置 */
  background-repeat: repeat-x;
  /* 横方向に繰り返し */
  background-size: 1em 0.3em;
  /* 点の間隔とサイズ調整 */
  padding-top: 0.2em;
  /* 縦方向の位置調整 */
}
body.page-basic-course .top-wrap__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1vw;
}
@media screen and (max-width: 1024px) {
  body.page-basic-course .top-wrap__actions {
    gap: 0.7vw;
  }
}
body.page-basic-course .top-wrap__actions__badge {
  width: 48%;
}
@media screen and (max-width: 768px) {
  body.page-basic-course .top-wrap__actions__badge {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  body.page-basic-course .top-wrap__actions__badge {
    width: 100%;
  }
}
body.page-basic-course .top-wrap__actions__badge__con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.page-basic-course .top-wrap__actions__badge__con__image {
  max-width: 185px;
  width: 100%;
}
body.page-basic-course .top-wrap__actions__badge .small {
  font-weight: 400;
  font-size: clamp(0.5rem, 0.464rem + 0.18vw, 0.625rem);
  color: #898989;
}
@media screen and (max-width: 768px) {
  body.page-basic-course .top-wrap__actions__badge .small {
    color: #FFFFFF;
    text-align: right;
  }
}
body.page-basic-course .top-wrap__actions__cta {
  width: 60%;
}
body.page-basic-course .top-wrap__actions__cta .c-btn__cta__reservation {
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
}
body.page-basic-course .top-wrap__actions__cta .c-btn__cta__reservation:hover a,
body.page-basic-course .top-wrap__actions__cta .c-btn__cta__reservation.hover a {
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.page-basic-course .top-wrap__actions__cta .c-btn__cta__reservation a:hover::after,
body.page-basic-course .top-wrap__actions__cta .c-btn__cta__reservation a.hover::after {
  background: -o-linear-gradient(left, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), color-stop(25%, #1A487C), color-stop(50.48%, #205795), to(#2B74C8));
  background: linear-gradient(90deg, #153962 0%, #1A487C 25%, #205795 50.48%, #2B74C8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.page-basic-course .top-wrap__actions__cta .c-btn__cta__txt {
  color: #333333;
  text-shadow: none;
}
@media screen and (max-width: 768px) {
  body.page-basic-course .top-wrap__actions__cta .c-btn__cta__txt {
    text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.3);
  }
}
@media screen and (max-width: 1024px) {
  body.page-basic-course .top-wrap__actions__cta {
    width: 56%;
  }
}
@media screen and (max-width: 768px) {
  body.page-basic-course .top-wrap__actions__cta {
    width: 100%;
  }
  body.page-basic-course .top-wrap__actions__cta .c-btn__cta {
    margin: 0 auto;
  }
}
body.page-basic-course .intro {
  background-color: #FFFBED;
}
body.page-basic-course .intro-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.3em;
}
body.page-basic-course .intro-wrap__list__item {
  max-width: 293px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.page-basic-course .intro-wrap__list__item__image {
  width: 60%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: -o-linear-gradient(left, #FFBF00 0%, #FF9E03 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), to(#FF9E03));
  background: linear-gradient(90deg, #FFBF00 0%, #FF9E03 100%);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 0;
}
body.page-basic-course .intro-wrap__list__item__image::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background-color: #fff;
  z-index: -1;
}
body.page-basic-course .intro-wrap__list__item__image img {
  width: 65%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
body.page-basic-course .intro-wrap__list__item__con {
  padding: 2em 1em 1em;
  z-index: 0;
  height: 100%;
  background: -o-linear-gradient(left, #FFBF00 0%, #FF9E03 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), to(#FF9E03));
  background: linear-gradient(90deg, #FFBF00 0%, #FF9E03 100%);
  border-radius: 0.5em;
  position: relative;
  z-index: 0;
}
body.page-basic-course .intro-wrap__list__item__con::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background-color: #FFFFFF;
  z-index: -1;
}
body.page-basic-course .intro-wrap__list__item__con__ttl {
  background: -o-linear-gradient(left, #FFBF00 0%, #FF9E03 100%);
  background: -webkit-gradient(linear, left top, right top, from(#FFBF00), to(#FF9E03));
  background: linear-gradient(90deg, #FFBF00 0%, #FF9E03 100%);
  color: #FFFFFF;
  width: 90%;
  padding: 0.8em 0;
  line-height: 1.2;
  border-radius: 9999px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
}
body.page-basic-course .can {
  position: relative;
}
body.page-basic-course .can::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -2;
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
}
@media screen and (max-width: 480px) {
  body.page-basic-course .can::before {
    background-size: 200%;
  }
}
body.page-basic-course .can-wrap__list__item {
  padding-top: 5em;
  position: relative;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.page-basic-course .can-wrap__list__item {
    margin-bottom: 1.3rem;
  }
}
body.page-basic-course .can-wrap__list__item:last-child {
  margin-bottom: 0;
}
body.page-basic-course .can-wrap__list__item:last-child .can-wrap__list__item__block {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  body.page-basic-course .can-wrap__list__item:last-child .can-wrap__list__item__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
body.page-basic-course .can-wrap__list__item .point {
  background-color: #153962;
  color: #FFFFFF;
  padding: 0.3em 2em;
  position: absolute;
  left: 0.4em;
  top: 0;
  display: inline-block;
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  font-weight: bold;
}
body.page-basic-course .can-wrap__list__item .point::before {
  position: absolute;
  content: "";
  width: 110%;
  height: 75%;
  background-color: #153962;
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.page-basic-course .can-wrap__list__item .point::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1em;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  width: 1em;
  height: 100%;
  background-image: url("../img/icn_point_parts.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
body.page-basic-course .can-wrap__list__item__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 1em;
  gap: 2em;
  position: relative;
}
@media screen and (max-width: 768px) {
  body.page-basic-course .can-wrap__list__item__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
body.page-basic-course .can-wrap__list__item__block::before {
  position: absolute;
  content: "";
  inset: 0;
  background-color: #FFFBED;
  z-index: -1;
}
body.page-basic-course .can-wrap__list__item__block__con {
  width: 55%;
}
@media screen and (max-width: 768px) {
  body.page-basic-course .can-wrap__list__item__block__con {
    width: 100%;
  }
}
body.page-basic-course .can-wrap__list__item__block__con__ttl {
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  color: #153962;
  margin-bottom: 1em;
}
body.page-basic-course .can-wrap__list__item__block__image {
  width: 40%;
}
@media screen and (max-width: 768px) {
  body.page-basic-course .can-wrap__list__item__block__image {
    max-width: 500px;
    width: 100%;
  }
}
body.page-basic-course .can-wrap__list__item__block__image img {
  height: auto;
}
body.page-basic-course .plan {
  background-color: #FFFBED;
}

body.page-sidejob-course .top {
  background-image: url("../img/bg_top_sidejob_pc.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 9/4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top {
    aspect-ratio: 160/200;
    background-image: url("../img/bg_top_sidejob_sp.jpg");
    background-position: top;
  }
}
@media screen and (max-width: 480px) {
  body.page-sidejob-course .top {
    aspect-ratio: 32/47;
  }
}
body.page-sidejob-course .top-wrap {
  position: relative;
  max-width: 1296px;
  width: 90%;
  height: auto;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top-wrap {
    padding: 3% 0;
    height: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
body.page-sidejob-course .top-wrap__head {
  width: 45%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top-wrap__head {
    width: 100%;
  }
}
body.page-sidejob-course .top-wrap__head__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 3.4em;
  padding: 1em 0;
  background-color: #333333;
  background-image: -o-radial-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1px);
  background-image: radial-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1px);
  background-size: 6px 6px;
  -webkit-transform: skew(-17deg);
  -ms-transform: skew(-17deg);
  transform: skew(-17deg);
}
@media screen and (max-width: 1024px) {
  body.page-sidejob-course .top-wrap__head__txt {
    margin-bottom: 1.2em;
    padding: 0.25em 0;
  }
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top-wrap__head__txt {
    margin-bottom: 1.5em;
  }
}
@media screen and (max-width: 480px) {
  body.page-sidejob-course .top-wrap__head__txt {
    margin-bottom: 1em;
  }
}
body.page-sidejob-course .top-wrap__head__txt__ttl {
  display: inline-block;
  color: #FFFFFF;
  font-size: clamp(1.3rem, -0.648rem + 4.05vw, 3rem);
  line-height: 1;
  padding-right: 3%;
  margin-right: 3%;
  position: relative;
}
body.page-sidejob-course .top-wrap__head__txt__ttl::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 70%;
  background-color: #FFFFFF;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top-wrap__head__txt__ttl {
    font-size: clamp(1.5rem, 0.429rem + 5.36vw, 3rem);
  }
}
body.page-sidejob-course .top-wrap__head__txt__ttl span {
  font-size: 0.8em;
}
body.page-sidejob-course .top-wrap__head__txt .price-plan {
  color: #FFFFFF;
  font-weight: bold;
  font-size: clamp(0.8rem, 0.571rem + 0.48vw, 1rem);
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top-wrap__head__txt .price-plan {
    font-size: clamp(0.8rem, 0.443rem + 1.79vw, 1.3rem);
  }
}
body.page-sidejob-course .top-wrap__head__txt .price-plan .no-fee,
body.page-sidejob-course .top-wrap__head__txt .price-plan .amount {
  font-size: 1.5em;
  line-height: 1;
}
body.page-sidejob-course .top-wrap__head__txt .price-plan .asterisk {
  font-size: 0.6em;
}
body.page-sidejob-course .top-wrap__head__sub {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 0.3em;
  margin-bottom: 0.5em;
  display: block;
  font-size: clamp(0.875rem, -0.051rem + 1.45vw, 1.25rem);
  font-weight: bold;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top-wrap__head__sub {
    font-size: clamp(0.7rem, 0.307rem + 1.96vw, 1.25rem);
  }
}
body.page-sidejob-course .top-wrap__head__sub:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  bottom: 0;
}
body.page-sidejob-course .top-wrap__head__sub:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 25%;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #FFFFFF;
}
body.page-sidejob-course .top-wrap__head__main {
  color: #FFFFFF;
  font-size: clamp(1.2rem, -2.011rem + 5.01vw, 2.5rem);
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1.3em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  body.page-sidejob-course .top-wrap__head__main {
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top-wrap__head__main {
    margin-bottom: 0;
    font-size: clamp(0.9rem, 0.114rem + 3.93vw, 2rem);
  }
}
body.page-sidejob-course .top-wrap__head__main strong {
  color: #333333;
  position: relative;
  display: inline-block;
  background-image: -o-repeating-linear-gradient(135deg, #333333, #333333 3px, transparent 3px, transparent 6px);
  background-image: repeating-linear-gradient(-45deg, #333333, #333333 3px, transparent 3px, transparent 6px);
  background-repeat: repeat-x;
  background-size: 100% 0.2em;
  background-position: 0 100%;
}
body.page-sidejob-course .top-wrap__head__main strong .num {
  font-size: 1.6em;
  line-height: 1;
}
body.page-sidejob-course .top-wrap__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2vw;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top-wrap__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
body.page-sidejob-course .top-wrap__actions__badge {
  width: 50%;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top-wrap__actions__badge {
    width: 75%;
  }
}
@media screen and (max-width: 480px) {
  body.page-sidejob-course .top-wrap__actions__badge {
    width: 100%;
  }
}
body.page-sidejob-course .top-wrap__actions__badge__con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2%;
}
body.page-sidejob-course .top-wrap__actions__badge__con__image {
  max-width: 170px;
  width: 100%;
}
body.page-sidejob-course .top-wrap__actions__cta {
  width: 50%;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top-wrap__actions__cta {
    width: 100%;
  }
}
body.page-sidejob-course .top-wrap__actions__cta .c-btn__cta {
  margin: 0 auto;
}
body.page-sidejob-course .top-wrap__actions__cta .c-btn__cta__txt {
  color: #333333;
  text-shadow: none;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .top-wrap__actions__cta .c-btn__cta__txt {
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9);
  }
}
body.page-sidejob-course .top-wrap__actions__cta .note-wrap {
  width: 100%;
  font-weight: 400;
  font-size: clamp(0.5rem, 0.464rem + 0.18vw, 0.625rem);
  color: #FFFFFF;
  text-align: right;
  margin-top: 3em;
}
body.page-sidejob-course .intro {
  background-color: #E6EFFF;
}
body.page-sidejob-course .intro-wrap {
  padding: 90px 0;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .intro-wrap {
    padding: 45px 0;
  }
}
body.page-sidejob-course .intro-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5.6em;
  padding-top: 1.4em;
  position: relative;
  padding-bottom: 3em;
  margin-bottom: 3em;
}
body.page-sidejob-course .intro-wrap__list::after {
  position: absolute;
  content: "▼▼▼";
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.1em;
  color: #FFBF00;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
@media screen and (max-width: 1024px) {
  body.page-sidejob-course .intro-wrap__list {
    gap: 4em;
  }
}
body.page-sidejob-course .intro-wrap__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 250px;
  width: 100%;
  position: relative;
}
body.page-sidejob-course .intro-wrap__list__item__txt {
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0.5em 0;
  border-radius: 9999px;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.page-sidejob-course .intro-wrap__list__item__image {
  border-radius: 50%;
  overflow: hidden;
  max-width: 190px;
  width: 100%;
}
body.page-sidejob-course .reason {
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
}
@media screen and (max-width: 480px) {
  body.page-sidejob-course .reason {
    background-size: 200%;
  }
}
body.page-sidejob-course .reason-wrap .c-ttl__medium {
  color: #153962;
}
body.page-sidejob-course .reason-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.3em;
  padding-bottom: 3em;
  margin-bottom: 6em;
  position: relative;
}
body.page-sidejob-course .reason-wrap__list::after {
  position: absolute;
  content: "▼▼▼";
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.1em;
  color: #FFBF00;
  bottom: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
body.page-sidejob-course .reason-wrap__list__item {
  max-width: 450px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.page-sidejob-course .reason-wrap__list__item__image {
  width: 40%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 0;
}
body.page-sidejob-course .reason-wrap__list__item__image::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background-color: #fff;
  z-index: -1;
}
body.page-sidejob-course .reason-wrap__list__item__image img {
  width: 65%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
body.page-sidejob-course .reason-wrap__list__item__con {
  padding: 2em 1em 1em;
  z-index: 0;
  height: 100%;
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  border-radius: 0.5em;
  position: relative;
  z-index: 0;
}
body.page-sidejob-course .reason-wrap__list__item__con::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background-color: #FFFFFF;
  z-index: -1;
}
body.page-sidejob-course .reason-wrap__list__item__con__ttl {
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  color: #FFFFFF;
  width: 85%;
  padding: 0.8em 0;
  line-height: 1.2;
  border-radius: 9999px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
}
body.page-sidejob-course .reason-wrap .note {
  color: #898989;
  font-size: clamp(0.5rem, 0.464rem + 0.18vw, 0.625rem);
  text-align: right;
}
body.page-sidejob-course .feature-wrap__list__item__con__heading__label {
  color: #cccccc;
}
body.page-sidejob-course .feature-wrap__list__item__con__heading__ttl span {
  background-color: #75A7FF;
}
body.page-sidejob-course .feature-wrap__list__item__image {
  width: 48%;
}
body.page-sidejob-course .feature-wrap__list__item__image.__withfree {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .feature-wrap__list__item__image {
    width: 100%;
  }
}
body.page-sidejob-course .can {
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
}
@media screen and (max-width: 480px) {
  body.page-sidejob-course .can {
    background-size: 200%;
  }
}
body.page-sidejob-course .can-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2em;
}
body.page-sidejob-course .can-wrap__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2em;
}
body.page-sidejob-course .can-wrap__list__item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .can-wrap__list__item:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .can-wrap__list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
body.page-sidejob-course .can-wrap__list__item__con {
  width: 47.5%;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .can-wrap__list__item__con {
    width: 100%;
  }
}
body.page-sidejob-course .can-wrap__list__item__con .point {
  color: #FFFFFF;
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  font-weight: bold;
  padding: 0.5em 0.7em;
  line-height: 1;
  background-color: #75A7FF;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5em;
  background-image: -o-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 1.5px, transparent 1.5px, transparent 8px);
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 1.5px, transparent 1.5px, transparent 8px);
  margin-bottom: 0.75em;
}
body.page-sidejob-course .can-wrap__list__item__con .point .num {
  font-size: 1.7em;
}
body.page-sidejob-course .can-wrap__list__item__con__ttl {
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  color: #153962;
  margin-bottom: 0.62em;
}
body.page-sidejob-course .can-wrap__list__item__image {
  width: 47.5%;
  aspect-ratio: 1.25/1;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .can-wrap__list__item__image {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }
  body.page-sidejob-course .can-wrap__list__item__image.__icn {
    width: 60%;
  }
}
body.page-sidejob-course .can-wrap__list__item__image img {
  -o-object-fit: contain;
  object-fit: contain;
}
body.page-sidejob-course .skill {
  background-color: #E6EFFF;
}
body.page-sidejob-course .skill-wrap .accordion-area li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
}
body.page-sidejob-course .skill-wrap__image {
  width: 2em;
  margin: 2em auto;
}
body.page-sidejob-course .system-wrap__list__item::before {
  background-color: #E6EFFF;
}
body.page-sidejob-course .system-wrap__list__item__con__ttl .num {
  background-color: #75A7FF;
}
body.page-sidejob-course .voice::before {
  background-color: #E6EFFF;
}
@media screen and (max-width: 768px) {
  body.page-sidejob-course .cta-course-wrap__ttl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
body.page-sidejob-course .plan-wrap__table .scroll-hint table {
  /* 列幅設定 */
  /* データセル */
}
body.page-sidejob-course .plan-wrap__table .scroll-hint table colgroup .col-week {
  width: 27%;
}
body.page-sidejob-course .plan-wrap__table .scroll-hint table .recommend {
  background-color: #75A7FF;
  border-right: solid 4px #75A7FF;
  border-left: solid 4px #75A7FF;
  border-bottom: solid 1px #75A7FF;
}
body.page-sidejob-course .plan-wrap__table .scroll-hint table td.pickup {
  border-right: solid 4px #75A7FF;
  border-left: solid 4px #75A7FF;
}
body.page-sidejob-course .plan-wrap__table .scroll-hint table td.pickup.bottom {
  border-bottom: solid 4px #75A7FF;
}
body.page-sidejob-course .plan-wrap__payment__ttl {
  background: -o-linear-gradient(left, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
  background: -webkit-gradient(linear, left top, right top, from(#3C97DC), color-stop(50%, #22B3D7), to(#08CFD1));
  background: linear-gradient(90deg, #3C97DC 0%, #22B3D7 50%, #08CFD1 100%);
}
body.page-sidejob-course .interview {
  background-color: #E6EFFF;
}

body.page-freelance-course .top {
  background-image: url("../img/bg_top_freelance_pc.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 9/4;
  position: relative;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top {
    aspect-ratio: 160/200;
    background-image: url("../img/bg_top_freelance_sp.jpg");
    background-position: top;
  }
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .top {
    aspect-ratio: 32/47;
  }
}
body.page-freelance-course .top-wrap {
  max-width: 1152px;
  width: 80%;
  height: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  body.page-freelance-course .top-wrap {
    width: 95%;
  }
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-wrap {
    height: 98%;
  }
}
body.page-freelance-course .top-wrap__txt {
  margin-top: 2%;
}
body.page-freelance-course .top-wrap__txt .price-plan {
  color: #153962;
  font-weight: bold;
  font-size: clamp(0.8rem, 0.571rem + 0.48vw, 1rem);
  margin-left: 10%;
  line-height: 1;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-wrap__txt .price-plan {
    font-size: clamp(0.7rem, 0.271rem + 2.14vw, 1.3rem);
    margin-left: 3%;
  }
}
body.page-freelance-course .top-wrap__txt .price-plan .no-fee {
  color: #E54067;
  font-size: 1.5em;
}
body.page-freelance-course .top-wrap__txt .price-plan .amount {
  color: #E54067;
  font-size: 1.5em;
}
body.page-freelance-course .top-wrap__txt .price-plan .asterisk {
  font-size: 0.6em;
}
body.page-freelance-course .top-wrap__txt__ttl span {
  display: inline-block;
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
  color: #FFFFFF;
  font-size: clamp(1.5rem, -0.219rem + 3.58vw, 3rem);
  line-height: 1;
  padding: 0.3em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-wrap__txt__ttl span {
    font-size: clamp(1.5rem, 0.429rem + 5.36vw, 3rem);
  }
}
body.page-freelance-course .top-wrap__txt__ttl span small {
  font-size: 0.7em;
}
body.page-freelance-course .top-wrap__txt__sub {
  font-size: clamp(0.75rem, -0.11rem + 1.79vw, 1.5rem);
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-wrap__txt__sub {
    font-size: clamp(0.75rem, -0.143rem + 4.46vw, 2rem);
  }
}
body.page-freelance-course .top-wrap__txt__sub__ttl {
  font-size: clamp(1.25rem, -0.183rem + 2.98vw, 2.5rem);
  color: #333333;
  font-weight: bold;
  line-height: 1.2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-wrap__txt__sub__ttl {
    font-size: clamp(1.15rem, 0.543rem + 3.04vw, 2rem);
  }
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .top-wrap__txt__sub__ttl {
    text-align: right;
  }
}
body.page-freelance-course .top-wrap__txt__sub__ttl .num {
  font-size: 1.7em;
  color: #FFBF00;
}
body.page-freelance-course .top-wrap__txt__sub__ttl .dots {
  display: inline-block;
  font-size: clamp(1.7rem, -0.363rem + 4.29vw, 3.5rem);
  -webkit-transform: skew(-17deg);
  -ms-transform: skew(-17deg);
  transform: skew(-17deg);
  background-image: -o-radial-gradient(center, circle, #FFBF00 20%, transparent 20%);
  background-image: radial-gradient(circle at center, #FFBF00 20%, transparent 20%);
  /* 点の色とサイズ調整 */
  background-position: top right;
  /* 点の位置 */
  background-repeat: repeat-x;
  /* 横方向に繰り返し */
  background-size: 1em 0.3em;
  /* 点の間隔とサイズ調整 */
  padding-top: 0.4em;
  /* 縦方向の位置調整 */
  line-height: 1;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-wrap__txt__sub__ttl .dots {
    font-size: clamp(1.7rem, 0.771rem + 4.64vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  body.page-freelance-course .top-wrap__txt {
    margin-left: 5%;
  }
}
body.page-freelance-course .top-wrap__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1vw;
}
@media screen and (max-width: 1024px) {
  body.page-freelance-course .top-wrap__actions {
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-wrap__actions {
    height: clamp(21.75rem, 5.409rem + 54.36vw, 31.5rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .top-wrap__actions {
    height: clamp(17.2rem, 5.35rem + 59.25vw, 23.125rem);
  }
}
body.page-freelance-course .top-wrap__actions__badge {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.page-freelance-course .top-wrap__actions__badge__image {
  max-width: 185px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-wrap__actions__badge {
    width: 85%;
  }
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .top-wrap__actions__badge {
    width: 90%;
  }
}
body.page-freelance-course .top-wrap__actions__cta {
  width: 55%;
}
body.page-freelance-course .top-wrap__actions__cta .c-btn__cta__txt {
  color: #333333;
  text-shadow: none;
}
@media screen and (max-width: 1024px) {
  body.page-freelance-course .top-wrap__actions__cta .c-btn__cta {
    width: 47%;
  }
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-wrap__actions__cta .c-btn__cta {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  body.page-freelance-course .top-wrap__actions__cta {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2em;
  }
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-wrap__actions__cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }
  body.page-freelance-course .top-wrap__actions__cta .c-btn__cta {
    margin: 0 auto;
  }
}
body.page-freelance-course .top-wrap__actions__cta .note-wrap {
  margin-top: 2%;
}
@media screen and (max-width: 1024px) {
  body.page-freelance-course .top-wrap__actions__cta .note-wrap {
    margin-top: 0;
  }
}
body.page-freelance-course .top-wrap__actions__cta .note-wrap p {
  font-weight: 400;
  font-size: clamp(0.45rem, 0.4rem + 0.25vw, 0.625rem);
  color: #333333;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  body.page-freelance-course .top-wrap__actions__cta .note-wrap p {
    color: #FFFFFF;
  }
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-wrap__actions__cta .note-wrap p {
    width: 95vw;
    text-align: left;
    color: #333333;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.9);
  }
}
body.page-freelance-course .top-appeal {
  background-color: rgba(51, 51, 51, 0.9);
  width: 43%;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1.5%;
  color: #FFFFFF;
  border-radius: 0.5em 0 0 0;
}
@media screen and (max-width: 1024px) {
  body.page-freelance-course .top-appeal {
    bottom: 17%;
    border-radius: 0.5em 0 0 0.5em;
  }
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-appeal {
    width: 92%;
    right: 50%;
    bottom: 7%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    border-radius: 0.5em;
  }
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .top-appeal {
    width: 98%;
    bottom: 7.7%;
  }
}
body.page-freelance-course .top-appeal__ttl {
  background-color: #E54067;
  padding: 0.25em 0;
  margin-bottom: 2%;
}
body.page-freelance-course .top-appeal__ttl .txt {
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  display: block;
  text-align: center;
  padding: 0.25em 0;
  font-size: clamp(0.625rem, -0.091rem + 1.49vw, 1.25rem);
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-appeal__ttl .txt {
    font-size: clamp(0.625rem, -0.841rem + 4.88vw, 1.5rem);
  }
}
body.page-freelance-course .top-appeal__ttl .txt .sub {
  display: block;
  font-size: 0.8em;
}
body.page-freelance-course .top-appeal__list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 0.5em;
  -ms-grid-column-align: center;
  justify-self: center;
}
body.page-freelance-course .top-appeal__list__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 1em;
  font-size: clamp(0.5rem, 0.042rem + 0.95vw, 0.9rem);
  position: relative;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .top-appeal__list__item {
    font-size: clamp(0.65rem, 0.231rem + 1.39vw, 0.9rem);
  }
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .top-appeal__list__item {
    font-size: clamp(0.5rem, 0.2rem + 1.5vw, 0.65rem);
  }
}
body.page-freelance-course .top-appeal__list__item::before {
  content: "";
  position: absolute;
  width: 1em;
  aspect-ratio: 1/1;
  top: 0;
  left: 0;
  background-image: url("../img/icn_subway_mark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
body.page-freelance-course .top-appeal__list__item span {
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1;
}
body.page-freelance-course .price {
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
}
body.page-freelance-course .price p {
  color: #FFFFFF;
  text-align: center;
  padding: 1em 0 1.5em;
  font-weight: bold;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .price p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
body.page-freelance-course .price p .num {
  color: #E54067;
  font-size: 2.6em;
  margin-right: 0.1em;
}
body.page-freelance-course .price p .project {
  font-size: 1.3em;
}
body.page-freelance-course .price p .amount {
  color: #FFBF00;
  font-size: 2.6em;
  margin-left: 0.3em;
}
body.page-freelance-course .price p .block-2 {
  position: relative;
  padding-right: 1em;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .price p .block-2 {
    padding-right: 0;
    padding-bottom: 2em;
  }
}
body.page-freelance-course .price p .block-2:after {
  position: absolute;
  content: "→";
  width: 1em;
  right: 0;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .price p .block-2:after {
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%) rotate(90deg);
    -ms-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg);
  }
}
body.page-freelance-course .info {
  background-color: #153962;
  position: relative;
}
body.page-freelance-course .info .__inner {
  padding: 45px 0;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .info .__inner {
    padding: 22px 0;
  }
}
body.page-freelance-course .info-wrap__ttl {
  color: #FFFFFF;
  background-color: #E54067;
  position: absolute;
  top: 0;
  font-size: clamp(0.938rem, 0.777rem + 0.8vw, 1.5rem);
  text-align: center;
  padding: 0.8em 1em 1.5em;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%);
}
body.page-freelance-course .info-wrap__txt {
  color: #FFFFFF;
  width: 75%;
  margin-left: auto;
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .info-wrap__txt {
    margin-top: 5.5em;
    width: 100%;
  }
}
body.page-freelance-course .info-wrap__txt small {
  display: block;
  text-align: right;
  font-weight: 400;
  font-size: clamp(0.625rem, 0.571rem + 0.27vw, 0.813rem);
  margin-top: 1em;
}
body.page-freelance-course .info-wrap__txt small a {
  color: #FFFFFF;
  text-decoration: underline;
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .info-wrap__txt small {
    text-align: left;
  }
}
body.page-freelance-course .intro {
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .intro {
    background-size: 200%;
  }
}
body.page-freelance-course .intro-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.page-freelance-course .intro-wrap__list__item {
  max-width: 250px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
}
body.page-freelance-course .intro-wrap__list__item__txt {
  text-align: center;
  font-weight: bold;
  color: #153962;
}
body.page-freelance-course .intro-wrap__list__item__image {
  max-height: 120px;
  height: 100%;
}
body.page-freelance-course .intro-wrap__list__item__image img {
  -o-object-fit: contain;
  object-fit: contain;
}
body.page-freelance-course .detail {
  background-color: #F2F2F2;
}
body.page-freelance-course .detail-wrap__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .detail-wrap__list__item {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .detail-wrap__list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5em;
  }
}
body.page-freelance-course .detail-wrap__list__item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .detail-wrap__list__item:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
body.page-freelance-course .detail-wrap__list__item:last-of-type {
  margin-bottom: 0;
}
body.page-freelance-course .detail-wrap__list__item__con {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5em;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .detail-wrap__list__item__con {
    width: 100%;
  }
}
body.page-freelance-course .detail-wrap__list__item__con__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.3em;
}
body.page-freelance-course .detail-wrap__list__item__con__ttl span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #153962;
  color: #FFFFFF;
  padding: 0.2em 0.5em;
  font-size: clamp(1rem, 0.427rem + 1.19vw, 1.5rem);
  background-image: -o-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 1.5px, transparent 1.5px, transparent 8px);
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 1.5px, transparent 1.5px, transparent 8px);
}
body.page-freelance-course .detail-wrap__list__item__image {
  width: 48%;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .detail-wrap__list__item__image {
    width: 100%;
  }
}
body.page-freelance-course .income-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2.5em;
}
body.page-freelance-course .income-wrap__list__item {
  max-width: 280px;
  width: 100%;
  padding: 2em 1em 1em;
  border: 1px solid #898989;
  border-radius: 0.5em;
  position: relative;
  margin-top: 2.5em;
}
body.page-freelance-course .income-wrap__list__item::before {
  position: absolute;
  content: "";
  inset: 0;
  background-color: #F2F2F2;
  z-index: -1;
}
body.page-freelance-course .income-wrap__list__item .up {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #E54067;
  color: #FFFFFF;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  width: 5em;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.3em;
  border-radius: 50%;
}
body.page-freelance-course .income-wrap__list__item .up .num {
  font-size: 1.2em;
}
body.page-freelance-course .income-wrap__list__item__prof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7%;
  padding-bottom: 1em;
  border-bottom: 1px solid #898989;
}
body.page-freelance-course .income-wrap__list__item__prof__image {
  width: 30%;
  aspect-ratio: 1/1;
}
body.page-freelance-course .income-wrap__list__item__con {
  padding-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #153962;
}
body.page-freelance-course .income-wrap__list__item__con__bf {
  position: relative;
  padding-right: 2em;
  margin-right: 1em;
}
body.page-freelance-course .income-wrap__list__item__con__bf span {
  margin-right: 0.2em;
}
body.page-freelance-course .income-wrap__list__item__con__bf::after {
  position: absolute;
  content: "▶";
  width: 1em;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #75A7FF;
}
body.page-freelance-course .income-wrap__list__item__con__af {
  font-size: 1.1em;
  font-weight: bold;
}
body.page-freelance-course .income-wrap__list__item__con__af span {
  font-size: 1.2em;
}
body.page-freelance-course .reason {
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .reason {
    background-size: 200%;
  }
}
body.page-freelance-course .reason-wrap {
  padding: 90px 0;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .reason-wrap {
    padding: 45px 0;
  }
}
body.page-freelance-course .reason-wrap .c-ttl__medium {
  color: #153962;
}
body.page-freelance-course .reason-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.3em;
  margin: 0 auto;
  max-width: 920px;
  width: 85%;
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .reason-wrap__list {
    width: 90%;
  }
}
body.page-freelance-course .reason-wrap__list__item {
  max-width: 450px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.page-freelance-course .reason-wrap__list__item__image {
  width: 40%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 0;
}
body.page-freelance-course .reason-wrap__list__item__image::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background-color: #fff;
  z-index: -1;
}
body.page-freelance-course .reason-wrap__list__item__image img {
  width: 65%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
body.page-freelance-course .reason-wrap__list__item__con {
  padding: 2em 1em 1em;
  z-index: 0;
  height: 100%;
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
  border-radius: 0.5em;
  position: relative;
  z-index: 0;
}
body.page-freelance-course .reason-wrap__list__item__con::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background-color: #FFFFFF;
  z-index: -1;
}
body.page-freelance-course .reason-wrap__list__item__con__ttl {
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
  color: #FFFFFF;
  width: 85%;
  padding: 0.8em 0;
  line-height: 1.2;
  border-radius: 9999px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
}
body.page-freelance-course .reason-wrap__image {
  display: block;
  max-width: 920px;
  width: 85%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .reason-wrap__image {
    width: 90%;
  }
}
body.page-freelance-course .reason-wrap__image .note {
  color: #898989;
  font-size: clamp(0.5rem, 0.464rem + 0.18vw, 0.625rem);
  text-align: right;
}
body.page-freelance-course .reason-wrap .graduate-wrap {
  padding-bottom: 3em;
  margin-bottom: 6em;
  position: relative;
}
body.page-freelance-course .reason-wrap .graduate-wrap::after {
  position: absolute;
  content: "▼▼▼";
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.1em;
  color: #FFBF00;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
body.page-freelance-course .reason-wrap .graduate-wrap__list__item::before {
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
}
body.page-freelance-course .reason-wrap .graduate-wrap__list__item__con::before {
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
}
body.page-freelance-course .model {
  background-color: #F2F2F2;
}
body.page-freelance-course .model-wrap__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
  padding-bottom: 3em;
  margin-bottom: 6em;
  position: relative;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .model-wrap__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 2em;
  }
}
body.page-freelance-course .model-wrap__list::after {
  position: absolute;
  content: "▼▼▼";
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.1em;
  color: #FFBF00;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
body.page-freelance-course .model-wrap__list__item {
  max-width: 452px;
  width: 100%;
  background-color: #FFFFFF;
}
body.page-freelance-course .model-wrap__list__item__ttl {
  background-color: #153962;
  color: #FFFFFF;
  text-align: center;
  font-size: clamp(1.125rem, 1.054rem + 0.36vw, 1.375rem);
  padding: 0.5em 0;
  line-height: 1.3;
  background-image: -o-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 1.5px, transparent 1.5px, transparent 8px);
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 1.5px, transparent 1.5px, transparent 8px);
}
body.page-freelance-course .model-wrap__list__item__con {
  padding: 1em 0.5em 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
}
body.page-freelance-course .model-wrap__list__item__con__prof {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.page-freelance-course .model-wrap__list__item__con__prof__image {
  max-width: 80px;
  width: 25%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1em;
}
body.page-freelance-course .model-wrap__list__item__con__prof__image img {
  -o-object-fit: contain;
  object-fit: contain;
}
body.page-freelance-course .model-wrap__list__item__con__prof__name span {
  display: block;
}
body.page-freelance-course .model-wrap__list__item__con__block {
  width: 100%;
  padding-top: 1.3em;
  padding-bottom: 2em;
  position: relative;
}
body.page-freelance-course .model-wrap__list__item__con__block::after {
  position: absolute;
  content: "▼";
  color: #E54067;
  width: 1em;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.page-freelance-course .model-wrap__list__item__con__block__ttl {
  font-size: 1.2em;
  color: #FFFFFF;
  display: inline-block;
  padding: 0.5em 1em;
  line-height: 1;
  border-radius: 0.2em;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
body.page-freelance-course .model-wrap__list__item__con__block__txt {
  padding: 2em 1em 1em;
  border-radius: 0.2em;
}
body.page-freelance-course .model-wrap__list__item__con__block__txt p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.page-freelance-course .model-wrap__list__item__con__block__txt p span {
  white-space: nowrap;
}
body.page-freelance-course .model-wrap__list__item__con__block.__before .model-wrap__list__item__con__block__ttl {
  background-color: #FFBF00;
}
body.page-freelance-course .model-wrap__list__item__con__block.__before .model-wrap__list__item__con__block__txt {
  background-color: #FFFBED;
}
body.page-freelance-course .model-wrap__list__item__con__block.__withcode .model-wrap__list__item__con__block__ttl {
  background-color: #153962;
}
body.page-freelance-course .model-wrap__list__item__con__block.__withcode .model-wrap__list__item__con__block__txt {
  background-color: #F2F2F2;
}
body.page-freelance-course .model-wrap__list__item__con__block.__after .model-wrap__list__item__con__block__ttl {
  background-color: #75A7FF;
}
body.page-freelance-course .model-wrap__list__item__con__block.__after .model-wrap__list__item__con__block__txt {
  background-color: #E6EFFF;
}
body.page-freelance-course .model-wrap__list__item__con__txt span {
  font-weight: bold;
  font-size: 1.1em;
  background-image: -o-repeating-linear-gradient(135deg, rgba(117, 167, 255, 0.8), rgba(117, 167, 255, 0.8) 2px, transparent 2px, transparent 6px);
  background-image: repeating-linear-gradient(-45deg, rgba(117, 167, 255, 0.8), rgba(117, 167, 255, 0.8) 2px, transparent 2px, transparent 6px);
  background-repeat: repeat-x;
  background-size: 100% 0.4em;
  background-position: 0 100%;
}
body.page-freelance-course .model .c-ttl__medium {
  color: #153962;
  margin-bottom: 0;
  font-size: clamp(1.125rem, 1.054rem + 0.36vw, 1.375rem);
}
body.page-freelance-course .can {
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
}
@media screen and (max-width: 480px) {
  body.page-freelance-course .can {
    background-size: 200%;
  }
}
body.page-freelance-course .can-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2em;
}
body.page-freelance-course .can-wrap__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2em;
}
body.page-freelance-course .can-wrap__list__item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .can-wrap__list__item:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .can-wrap__list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
body.page-freelance-course .can-wrap__list__item__con {
  width: 47.5%;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .can-wrap__list__item__con {
    width: 100%;
  }
}
body.page-freelance-course .can-wrap__list__item__con .point {
  color: #FFFFFF;
  font-size: clamp(0.9rem, 0.8rem + 0.5vw, 1.25rem);
  font-weight: bold;
  line-height: 1.2;
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
  margin-bottom: 0.75em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 5em;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
body.page-freelance-course .can-wrap__list__item__con .point .num {
  font-size: 1.8em;
}
body.page-freelance-course .can-wrap__list__item__con__ttl {
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  color: #153962;
  margin-bottom: 0.62em;
}
body.page-freelance-course .can-wrap__list__item__image {
  width: 47.5%;
  aspect-ratio: 1.25/1;
}
@media screen and (max-width: 768px) {
  body.page-freelance-course .can-wrap__list__item__image {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }
  body.page-freelance-course .can-wrap__list__item__image.__icn {
    width: 80%;
  }
}
body.page-freelance-course .can-wrap__list__item__image img {
  -o-object-fit: contain;
  object-fit: contain;
}
body.page-freelance-course .skill {
  background-color: #F2F2F2;
}
body.page-freelance-course .skill-wrap .accordion-area li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
}
body.page-freelance-course .skill-wrap__image {
  width: 2em;
  margin: 2em auto;
}
body.page-freelance-course .system-wrap__list__item::before {
  background-color: #F2F2F2;
}
body.page-freelance-course .system-wrap__list__item__con__ttl .num {
  background-color: #153962;
}
body.page-freelance-course .voice::before {
  background-color: #F2F2F2;
}
body.page-freelance-course .plan {
  background-color: #F2F2F2;
}
body.page-freelance-course .plan-wrap__table .scroll-hint table {
  /* 列幅設定 */
  /* データセル */
}
body.page-freelance-course .plan-wrap__table .scroll-hint table colgroup .col-week {
  width: 27%;
}
body.page-freelance-course .plan-wrap__table .scroll-hint table .recommend {
  background-color: #FFBF00;
  border-right: solid 4px #FFBF00;
  border-left: solid 4px #FFBF00;
  border-bottom: solid 1px #FFBF00;
}
body.page-freelance-course .plan-wrap__table .scroll-hint table td.pickup {
  border-right: solid 4px #FFBF00;
  border-left: solid 4px #FFBF00;
}
body.page-freelance-course .plan-wrap__table .scroll-hint table td.pickup.bottom {
  border-bottom: solid 4px #FFBF00;
}
body.page-freelance-course .plan-wrap__payment__ttl {
  background: -o-linear-gradient(left, #153962 0%, #2B48C8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#153962), to(#2B48C8));
  background: linear-gradient(90deg, #153962 0%, #2B48C8 100%);
}
body.page-freelance-course .interview {
  background-color: #F2F2F2;
}

body.page-freetrial .top {
  background-image: url("../img/bg_top_freetrial_pc.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 9/4;
  position: relative;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .top {
    aspect-ratio: 160/200;
    background-image: url("../img/bg_top_freetrial_sp.jpg");
    background-position: top;
  }
}
@media screen and (max-width: 480px) {
  body.page-freetrial .top {
    aspect-ratio: 32/47;
  }
}
body.page-freetrial .top-wrap {
  max-width: 1152px;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 85%;
}
@media screen and (max-width: 1024px) {
  body.page-freetrial .top-wrap {
    width: 90%;
    height: 90%;
  }
}
@media screen and (max-width: 768px) {
  body.page-freetrial .top-wrap {
    height: 95%;
  }
}
body.page-freetrial .top-wrap__con {
  width: 60%;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .top-wrap__con {
    width: 75%;
  }
}
body.page-freetrial .top-wrap__con__ttl {
  font-size: clamp(0.7rem, 0.356rem + 0.72vw, 1rem);
  color: #FFFFFF;
  line-height: 1;
  padding: 0.5em 0.7em;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .top-wrap__con__ttl {
    font-size: clamp(0.6rem, 0.314rem + 1.43vw, 1rem);
  }
}
body.page-freetrial .top-wrap__con__ttl::after {
  position: absolute;
  content: "";
  height: 1em;
  width: 100%;
  background-color: #153962;
  bottom: 0;
  right: 0;
  border-radius: 0.5em;
  z-index: -1;
  padding: 0.5em 0;
}
body.page-freetrial .top-wrap__con__ttl strong {
  display: inline-block;
  font-size: 4em;
  font-weight: bold;
  -webkit-text-stroke: 0.2em #153962;
  paint-order: stroke;
  -webkit-transform: translateY(-0.15em);
  -ms-transform: translateY(-0.15em);
  transform: translateY(-0.15em);
  margin-right: 0.2em;
}
@media screen and (max-width: 1024px) {
  body.page-freetrial .top-wrap__con__ttl strong {
    font-size: 3em;
  }
}
body.page-freetrial .top-wrap__con__ttl span {
  font-size: 2.25em;
  -webkit-text-stroke: 0.2em #153962;
  paint-order: stroke;
  margin-right: 0.1em;
}
@media screen and (max-width: 1024px) {
  body.page-freetrial .top-wrap__con__ttl span {
    font-size: 2em;
  }
}
body.page-freetrial .top-wrap__con p {
  color: #153962;
  font-weight: bold;
  font-size: clamp(0.8rem, 0.284rem + 1.07vw, 1.25rem);
}
@media screen and (max-width: 768px) {
  body.page-freetrial .top-wrap__con p {
    font-size: clamp(0.65rem, 0.221rem + 2.14vw, 1.25rem);
    margin-top: 0.5em;
  }
}
body.page-freetrial .top-wrap__con p .hand {
  font-family: "Klee One", cursive;
  font-weight: 600;
  font-size: 1.2em;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .top-wrap__con p .hand {
    display: block;
  }
}
body.page-freetrial .top-wrap__con p .dots {
  font-size: 1.6em;
  background-image: -o-radial-gradient(center, circle, #FFBF00 20%, transparent 20%);
  background-image: radial-gradient(circle at center, #FFBF00 20%, transparent 20%);
  /* 点の色とサイズ調整 */
  background-position: top right;
  /* 点の位置 */
  background-repeat: repeat-x;
  /* 横方向に繰り返し */
  background-size: 1em 0.3em;
  /* 点の間隔とサイズ調整 */
  padding-top: 0.2em;
  /* 縦方向の位置調整 */
}
body.page-freetrial .top-wrap__con p .underline__bg {
  background: -o-linear-gradient(left, #75A7FF 0%, #75D8FF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#75D8FF));
  background: linear-gradient(90deg, #75A7FF 0%, #75D8FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 1.8em;
  line-height: 1.5;
}
body.page-freetrial .top-wrap__con p .underline__bg::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25%;
  background-color: rgba(255, 191, 0, 0.7);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .top-wrap__con p .underline__bg.__column {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
body.page-freetrial .top-wrap__con p .row-bottom {
  display: block;
  text-align: right;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .top-wrap__con p .row-bottom {
    text-align: left;
  }
}
body.page-freetrial .top-wrap__bottom__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1vw;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .top-wrap__bottom__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 2vw;
    margin-bottom: 3vw;
  }
}
body.page-freetrial .top-wrap__bottom__actions__badge {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.3em;
}
body.page-freetrial .top-wrap__bottom__actions__badge__image {
  max-width: 185px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .top-wrap__bottom__actions__badge {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  body.page-freetrial .top-wrap__bottom__actions__badge {
    width: 100%;
  }
}
body.page-freetrial .top-wrap__bottom__actions__cta {
  width: 60%;
}
body.page-freetrial .top-wrap__bottom__actions__cta .c-btn__cta {
  margin: 0 auto;
}
body.page-freetrial .top-wrap__bottom__actions__cta .c-btn__cta__txt {
  color: #333333;
  text-shadow: none;
}
@media screen and (max-width: 1024px) {
  body.page-freetrial .top-wrap__bottom__actions__cta {
    width: 47%;
  }
}
@media screen and (max-width: 768px) {
  body.page-freetrial .top-wrap__bottom__actions__cta {
    width: 100%;
  }
}
body.page-freetrial .top-wrap__bottom .small {
  font-weight: 400;
  font-size: clamp(0.5rem, 0.464rem + 0.18vw, 0.625rem);
  color: #153962;
  text-align: right;
}
body.page-freetrial .breadcrumb {
  background-color: #FFFBED;
}
body.page-freetrial .about {
  background-color: #FFFBED;
  padding: 45px 0 90px;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .about {
    padding: 22px 0 45px;
  }
}
body.page-freetrial .about-wrap {
  max-width: 920px;
  width: 85%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  body.page-freetrial .about-wrap {
    width: 90%;
  }
}
body.page-freetrial .about-wrap .campaign {
  background-color: #153962;
  color: #FFFFFF;
  padding: 1.2em;
  position: relative;
  margin-top: 1.76em;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .about-wrap .campaign {
    margin-bottom: 1.3rem;
  }
}
body.page-freetrial .about-wrap .campaign-ttl {
  font-size: clamp(0.8rem, 0.657rem + 0.71vw, 1.3rem);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #E54067;
  display: inline-block;
  padding: 0.4em 1.5em;
  display: inline-block;
  -webkit-clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);
  clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);
}
body.page-freetrial .about-wrap .campaign-wrap {
  border: dashed 0.25em #FFFFFF;
  padding: 2em 0.2em;
}
body.page-freetrial .about-wrap .campaign-wrap__txt {
  text-align: center;
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  line-height: 1.5;
}
body.page-freetrial .about-wrap .campaign-wrap__txt__small {
  display: block;
  font-size: 0.75em;
  margin-bottom: 0.5em;
}
body.page-freetrial .about-wrap .campaign-wrap__txt__medium {
  font-size: 0.9em;
}
body.page-freetrial .about-wrap .campaign-wrap__txt strong {
  font-weight: bold;
  color: #FFBF00;
  margin-right: 0.2em;
  letter-spacing: 0.1em;
}
body.page-freetrial .about-wrap .campaign-wrap__txt strong .num {
  font-size: 2em;
  line-height: 1.3;
}
body.page-freetrial .about-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 1.6em;
  margin-bottom: 1.6em;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .about-wrap__list {
    gap: 1em;
    margin-bottom: 1em;
  }
}
body.page-freetrial .about-wrap__list__item {
  width: 31.5%;
  background-color: #FFFFFF;
  border: 2px solid #153962;
  border-radius: 9999px;
  text-align: center;
  padding: 0.6em 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #153962;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .about-wrap__list__item {
    width: 47.9%;
  }
}
body.page-freetrial .about-wrap__con {
  position: relative;
  padding-top: 2em;
}
body.page-freetrial .about-wrap__con__txt {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 31.5%;
  margin: 0 auto;
  background-color: #153962;
  border: 2px solid #153962;
  border-radius: 9999px;
  text-align: center;
  padding: 0.6em 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .about-wrap__con__txt {
    width: 47.9%;
  }
}
body.page-freetrial .about-wrap__con__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5em;
  background-color: #FFFFFF;
  border: 2px solid #153962;
  border-radius: 0.5em;
  padding: 2.6em 2.7% 2.7%;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .about-wrap__con__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
body.page-freetrial .about .begin-wrap .c-ttl__medium {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 2.8rem;
  padding-top: 1.5em;
}
@media screen and (max-width: 768px) {
  body.page-freetrial .about .begin-wrap .c-ttl__medium {
    margin-bottom: 1.3rem;
  }
}
body.page-freetrial .about .begin-wrap .c-ttl__medium small {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFBF00;
  color: #FFFFFF;
  padding: 0.2em 1em;
  border-radius: 9999px;
  font-size: clamp(0.75rem, 0.696rem + 0.27vw, 0.938rem);
  font-weight: 400;
}
body.page-freetrial .about .begin-wrap .c-ttl__medium small:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  /* 下向き三角形 */
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #FFBF00;
}
@media screen and (max-width: 1024px) {
  body.page-freetrial .about .begin-wrap__list {
    padding-bottom: 4em;
  }
}
body.page-freetrial .about .begin-wrap__list__item {
  padding: 1px;
  border-radius: 0.5em;
  overflow: hidden;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  background: -o-linear-gradient(left, #75A7FF 0%, #75D8FF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#75D8FF));
  background: linear-gradient(90deg, #75A7FF 0%, #75D8FF 100%);
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
body.page-freetrial .about .begin-wrap__list__item.slick-center {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media screen and (max-width: 1024px) {
  body.page-freetrial .about .begin-wrap__list__item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
body.page-freetrial .about .begin-wrap__list__item__prof {
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1em;
}
body.page-freetrial .about .begin-wrap__list__item__prof__left {
  font-size: clamp(0.813rem, 0.759rem + 0.27vw, 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5em;
}
body.page-freetrial .about .begin-wrap__list__item__prof__left__image {
  width: 5.5em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
body.page-freetrial .about .begin-wrap__list__item__prof__left .name {
  line-height: 1.2;
}
body.page-freetrial .about .begin-wrap__list__item__prof__ttl {
  line-height: 1.5;
  font-size: clamp(0.938rem, 0.884rem + 0.27vw, 1.125rem);
}
body.page-freetrial .about .begin-wrap__list__item__txt {
  font-weight: 400;
  background-color: #FFFFFF;
  color: #333333;
  padding: 1em;
  border-radius: 0 0 0.5em 0.5em;
}
@media screen and (max-width: 1024px) {
  body.page-freetrial .about .begin-wrap .slick-slide {
    margin: 0 1vw;
  }
}

body.page-faq .faq-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6em;
}
body.page-faq .faq-wrap__block .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.9em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  body.page-faq .faq-wrap__block .category-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, minmax(130px, 150px));
    justify-items: center;
  }
}
@media screen and (max-width: 768px) {
  body.page-faq .faq-wrap__block .category-list {
    gap: 1em;
  }
}
@media screen and (max-width: 480px) {
  body.page-faq .faq-wrap__block .category-list {
    grid-template-columns: repeat(2, minmax(130px, 150px));
  }
}
body.page-faq .faq-wrap__block .category-list__item {
  min-width: 130px;
  max-width: 150px;
  width: 100%;
}
body.page-faq .faq-wrap__block .category-list__item a {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 0.5em;
  background-color: #E6EFFF;
  border: 1px solid #B0CCFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.5;
  gap: 0.5em;
}
body.page-faq .faq-wrap__block .category-list__item a p {
  font-size: 1.2em;
  font-weight: bold;
  color: #153962;
}
body.page-faq .faq-wrap__block .category-list__item__image {
  width: 3em;
}
body.page-faq .faq-wrap__block .accordion-area {
  margin-bottom: 0;
}

body.page-reservation .top {
  background-image: url("../img/bg_top_reservation_pc.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 9/4;
  position: relative;
}
@media screen and (max-width: 768px) {
  body.page-reservation .top {
    aspect-ratio: 160/200;
    background-image: url("../img/bg_top_reservation_sp.jpg");
    background-position: top;
  }
}
@media screen and (max-width: 480px) {
  body.page-reservation .top {
    aspect-ratio: 32/47;
  }
}
body.page-reservation .top-wrap {
  max-width: 1152px;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 85%;
}
@media screen and (max-width: 1024px) {
  body.page-reservation .top-wrap {
    width: 90%;
    height: 90%;
  }
}
@media screen and (max-width: 768px) {
  body.page-reservation .top-wrap {
    height: 95%;
  }
}
body.page-reservation .top-wrap__con .question-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1em;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  body.page-reservation .top-wrap__con .question-list {
    margin-bottom: 0;
  }
}
body.page-reservation .top-wrap__con .question-list__item {
  width: 21%;
  background-color: #E6EFFF;
  color: #153962;
  padding: 1em;
  border-radius: 0.5em;
  text-align: center;
  font-size: clamp(0.65rem, 0.249rem + 0.83vw, 1rem);
  line-height: 1.5;
  position: relative;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  body.page-reservation .top-wrap__con .question-list__item {
    width: 47.5%;
    font-size: clamp(0.65rem, 0.257rem + 1.96vw, 1.2rem);
  }
}
body.page-reservation .top-wrap__con .question-list__item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  /* 下向き三角形 */
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 1em solid #E6EFFF;
  z-index: -1;
}
body.page-reservation .top-wrap__con .question-list__item span {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
}
body.page-reservation .top-wrap__con__ttl {
  color: #FFFFFF;
  font-weight: 900;
  font-size: clamp(1.8rem, -0.148rem + 4.05vw, 3.5rem);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  body.page-reservation .top-wrap__con__ttl {
    font-size: clamp(1.5rem, -0.071rem + 7.86vw, 3.7rem);
  }
}
body.page-reservation .top-wrap__bottom__txt {
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0.9rem, 0.212rem + 1.43vw, 1.5rem);
  margin-bottom: 3.5em;
}
@media screen and (max-width: 1024px) {
  body.page-reservation .top-wrap__bottom__txt {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 768px) {
  body.page-reservation .top-wrap__bottom__txt {
    font-size: clamp(0.9rem, 0.329rem + 2.86vw, 1.7rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
  }
}
body.page-reservation .top-wrap__bottom__txt strong {
  font-weight: bold;
  font-size: 1.5em;
}
body.page-reservation .top-wrap__bottom__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 3vw;
}
@media screen and (max-width: 768px) {
  body.page-reservation .top-wrap__bottom__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
body.page-reservation .top-wrap__bottom__actions__badge {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}
body.page-reservation .top-wrap__bottom__actions__badge__image {
  max-width: 185px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  body.page-reservation .top-wrap__bottom__actions__badge {
    width: 80%;
    margin: 0 auto;
    margin-top: clamp(1.25rem, -7.13rem + 27.87vw, 6.25rem);
  }
}
@media screen and (max-width: 480px) {
  body.page-reservation .top-wrap__bottom__actions__badge {
    width: 100%;
    margin-top: clamp(1.25rem, -6.25rem + 37.5vw, 5rem);
  }
}
body.page-reservation .top-wrap__bottom__actions__cta {
  width: 50%;
}
body.page-reservation .top-wrap__bottom__actions__cta .c-btn__cta {
  margin: 0 auto;
}
body.page-reservation .top-wrap__bottom__actions__cta .c-btn__cta__txt {
  text-shadow: none;
}
@media screen and (max-width: 1024px) {
  body.page-reservation .top-wrap__bottom__actions__cta {
    width: 47%;
  }
}
@media screen and (max-width: 768px) {
  body.page-reservation .top-wrap__bottom__actions__cta {
    width: 100%;
  }
}
body.page-reservation .breadcrumb {
  background-color: #FFFBED;
}
body.page-reservation .worry {
  background-color: #FFFBED;
}
body.page-reservation .worry-wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 1.3em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 3em;
}
body.page-reservation .worry-wrap__list::after {
  position: absolute;
  content: "▼▼▼";
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.1em;
  color: #FFBF00;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
body.page-reservation .worry-wrap__list__item {
  max-width: 293px;
  width: 31%;
  border-radius: 0.5em;
  border: 1px solid #75A7FF;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  body.page-reservation .worry-wrap__list__item {
    width: 100%;
  }
}
body.page-reservation .worry-wrap__list__item__ttl {
  background-color: #75A7FF;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.3;
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  padding: 0.5em 0;
}
body.page-reservation .worry-wrap__list__item__con {
  background-color: #FFFFFF;
  padding: 1em 1em 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5em;
}
body.page-reservation .worry-wrap__list__item__con__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.page-reservation .worry-wrap__list__item__con__image {
  width: 54%;
  margin: 0 auto;
}
body.page-reservation .worry-wrap .campaign {
  background-color: #FFFFFF;
  border: 2px solid #E54067;
  color: #FFFFFF;
  padding: 3.5em 1em 2.5em;
  position: relative;
  max-width: 600px;
  width: 100%;
  margin: 7em auto 0;
}
body.page-reservation .worry-wrap .campaign-ttl {
  max-width: 320px;
  width: 80%;
  text-align: center;
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #E54067;
  padding: 0.2em 0;
  display: inline-block;
  -webkit-clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);
  clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);
}
body.page-reservation .worry-wrap .campaign-txt {
  font-weight: bold;
  text-align: center;
  font-size: clamp(1.25rem, 1.143rem + 0.54vw, 1.625rem);
  font-weight: bold;
  line-height: 1.5;
  color: #153962;
}
body.page-reservation .worry-wrap .campaign-txt .c-underline,
body.page-reservation .worry-wrap .campaign-txt .c-strong {
  font-size: 1.16em;
}
body.page-reservation .begin {
  background-color: #E6EFFF;
  padding: 45px 0 90px;
}
@media screen and (max-width: 768px) {
  body.page-reservation .begin {
    padding: 22px 0 45px;
  }
}
body.page-reservation .begin-wrap .c-ttl__medium {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 2.8rem;
  padding-top: 1.5em;
}
@media screen and (max-width: 768px) {
  body.page-reservation .begin-wrap .c-ttl__medium {
    margin-bottom: 1.3rem;
  }
}
body.page-reservation .begin-wrap .c-ttl__medium small {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFBF00;
  color: #FFFFFF;
  padding: 0.2em 1em;
  border-radius: 9999px;
  font-size: clamp(0.75rem, 0.696rem + 0.27vw, 0.938rem);
  font-weight: 400;
}
body.page-reservation .begin-wrap .c-ttl__medium small:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  /* 下向き三角形 */
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #FFBF00;
}
@media screen and (max-width: 1024px) {
  body.page-reservation .begin-wrap__list {
    padding-bottom: 4em;
  }
}
body.page-reservation .begin-wrap__list__item {
  padding: 1px;
  border-radius: 0.5em;
  overflow: hidden;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  background: -o-linear-gradient(left, #75A7FF 0%, #75D8FF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#75D8FF));
  background: linear-gradient(90deg, #75A7FF 0%, #75D8FF 100%);
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
body.page-reservation .begin-wrap__list__item.slick-center {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media screen and (max-width: 1024px) {
  body.page-reservation .begin-wrap__list__item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
body.page-reservation .begin-wrap__list__item__prof {
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1em;
}
body.page-reservation .begin-wrap__list__item__prof__left {
  font-size: clamp(0.813rem, 0.759rem + 0.27vw, 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5em;
}
body.page-reservation .begin-wrap__list__item__prof__left__image {
  width: 5.5em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
body.page-reservation .begin-wrap__list__item__prof__left .name {
  line-height: 1.2;
}
body.page-reservation .begin-wrap__list__item__prof__ttl {
  line-height: 1.5;
  font-size: clamp(0.938rem, 0.884rem + 0.27vw, 1.125rem);
}
body.page-reservation .begin-wrap__list__item__txt {
  font-weight: 400;
  background-color: #FFFFFF;
  color: #333333;
  padding: 1em;
  border-radius: 0 0 0.5em 0.5em;
}
@media screen and (max-width: 1024px) {
  body.page-reservation .begin-wrap .slick-slide {
    margin: 0 1vw;
  }
}

body.post-type-archive-works .works-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  body.post-type-archive-works .works-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
body.post-type-archive-works .works-wrap .main {
  width: 68%;
}
@media screen and (max-width: 1024px) {
  body.post-type-archive-works .works-wrap .main {
    width: 100%;
    margin-bottom: 2.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  body.post-type-archive-works .works-wrap .main {
    margin-bottom: 1.3rem;
  }
}
body.post-type-archive-works .works-wrap .main-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.6em;
}
body.post-type-archive-works .works-wrap .main-list__item {
  width: calc(50% - 0.8em);
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}
body.post-type-archive-works .works-wrap .main-list__item:hover,
body.post-type-archive-works .works-wrap .main-list__item.hover {
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}
body.post-type-archive-works .works-wrap .main-list__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
  padding: 0.7em;
}
@media (max-width: 700px) {
  body.post-type-archive-works .works-wrap .main-list__item {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
  }
}
body.post-type-archive-works .works-wrap .main-list__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  border-radius: 0.5em;
  background: -o-linear-gradient(left, #75A7FF 0%, #EEBCFF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#EEBCFF));
  background: linear-gradient(90deg, #75A7FF 0%, #EEBCFF 100%);
}
body.post-type-archive-works .works-wrap .main-list__item::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  z-index: -1;
  border-radius: 0.5em;
  background: #FFFFFF;
}
body.post-type-archive-works .works-wrap .main-list__item__image {
  background-image: url("../img/bg_mockup_pc.png");
  background-size: 90%;
  background-position: left top;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1.38/1;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}
body.post-type-archive-works .works-wrap .main-list__item__image .no-image {
  color: #ccc;
}
body.post-type-archive-works .works-wrap .main-list__item__image .no-image.pc {
  position: absolute;
  top: 35%;
  text-align: center;
  font-size: 1.5em;
}
body.post-type-archive-works .works-wrap .main-list__item__image .no-image.sp {
  position: absolute;
  top: 68%;
  text-align: center;
  font-size: 1em;
}
body.post-type-archive-works .works-wrap .main-list__item__image::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../img/bd-mockup_sp.png");
  background-size: 20%;
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1.38/1;
  z-index: 2;
}
body.post-type-archive-works .works-wrap .main-list__item__image .pc {
  position: absolute;
  top: 3.3%;
  left: 3%;
  width: 84%;
  height: auto;
  z-index: 1;
}
body.post-type-archive-works .works-wrap .main-list__item__image .sp {
  position: absolute;
  top: 49%;
  right: 1.25%;
  width: 17.5%;
  height: auto;
  z-index: 3;
}
body.post-type-archive-works .works-wrap .main-list__item__con {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 0.5em;
  padding-top: 1em;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.post-type-archive-works .works-wrap .main-list__item__con::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.7em;
  right: -0.7em;
  bottom: -0.7em;
  background: -o-linear-gradient(left, #75A7FF 0%, #EEBCFF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#EEBCFF));
  background: linear-gradient(90deg, #75A7FF 0%, #EEBCFF 100%);
  z-index: -1;
  border-radius: 0 0 0.5em 0.5em;
}
body.post-type-archive-works .works-wrap .main-list__item__con__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5em;
  color: #153962;
  margin-bottom: 0.7em;
}
body.post-type-archive-works .works-wrap .main-list__item__con__tags .tag {
  display: inline-block;
  background-color: #FFFFFF;
  font-size: 0.8em;
  font-weight: 500;
  padding: 0.5em 1em;
  line-height: 1;
  border-radius: 9999px;
}
body.post-type-archive-works .works-wrap .sidebar {
  width: 26%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2em;
}
@media screen and (max-width: 1024px) {
  body.post-type-archive-works .works-wrap .sidebar {
    width: 100%;
  }
}
body.post-type-archive-works .works-wrap .sidebar .taxonomy-group__heading {
  padding-bottom: 0.2em;
  position: relative;
  margin-bottom: 1em;
  border-bottom: 2px solid #898989;
}
body.post-type-archive-works .works-wrap .sidebar .taxonomy-group__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.6em;
}
body.post-type-archive-works .works-wrap .sidebar .taxonomy-group__list__item a {
  display: inline-block;
  padding: 0.5em 1em;
  line-height: 1;
  border-radius: 9999px;
  font-size: 0.85em;
  font-weight: 500;
  color: #153962;
  position: relative;
  overflow: hidden;
}
body.post-type-archive-works .works-wrap .sidebar .taxonomy-group__list__item a:hover,
body.post-type-archive-works .works-wrap .sidebar .taxonomy-group__list__item a.hover {
  color: #FFFFFF;
  opacity: 1;
}
body.post-type-archive-works .works-wrap .sidebar .taxonomy-group__list__item a::after {
  content: "";
  position: absolute;
  background: -o-linear-gradient(left, #75A7FF 0%, #EEBCFF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#EEBCFF));
  background: linear-gradient(90deg, #75A7FF 0%, #EEBCFF 100%);
  inset: 0;
  z-index: -2;
}
body.post-type-archive-works .works-wrap .sidebar .taxonomy-group__list__item a::before {
  content: "";
  position: absolute;
  inset: 1.5px;
  border-radius: inherit;
  background: #fff;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
body.post-type-archive-works .works-wrap .sidebar .taxonomy-group__list__item a:hover::before,
body.post-type-archive-works .works-wrap .sidebar .taxonomy-group__list__item a.hover::before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

body.single-works .works-top {
  background: -o-linear-gradient(left, rgba(117, 167, 255, 0.5) 0%, rgba(238, 188, 255, 0.5) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(117, 167, 255, 0.5)), to(rgba(238, 188, 255, 0.5)));
  background: linear-gradient(90deg, rgba(117, 167, 255, 0.5) 0%, rgba(238, 188, 255, 0.5) 100%);
}
body.single-works .works-top .__inner-u {
  padding: 45px 0;
}
@media screen and (max-width: 768px) {
  body.single-works .works-top .__inner-u {
    padding: 22px 0;
  }
}
body.single-works .works-top__wrap__image {
  background-image: url("../img/bg_mockup_pc.png");
  background-size: 90%;
  background-position: left top;
  background-repeat: no-repeat;
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 1.38/1;
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 0;
}
body.single-works .works-top__wrap__image .no-image {
  color: #ccc;
}
body.single-works .works-top__wrap__image .no-image.pc {
  position: absolute;
  top: 35%;
  text-align: center;
  font-size: 2em;
}
body.single-works .works-top__wrap__image .no-image.sp {
  position: absolute;
  top: 68%;
  text-align: center;
  font-size: 1.5em;
}
body.single-works .works-top__wrap__image::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../img/bd-mockup_sp.png");
  background-size: 20%;
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1.38/1;
  z-index: 2;
}
body.single-works .works-top__wrap__image .pc {
  position: absolute;
  top: 3.3%;
  left: 3%;
  width: 84%;
  height: auto;
  z-index: 1;
}
body.single-works .works-top__wrap__image .sp {
  position: absolute;
  top: 49%;
  right: 1.25%;
  width: 17.5%;
  height: auto;
  z-index: 3;
}
body.single-works .works-top__wrap__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5em 1em;
  color: #153962;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 1024px) {
  body.single-works .works-top__wrap__tags {
    margin-top: 1em;
  }
}
body.single-works .works-top__wrap__tags .tag {
  display: inline-block;
  background-color: #FFFFFF;
  font-weight: 500;
  padding: 0.5em 1em;
  line-height: 1;
  border-radius: 9999px;
}
body.single-works .works-top__wrap__ttl {
  font-size: clamp(1.25rem, 0.964rem + 1.43vw, 2.25rem);
  line-height: 1.2;
}
body.single-works .works-detail {
  background-image: url("../img/bg_square.png");
  background-size: 1440px;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
}
@media screen and (max-width: 480px) {
  body.single-works .works-detail {
    background-size: 200%;
  }
}
body.single-works .works-detail__wrap__con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.single-works .works-detail__wrap__con {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  body.single-works .works-detail__wrap__con {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.7em;
  }
}
body.single-works .works-detail__wrap__con__msg {
  width: 46%;
  background-color: #E6EFFF;
  padding: 1em;
  border-radius: 0.5em;
}
@media screen and (max-width: 768px) {
  body.single-works .works-detail__wrap__con__msg {
    width: 100%;
  }
}
body.single-works .works-detail__wrap__con__msg__image {
  max-width: 150px;
  width: 35%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F2F2F2;
}
body.single-works .works-detail__wrap__con__msg__image .no-image {
  font-size: 2em;
}
@media screen and (max-width: 768px) {
  body.single-works .works-detail__wrap__con__msg__image {
    max-width: 100px;
  }
}
body.single-works .works-detail__wrap__con__msg__name {
  font-size: 1.2em;
  color: #153962;
  margin: 0.5em 0;
}
body.single-works .works-detail__wrap__con__msg__name span {
  margin-left: 1em;
}
body.single-works .works-detail__wrap__con__list {
  width: 46%;
}
@media screen and (max-width: 768px) {
  body.single-works .works-detail__wrap__con__list {
    width: 100%;
  }
}
body.single-works .works-detail__wrap__con__list li {
  margin-bottom: 1em;
}
body.single-works .works-detail__wrap__con__list li:last-of-type {
  margin-bottom: 0;
}
body.single-works .works-detail__wrap__con__list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.single-works .works-detail__wrap__con__list dt {
  width: 7.5em;
  font-weight: bold;
  padding-right: 0.5em;
  margin-right: 0.5em;
  font-size: 1.2em;
  color: #153962;
  position: relative;
  white-space: nowrap;
}
body.single-works .works-detail__wrap__con__list dt::before {
  content: "：";
  width: 1em;
  color: #153962;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.single-works .works-detail__wrap__con__list dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
body.single-works .works-detail__wrap__con__list dd a {
  color: #75A7FF;
  text-decoration: underline;
}
body.single-works .works-detail__wrap__design__ttl {
  font-size: 1.2em;
  color: #153962;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  position: relative;
}
body.single-works .works-detail__wrap__design__ttl::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.28em;
  background: -o-linear-gradient(left, #75A7FF 0%, #EEBCFF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#EEBCFF));
  background: linear-gradient(90deg, #75A7FF 0%, #EEBCFF 100%);
}
body.single-works .works-detail__wrap__design__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  body.single-works .works-detail__wrap__design__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.5em;
  }
}
body.single-works .works-detail__wrap__design.__pc-design {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.single-works .works-detail__wrap__design.__pc-design {
    margin-bottom: 1.3rem;
  }
}
body.single-works .works-detail__wrap__design.__pc-design .works-detail__wrap__design__block__image {
  width: 48%;
}
@media screen and (max-width: 768px) {
  body.single-works .works-detail__wrap__design.__pc-design .works-detail__wrap__design__block__image {
    width: 100%;
  }
}
body.single-works .works-detail__wrap__design.__sp-design .works-detail__wrap__design__block__image {
  width: 24%;
}
@media screen and (max-width: 768px) {
  body.single-works .works-detail__wrap__design.__sp-design .works-detail__wrap__design__block__image {
    width: 100%;
  }
}

body.post-type-archive-news .news-wrap__cate__list {
  padding-bottom: 1.6em;
  margin-bottom: 2em;
  border-bottom: solid 2px #898989;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1vw 1fr 1vw 1fr 1vw 1fr 1vw 1fr;
  grid-template-columns: repeat(5, 1fr);
  gap: 1vw;
}
@media screen and (max-width: 480px) {
  body.post-type-archive-news .news-wrap__cate__list {
    -ms-grid-columns: 1fr 2vw 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw;
  }
}
body.post-type-archive-news .news-wrap__cate__list__item {
  background-color: #FFFFFF;
  border: solid 1px #153962;
  width: 100%;
}
body.post-type-archive-news .news-wrap__cate__list__item a {
  font-weight: 500;
  font-size: 1.2em;
  color: #153962;
  text-align: center;
  width: 100%;
  display: block;
  padding: 0.5em 0;
  line-height: 1.5;
}
body.post-type-archive-news .news-wrap__cate__list__item a:hover,
body.post-type-archive-news .news-wrap__cate__list__item a.hover {
  background-color: #153962;
  color: #FFFFFF;
  opacity: 1;
}
body.post-type-archive-news .news-wrap__cate__list__item a:hover a,
body.post-type-archive-news .news-wrap__cate__list__item a.hover a {
  color: #FFFFFF;
}
body.post-type-archive-news .news-wrap__cate__list__item.is-current {
  background-color: #153962;
  color: #FFFFFF;
}
body.post-type-archive-news .news-wrap__cate__list__item.is-current a {
  color: #FFFFFF;
}
body.post-type-archive-news .news-wrap__con__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2em;
}
body.post-type-archive-news .news-wrap__con__list__item {
  width: calc(50% - 1em);
  max-width: 440px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}
@media (max-width: 700px) {
  body.post-type-archive-news .news-wrap__con__list__item {
    width: 100%;
    max-width: 100%;
  }
}
body.post-type-archive-news .news-wrap__con__list__item:hover,
body.post-type-archive-news .news-wrap__con__list__item.hover {
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}
body.post-type-archive-news .news-wrap__con__list__item__image {
  width: 100%;
  aspect-ratio: 1.6/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F2F2F2;
}
body.post-type-archive-news .news-wrap__con__list__item__image .no-image {
  font-size: 1.5em;
  color: #333333;
}
body.post-type-archive-news .news-wrap__con__list__item .news-wrap__con__list__item__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5em;
  padding: 1em;
}
body.post-type-archive-news .news-wrap__con__list__item .news-wrap__con__list__item__txt__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1em;
}
body.post-type-archive-news .news-wrap__con__list__item .news-wrap__con__list__item__txt__top .news-date {
  font-weight: 500;
}
body.post-type-archive-news .news-wrap__con__list__item .news-wrap__con__list__item__txt__top .news-category {
  background-color: #75A7FF;
  color: #FFFFFF;
  display: inline-block;
  font-size: 0.8em;
  font-weight: 500;
  padding: 0.5em 1.5em;
  line-height: 1;
  border-radius: 9999px;
}
body.post-type-archive-news .news-wrap__con__list__item .news-wrap__con__list__item__txt__ttl {
  color: #153962;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.single-news .news-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  body.single-news .news-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
body.single-news .news-wrap__main {
  width: 67%;
}
@media screen and (max-width: 1024px) {
  body.single-news .news-wrap__main {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  body.single-news .news-wrap__main {
    margin-bottom: 1.3rem;
  }
}
body.single-news .news-wrap__main__ttl {
  font-size: clamp(1.125rem, 1.018rem + 0.54vw, 1.5rem);
  line-height: 1.3;
  color: #153962;
  margin-bottom: 0.7em;
}
body.single-news .news-wrap__main__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1em;
  font-weight: 500;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.single-news .news-wrap__main__meta {
    margin-bottom: 1.3rem;
  }
}
body.single-news .news-wrap__main__meta .tag {
  background-color: #75A7FF;
  color: #FFFFFF;
  display: inline-block;
  font-size: 0.8em;
  padding: 0.5em 1.5em;
  line-height: 1;
  border-radius: 9999px;
}
body.single-news .news-wrap__main__image {
  width: 100%;
  aspect-ratio: 1.6/1;
  margin-bottom: 2.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F2F2F2;
}
@media screen and (max-width: 768px) {
  body.single-news .news-wrap__main__image {
    margin-bottom: 1.3rem;
  }
}
body.single-news .news-wrap__main__image .no-image {
  font-size: 1.5em;
  color: #333333;
}
body.single-news .news-wrap__main__text__txt {
  line-height: 1.5;
}
body.single-news .news-wrap__main__text h2 {
  background: -o-linear-gradient(left, #75A7FF 0%, #75D8FF 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), to(#75D8FF));
  background: linear-gradient(90deg, #75A7FF 0%, #75D8FF 100%);
  font-size: clamp(1.125rem, 1.018rem + 0.54vw, 1.5rem);
  color: #FFFFFF;
  padding: 0.5em;
  margin: 0.5em 0;
  overflow: hidden;
  line-height: 1.3;
}
body.single-news .news-wrap__main__text h3 {
  font-size: clamp(1rem, 0.929rem + 0.36vw, 1.25rem);
  padding: 0.5em;
  position: relative;
  margin: 0.5em 0;
  line-height: 1.3;
}
body.single-news .news-wrap__main__text h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: -o-linear-gradient(left, #75A7FF 0%, #75A7FF 30%, #CCCCCC 30%, #CCCCCC 100%);
  background: -webkit-gradient(linear, left top, right top, from(#75A7FF), color-stop(30%, #75A7FF), color-stop(30%, #CCCCCC), to(#CCCCCC));
  background: linear-gradient(to right, #75A7FF 0%, #75A7FF 30%, #CCCCCC 30%, #CCCCCC 100%);
}
body.single-news .news-wrap__main__text h4 {
  font-size: clamp(0.875rem, 0.804rem + 0.36vw, 1.125rem);
  padding: 0.5em 0.5em 0.5em 1.3em;
  position: relative;
  margin: 0.5em 0;
  line-height: 1.3;
}
body.single-news .news-wrap__main__text h4::before,
body.single-news .news-wrap__main__text h4::after {
  display: inline-block;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.5em;
  aspect-ratio: 1/1;
  content: "";
}
body.single-news .news-wrap__main__text h4::before {
  border: 2px solid #153962;
  top: calc(50% - 0.2em);
  left: 0;
}
body.single-news .news-wrap__main__text h4::after {
  border: 2px solid #75A7FF;
  top: calc(50% + 0.2em);
  left: 0.3em;
}
body.single-news .news-wrap__main__text h5 {
  font-size: clamp(0.813rem, 0.759rem + 0.27vw, 1rem);
  padding: 0.5em;
  position: relative;
  margin: 0.5em 0;
  line-height: 1.3;
}
body.single-news .news-wrap__main__text h5::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.25em;
  height: 0.25em;
  background-color: #153962;
}

body.post-type-archive-review .review {
  background-color: #E6EFFF;
}
body.post-type-archive-review .review-wrap__summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2em;
  width: 63%;
  margin: 0 auto;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 768px) {
  body.post-type-archive-review .review-wrap__summary {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 1024px) {
  body.post-type-archive-review .review-wrap__summary {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  body.post-type-archive-review .review-wrap__summary {
    gap: 1em;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
body.post-type-archive-review .review-wrap__summary__left {
  width: 35%;
  border-right: 0.35em solid #153962;
  padding-right: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  body.post-type-archive-review .review-wrap__summary__left {
    width: 80%;
    border-right: none;
    padding-right: 0;
    padding-bottom: 1em;
    border-bottom: 0.2em solid #153962;
  }
}
body.post-type-archive-review .review-wrap__summary__left__score {
  font-size: 1.6em;
  color: #153962;
  font-weight: bold;
}
body.post-type-archive-review .review-wrap__summary__left__score__num {
  font-size: 4em;
  line-height: 1.4;
  font-weight: bold;
  color: #153962;
}
body.post-type-archive-review .review-wrap__summary__left__stars {
  font-size: 1.2em;
  color: #E7891E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2px;
}
body.post-type-archive-review .review-wrap__summary__left__count {
  color: #153962;
  font-weight: bold;
  margin-top: 0.5em;
}
body.post-type-archive-review .review-wrap__summary__right {
  width: 68%;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: auto 0.5em 1fr 0.5em -webkit-max-content;
  -ms-grid-columns: auto 0.5em 1fr 0.5em max-content;
  grid-template-columns: auto 1fr -webkit-max-content;
  grid-template-columns: auto 1fr max-content;
  gap: 0.5em;
}
@media screen and (max-width: 768px) {
  body.post-type-archive-review .review-wrap__summary__right {
    width: 80%;
  }
}
body.post-type-archive-review .review-wrap__summary__right__row {
  display: contents;
}
body.post-type-archive-review .review-wrap__summary__right__row__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  color: #E7891E;
  font-weight: 500;
  font-size: 1.3em;
}
body.post-type-archive-review .review-wrap__summary__right__row__label i {
  color: #E7891E;
}
body.post-type-archive-review .review-wrap__summary__right__row__bar {
  height: 1.6em;
  background: #FFFFFF;
  overflow: hidden;
}
body.post-type-archive-review .review-wrap__summary__right__row__bar__fill {
  height: 100%;
  background-color: #E7891E;
}
body.post-type-archive-review .review-wrap__summary__right__row__count {
  white-space: nowrap;
  font-size: 1.1em;
  font-weight: 500;
  color: #153962;
  text-align: right;
}
body.post-type-archive-review .review-wrap__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2em 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 2em;
}
@media screen and (max-width: 768px) {
  body.post-type-archive-review .review-wrap__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
body.post-type-archive-review .review-wrap__item {
  background: #FFFFFF;
  border: 1px solid #75A7FF;
  border-radius: 0.5em;
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  will-change: transform;
}
body.post-type-archive-review .review-wrap__item:hover,
body.post-type-archive-review .review-wrap__item.hover {
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}
body.post-type-archive-review .review-wrap__item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #75A7FF;
  gap: 1.5em;
  padding: 1em;
  position: relative;
}
body.post-type-archive-review .review-wrap__item__header__date {
  position: absolute;
  top: 1em;
  right: 1em;
  color: #FFFFFF;
  font-size: 0.9em;
  font-weight: 400;
}
body.post-type-archive-review .review-wrap__item__header i {
  color: #FFFFFF;
  font-size: 3.5em;
}
body.post-type-archive-review .review-wrap__item__header__meta {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #FFFFFF;
  font-size: 1.3em;
  line-height: 1.5;
  font-weight: bold;
}
body.post-type-archive-review .review-wrap__item__header__meta__course .period {
  margin-left: 0.5em;
}
body.post-type-archive-review .review-wrap__item__body {
  padding: 1em;
}
body.post-type-archive-review .review-wrap__item__body__total {
  color: #E7891E;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
}
body.post-type-archive-review .review-wrap__item__body__total__ttl {
  color: #153962;
}
body.post-type-archive-review .review-wrap__item__body__total__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.post-type-archive-review .review-wrap__item__body__detail {
  margin-bottom: 0.5em;
}
body.post-type-archive-review .review-wrap__item__body__detail__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.3em;
  font-weight: bold;
  font-size: 1.2em;
  color: #153962;
}
body.post-type-archive-review .review-wrap__item__body__detail__ttl__image {
  width: 1.6em;
}
body.post-type-archive-review .review-wrap__item__body__detail__ttl__image img {
  -o-object-fit: contain;
  object-fit: contain;
}
body.post-type-archive-review .review-wrap__item__body__more {
  color: #E54067;
  font-weight: bold;
  text-align: right;
  padding-right: 2em;
  position: relative;
}
body.post-type-archive-review .review-wrap__item__body__more::after {
  position: absolute;
  content: "▶";
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.post-type-archive-review .interview {
  background-color: #FFFFFF;
}

body.single-review .review {
  background-color: #E6EFFF;
}
body.single-review .review-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  body.single-review .review-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
body.single-review .review-wrap__main {
  width: 67%;
}
@media screen and (max-width: 1024px) {
  body.single-review .review-wrap__main {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  body.single-review .review-wrap__main {
    margin-bottom: 1.3rem;
  }
}
body.single-review .review-wrap__main__item {
  background: #FFFFFF;
  border: 1px solid #75A7FF;
  border-radius: 0.5em;
  overflow: hidden;
}
body.single-review .review-wrap__main__item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #75A7FF;
  gap: 1.5em;
  padding: 1em;
  position: relative;
}
body.single-review .review-wrap__main__item__header__date {
  position: absolute;
  top: 1em;
  right: 1em;
  color: #FFFFFF;
  font-size: 0.9em;
  font-weight: 400;
}
body.single-review .review-wrap__main__item__header i {
  color: #FFFFFF;
  font-size: 3.5em;
}
body.single-review .review-wrap__main__item__header__meta {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #FFFFFF;
  font-size: 1.3em;
  line-height: 1.5;
  font-weight: bold;
}
body.single-review .review-wrap__main__item__header__meta__course .period {
  margin-left: 0.5em;
}
body.single-review .review-wrap__main__item__body {
  padding: 1em;
}
body.single-review .review-wrap__main__item__body__total {
  color: #E7891E;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
}
body.single-review .review-wrap__main__item__body__total__ttl {
  color: #153962;
}
body.single-review .review-wrap__main__item__body__total__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.single-review .review-wrap__main__item__body__one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-bottom: 0.5em;
}
body.single-review .review-wrap__main__item__body__one__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 0.85em;
}
body.single-review .review-wrap__main__item__body__one__item__ttl {
  color: #153962;
}
body.single-review .review-wrap__main__item__body__one__item__stars {
  color: #E7891E;
}
body.single-review .review-wrap__main__item__body__detail {
  margin-bottom: 0.5em;
}
body.single-review .review-wrap__main__item__body__detail__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.3em;
  color: #153962;
  font-weight: bold;
  font-size: 1.2em;
}
body.single-review .review-wrap__main__item__body__detail__ttl__image {
  width: 1.6em;
}
body.single-review .review-wrap__main__item__body__detail__ttl__image img {
  -o-object-fit: contain;
  object-fit: contain;
}
body.single-review .review-wrap__main__item__body__more {
  color: #E54067;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}

body.page-reservation_thanks .reservation_thanks-top {
  width: 100%;
  height: calc(30vw - 30px);
}
@media screen and (max-width: 768px) {
  body.page-reservation_thanks .reservation_thanks-top {
    height: calc(92.5vw - 30px);
  }
}
@media screen and (max-width: 480px) {
  body.page-reservation_thanks .reservation_thanks-top {
    height: calc(140vw - 30px);
  }
}
body.page-reservation_thanks .reservation_thanks-top-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("../img/reservation_thanks-kv.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  body.page-reservation_thanks .reservation_thanks-top-wrap {
    background-image: url("../img/reservation_thanks-kv-02.png");
  }
}
@media screen and (max-width: 480px) {
  body.page-reservation_thanks .reservation_thanks-top-wrap {
    background-image: url("../img/reservation_thanks-kv-03.png");
  }
}
body.page-reservation_thanks .reservation_thanks-body {
  width: 80%;
  margin: 25px auto;
}
body.page-reservation_thanks .reservation_thanks-body_block_txt {
  text-align: center;
  margin-bottom: 15px;
}
body.page-reservation_thanks .reservation_thanks-body_block_txt p {
  font-weight: 600;
  line-height: 1.75;
}

body.page-reservation_thanks .c-btn__cta {
  max-width: 325px;
  margin: 0 auto 15px;
}
body.page-reservation_thanks .c-btn__cta__reservation a {
  aspect-ratio: 5.75/1;
}