@charset "UTF-8";
/* リキッドレイアウト対応 */
/*======================================
  デザインアプローチ設定  
======================================*/
/*======================================
  インナー幅設定  
======================================*/
/*======================================
  アートボード幅設定
======================================*/
/*======================================
  余白設定
======================================*/
/*======================================
  フォント設定
======================================*/
/*======================================
  色の指定
======================================*/
/*======================================
  デフォルト設定
======================================*/
body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #002b33;
  line-height: 1.5;
  position: relative;
  z-index: -10;
}

main {
  position: relative;
  z-index: -9;
}

/*======================================
  Margin方向性ルール設定
======================================*/
/*======================================
  ブレークポイント設定
======================================*/
/**
 * メディアクエリミックスイン
 * @param {string} $mediaquery - ブレークポイント名（デフォルト: md）
 * @example
 * @include mq() {
 *   // mdブレークポイントのスタイル
 * }
 * @include mq("lg") {
 *   // lgブレークポイントのスタイル
 * }
 */
.u-desktop {
  display: block;
}
@media screen and (max-width: 767px) {
  .u-desktop {
    display: none;
  }
}

.u-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-mobile {
    display: block;
  }
}

/**
 * 全幅表示用mixin
 * @param {string} $type - 全幅表示のタイプ（"pc-only", "sp-only", "both"のいずれか）
 */
/**
 * 右側全幅表示用mixin
 * @param {string} $type - 全幅表示のタイプ（"pc-only", "sp-only", "both"のいずれか）
 */
/**
 * 左側全幅表示用mixin
 * @param {string} $type - 全幅表示のタイプ（"pc-only", "sp-only", "both"のいずれか）
 */
.inner--full {
  margin-inline: calc(50% - 50vi);
}
@media screen and (max-width: 767px) {
  .inner--full {
    width: 100%;
    margin-inline: calc(50% - 50vi);
  }
}

.inner--full-pc {
  margin-inline: calc(50% - 50vi);
}
@media screen and (max-width: 767px) {
  .inner--full-pc {
    width: 100%;
    margin-inline: 0;
  }
}

.inner--full-sp {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .inner--full-sp {
    margin-inline: calc(50% - 50vi);
  }
}

.inner--full-right {
  margin-right: calc(50% - 50vi);
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  .inner--full-right {
    margin-right: calc(50% - 50vi);
    padding-left: 20px;
  }
}

.inner--full-right-pc {
  margin-right: calc(50% - 50vi);
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  .inner--full-right-pc {
    margin-right: 0;
    padding-inline: 20px;
  }
}

.inner--full-right-sp {
  padding-inline: 25px;
}
@media screen and (max-width: 767px) {
  .inner--full-right-sp {
    margin-right: calc(50% - 50vi);
    padding-left: 20px;
    padding-right: 0;
  }
}

.inner--full-left {
  margin-left: calc(50% - 50vi);
}
@media screen and (max-width: 767px) {
  .inner--full-left {
    margin-left: calc(50% - 50vi);
  }
}

.inner--full-left-pc {
  margin-left: calc(50% - 50vi);
}
@media screen and (max-width: 767px) {
  .inner--full-left-pc {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .inner--full-left-sp {
    margin-left: calc(50% - 50vi);
  }
}

html {
  font-size: 16px;
}
@media (max-width: 960px) {
  html {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
  height: auto;
}

/* Natural flow and rhythm in articles by default */
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  padding: 0;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  margin: 0;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/* ホバー */
a {
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s;
}

.drawer__line {
  display: none;
}
@media screen and (max-width: 767px) {
  .drawer__line {
    display: block;
    position: absolute;
    left: 1rem;
    width: 1.5rem;
    height: 0.125rem;
    background-color: #fff;
    transition: transform 0.3s;
  }
}

@media screen and (max-width: 767px) {
  .drawer__line:nth-child(1) {
    top: 1.0625rem;
  }
}

@media screen and (max-width: 767px) {
  .drawer__line:nth-child(2) {
    top: 1.625rem;
  }
}

@media screen and (max-width: 767px) {
  .drawer__line:nth-child(3) {
    bottom: 1.0625rem;
  }
}

.drawer.is-open .drawer__line:nth-child(1) {
  transform: rotate(45deg);
  transform-origin: left;
  top: 1rem;
  left: 1.0625rem;
  width: 1.75rem;
}

.drawer.is-open .drawer__line:nth-child(2) {
  display: none;
}

.drawer.is-open .drawer__line:nth-child(3) {
  transform: rotate(-45deg);
  transform-origin: left;
  width: 1.75rem;
}

.footer {
  padding-block: 2.5rem;
  background-color: #f1fdff;
  border-top: 0.0625rem solid #00afcc;
}
@media screen and (max-width: 767px) {
  .footer {
    border-top: none;
    padding: 2.5rem 0 5rem;
  }
}

.footer__inner.inner {
  max-width: 78.125rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.footer__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .footer__content {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.footer__logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .footer__logo {
    display: none;
  }
}

.footer__title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  color: #00afcc;
}
@media screen and (max-width: 1023px) {
  .footer__title {
    font-size: 1.25rem;
  }
}

.footer__subtitle {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #00afcc;
}
@media screen and (max-width: 1023px) {
  .footer__subtitle {
    font-size: 1.25rem;
  }
}

.footer__nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .footer__nav {
    justify-content: center;
    gap: 0;
  }
}

.footer__menu {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .footer__menu {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }
}

.footer__menu-item {
  padding: 0.75rem 0.5rem;
}
@media screen and (max-width: 767px) {
  .footer__menu-item {
    padding: 0;
  }
}

.footer__link {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #002b33;
  text-decoration: none;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .footer__link {
    font-size: 0.9375rem;
    text-align: center;
  }
}
.footer__link:hover {
  color: #00afcc;
}

.footer__sns {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer__sns img {
  width: 1.125rem;
  height: 1.125rem;
}

@media (any-hover: hover) {
  .footer__sns:hover {
    opacity: 0.7;
  }
}
.footer__bottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.5rem;
  font-size: 0.875rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .footer__bottom {
    flex-direction: column;
    gap: 1rem;
    font-size: 0.75rem;
    padding-top: 1rem;
  }
  .footer__bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    background-color: #c3d8dc;
  }
}

.footer__links {
  display: flex;
  gap: 1.5rem;
}

.footer__policy {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #002b33;
  text-decoration: underline;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .footer__policy {
    font-size: 0.75rem;
  }
}
.footer__policy:hover {
  color: #00afcc;
}

.footer__copy {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #002b33;
}
@media screen and (max-width: 767px) {
  .footer__copy {
    font-size: 0.625rem;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: 4.5rem;
  background-color: #f1fdff;
  align-content: center;
}
@media screen and (max-width: 767px) {
  .header {
    height: 3.375rem;
  }
}

.header__inner.inner {
  max-width: 88.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  height: inherit;
  position: relative;
}
@media screen and (max-width: 767px) {
  .header__inner.inner {
    gap: 1.25rem;
    padding-inline: 1.25rem;
  }
}

.header__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.header__logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .header__logo {
    gap: 0.25rem;
  }
}

@media (any-hover: hover) {
  .header__logo:hover {
    opacity: 0.7;
  }
}
.header__title {
  color: #00afcc;
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .header__title {
    font-size: 1.125rem;
  }
}

.header__subtitle {
  color: #00afcc;
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .header__subtitle {
    font-size: 1.125rem;
  }
}

.header__nav {
  height: inherit;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .header__nav {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .header__nav-sp {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
  }
}

.header__menu {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding-block: 0.75rem;
  height: inherit;
}
@media screen and (max-width: 767px) {
  .header__menu {
    display: none;
  }
}

.header__menu-item {
  display: flex;
  align-items: center;
  height: inherit;
}
@media screen and (max-width: 767px) {
  .header__menu-item {
    display: none;
  }
}

.header__menu-item:last-of-type {
  height: 100%;
}

.header__link {
  display: flex;
  align-items: center;
  height: 100%;
  color: #005766;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  height: inherit;
  padding-inline: 0.5rem;
  transition: background-color 0.3s ease-in-out;
  position: relative;
}
@media screen and (max-width: 767px) {
  .header__link {
    display: none;
  }
}
.header__link:hover {
  opacity: 1;
}
.header__link::after {
  transition: background-color 0.3s ease-in-out;
}

.header__link--contact {
  font-weight: 500;
  padding: 0.75rem 3.5rem;
  border: 1px solid #005766;
}
@media screen and (max-width: 767px) {
  .header__link--contact {
    padding: 0;
    border: none;
  }
}

@media (any-hover: hover) {
  .header__link:hover {
    transition: background-color 0.3s ease-in-out;
  }
  .header__link:hover::after {
    content: "";
    position: absolute;
    bottom: 1.375rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #00afcc;
  }
  .header__link--contact:hover {
    color: #fff;
    background-color: #00afcc;
    border-color: transparent;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  }
  .header__link--contact:hover::after {
    background-color: transparent;
  }
}
.header__btn {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .header__btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 3.375rem;
    height: 3.375rem;
    background-color: #00afcc;
  }
}

.inner {
  width: 100%;
  max-width: 1010px;
  padding-inline: 25px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .inner {
    max-width: 37.5rem;
    padding-inline: 20px;
  }
}

.sp-nav {
  position: absolute;
  top: 3.375rem;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  transition: transform 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .sp-nav.is-open {
    transform: translateX(0%);
    transition: transform 0.3s ease-in-out;
    overflow: auto;
  }
}

@media screen and (max-width: 767px) {
  .sp-nav__menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    margin-top: 8.125rem;
    min-height: 38.3125rem;
  }
}

.sp-nav__item {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .sp-nav__link {
    font-size: 1.5rem;
    font-weight: 600;
    color: #00afcc;
  }
}

.p-404 {
  height: 100vh;
  align-content: center;
  margin-top: 4.5rem;
}
@media screen and (max-width: 767px) {
  .p-404 {
    padding: 0;
    margin-top: 3.25rem;
  }
}

.p-404__head {
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-404__head {
    font-size: 1.25rem;
  }
}

.p-404__text {
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-404__text {
    font-size: 1rem;
    margin-top: 2rem;
  }
}

.p-404__btn.common-btn {
  display: flex;
  width: fit-content;
  margin: 2.5rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-404__btn.common-btn {
    width: fit-content;
    margin: 3.5rem auto 0;
  }
}

@media screen and (max-width: 767px) {
  .footer.--404 {
    padding-top: 6.5rem;
  }
}

.about {
  padding: 5rem 0;
  background: #F1FDFF;
}
@media screen and (max-width: 767px) {
  .about {
    padding: 4rem 0;
  }
}

.about__head {
  position: relative;
}
.about__head::before {
  content: "About";
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 7.5rem;
  font-weight: 700;
  line-height: 1.35;
  background: linear-gradient(180deg, #bef6ff 0%, #f1fdff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .about__head {
    font-size: 2rem;
  }
  .about__head::before {
    font-size: 5rem;
  }
}

.about__content {
  margin-top: 3.5rem;
  display: flex;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .about__content {
    margin-top: 1.5rem;
    flex-direction: column;
  }
}

.about__img {
  width: 29.375rem;
  height: 29.375rem;
  background-color: #ebebeb;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .about__img {
    width: 100%;
    height: 20.9375rem;
  }
}
.about__img img {
  width: 100%;
  height: 44.0625rem;
  object-fit: cover;
  object-position: center;
  transform: translateY(-9.875rem);
}
@media screen and (max-width: 767px) {
  .about__img img {
    height: 31.4375rem;
    transform: translateY(-7.0375rem);
  }
}

.about__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .about__body {
    gap: 1rem;
  }
}

.about__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.35;
  color: #005766;
}
@media screen and (max-width: 767px) {
  .about__title {
    font-size: 1.75rem;
  }
}

.about__text {
  font-size: 1.125rem;
  line-height: 1.8;
  color: #002b33;
}
@media screen and (max-width: 767px) {
  .about__text {
    font-size: 0.9375rem;
  }
}

.about__mission {
  margin-top: 3.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .about__mission {
    margin-top: 2.5rem;
    gap: 1rem;
  }
}

.about__mission-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.about__mission-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  color: #00afcc;
}
@media screen and (max-width: 767px) {
  .about__mission-title {
    font-size: 1.25rem;
  }
}

.about__mission-line {
  flex: 1;
  height: 1px;
  background-color: #00afcc;
}

.about__mission-content {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .about__mission-content {
    flex-direction: column;
    gap: 1rem;
  }
}

.about__mission-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .about__mission-body {
    gap: 1rem;
  }
}

.about__mission-catch {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.35;
  color: #005766;
}
@media screen and (max-width: 767px) {
  .about__mission-catch {
    font-size: 1.5rem;
  }
}

.about__mission-text {
  flex: 1;
  font-size: 1.125rem;
  line-height: 1.8;
  color: #002b33;
}
@media screen and (max-width: 767px) {
  .about__mission-text {
    font-size: 0.9375rem;
  }
}

.about__mission-img {
  width: 14.0625rem;
}
@media screen and (max-width: 767px) {
  .about__mission-img {
    display: none;
  }
}

.coaches {
  padding: 5rem 0;
  background-color: #fff;
  position: relative;
  z-index: -3;
}
.coaches::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 17.4375rem;
  height: 42.3125rem;
  background: url(/en/wp-content/themes/ito/assets/images/contact/coaches-reception.webp) no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .coaches {
    padding: 4rem 0;
  }
  .coaches::after {
    width: 7.75rem;
    height: 18.75rem;
  }
}

.coaches__head.common-head {
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .coaches__head.common-head {
    font-size: 2rem;
  }
}

.coaches__list {
  margin-top: 3.5rem;
  display: flex;
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .coaches__list {
    margin-top: 2.5rem;
    flex-direction: column;
    gap: 2.5rem;
  }
}

.coaches__item {
  padding: 4rem 2.5rem;
  background-color: #f1fdff;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .coaches__item {
    padding: 1.5rem 1.25rem;
  }
}

.coaches__name {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  color: #002b33;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .coaches__name {
    font-size: 1.5rem;
  }
}

.coaches__image {
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 50%;
  margin: 1rem auto 0;
}
@media screen and (max-width: 767px) {
  .coaches__image {
    width: 9.375rem;
    height: 9.375rem;
  }
}

.coaches__image img {
  aspect-ratio: 200/200;
  object-fit: cover;
  border-radius: 50%;
}

.coaches__info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .coaches__info {
    margin-top: 1.25rem;
  }
}

.coaches__info-item {
  display: flex;
  align-items: center;
}

.coaches__info-title {
  align-self: stretch;
  align-content: center;
  padding-block: 0.25rem;
  background-color: #00afcc;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  width: 11.25rem;
}
@media screen and (max-width: 767px) {
  .coaches__info-title {
    font-size: 0.9375rem;
    width: 33.8983050847%;
  }
}

.coaches__info-text {
  flex: 1;
  align-self: stretch;
  align-content: center;
  padding: 0.25rem 1rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #002b33;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .coaches__info-text {
    font-size: 0.9375rem;
  }
}

.coaches__text {
  margin-top: 2rem;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.8;
  color: #002b33;
}
@media screen and (max-width: 767px) {
  .coaches__text {
    margin-top: 1.25rem;
    font-size: 0.9375rem;
  }
}

.common-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00afcc;
  width: fit-content;
  height: 3.5rem;
  padding: 1.125rem 1rem;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .common-btn {
    width: 20.9375rem;
    padding: 1rem;
  }
}
.common-btn:hover {
  background-color: rgba(0, 175, 204, 0.5);
}

.common-btn__text {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  padding-inline: 1rem;
}
@media screen and (max-width: 767px) {
  .common-btn__text {
    font-size: 1.125rem;
  }
}

.common-btn__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
}

.common-btn__icon-wrapper img {
  width: 0.875rem;
  height: 0.875rem;
}

.common-head {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.35;
  color: #00afcc;
  z-index: 1;
}
.common-head::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #00afcc;
  margin-top: 0.5rem;
}

.contact-fv {
  padding-block: 8rem 3.5rem;
  position: relative;
  background-color: #00afcc;
  overflow: hidden;
}
.contact-fv::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background-image: url("/en/wp-content/themes/ito/assets/images/contact/contact-fv-bg.webp");
  background-size: cover;
  background-position: center;
  filter: blur(2px);
  z-index: 0;
  opacity: 0.2;
}
@media screen and (max-width: 767px) {
  .contact-fv {
    padding-block: 5.875rem 2.5rem;
  }
}

.contact-fv__inner {
  position: relative;
  z-index: 1;
}

.contact-fv__title {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  .contact-fv__title {
    font-size: 1.75rem;
  }
}

.contact-fv__title-line {
  display: block;
}

.form {
  padding: 6.25rem 0;
  background-color: #f1fdff;
}
@media screen and (max-width: 767px) {
  .form {
    padding: 4rem 0;
  }
}

.form__head {
  text-align: center;
  margin-top: 0.5rem;
}

.form__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.35;
  color: #00afcc;
  text-align: center;
  position: relative;
}
.form__title::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.0625rem;
  background-color: #00afcc;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .form__title {
    font-size: 2rem;
  }
}

.form__content {
  background-color: #fff;
  padding: 4rem 5rem;
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .form__content {
    padding: 2.5rem 1.25rem;
    margin-top: 2.5rem;
  }
}

.form__form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .form__form {
    gap: 1.25rem;
  }
}

.form__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.form__item:not(:first-child) {
  margin-top: 1.5rem;
}

.form__radio-group {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .form__radio-group {
    flex-direction: column;
    gap: 0.75rem;
  }
}

.form__radio {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .form__radio-mark {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
}

.form__radio-mark input {
  width: 1rem;
  height: 1rem;
  border: 0.0625rem solid #002b33;
  border-radius: 50%;
  position: relative;
}
.form__radio-mark input::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.625rem;
  height: 0.625rem;
  background-color: #00afcc;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.form__radio-mark .wpcf7-list-item:first-child {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .form__radio-mark > span {
    margin-left: 0;
  }
}

.form__radio-mark label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.form__radio-mark input[type=radio]:checked {
  border-color: #00afcc;
}
.form__radio-mark input[type=radio]:checked::after {
  opacity: 1;
}

.form__radio-text {
  font-size: 1rem;
  line-height: 1.5;
  color: #002b33;
}
@media screen and (max-width: 767px) {
  .form__radio-text {
    font-size: 0.9375rem;
  }
}

.form__input,
.form__textarea {
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: #fbfbfb;
  border: 0.0625rem solid #c3d8dc;
  font-size: 1rem;
  line-height: 1.5;
  color: #002b33;
  transition: border-color 0.3s ease;
}
.form__input::placeholder,
.form__textarea::placeholder {
  color: #859699;
}
.form__input:focus,
.form__textarea:focus {
  border-color: #00afcc;
  outline: none;
}
.form__input.is-error,
.form__textarea.is-error {
  border-color: #e86688;
}
@media screen and (max-width: 767px) {
  .form__input,
  .form__textarea {
    padding: 1rem;
    font-size: 0.875rem;
  }
}

.form__textarea {
  height: 10rem;
  resize: none;
}

.form__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .form__footer {
    gap: 2rem;
  }
}

.form__privacy {
  font-size: 1rem;
  line-height: 1.5;
  color: #002b33;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .form__privacy {
    font-size: 0.9375rem;
  }
}

.form__link {
  color: #002b33;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.form__link:hover {
  opacity: 0.7;
}

.form__submit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 20rem;
  width: 100%;
  padding: 1rem 10rem;
  background-color: #00afcc;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  transition: background-color 0.3s ease;
}
.form__submit:hover {
  background-color: #005766;
}
@media screen and (max-width: 767px) {
  .form__submit {
    min-width: 100%;
    padding: 1rem;
    font-size: 1.125rem;
  }
}

.form__error {
  display: none;
  color: #e86688;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-top: -0.5rem;
}
.form__error.is-active {
  display: block;
}

.lectures {
  padding-block: 6.25rem 5rem;
  background-image: linear-gradient(to bottom, #fff 0%, #f1fdff 100%);
  position: relative;
  z-index: -3;
}
@media screen and (max-width: 767px) {
  .lectures {
    padding-block: 4rem;
  }
}

.lectures__inner {
  position: relative;
}

.lectures__head.common-head {
  font-weight: 700;
  position: relative;
  z-index: -2;
}
.lectures__head.common-head::before {
  content: "";
  position: absolute;
  bottom: 1.25rem;
  left: -0.9375rem;
  width: 59.625rem;
  height: 4.375rem;
  background: url("/en/wp-content/themes/ito/assets/images/contact/lectures.svg") no-repeat center center/cover;
  background-color: #fff;
  z-index: -1;
}
@media screen and (max-width: 1023px) {
  .lectures__head.common-head::before {
    width: 56.25rem;
  }
}
@media screen and (max-width: 767px) {
  .lectures__head.common-head {
    font-size: 1.75rem;
  }
  .lectures__head.common-head::before {
    display: none;
  }
}

.lectures__content {
  margin-top: 1.5rem;
}

.lectures__image {
  max-width: 60rem;
}
.lectures__image img {
  aspect-ratio: 960/350;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .lectures__image img {
    aspect-ratio: 335/178;
  }
}

.lectures__text {
  margin-top: 1rem;
  font-size: 1.125rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .lectures__text {
    margin-top: 0.5rem;
    font-size: 0.9375rem;
  }
}

.lectures__block {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .lectures__block {
    margin-top: 2.5rem;
  }
}

.lectures__heading {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.35;
  color: #005766;
}
@media screen and (max-width: 767px) {
  .lectures__heading {
    font-size: 1.5rem;
  }
}

.lectures__topics {
  margin-top: 1rem;
  display: grid;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .lectures__topics {
    margin-top: 0.5rem;
    gap: 0.5rem;
  }
}

.lectures__topic {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .lectures__topic {
    gap: 0.75rem;
  }
}

.lectures__icon {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .lectures__icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.lectures__topic-text {
  font-size: 1.125rem;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .lectures__topic-text {
    font-size: 0.9375rem;
  }
}

.lectures__ideal {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem 1.25rem;
}
@media screen and (max-width: 767px) {
  .lectures__ideal {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.lectures__ideal-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  color: #002b33;
  background-color: #fff;
  text-align: center;
  padding-block: 0.5rem;
}
@media screen and (max-width: 767px) {
  .lectures__ideal-title {
    font-size: 1rem;
  }
}

.lectures__ideal-title span {
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  padding-bottom: 0.1875rem;
}

.lectures__ideal-images img {
  aspect-ratio: 307/162;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .lectures__ideal-images img {
    aspect-ratio: 337/179;
  }
}

.media {
  padding: 5rem 0;
  background: #f1fdff;
  position: relative;
  z-index: -2;
  overflow: hidden;
}
.media::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 29.6875rem;
  height: 28.9375rem;
  background: url(/en/wp-content/themes/ito/assets/images/top/media-reception.webp) no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .media {
    padding: 4rem 0;
  }
  .media::before {
    bottom: -5.25rem;
    width: 17.4375rem;
    height: 17rem;
  }
}

@media screen and (max-width: 767px) {
  .media__head.common-head {
    font-size: 2rem;
  }
}

.media__content {
  margin-top: 2.5rem;
  padding: 2.5rem 1.25rem;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 87, 102, 0.2);
}
@media screen and (max-width: 767px) {
  .media__content {
    margin-top: 1.5rem;
    padding: 1.25rem;
  }
}

.media__box {
  display: flex;
  gap: 1.25rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .media__box {
    flex-direction: column-reverse;
    margin-top: 1.25rem;
  }
}

.media__movie {
  max-width: 29.375rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .media__movie {
    max-width: initial;
    width: 100%;
  }
}

.media__movie img {
  aspect-ratio: 640/480;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .media__movie img {
    height: auto;
  }
}

.media__body {
  flex: 1;
}

.media__date {
  display: block;
  font-size: 1.125rem;
  line-height: 1.35;
  color: #005766;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .media__date {
    font-size: 1rem;
  }
}

.media__title {
  color: #005766;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  .media__title {
    font-size: 1.25rem;
  }
}

.media__text {
  font-size: 1rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .media__text {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

.message {
  padding: 6.25rem 0;
  background-color: #fff;
  position: relative;
  z-index: -2;
}
@media screen and (max-width: 767px) {
  .message {
    padding: 4rem 0;
  }
}

.message__head.common-head {
  padding-left: 2.25rem;
  position: relative;
}
.message__head.common-head::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 32.9375rem;
  height: 5.4375rem;
  background: url(/en/wp-content/themes/ito/assets/images/top/message.svg) no-repeat center center/cover;
  z-index: -1;
}
.message__head.common-head::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .message__head.common-head {
    font-size: 1.75rem;
    text-align: center;
    padding-left: 0;
  }
  .message__head.common-head::before {
    bottom: 5rem;
    left: 0.625rem;
    width: 19.25rem;
    height: 3.1875rem;
    text-align: center;
  }
}

.message__content {
  display: flex;
  gap: 1.5rem;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .message__content {
    display: block;
    margin-top: 1.5rem;
  }
}

.message__image {
  flex-shrink: 0;
  width: 29.375rem;
  height: 36rem;
  margin: 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .message__image {
    width: 100%;
    height: 25.625rem;
  }
}
.message__image img {
  width: 100%;
  height: 44.125rem;
  object-fit: cover;
  object-position: center;
  transform: translateY(-4.0625rem);
}
@media screen and (max-width: 767px) {
  .message__image img {
    height: 31.4375rem;
    transform: translateY(-2.875rem);
  }
}

.message__text {
  flex: 1;
  color: #002b33;
  font-size: 1.125rem;
  line-height: 1.8;
  position: relative;
}
@media screen and (max-width: 767px) {
  .message__text {
    margin-top: 1.5rem;
    font-size: 0.9375rem;
  }
}
.message__text p + p {
  margin-top: 1.5rem;
}

.message__text::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 12.5rem;
  height: 25.625rem;
  background: url(/en/wp-content/themes/ito/assets/images/top/message-bg.webp) no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .message__text::after {
    display: none;
  }
}

.method {
  padding: 6.25rem 0 5rem;
  position: relative;
  z-index: -2;
}
@media screen and (max-width: 767px) {
  .method {
    padding: 4rem 0;
  }
}

.method__head.common-head {
  text-align: center;
  position: relative;
}
.method__head.common-head::before {
  content: "";
  position: absolute;
  bottom: 1rem;
  left: 0;
  width: 60.25rem;
  height: 4.4375rem;
  background: url(/en/wp-content/themes/ito/assets/images/top/method.svg) no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 1023px) {
  .method__head.common-head::before {
    width: 56.25rem;
    left: 50%;
    transform: translateX(-50%);
    height: 3.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .method__head.common-head {
    font-size: 2rem;
  }
  .method__head.common-head::before {
    display: none;
  }
}

.method__content {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .method__content {
    margin-top: 2.5rem;
  }
}

.method__title-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.method__title {
  color: #00afcc;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  .method__title {
    font-size: 2rem;
    text-align: center;
  }
}

.method__line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #00afcc;
}

.method__text {
  color: #002b33;
  font-size: 1.125rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .method__text {
    margin-top: 1.5rem;
    font-size: 0.9375rem;
  }
}

.method__box {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .method__box {
    flex-direction: column;
    gap: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .method__box + .method__box {
    margin-top: 2.5rem;
  }
}

.method__box:nth-child(odd) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .method__box:nth-child(odd) {
    flex-direction: column;
  }
}

.method__img {
  width: 29.375rem;
  height: 22.6875rem;
  background-color: #f0f0f0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .method__img {
    width: 100%;
    height: 16.1875rem;
  }
}
.method__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.method__body {
  flex: 1;
}

.method__subtitle {
  color: #005766;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  .method__subtitle {
    font-size: 1.25rem;
  }
}

.method__description {
  margin-top: 1rem;
  color: #002b33;
  font-size: 1rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .method__description {
    font-size: 0.9375rem;
  }
}

.mv {
  background: url(/en/wp-content/themes/ito/assets/images/top/mv.webp) no-repeat center center/cover;
  width: 100%;
  height: auto;
  margin-top: 4.5rem;
}
@media screen and (max-width: 767px) {
  .mv {
    background: url(/en/wp-content/themes/ito/assets/images/top/mv-sp.webp) no-repeat center center/cover;
    margin-top: 3.375rem;
  }
}

.mv__inner.inner {
  max-width: 85.375rem;
  padding-block: 9.75rem 7.625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .mv__inner.inner {
    padding-block: 6.5rem 13.75rem;
  }
}

.mv__body {
  max-width: 56.4375rem;
  padding-left: 3.625rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1140px) {
  .mv__body {
    max-width: 40.625rem;
  }
}
@media screen and (max-width: 1023px) {
  .mv__body {
    max-width: 31.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .mv__body {
    padding-left: 0;
  }
}

.mv__title {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.03em;
  color: #005766;
}
@media screen and (max-width: 1439px) {
  .mv__title {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .mv__title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .mv__title {
    font-size: 1.75rem;
  }
}

.mv__text {
  font-size: 1.5rem;
  color: #005766;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .mv__text {
    font-size: 1.125rem;
    margin-top: 1rem;
  }
}

.mv__img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 29.5625rem;
  height: auto;
  margin-right: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .mv__img {
    display: none;
  }
}

.mv__img img {
  aspect-ratio: 473/665;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .mv__img img {
    aspect-ratio: 265/371;
  }
}

.mv__btn.common-btn {
  margin-top: 6.125rem;
}
@media screen and (max-width: 767px) {
  .mv__btn.common-btn {
    display: none;
  }
}

.mv__btn-sp.common-btn {
  display: none;
}
@media screen and (max-width: 767px) {
  .mv__btn-sp.common-btn {
    display: flex;
    margin-top: 2.5rem;
  }
}

.news-fv {
  padding-block: 6.1875rem;
  position: relative;
  background-color: #00afcc;
  margin-top: 4.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .news-fv {
    margin-top: 3.375rem;
    padding-block: 3.6875rem;
  }
}
.news-fv::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background-image: url("/en/wp-content/themes/ito/assets/images/news/news-fv-pc.webp");
  background-size: cover;
  background-position: center;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .news-fv::before {
    background-image: url("/en/wp-content/themes/ito/assets/images/news/news-fv-sp.webp");
  }
}

.news-fv__inner {
  position: relative;
  z-index: 1;
}

.news-fv__title {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  .news-fv__title {
    font-size: 1.75rem;
  }
}

.news-fv__title-line {
  display: block;
  line-height: 1.35;
}

.news {
  padding-block: 6.25rem;
}
@media screen and (max-width: 767px) {
  .news {
    padding-block: 3.125rem;
  }
}

.news__lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2.5rem;
  row-gap: 3.5rem;
}
@media screen and (max-width: 1023px) {
  .news__lists {
    column-gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .news__lists {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.news__img {
  width: 18.375rem;
}
@media screen and (max-width: 1023px) {
  .news__img {
    width: 16.25rem;
  }
}
@media screen and (max-width: 767px) {
  .news__img {
    width: 100%;
  }
}

.news__img img {
  aspect-ratio: 294/200;
  object-fit: cover;
  box-shadow: 0 0 0 1px #C3D8DC;
}
@media screen and (max-width: 767px) {
  .news__img img {
    aspect-ratio: 335/216;
  }
}

.news__body {
  margin-top: 0.5rem;
}

.news__date {
  display: block;
  font-size: 1rem;
  font-weight: 400;
}

.news__title {
  font-size: 1.125rem;
  font-weight: 400;
  margin-top: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
}

.news__pagination-item {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .news__pagination-item {
    gap: 0.5rem;
    margin-top: 2.5rem;
  }
}

.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 400;
  color: #00afcc;
  width: 3.125rem;
  height: 3.125rem;
  box-shadow: 0 0 0 1px #00afcc;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .page-numbers {
    width: 1.875rem;
    height: 1.875rem;
  }
}

.page-numbers.current {
  background-color: #00afcc;
  color: #fff;
}

.page-numbers.dots {
  box-shadow: none;
  pointer-events: none;
}

.page-numbers.prev img,
.page-numbers.next img {
  width: 1.5rem;
  height: 1.5rem;
  filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1684%) hue-rotate(149deg) brightness(90%) contrast(104%);
}
@media screen and (max-width: 767px) {
  .page-numbers.prev img,
  .page-numbers.next img {
    width: 1rem;
    height: 1rem;
  }
}

@media (any-hover: hover) {
  .page-numbers:hover {
    color: #fff;
    background-color: #00afcc;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  }
  .page-numbers.prev:hover img,
  .page-numbers.next:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(304deg) brightness(111%) contrast(101%);
    transition: filter 0.3s ease-in-out;
  }
}
.online {
  padding-block: 6.25rem 5rem;
  position: relative;
  z-index: -2;
}
@media screen and (max-width: 767px) {
  .online {
    padding-block: 4rem;
  }
}

.online__inner {
  position: relative;
}

.online__head.common-head {
  font-weight: 700;
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem solid #00afcc;
  position: relative;
  z-index: 1;
}
.online__head.common-head::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 59.8125rem;
  height: 5.25rem;
  background: url("/en/wp-content/themes/ito/assets/images/contact/online.svg") no-repeat center center/cover;
  z-index: -1;
}
.online__head.common-head::after {
  display: none;
}
@media screen and (max-width: 1023px) {
  .online__head.common-head::before {
    left: -0.625rem;
    width: 57.5rem;
  }
}
@media screen and (max-width: 767px) {
  .online__head.common-head {
    display: flex;
    font-size: 1.75rem;
    padding-bottom: 0.25rem;
  }
  .online__head.common-head::before {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .online__head.common-head span {
    height: 100%;
    margin-right: 0.5rem;
  }
}

.online__content {
  margin-top: 1.5rem;
}

.online__image img {
  aspect-ratio: 960/350;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .online__image img {
    aspect-ratio: 335/179;
  }
}

.online__text {
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 767px) {
  .online__text {
    font-size: 0.9375rem;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .online__text.--mt8 {
    margin-top: 0.5rem;
  }
}

.online__block {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .online__block {
    margin-top: 2.5rem;
  }
}

.online__heading {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.35;
  color: #005766;
}
@media screen and (max-width: 767px) {
  .online__heading {
    font-size: 1.5rem;
  }
}

.online__items {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .online__items {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 1.25rem;
  }
}

.online__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1rem 1rem 0;
  background-color: #fff;
  border-right: 1px solid #00afcc;
  border-bottom: 1px solid #00afcc;
  box-shadow: 0 1px 1px 0 rgba(0, 175, 204, 0.1);
}

.online__number {
  font-size: 2.5rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1.5;
  color: #00afcc;
}

.online__item-text {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  color: #005766;
}
@media screen and (max-width: 767px) {
  .online__item-text {
    font-size: 1rem;
  }
}

.online__item:nth-of-type(2) .online__item-text {
  font-size: 1rem;
}

.online__list {
  margin-top: 1rem;
  display: grid;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .online__list {
    margin-top: 0.5rem;
    gap: 0.5rem;
  }
}

.online__list-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.online__icon {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
}

.online__list-text {
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .online__list-text {
    font-size: 0.9375rem;
  }
}

.privacy {
  padding-block: 7.5rem 5rem;
}
@media screen and (max-width: 767px) {
  .privacy {
    padding-block: 5rem 4rem;
  }
}

.privacy__inner {
  max-width: 56.25rem;
  margin: 0 auto;
}

.privacy__content {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .privacy__content {
    margin-top: 3.75rem;
  }
}

.privacy__content p {
  line-height: 1.8;
  margin-top: 1rem;
  color: #002b33;
}
@media screen and (max-width: 767px) {
  .privacy__content p {
    margin-top: 1.25rem;
  }
}

.privacy__content p:first-of-type {
  margin-top: 0;
}

.privacy__head.common-head {
  font-size: 2rem;
  font-weight: 700;
  color: #002b33;
  text-align: center;
}
.privacy__head.common-head::after {
  background-color: #002b33;
}
@media screen and (max-width: 767px) {
  .privacy__head.common-head {
    font-size: 1.5rem;
  }
}

.privacy__subhead {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 2.875rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #002b33;
}
@media screen and (max-width: 767px) {
  .privacy__subhead {
    font-size: 1.25rem;
    margin-top: 2.5rem;
    padding-bottom: 0.5rem;
  }
}

.privacy__subhead:first-of-type {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .privacy__subhead:first-of-type {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .footer.--privacy {
    padding-top: 6.5rem;
  }
}

.results {
  padding-block: 6.25rem 5rem;
  position: relative;
  z-index: -2;
}
@media screen and (max-width: 767px) {
  .results {
    padding-block: 4rem;
  }
}

.results__inner {
  position: relative;
}

.results__head.common-head {
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 1;
}
.results__head.common-head::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 26.875rem;
  height: 5.4375rem;
  background: url("/en/wp-content/themes/ito/assets/images/contact/results.svg") no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .results__head.common-head {
    font-size: 2rem;
  }
  .results__head.common-head::before {
    bottom: 0.625rem;
    width: 17.9375rem;
    height: 3.625rem;
  }
}

.results__content {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .results__content {
    margin-top: 2.5rem;
  }
}

.results__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .results__items {
    grid-template-columns: 1fr;
  }
}

.results__item {
  background-color: #fff;
  padding: 1.5rem;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .results__item + .results__item {
    margin-top: 1.25rem;
  }
}

.results__top {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid #c3d8dc;
}
@media screen and (max-width: 767px) {
  .results__top {
    flex-direction: column;
    gap: 1rem;
  }
}

.results__profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 9.75rem;
}
@media screen and (max-width: 767px) {
  .results__profile {
    gap: 0.25rem;
    width: 100%;
  }
}

.results__item:nth-of-type(2) .results__profile {
  width: 8.75rem;
}
@media screen and (max-width: 767px) {
  .results__item:nth-of-type(2) .results__profile {
    width: 100%;
  }
}

.results__image {
  max-width: 8.75rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .results__image {
    width: 36%;
    height: auto;
  }
}

.results__image img {
  aspect-ratio: 140/140;
  object-fit: cover;
}

.results__name {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  color: #005766;
}
@media screen and (max-width: 767px) {
  .results__name {
    font-size: 1rem;
  }
}

.results__text {
  flex: 1;
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1.5;
  color: #005766;
}
@media screen and (max-width: 767px) {
  .results__text {
    font-size: 1.25rem;
    text-align: center;
  }
}

.results__before-after {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .results__before-after {
    gap: 0.5rem;
  }
}

.results__before,
.results__after {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}

.results__label {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  color: #005766;
  padding: 0.25rem 0.625rem;
  border: 0.0625rem solid #005766;
  min-width: 4.875rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .results__label {
    font-size: 0.9375rem;
  }
}

.results__label.results__label--after {
  background-color: #00afcc;
  color: #fff;
  border-color: #00afcc;
  padding: 0.25rem 1rem;
}
@media screen and (max-width: 767px) {
  .results__label.results__label--after {
    padding-inline: 1.25rem;
  }
}

.results__description {
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.5;
  color: #005766;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .results__description {
    font-size: 0.9375rem;
  }
}

.results__description.--after {
  font-weight: 700;
  color: #00afcc;
}

.results__arrow {
  width: 2.5rem;
  height: 2.5rem;
}
@media screen and (max-width: 767px) {
  .results__arrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.results__arrow img {
  width: 100%;
  height: 100%;
}

.section-bg {
  background: linear-gradient(180deg, #ffffff 0%, #f1fdff 100%);
  position: relative;
  z-index: -2;
}

.service {
  padding: 5rem 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .service {
    padding: 4rem 0;
  }
}

.service__head {
  position: relative;
}
.service__head::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 27.5rem;
  height: 5.4375rem;
  background: url(/en/wp-content/themes/ito/assets/images/top/service.svg) no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .service__head {
    font-size: 2rem;
  }
  .service__head::before {
    bottom: 1.375rem;
    font-size: 4.375rem;
    width: 16.0625rem;
    height: 3.1875rem;
  }
}

.service__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .service__content {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-top: 2.5rem;
  }
}

.service__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 87, 102, 0.2);
}
@media screen and (max-width: 767px) {
  .service__item {
    display: block;
  }
}

.service__item:last-of-type {
  margin-top: 2.25rem;
}
@media screen and (max-width: 767px) {
  .service__item:last-of-type {
    margin-top: 0;
  }
}

.service__img {
  width: 100%;
  background-color: #f0f0f0;
}

.service__img img {
  aspect-ratio: 470/250;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .service__img img {
    aspect-ratio: 335/178;
  }
}

.service__body {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  padding: 1.25rem;
  gap: 1rem;
}

.service__title {
  color: #005766;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  .service__title {
    font-size: 1.25rem;
  }
}

.service__text {
  color: #002b33;
  font-size: 1rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .service__text {
    font-size: 0.9375rem;
  }
}

.service__btn.common-btn {
  height: auto;
  padding-block: 0.5rem;
}
@media screen and (max-width: 767px) {
  .service__btn.common-btn {
    width: 100%;
    height: 3.5rem;
    padding-block: 1.1875rem;
  }
}

.service__btn .common-btn__text {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .service__btn .common-btn__text {
    font-size: 1.125rem;
    white-space: nowrap;
  }
}

.single {
  padding-block: 6.25rem;
}
@media screen and (max-width: 767px) {
  .single {
    padding-block: 3.125rem;
  }
}

.single__inner.inner {
  max-width: 53.125rem;
}
@media screen and (max-width: 767px) {
  .single__inner.inner {
    max-width: 37.5rem;
  }
}

.single__date {
  display: block;
  font-size: 1.125rem;
  font-weight: 400;
  color: #00afcc;
  border-bottom: 2px solid #00afcc;
  padding-bottom: 0.5rem;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .single__date {
    font-size: 1rem;
  }
}

.single__title {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .single__title {
    font-size: 1.5rem;
  }
}

.single__thumb {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .single__thumb {
    margin-top: 1.5rem;
  }
}

.single__thumb img {
  width: auto;
  margin-inline: auto;
}

.single__content {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .single__content {
    margin-top: 2rem;
  }
}

.single__content h2 {
  font-size: 1.5rem;
  font-weight: 700;
  background-color: #F1FDFF;
  padding: 1rem;
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .single__content h2 {
    font-size: 1.25rem;
    margin-top: 2rem;
  }
}

.single__content p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .single__content p {
    font-size: 0.9375rem;
    margin-top: 1.5rem;
  }
}

.single__content h3 {
  font-size: 1.25rem;
  font-weight: 700;
  border-bottom: 1px solid #00afcc;
  padding-bottom: 1rem;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .single__content h3 {
    font-size: 1.125rem;
    margin-top: 1.5rem;
  }
}

.single__content .wp-block-image {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .single__content .wp-block-image {
    margin-top: 1.5rem;
  }
}

.single__content .wp-block-image img {
  width: auto;
  margin-inline: auto;
}

.single__content a {
  display: inline-block;
  font-size: 1rem;
  font-weight: 300;
  line-height: 2;
  color: #1E73BE;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .single__content a {
    font-size: 0.9375rem;
  }
}

.single__btn {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 1.125rem 3.125rem;
  border: 1px solid #00afcc;
  margin: 5rem auto 0;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .single__btn {
    padding-inline: 5.625rem;
    margin-top: 2.5rem;
  }
}

.single__btn-icon img {
  width: 1.5rem;
  height: 1.5rem;
  transform: scale(-1, 1);
  filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1684%) hue-rotate(149deg) brightness(90%) contrast(104%);
  transition: filter 0.3s ease-in-out;
}

.single__btn span {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  color: #00afcc;
  padding-inline: 1rem;
  transition: color 0.3s ease-in-out;
}

@media (any-hover: hover) {
  .single__btn:hover {
    background-color: #00afcc;
    color: #fff;
  }
  .single__btn:hover span {
    color: #fff;
  }
  .single__btn:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(157deg) brightness(102%) contrast(101%);
  }
}
.support {
  background: url("/en/wp-content/themes/ito/assets/images/contact/support-bg.webp") no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .support {
    background-image: none;
  }
}

@media screen and (max-width: 767px) {
  .support__img {
    margin-inline: calc(50% - 50vi);
  }
}

.teaching {
  position: relative;
  padding: 5rem 0;
  background-image: url("/en/wp-content/themes/ito/assets/images/top/teaching-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .teaching {
    padding: 4rem 0;
    background-image: url("/en/wp-content/themes/ito/assets/images/top/teaching-bg-sp.webp");
  }
}

.teaching__inner {
  position: relative;
  z-index: 1;
}

.teaching__content {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 2.5rem 1.25rem;
  background-color: #fff;
  box-shadow: 0 0 0.625rem rgba(0, 175, 204, 0.2);
}
@media screen and (max-width: 767px) {
  .teaching__content {
    flex-direction: column;
    padding: 1.5rem 1.25rem;
  }
}

.teaching__img {
  width: 18.125rem;
  height: 18.125rem;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .teaching__img {
    width: 100%;
    height: auto;
    aspect-ratio: 290/290;
  }
}
.teaching__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.teaching__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .teaching__body {
    gap: 1rem;
  }
}

.teaching__head {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.teaching__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.35;
  color: #005766;
}
@media screen and (max-width: 767px) {
  .teaching__title {
    font-size: 1.5rem;
  }
}

.teaching__line {
  display: block;
  width: 100%;
  height: 0.0625rem;
  background-color: #00afcc;
}

.teaching__text {
  font-size: 1.125rem;
  line-height: 1.5;
  color: #002b33;
}
@media screen and (max-width: 767px) {
  .teaching__text {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 767px) {
  .teaching__btn.common-btn {
    width: 100%;
    margin-top: 0.25rem;
  }
}

.testimonials {
  background-color: #fff;
  padding-block: 5rem;
  position: relative;
  z-index: -3;
}
@media screen and (max-width: 767px) {
  .testimonials {
    padding-block: 4rem;
  }
}

.testimonials__inner {
  position: relative;
  z-index: -2;
}
.testimonials__inner::before {
  content: "";
  position: absolute;
  top: -5rem;
  left: 0;
  width: 14.0625rem;
  height: 14.0625rem;
  background: url("data:image/svg+xml,%3csvg%20width='225'%20height='225'%20viewBox='0%200%20225%20225'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M60.9376%2093.75C58.847%2093.75%2056.8407%2094.0687%2054.8438%2094.3594C55.4907%2092.1844%2056.1563%2089.9719%2057.2251%2087.9844C58.2938%2085.0969%2059.9626%2082.5938%2061.622%2080.0719C63.0095%2077.3438%2065.4563%2075.4969%2067.2563%2073.1625C69.1407%2070.8937%2071.7095%2069.3844%2073.7438%2067.5C75.7407%2065.5312%2078.3563%2064.5469%2080.4376%2063.1594C82.6126%2061.9125%2084.5063%2060.5344%2086.5313%2059.8781L91.5845%2057.7969L96.0282%2055.95L91.4813%2037.7812L85.8845%2039.1312C84.0938%2039.5812%2081.9095%2040.1062%2079.4251%2040.7344C76.8845%2041.2031%2074.1751%2042.4875%2071.1563%2043.6594C68.1751%2044.9906%2064.7251%2045.8906%2061.5188%2048.0281C58.2938%2050.0719%2054.572%2051.7781%2051.2907%2054.5156C48.1126%2057.3375%2044.2782%2059.7844%2041.447%2063.375C38.3532%2066.7313%2035.297%2070.2562%2032.9251%2074.2687C30.1782%2078.0937%2028.3126%2082.2937%2026.3438%2086.4469C24.5626%2090.6%2023.1282%2094.8469%2021.9563%2098.9719C19.7345%20107.241%2018.7407%20115.097%2018.3563%20121.819C18.0376%20128.55%2018.2251%20134.147%2018.6188%20138.197C18.7595%20140.109%2019.022%20141.966%2019.2095%20143.25L19.4438%20144.825L19.6876%20144.769C21.355%20152.558%2025.1936%20159.716%2030.7591%20165.414C36.3247%20171.113%2043.3898%20175.119%2051.1373%20176.97C58.8848%20178.821%2066.998%20178.441%2074.5384%20175.873C82.0788%20173.306%2088.7383%20168.656%2093.7464%20162.462C98.7546%20156.268%20101.907%20148.782%20102.838%20140.872C103.77%20132.961%20102.443%20124.948%2099.0107%20117.76C95.5785%20110.571%2090.1814%20104.502%2083.4437%20100.253C76.706%2096.0041%2068.9031%2093.7495%2060.9376%2093.75ZM164.063%2093.75C161.972%2093.75%20159.966%2094.0687%20157.969%2094.3594C158.616%2092.1844%20159.281%2089.9719%20160.35%2087.9844C161.419%2085.0969%20163.088%2082.5938%20164.747%2080.0719C166.134%2077.3438%20168.581%2075.4969%20170.381%2073.1625C172.266%2070.8937%20174.834%2069.3844%20176.869%2067.5C178.866%2065.5312%20181.481%2064.5469%20183.563%2063.1594C185.738%2061.9125%20187.631%2060.5344%20189.656%2059.8781L194.709%2057.7969L199.153%2055.95L194.606%2037.7812L189.009%2039.1312C187.219%2039.5812%20185.034%2040.1062%20182.55%2040.7344C180.009%2041.2031%20177.3%2042.4875%20174.281%2043.6594C171.309%2045%20167.85%2045.8906%20164.644%2048.0375C161.419%2050.0812%20157.697%2051.7875%20154.416%2054.525C151.238%2057.3469%20147.403%2059.7938%20144.572%2063.375C141.478%2066.7313%20138.422%2070.2562%20136.05%2074.2687C133.303%2078.0937%20131.438%2082.2937%20129.469%2086.4469C127.688%2090.6%20126.253%2094.8469%20125.081%2098.9719C122.859%20107.241%20121.866%20115.097%20121.481%20121.819C121.163%20128.55%20121.35%20134.147%20121.744%20138.197C121.884%20140.109%20122.147%20141.966%20122.334%20143.25L122.569%20144.825L122.813%20144.769C124.48%20152.558%20128.319%20159.716%20133.884%20165.414C139.45%20171.113%20146.515%20175.119%20154.262%20176.97C162.01%20178.821%20170.123%20178.441%20177.663%20175.873C185.204%20173.306%20191.863%20168.656%20196.871%20162.462C201.88%20156.268%20205.032%20148.782%20205.963%20140.872C206.895%20132.961%20205.568%20124.948%20202.136%20117.76C198.703%20110.571%20193.306%20104.502%20186.569%20100.253C179.831%2096.0041%20172.028%2093.7495%20164.063%2093.75Z'%20fill='url(%23paint0_linear_225_2131)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_225_2131'%20x1='112.224'%20y1='37.7812'%20x2='112.224'%20y2='178.125'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E0F6FA'/%3e%3cstop%20offset='1'%20stop-color='white'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat center center/cover;
}
.testimonials__inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14.0625rem;
  height: 14.0625rem;
  background: url("data:image/svg+xml,%3csvg%20width='225'%20height='225'%20viewBox='0%200%20225%20225'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M205.781%2081.7594L205.547%2080.1844L205.303%2080.2406C203.637%2072.4503%20199.8%2065.2909%20194.235%2059.5908C188.669%2053.8906%20181.604%2049.8827%20173.856%2048.0308C166.107%2046.1788%20157.993%2046.5586%20150.452%2049.126C142.911%2051.6935%20136.25%2056.3437%20131.242%2062.5387C126.233%2068.7337%20123.081%2076.2202%20122.15%2084.132C121.219%2092.0438%20122.547%20100.058%20125.981%20107.246C129.414%20114.434%20134.813%20120.504%20141.552%20124.752C148.292%20129%20156.096%20131.253%20164.063%20131.25C166.153%20131.25%20168.159%20130.931%20170.156%20130.641C169.509%20132.816%20168.844%20135.028%20167.775%20137.016C166.706%20139.903%20165.038%20142.406%20163.378%20144.928C161.991%20147.656%20159.544%20149.503%20157.744%20151.837C155.859%20154.106%20153.291%20155.616%20151.256%20157.5C149.259%20159.469%20146.644%20160.453%20144.563%20161.841C142.388%20163.088%20140.494%20164.466%20138.469%20165.122L133.416%20167.203L128.972%20169.05L133.509%20187.228L139.106%20185.878C140.897%20185.428%20143.081%20184.903%20145.566%20184.275C148.106%20183.806%20150.816%20182.522%20153.834%20181.35C156.806%20180.009%20160.266%20179.119%20163.472%20176.972C166.697%20174.928%20170.419%20173.222%20173.7%20170.484C176.878%20167.662%20180.713%20165.216%20183.544%20161.634C186.638%20158.278%20189.694%20154.753%20192.066%20150.741C194.813%20146.916%20196.678%20142.716%20198.647%20138.562C200.428%20134.409%20201.863%20130.162%20203.034%20126.038C205.256%20117.769%20206.25%20109.912%20206.634%20103.191C206.953%2096.4594%20206.766%2090.8625%20206.372%2086.8125C206.24%2085.1211%20206.043%2083.4355%20205.781%2081.7594ZM102.656%2081.7594L102.422%2080.1844L102.178%2080.2406C100.512%2072.4503%2096.6748%2065.2909%2091.1095%2059.5908C85.5443%2053.8906%2078.4788%2049.8827%2070.7307%2048.0308C62.9825%2046.1788%2054.8683%2046.5586%2047.327%2049.126C39.7856%2051.6935%2033.1254%2056.3437%2028.1168%2062.5387C23.1082%2068.7337%2019.956%2076.2202%2019.025%2084.132C18.0939%2092.0438%2019.4221%20100.058%2022.8557%20107.246C26.2893%20114.434%2031.6882%20120.504%2038.4275%20124.752C45.1668%20129%2052.9711%20131.253%2060.9375%20131.25C63.0282%20131.25%2065.0344%20130.931%2067.0313%20130.641C66.3844%20132.816%2065.7188%20135.028%2064.6501%20137.016C63.5813%20139.903%2061.9126%20142.406%2060.2532%20144.928C58.8657%20147.656%2056.4188%20149.503%2054.6188%20151.837C52.7344%20154.106%2050.1657%20155.616%2048.1313%20157.5C46.1344%20159.469%2043.5188%20160.453%2041.4376%20161.841C39.2626%20163.088%2037.3688%20164.466%2035.3438%20165.122L30.2907%20167.203C27.4688%20168.356%2025.8563%20169.031%2025.8563%20169.031L30.3938%20187.209L35.9907%20185.859C37.7813%20185.409%2039.9657%20184.884%2042.4501%20184.256C44.9907%20183.787%2047.7001%20182.503%2050.7188%20181.331C53.6907%20179.991%2057.1501%20179.1%2060.3563%20176.953C63.5813%20174.909%2067.3032%20173.203%2070.5844%20170.466C73.7626%20167.644%2077.5969%20165.197%2080.4282%20161.616C83.5219%20158.259%2086.5782%20154.734%2088.9501%20150.722C91.6969%20146.897%2093.5626%20142.697%2095.5313%20138.544C97.3126%20134.391%2098.7469%20130.144%2099.9188%20126.019C102.141%20117.75%20103.134%20109.894%20103.519%20103.172C103.838%2096.4406%20103.65%2090.8438%20103.256%2086.7938C103.113%2085.1093%20102.913%2083.4303%20102.656%2081.7594Z'%20fill='url(%23paint0_linear_225_2129)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_225_2129'%20x1='112.766'%20y1='46.875'%20x2='112.766'%20y2='187.228'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E0F6FA'/%3e%3cstop%20offset='1'%20stop-color='white'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .testimonials__inner::before {
    top: -4rem;
    width: 9.375rem;
    height: 9.375rem;
  }
  .testimonials__inner::after {
    bottom: -4rem;
    width: 9.375rem;
    height: 9.375rem;
  }
}

.testimonials__head.common-head {
  font-weight: 700;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

.testimonials__content {
  position: relative;
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .testimonials__content {
    margin-top: 1.5rem;
  }
}

.testimonials__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem 1.25rem;
}
@media screen and (max-width: 767px) {
  .testimonials__list {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

.testimonials__item {
  background-color: #f1fdff;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .testimonials__item {
    padding-inline: 1.25rem;
  }
}

.testimonials__text {
  font-size: 1rem;
  font-style: italic;
  line-height: 1.8;
  color: #002b33;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #c3d8dc;
}
@media screen and (max-width: 767px) {
  .testimonials__text {
    font-size: 0.9375rem;
  }
}

.testimonials__name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  color: #005766;
  text-align: right;
}

.testimonials__quote {
  position: absolute;
  width: 14.0625rem;
  height: 14.0625rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11.75rem 8.75rem;
}
@media screen and (max-width: 767px) {
  .testimonials__quote {
    width: 9.375rem;
    height: 9.375rem;
    background-size: 7.8125rem 5.875rem;
  }
}

.testimonials__quote--left {
  top: -5rem;
  left: -15rem;
  background-image: url("data:image/svg+xml,%3csvg%20width='225'%20height='225'%20viewBox='0%200%20225%20225'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M60.9376%2093.75C58.847%2093.75%2056.8407%2094.0687%2054.8438%2094.3594C55.4907%2092.1844%2056.1563%2089.9719%2057.2251%2087.9844C58.2938%2085.0969%2059.9626%2082.5938%2061.622%2080.0719C63.0095%2077.3438%2065.4563%2075.4969%2067.2563%2073.1625C69.1407%2070.8937%2071.7095%2069.3844%2073.7438%2067.5C75.7407%2065.5312%2078.3563%2064.5469%2080.4376%2063.1594C82.6126%2061.9125%2084.5063%2060.5344%2086.5313%2059.8781L91.5845%2057.7969L96.0282%2055.95L91.4813%2037.7812L85.8845%2039.1312C84.0938%2039.5812%2081.9095%2040.1062%2079.4251%2040.7344C76.8845%2041.2031%2074.1751%2042.4875%2071.1563%2043.6594C68.1751%2044.9906%2064.7251%2045.8906%2061.5188%2048.0281C58.2938%2050.0719%2054.572%2051.7781%2051.2907%2054.5156C48.1126%2057.3375%2044.2782%2059.7844%2041.447%2063.375C38.3532%2066.7313%2035.297%2070.2562%2032.9251%2074.2687C30.1782%2078.0937%2028.3126%2082.2937%2026.3438%2086.4469C24.5626%2090.6%2023.1282%2094.8469%2021.9563%2098.9719C19.7345%20107.241%2018.7407%20115.097%2018.3563%20121.819C18.0376%20128.55%2018.2251%20134.147%2018.6188%20138.197C18.7595%20140.109%2019.022%20141.966%2019.2095%20143.25L19.4438%20144.825L19.6876%20144.769C21.355%20152.558%2025.1936%20159.716%2030.7591%20165.414C36.3247%20171.113%2043.3898%20175.119%2051.1373%20176.97C58.8848%20178.821%2066.998%20178.441%2074.5384%20175.873C82.0788%20173.306%2088.7383%20168.656%2093.7464%20162.462C98.7546%20156.268%20101.907%20148.782%20102.838%20140.872C103.77%20132.961%20102.443%20124.948%2099.0107%20117.76C95.5785%20110.571%2090.1814%20104.502%2083.4437%20100.253C76.706%2096.0041%2068.9031%2093.7495%2060.9376%2093.75ZM164.063%2093.75C161.972%2093.75%20159.966%2094.0687%20157.969%2094.3594C158.616%2092.1844%20159.281%2089.9719%20160.35%2087.9844C161.419%2085.0969%20163.088%2082.5938%20164.747%2080.0719C166.134%2077.3438%20168.581%2075.4969%20170.381%2073.1625C172.266%2070.8937%20174.834%2069.3844%20176.869%2067.5C178.866%2065.5312%20181.481%2064.5469%20183.563%2063.1594C185.738%2061.9125%20187.631%2060.5344%20189.656%2059.8781L194.709%2057.7969L199.153%2055.95L194.606%2037.7812L189.009%2039.1312C187.219%2039.5812%20185.034%2040.1062%20182.55%2040.7344C180.009%2041.2031%20177.3%2042.4875%20174.281%2043.6594C171.309%2045%20167.85%2045.8906%20164.644%2048.0375C161.419%2050.0812%20157.697%2051.7875%20154.416%2054.525C151.238%2057.3469%20147.403%2059.7938%20144.572%2063.375C141.478%2066.7313%20138.422%2070.2562%20136.05%2074.2687C133.303%2078.0937%20131.438%2082.2937%20129.469%2086.4469C127.688%2090.6%20126.253%2094.8469%20125.081%2098.9719C122.859%20107.241%20121.866%20115.097%20121.481%20121.819C121.163%20128.55%20121.35%20134.147%20121.744%20138.197C121.884%20140.109%20122.147%20141.966%20122.334%20143.25L122.569%20144.825L122.813%20144.769C124.48%20152.558%20128.319%20159.716%20133.884%20165.414C139.45%20171.113%20146.515%20175.119%20154.262%20176.97C162.01%20178.821%20170.123%20178.441%20177.663%20175.873C185.204%20173.306%20191.863%20168.656%20196.871%20162.462C201.88%20156.268%20205.032%20148.782%20205.963%20140.872C206.895%20132.961%20205.568%20124.948%20202.136%20117.76C198.703%20110.571%20193.306%20104.502%20186.569%20100.253C179.831%2096.0041%20172.028%2093.7495%20164.063%2093.75Z'%20fill='url(%23paint0_linear_225_2131)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_225_2131'%20x1='112.224'%20y1='37.7812'%20x2='112.224'%20y2='178.125'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E0F6FA'/%3e%3cstop%20offset='1'%20stop-color='white'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
@media screen and (max-width: 767px) {
  .testimonials__quote--left {
    top: 0;
    left: -1.25rem;
  }
}

.testimonials__quote--right {
  bottom: -5rem;
  right: -15rem;
  background-image: url("data:image/svg+xml,%3csvg%20width='225'%20height='225'%20viewBox='0%200%20225%20225'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M205.781%2081.7594L205.547%2080.1844L205.303%2080.2406C203.637%2072.4503%20199.8%2065.2909%20194.235%2059.5908C188.669%2053.8906%20181.604%2049.8827%20173.856%2048.0308C166.107%2046.1788%20157.993%2046.5586%20150.452%2049.126C142.911%2051.6935%20136.25%2056.3437%20131.242%2062.5387C126.233%2068.7337%20123.081%2076.2202%20122.15%2084.132C121.219%2092.0438%20122.547%20100.058%20125.981%20107.246C129.414%20114.434%20134.813%20120.504%20141.552%20124.752C148.292%20129%20156.096%20131.253%20164.063%20131.25C166.153%20131.25%20168.159%20130.931%20170.156%20130.641C169.509%20132.816%20168.844%20135.028%20167.775%20137.016C166.706%20139.903%20165.038%20142.406%20163.378%20144.928C161.991%20147.656%20159.544%20149.503%20157.744%20151.837C155.859%20154.106%20153.291%20155.616%20151.256%20157.5C149.259%20159.469%20146.644%20160.453%20144.563%20161.841C142.388%20163.088%20140.494%20164.466%20138.469%20165.122L133.416%20167.203L128.972%20169.05L133.509%20187.228L139.106%20185.878C140.897%20185.428%20143.081%20184.903%20145.566%20184.275C148.106%20183.806%20150.816%20182.522%20153.834%20181.35C156.806%20180.009%20160.266%20179.119%20163.472%20176.972C166.697%20174.928%20170.419%20173.222%20173.7%20170.484C176.878%20167.662%20180.713%20165.216%20183.544%20161.634C186.638%20158.278%20189.694%20154.753%20192.066%20150.741C194.813%20146.916%20196.678%20142.716%20198.647%20138.562C200.428%20134.409%20201.863%20130.162%20203.034%20126.038C205.256%20117.769%20206.25%20109.912%20206.634%20103.191C206.953%2096.4594%20206.766%2090.8625%20206.372%2086.8125C206.24%2085.1211%20206.043%2083.4355%20205.781%2081.7594ZM102.656%2081.7594L102.422%2080.1844L102.178%2080.2406C100.512%2072.4503%2096.6748%2065.2909%2091.1095%2059.5908C85.5443%2053.8906%2078.4788%2049.8827%2070.7307%2048.0308C62.9825%2046.1788%2054.8683%2046.5586%2047.327%2049.126C39.7856%2051.6935%2033.1254%2056.3437%2028.1168%2062.5387C23.1082%2068.7337%2019.956%2076.2202%2019.025%2084.132C18.0939%2092.0438%2019.4221%20100.058%2022.8557%20107.246C26.2893%20114.434%2031.6882%20120.504%2038.4275%20124.752C45.1668%20129%2052.9711%20131.253%2060.9375%20131.25C63.0282%20131.25%2065.0344%20130.931%2067.0313%20130.641C66.3844%20132.816%2065.7188%20135.028%2064.6501%20137.016C63.5813%20139.903%2061.9126%20142.406%2060.2532%20144.928C58.8657%20147.656%2056.4188%20149.503%2054.6188%20151.837C52.7344%20154.106%2050.1657%20155.616%2048.1313%20157.5C46.1344%20159.469%2043.5188%20160.453%2041.4376%20161.841C39.2626%20163.088%2037.3688%20164.466%2035.3438%20165.122L30.2907%20167.203C27.4688%20168.356%2025.8563%20169.031%2025.8563%20169.031L30.3938%20187.209L35.9907%20185.859C37.7813%20185.409%2039.9657%20184.884%2042.4501%20184.256C44.9907%20183.787%2047.7001%20182.503%2050.7188%20181.331C53.6907%20179.991%2057.1501%20179.1%2060.3563%20176.953C63.5813%20174.909%2067.3032%20173.203%2070.5844%20170.466C73.7626%20167.644%2077.5969%20165.197%2080.4282%20161.616C83.5219%20158.259%2086.5782%20154.734%2088.9501%20150.722C91.6969%20146.897%2093.5626%20142.697%2095.5313%20138.544C97.3126%20134.391%2098.7469%20130.144%2099.9188%20126.019C102.141%20117.75%20103.134%20109.894%20103.519%20103.172C103.838%2096.4406%20103.65%2090.8438%20103.256%2086.7938C103.113%2085.1093%20102.913%2083.4303%20102.656%2081.7594Z'%20fill='url(%23paint0_linear_225_2129)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_225_2129'%20x1='112.766'%20y1='46.875'%20x2='112.766'%20y2='187.228'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E0F6FA'/%3e%3cstop%20offset='1'%20stop-color='white'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
@media screen and (max-width: 767px) {
  .testimonials__quote--right {
    bottom: -4rem;
    right: -1.25rem;
  }
}

.thanks {
  height: 100dvh;
  align-content: center;
  margin-top: 4.5rem;
}
@media screen and (max-width: 767px) {
  .thanks {
    padding: 0;
    margin-top: 3.375rem;
  }
}

.thanks__head {
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .thanks__head {
    font-size: 1.25rem;
  }
}

.thanks__text {
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .thanks__text {
    font-size: 1rem;
    margin-top: 2rem;
  }
}

.thanks__btn.common-btn {
  display: flex;
  margin: 3.5rem auto 0;
}
@media screen and (max-width: 767px) {
  .thanks__btn.common-btn {
    width: fit-content;
    margin: 2.5rem auto 0;
  }
}

@media screen and (max-width: 767px) {
  .footer.--thanks {
    padding-top: 6.5rem;
  }
}

.top-news {
  background: linear-gradient(180deg, #FFFFFF 0%, #F1FDFF 100%);
  padding-block: 5rem;
}
@media screen and (max-width: 767px) {
  .top-news {
    padding-block: 4rem;
  }
}

.top-news__lists {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 2.5rem;
  column-gap: 1.5rem;
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .top-news__lists {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2.5rem;
  }
}

.top-news__link {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .top-news__link {
    gap: 0.5rem;
  }
}

.top-news__img {
  width: 12.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top-news__img {
    width: 44.776119403%;
  }
}

.top-news__img img {
  aspect-ratio: 200/133;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .top-news__img img {
    aspect-ratio: 150/100;
  }
}

@media (any-hover: hover) {
  .top-news__link:hover .top-news__img img {
    transform: scale(1.1);
  }
}
.top-news__body {
  flex: 1;
}

.top-news__date {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.35;
}

.top-news__title {
  font-size: 1rem;
  font-weight: 400;
  color: #483B34;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .top-news__title {
    font-size: 0.9375rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    margin-top: 0.25rem;
  }
}

.top-news__more {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  color: #00afcc;
  text-align: right;
  padding-right: 2rem;
  margin-top: 0.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-news__more {
    font-size: 0.875rem;
    margin-top: 0.25rem;
  }
}

.top-news__more::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.70697%2016.9496L15.414%2011.2426L9.70697%205.53564L8.29297%206.94964L12.586%2011.2426L8.29297%2015.5356L9.70697%2016.9496Z'%20fill='%2300AFCC'/%3e%3c/svg%3e") no-repeat center center/cover;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.top-news__btn {
  display: flex;
  align-items: center;
  border: 1px solid #00afcc;
  width: fit-content;
  padding: 1.125rem 2rem;
  margin: 3.5rem auto 0;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .top-news__btn {
    margin-top: 2.5rem;
  }
}

.top-news__btn span {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  color: #00afcc;
  padding-inline: 1rem;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .top-news__btn span {
    font-size: 1.125rem;
  }
}

.top-news__btn-icon img {
  filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1684%) hue-rotate(149deg) brightness(90%) contrast(104%);
  transition: filter 0.3s ease-in-out;
}

@media (any-hover: hover) {
  .top-news__btn:hover {
    background-color: #00afcc;
    color: #fff;
  }
  .top-news__btn:hover span {
    color: #fff;
  }
  .top-news__btn:hover .top-news__btn-icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(304deg) brightness(111%) contrast(101%);
  }
}
.top-testimonials {
  padding-block: 5rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .top-testimonials {
    padding-block: 4rem;
  }
}

.top-testimonials__head {
  position: relative;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.35;
  color: #00afcc;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top-testimonials__head {
    font-size: 2rem;
  }
}

.top-testimonials__content {
  margin-top: 3.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .top-testimonials__content {
    margin-top: 2.5rem;
    grid-template-columns: 1fr;
  }
}

.top-testimonials__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .top-testimonials__items {
    grid-template-columns: 1fr;
  }
}

.top-testimonials__item {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .top-testimonials__item {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
}

.top-testimonials__img {
  width: 6.25rem;
  height: 6.25rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
}
.top-testimonials__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-testimonials__body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .top-testimonials__body {
    align-items: center;
  }
}

.top-testimonials__name {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: #005766;
}
@media screen and (max-width: 767px) {
  .top-testimonials__name {
    font-size: 1.25rem;
    text-align: center;
  }
}

.top-testimonials__text {
  font-size: 1rem;
  font-style: italic;
  line-height: 1.8;
  color: #002b33;
}
@media screen and (max-width: 767px) {
  .top-testimonials__text {
    font-size: 0.875rem;
    text-align: center;
  }
}

.work {
  padding: 5rem 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .work {
    padding: 4rem 0;
  }
}

.work__head {
  position: relative;
}
.work__head::before {
  content: "Work";
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 7.5rem;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(180deg, #e0f6fa 0%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .work__head {
    font-size: 2rem;
  }
  .work__head::before {
    font-size: 4.375rem;
  }
}

.work__content {
  margin-top: 3.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 1.25rem;
}
@media screen and (max-width: 767px) {
  .work__content {
    gap: 2.5rem;
    margin-top: 2.5rem;
  }
}

.work__item {
  width: calc((100% - 1.25rem) / 2);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .work__item {
    gap: 0.5rem;
    width: 100%;
  }
}

.work__title {
  color: #005766;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.35;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .work__title {
    font-size: 1.25rem;
  }
}

.work__img {
  width: 100%;
  background-color: #f0f0f0;
}

.work__img img {
  aspect-ratio: 470/250;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .work__img img {
    aspect-ratio: 335/178;
  }
}

.work__img--books {
  display: flex;
  justify-content: center;
  gap: 3rem;
  background-color: #fff;
  padding: 1.375rem 0;
}

.work__text {
  color: #002b33;
  font-size: 1rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .work__text {
    font-size: 0.9375rem;
  }
}