@charset "UTF-8";
/**************************************************/
/* helpers */
/**************************************************/
._disp-ib {
  display: inline-block !important;
}

@media (max-width: 1081px) {
  ._view-cw-high {
    display: none !important;
  }
}
@media (min-width: 1082px) {
  ._view-cw-low {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  ._view-xl-high {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  ._view-xl-low {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  ._view-lg-high {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  ._view-lg-low {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._view-md-high {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._view-md-low {
    display: none !important;
  }
}
@media (max-width: 479px) {
  ._view-sm-high {
    display: none !important;
  }
}
@media (min-width: 480px) {
  ._view-sm-low {
    display: none !important;
  }
}
._clearfix {
  zoom: 1;
}
._clearfix:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}

._center {
  text-align: center !important;
}

._left {
  text-align: left !important;
}

._right {
  text-align: right !important;
}

._float-l {
  float: left !important;
}

._float-r {
  float: right !important;
}

._clear {
  clear: both !important;
}

._hidden {
  display: none !important;
}

._disp-ib {
  display: inline-block !important;
}

._margin0 {
  margin: 0 !important;
}

._padding0 {
  padding: 0 !important;
}

._border0 {
  border: none !important;
}

._fixed {
  position: fixed !important;
}

._absolute {
  position: absolute !important;
}

._static {
  position: static !important;
}

._xsmall {
  font-size: 75% !important;
}

._small {
  font-size: 88% !important;
}

._large {
  font-size: 113% !important;
}

._xlarge {
  font-size: 133% !important;
}

._nowrap {
  white-space: nowrap !important;
}

._nobg {
  background: none !important;
}

._full {
  width: 100% !important;
}

/**************************************************/
/* base */
/**************************************************/
:root {
  font-size: min(16px, 1.25vw);
}
@media (max-width: 767px) {
  :root {
    font-size: 4.2666666667vw;
  }
}

html {
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Sans", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
  background-color: #ebebf2;
  font-size: 1rem;
  line-height: 1.5;
}

input,
textarea {
  font-size: 16px;
}

input,
textarea,
select,
button {
  font-family: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Sans", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
}

button,
input[type=button],
input[type=submit] {
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
  opacity: 0.7;
}

img {
  max-width: 100%;
}

a {
  color: #0068ac;
  text-decoration: underline;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
a:hover {
  opacity: 0.7;
}
a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, figure, p, ol, ul {
  margin: 0;
}

ul, ol {
  list-style: none;
  padding-inline: 0;
}

a.-telink,
a.js-telink {
  cursor: default;
  opacity: 1 !important;
}

body._ios a:hover {
  opacity: 1;
}

/**************************************************/
/* LP */
/**************************************************/
.l-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
@media (min-width: 768px) {
  .l-header__inner {
    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;
    padding: 0.5625rem 2rem;
    background-color: #fff;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
  }
}
@media (max-width: 767px) {
  .l-header__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 6.375rem;
    grid-template-columns: 1fr 6.375rem;
  }
}
@media (min-width: 768px) {
  .l-header__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  .l-header__group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3.25rem 3.125rem;
    grid-template-columns: 3.25rem 3.125rem;
    -ms-grid-rows: 3rem;
    grid-template-rows: 3rem;
  }
  .l-header__group > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .l-header__group > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
.l-header__button {
  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;
  text-align: center;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
@media (min-width: 768px) {
  .l-header__button {
    width: 17.5rem;
    min-height: 2.75rem;
    border-radius: 50vh;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
  }
}
@media (max-width: 767px) {
  .l-header__button {
    height: 100%;
    line-height: 1.16;
  }
}
.l-header__button:hover {
  opacity: 1;
}
.l-header__button.-border {
  background: #fff;
}
@media (min-width: 768px) {
  .l-header__button.-border {
    font-size: 1rem;
    border: 1px solid #000;
  }
  .l-header__button.-border:hover {
    background: #000;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .l-header__button.-border {
    font-size: 0.75rem;
    padding: 0 0.375rem;
  }
}
.l-header__button.-yellow {
  background: #FFD400;
}
@media (min-width: 768px) {
  .l-header__button.-yellow {
    font-size: 1.25rem;
  }
  .l-header__button.-yellow:hover {
    color: #FFD400;
    background: #000;
  }
}
@media (max-width: 767px) {
  .l-header__button.-yellow {
    font-size: 0.8125rem;
    padding: 0 0.625rem;
  }
}
@media (min-width: 768px) {
  .l-header.-compact .l-header__button {
    min-height: 2.75rem;
  }
  .l-header.-compact .l-header-logo__image {
    width: 3.875rem;
  }
}
@media (max-width: 767px) {
  .l-header.-compact .l-header-logo {
    background: #000;
  }
}

.l-header-logo__link {
  text-decoration: none;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .l-header-logo__link {
    gap: 0;
    padding: 0 1rem;
    height: 100%;
  }
  .l-header-logo__link:hover {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .l-header-logo__image {
    width: 3.875rem;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
  }
}
@media (max-width: 767px) {
  .l-header-logo__image {
    width: 15rem;
  }
}
.l-header-logo__text {
  font-weight: bold;
  font-size: 1.25rem;
}

@media (min-width: 768px) {
  .l-main {
    padding-top: 5.4rem;
  }
}

.l-footer__copyright {
  font-family: "presicav", sans-serif;
  font-weight: 300;
  display: block;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 1.25rem 1.875rem;
  font-size: 80%;
  line-height: 1.8;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  .l-footer__copyright {
    font-size: 0.625rem;
    padding: 0.9375rem 0.625rem;
  }
}

.heading-a {
  text-align: center;
  font-weight: bold;
  font-size: 2.5rem;
  padding: 0 0 1.75rem;
  position: relative;
}
@media (max-width: 767px) {
  .heading-a {
    font-size: 1.5rem;
    padding: 0 0 1rem;
  }
}
.heading-a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -2.5rem;
  width: 5rem;
  height: 0.5rem;
  border-radius: 50vh;
  background: #5652CC;
  content: "";
}
@media (max-width: 767px) {
  .heading-a::after {
    width: 2.5rem;
    height: 0.25rem;
    margin-left: -1.25rem;
  }
}

.heading-b {
  text-align: center;
  font-weight: bold;
  font-size: 1.75rem;
}
.heading-b__text {
  display: inline-block;
  border-bottom: 0.25rem solid #5652CC;
  padding-bottom: 0.75rem;
}
@media (max-width: 767px) {
  .heading-b__text {
    font-size: 1.75rem;
  }
}
.heading-b.-lg {
  font-size: 2rem;
}
.heading-b.-mt1 {
  margin-top: 2.125rem;
}
@media (max-width: 767px) {
  .heading-b.-mt1 {
    margin-top: 1.875rem;
  }
}
.heading-b.-mt2 {
  margin-top: 6.25rem;
}
@media (max-width: 767px) {
  .heading-b.-mt2 {
    margin-top: 1.5rem;
  }
}
@media (max-width: 767px) {
  .heading-b.-mt2 .heading-b__text {
    font-size: 1.625rem;
  }
  .heading-b.-mt2 .heading-b__text > span {
    font-size: 1.375rem;
  }
}

.main-visual {
  height: 75vh;
  min-height: 450px;
  max-height: 600px;
  background-image: url("../images/mv-bg.jpg");
  background-size: cover;
  position: relative;
}
@media (max-width: 767px) {
  .main-visual {
    height: 31.25rem;
    background-image: url("../images/mv-bg_sp.jpg");
    overflow-x: clip;
    padding-bottom: 28rem;
  }
}
.main-visual::before, .main-visual::after {
  position: absolute;
  width: 100%;
  content: "";
}
.main-visual::before {
  top: 13.625rem;
  height: 33.875rem;
  background-color: #fff;
  clip-path: polygon(95.19% 7.439%, 95.19% 7.439%, 94.77% 8.413%, 94.335% 9.385%, 93.876% 10.348%, 93.382% 11.294%, 92.841% 12.214%, 92.243% 13.101%, 91.577% 13.946%, 90.831% 14.741%, 89.996% 15.48%, 89.06% 16.152%, 89.06% 16.152%, 88.11% 16.693%, 87.237% 17.055%, 86.431% 17.257%, 85.686% 17.321%, 84.993% 17.266%, 84.343% 17.112%, 83.73% 16.88%, 83.144% 16.59%, 82.578% 16.261%, 82.024% 15.915%, 82.024% 15.915%, 81.493% 15.584%, 80.96% 15.274%, 80.415% 15.002%, 79.851% 14.788%, 79.258% 14.647%, 78.627% 14.599%, 77.951% 14.66%, 77.221% 14.848%, 76.428% 15.18%, 75.563% 15.675%, 75.563% 15.675%, 74.709% 16.286%, 73.95% 16.953%, 73.273% 17.671%, 72.668% 18.435%, 72.125% 19.239%, 71.631% 20.079%, 71.176% 20.95%, 70.75% 21.846%, 70.341% 22.762%, 69.938% 23.695%, 69.938% 23.695%, 69.518% 24.669%, 69.084% 25.641%, 68.625% 26.604%, 68.13% 27.55%, 67.589% 28.47%, 66.991% 29.357%, 66.325% 30.202%, 65.58% 30.997%, 64.745% 31.736%, 63.809% 32.408%, 63.809% 32.408%, 62.86% 32.949%, 61.986% 33.311%, 61.181% 33.513%, 60.436% 33.577%, 59.742% 33.521%, 59.093% 33.367%, 58.479% 33.135%, 57.893% 32.845%, 57.327% 32.516%, 56.773% 32.17%, 56.773% 32.17%, 56.243% 31.838%, 55.71% 31.528%, 55.165% 31.257%, 54.601% 31.042%, 54.008% 30.902%, 53.378% 30.853%, 52.702% 30.914%, 51.972% 31.102%, 51.178% 31.434%, 50.313% 31.929%, 50.313% 31.929%, 49.46% 32.54%, 48.701% 33.208%, 48.024% 33.925%, 47.419% 34.689%, 46.875% 35.493%, 46.382% 36.333%, 45.927% 37.204%, 45.501% 38.1%, 45.092% 39.017%, 44.689% 39.949%, 44.689% 39.949%, 44.269% 40.923%, 43.834% 41.895%, 43.375% 42.858%, 42.881% 43.804%, 42.34% 44.724%, 41.742% 45.611%, 41.076% 46.456%, 40.331% 47.251%, 39.495% 47.99%, 38.559% 48.662%, 38.559% 48.662%, 37.61% 49.203%, 36.737% 49.565%, 35.931% 49.767%, 35.186% 49.831%, 34.493% 49.775%, 33.843% 49.621%, 33.23% 49.389%, 32.644% 49.099%, 32.078% 48.77%, 31.524% 48.424%, 31.524% 48.424%, 30.993% 48.092%, 30.46% 47.782%, 29.916% 47.511%, 29.351% 47.296%, 28.758% 47.156%, 28.128% 47.107%, 27.452% 47.168%, 26.722% 47.356%, 25.929% 47.688%, 25.064% 48.183%, 25.064% 48.183%, 24.211% 48.795%, 23.451% 49.462%, 22.774% 50.18%, 22.17% 50.943%, 21.626% 51.748%, 21.132% 52.587%, 20.678% 53.458%, 20.251% 54.354%, 19.842% 55.271%, 19.44% 56.203%, 19.44% 56.203%, 19.019% 57.177%, 18.585% 58.149%, 18.126% 59.112%, 17.631% 60.058%, 17.091% 60.978%, 16.493% 61.865%, 15.826% 62.71%, 15.081% 63.506%, 14.246% 64.244%, 13.31% 64.916%, 13.31% 64.916%, 12.92% 65.156%, 12.543% 65.365%, 12.178% 65.544%, 11.826% 65.695%, 11.485% 65.819%, 11.154% 65.918%, 10.834% 65.993%, 10.525% 66.044%, 10.224% 66.074%, 9.932% 66.084%, 9.932% 66.084%, 9.511% 66.063%, 9.107% 66.005%, 8.718% 65.912%, 8.342% 65.789%, 7.979% 65.642%, 7.625% 65.473%, 7.279% 65.288%, 6.94% 65.091%, 6.606% 64.886%, 6.274% 64.678%, 6.274% 64.678%, 5.755% 64.353%, 5.233% 64.049%, 4.701% 63.781%, 4.15% 63.566%, 3.572% 63.422%, 2.96% 63.363%, 2.304% 63.407%, 1.598% 63.57%, 0.832% 63.869%, 0% 64.321%, 0% 100%, 100% 100%, 100% 0%, 100% 0%, 99.305% 0.599%, 98.68% 1.24%, 98.115% 1.92%, 97.603% 2.634%, 97.136% 3.379%, 96.706% 4.152%, 96.305% 4.948%, 95.924% 5.763%, 95.556% 6.595%, 95.192% 7.439%, 95.19% 7.439%);
}
@media (max-width: 767px) {
  .main-visual::before {
    top: 16.875rem;
    height: 12.4375rem;
    clip-path: polygon(95.19% 5.324%, 95.19% 5.324%, 94.77% 6.021%, 94.335% 6.717%, 93.876% 7.407%, 93.382% 8.083%, 92.841% 8.742%, 92.243% 9.377%, 91.577% 9.982%, 90.831% 10.551%, 89.996% 11.079%, 89.06% 11.561%, 89.06% 11.561%, 88.11% 11.948%, 87.237% 12.207%, 86.431% 12.352%, 85.686% 12.397%, 84.993% 12.358%, 84.343% 12.248%, 83.729% 12.081%, 83.144% 11.874%, 82.578% 11.639%, 82.023% 11.391%, 82.023% 11.391%, 81.493% 11.154%, 80.96% 10.932%, 80.415% 10.738%, 79.851% 10.584%, 79.258% 10.484%, 78.628% 10.449%, 77.952% 10.493%, 77.221% 10.627%, 76.428% 10.865%, 75.563% 11.219%, 75.563% 11.219%, 74.709% 11.657%, 73.95% 12.134%, 73.273% 12.648%, 72.669% 13.195%, 72.125% 13.77%, 71.631% 14.371%, 71.176% 14.995%, 70.75% 15.636%, 70.341% 16.292%, 69.938% 16.959%, 69.938% 16.959%, 69.518% 17.656%, 69.084% 18.352%, 68.625% 19.042%, 68.13% 19.718%, 67.59% 20.377%, 66.991% 21.012%, 66.325% 21.616%, 65.58% 22.186%, 64.745% 22.714%, 63.809% 23.196%, 63.809% 23.196%, 62.859% 23.583%, 61.986% 23.842%, 61.181% 23.987%, 60.435% 24.032%, 59.742% 23.992%, 59.093% 23.882%, 58.479% 23.716%, 57.893% 23.508%, 57.327% 23.273%, 56.773% 23.025%, 56.773% 23.025%, 56.243% 22.788%, 55.709% 22.566%, 55.165% 22.372%, 54.601% 22.218%, 54.008% 22.117%, 53.378% 22.083%, 52.702% 22.126%, 51.972% 22.261%, 51.178% 22.499%, 50.313% 22.853%, 50.313% 22.853%, 49.46% 23.29%, 48.701% 23.768%, 48.024% 24.282%, 47.419% 24.828%, 46.875% 25.404%, 46.381% 26.005%, 45.927% 26.628%, 45.501% 27.27%, 45.092% 27.926%, 44.689% 28.593%, 44.689% 28.593%, 44.269% 29.29%, 43.834% 29.986%, 43.375% 30.675%, 42.881% 31.352%, 42.34% 32.011%, 41.742% 32.645%, 41.076% 33.25%, 40.331% 33.82%, 39.495% 34.348%, 38.559% 34.829%, 38.559% 34.829%, 37.61% 35.217%, 36.737% 35.475%, 35.932% 35.62%, 35.186% 35.666%, 34.493% 35.626%, 33.843% 35.516%, 33.23% 35.35%, 32.644% 35.142%, 32.078% 34.907%, 31.524% 34.659%, 31.524% 34.659%, 30.993% 34.421%, 30.46% 34.199%, 29.916% 34.005%, 29.351% 33.852%, 28.758% 33.751%, 28.128% 33.716%, 27.452% 33.76%, 26.722% 33.894%, 25.929% 34.132%, 25.064% 34.486%, 25.064% 34.486%, 24.211% 34.924%, 23.451% 35.402%, 22.774% 35.915%, 22.17% 36.462%, 21.626% 37.038%, 21.132% 37.639%, 20.678% 38.262%, 20.251% 38.903%, 19.842% 39.559%, 19.44% 40.226%, 19.44% 40.226%, 19.019% 40.924%, 18.585% 41.62%, 18.126% 42.309%, 17.631% 42.986%, 17.091% 43.644%, 16.493% 44.279%, 15.826% 44.884%, 15.081% 45.453%, 14.246% 45.982%, 13.31% 46.463%, 13.31% 46.463%, 12.92% 46.635%, 12.543% 46.784%, 12.178% 46.912%, 11.826% 47.021%, 11.485% 47.109%, 11.154% 47.18%, 10.834% 47.234%, 10.525% 47.27%, 10.224% 47.292%, 9.932% 47.299%, 9.932% 47.299%, 9.511% 47.284%, 9.107% 47.242%, 8.718% 47.176%, 8.342% 47.088%, 7.979% 46.982%, 7.625% 46.862%, 7.279% 46.729%, 6.94% 46.588%, 6.606% 46.441%, 6.274% 46.292%, 6.274% 46.292%, 5.755% 46.06%, 5.233% 45.842%, 4.701% 45.65%, 4.15% 45.497%, 3.572% 45.393%, 2.96% 45.351%, 2.304% 45.383%, 1.598% 45.5%, 0.832% 45.714%, 0% 46.037%, 0% 100%, 100% 100%, 100% 0%, 100% 0%, 99.305% 0.429%, 98.68% 0.888%, 98.115% 1.374%, 97.604% 1.885%, 97.137% 2.419%, 96.707% 2.972%, 96.305% 3.541%, 95.924% 4.125%, 95.556% 4.72%, 95.192% 5.324%, 95.19% 5.324%);
  }
}
.main-visual::after {
  top: 29.25rem;
  left: 0;
  height: 18.25rem;
  background-color: #ebebf2;
  clip-path: polygon(4.81% 9.744%, 4.81% 9.744%, 5.23% 11.02%, 5.665% 12.294%, 6.124% 13.555%, 6.618% 14.794%, 7.159% 15.999%, 7.757% 17.161%, 8.423% 18.268%, 9.169% 19.31%, 10.004% 20.277%, 10.94% 21.158%, 10.94% 21.158%, 11.89% 21.867%, 12.763% 22.341%, 13.569% 22.606%, 14.314% 22.689%, 15.007% 22.617%, 15.657% 22.415%, 16.271% 22.111%, 16.856% 21.731%, 17.422% 21.301%, 17.977% 20.848%, 17.977% 20.848%, 18.507% 20.414%, 19.04% 20.007%, 19.585% 19.652%, 20.149% 19.371%, 20.742% 19.187%, 21.373% 19.123%, 22.049% 19.203%, 22.779% 19.449%, 23.572% 19.885%, 24.437% 20.533%, 24.437% 20.533%, 25.291% 21.334%, 26.05% 22.208%, 26.727% 23.148%, 27.331% 24.148%, 27.875% 25.202%, 28.369% 26.302%, 28.824% 27.443%, 29.25% 28.617%, 29.659% 29.817%, 30.061% 31.038%, 30.061% 31.038%, 30.482% 32.314%, 30.916% 33.588%, 31.375% 34.849%, 31.87% 36.088%, 32.41% 37.293%, 33.009% 38.455%, 33.675% 39.562%, 34.42% 40.604%, 35.255% 41.571%, 36.191% 42.452%, 36.191% 42.452%, 37.14% 43.161%, 38.014% 43.634%, 38.819% 43.9%, 39.564% 43.983%, 40.258% 43.91%, 40.907% 43.709%, 41.521% 43.404%, 42.107% 43.024%, 42.673% 42.593%, 43.227% 42.14%, 43.227% 42.14%, 43.757% 41.705%, 44.29% 41.299%, 44.835% 40.944%, 45.399% 40.663%, 45.992% 40.479%, 46.622% 40.415%, 47.298% 40.495%, 48.028% 40.741%, 48.822% 41.177%, 49.687% 41.825%, 49.687% 41.825%, 50.54% 42.626%, 51.299% 43.499%, 51.976% 44.44%, 52.581% 45.44%, 53.125% 46.494%, 53.618% 47.594%, 54.073% 48.734%, 54.499% 49.908%, 54.908% 51.109%, 55.311% 52.33%, 55.311% 52.33%, 55.731% 53.606%, 56.166% 54.88%, 56.625% 56.141%, 57.119% 57.38%, 57.66% 58.585%, 58.258% 59.746%, 58.924% 60.854%, 59.669% 61.896%, 60.505% 62.863%, 61.441% 63.744%, 61.441% 63.744%, 62.39% 64.453%, 63.263% 64.926%, 64.069% 65.191%, 64.814% 65.274%, 65.507% 65.202%, 66.157% 65%, 66.77% 64.696%, 67.356% 64.316%, 67.922% 63.885%, 68.476% 63.431%, 68.476% 63.431%, 69.007% 62.997%, 69.54% 62.591%, 70.084% 62.235%, 70.648% 61.954%, 71.241% 61.77%, 71.871% 61.707%, 72.547% 61.786%, 73.278% 62.032%, 74.071% 62.468%, 74.936% 63.116%, 74.936% 63.116%, 75.789% 63.917%, 76.549% 64.791%, 77.226% 65.731%, 77.83% 66.732%, 78.374% 67.785%, 78.868% 68.886%, 79.323% 70.026%, 79.749% 71.2%, 80.158% 72.4%, 80.56% 73.621%, 80.56% 73.621%, 80.981% 74.897%, 81.415% 76.171%, 81.874% 77.433%, 82.369% 78.671%, 82.909% 79.877%, 83.508% 81.038%, 84.174% 82.145%, 84.919% 83.188%, 85.754% 84.155%, 86.69% 85.036%, 86.69% 85.036%, 87.08% 85.349%, 87.457% 85.623%, 87.822% 85.858%, 88.174% 86.056%, 88.515% 86.218%, 88.846% 86.348%, 89.166% 86.445%, 89.476% 86.513%, 89.776% 86.552%, 90.068% 86.565%, 90.068% 86.565%, 90.489% 86.538%, 90.893% 86.461%, 91.282% 86.339%, 91.658% 86.179%, 92.021% 85.986%, 92.375% 85.765%, 92.721% 85.523%, 93.06% 85.265%, 93.394% 84.996%, 93.726% 84.723%, 93.726% 84.723%, 94.245% 84.298%, 94.767% 83.899%, 95.299% 83.548%, 95.85% 83.267%, 96.428% 83.078%, 97.04% 83.001%, 97.696% 83.058%, 98.402% 83.272%, 99.168% 83.664%, 100% 84.255%, 100% 100%, 0% 100%, 0% 0%, 0% 0%, 0.695% 0.785%, 1.32% 1.625%, 1.885% 2.515%, 2.396% 3.451%, 2.863% 4.427%, 3.294% 5.438%, 3.695% 6.481%, 4.076% 7.549%, 4.444% 8.639%, 4.808% 9.744%, 4.81% 9.744%);
}
@media (max-width: 767px) {
  .main-visual::after {
    top: 24.75rem;
    height: 6.875rem;
    clip-path: polygon(4.81% 6.857%, 4.81% 6.857%, 5.23% 7.755%, 5.665% 8.651%, 6.124% 9.539%, 6.618% 10.411%, 7.159% 11.259%, 7.757% 12.076%, 8.423% 12.855%, 9.169% 13.589%, 10.004% 14.269%, 10.94% 14.889%, 10.94% 14.889%, 11.89% 15.388%, 12.763% 15.721%, 13.569% 15.908%, 14.314% 15.966%, 15.007% 15.915%, 15.657% 15.774%, 16.271% 15.56%, 16.856% 15.292%, 17.422% 14.99%, 17.977% 14.671%, 17.977% 14.671%, 18.507% 14.365%, 19.04% 14.079%, 19.585% 13.829%, 20.149% 13.631%, 20.742% 13.502%, 21.373% 13.457%, 22.048% 13.513%, 22.779% 13.687%, 23.572% 13.993%, 24.437% 14.449%, 24.437% 14.449%, 25.291% 15.013%, 26.05% 15.628%, 26.727% 16.289%, 27.331% 16.993%, 27.875% 17.735%, 28.369% 18.509%, 28.824% 19.311%, 29.25% 20.137%, 29.659% 20.982%, 30.062% 21.842%, 30.062% 21.842%, 30.482% 22.739%, 30.916% 23.636%, 31.375% 24.524%, 31.87% 25.395%, 32.411% 26.243%, 33.009% 27.061%, 33.675% 27.84%, 34.42% 28.573%, 35.255% 29.254%, 36.191% 29.874%, 36.191% 29.874%, 37.141% 30.372%, 38.014% 30.706%, 38.819% 30.892%, 39.565% 30.951%, 40.258% 30.9%, 40.907% 30.758%, 41.521% 30.544%, 42.107% 30.276%, 42.673% 29.973%, 43.227% 29.654%, 43.227% 29.654%, 43.757% 29.348%, 44.291% 29.062%, 44.835% 28.812%, 45.399% 28.614%, 45.992% 28.485%, 46.622% 28.44%, 47.298% 28.496%, 48.028% 28.67%, 48.822% 28.976%, 49.687% 29.432%, 49.687% 29.432%, 50.54% 29.996%, 51.299% 30.611%, 51.976% 31.272%, 52.581% 31.976%, 53.125% 32.718%, 53.619% 33.492%, 54.073% 34.295%, 54.499% 35.121%, 54.908% 35.965%, 55.311% 36.825%, 55.311% 36.825%, 55.731% 37.722%, 56.166% 38.619%, 56.625% 39.507%, 57.119% 40.378%, 57.66% 41.227%, 58.258% 42.044%, 58.924% 42.823%, 59.669% 43.556%, 60.505% 44.237%, 61.441% 44.857%, 61.441% 44.857%, 62.39% 45.356%, 63.263% 45.689%, 64.068% 45.875%, 64.814% 45.934%, 65.507% 45.883%, 66.157% 45.741%, 66.77% 45.527%, 67.356% 45.259%, 67.922% 44.956%, 68.476% 44.637%, 68.476% 44.637%, 69.007% 44.331%, 69.54% 44.045%, 70.084% 43.795%, 70.649% 43.597%, 71.242% 43.468%, 71.872% 43.423%, 72.548% 43.479%, 73.278% 43.653%, 74.071% 43.959%, 74.936% 44.415%, 74.936% 44.415%, 75.789% 44.979%, 76.549% 45.594%, 77.226% 46.255%, 77.83% 46.959%, 78.374% 47.701%, 78.868% 48.475%, 79.322% 49.277%, 79.749% 50.104%, 80.158% 50.949%, 80.56% 51.808%, 80.56% 51.808%, 80.981% 52.706%, 81.415% 53.602%, 81.874% 54.49%, 82.369% 55.361%, 82.909% 56.209%, 83.507% 57.027%, 84.174% 57.806%, 84.919% 58.539%, 85.754% 59.22%, 86.69% 59.84%, 86.69% 59.84%, 87.08% 60.061%, 87.457% 60.253%, 87.822% 60.418%, 88.174% 60.558%, 88.515% 60.672%, 88.846% 60.763%, 89.165% 60.832%, 89.475% 60.88%, 89.776% 60.907%, 90.068% 60.916%, 90.068% 60.916%, 90.489% 60.897%, 90.893% 60.843%, 91.282% 60.757%, 91.658% 60.645%, 92.021% 60.509%, 92.375% 60.353%, 92.721% 60.183%, 93.06% 60.001%, 93.395% 59.812%, 93.726% 59.62%, 93.726% 59.62%, 94.245% 59.321%, 94.767% 59.04%, 95.299% 58.793%, 95.85% 58.595%, 96.428% 58.462%, 97.04% 58.408%, 97.696% 58.448%, 98.402% 58.599%, 99.168% 58.875%, 100% 59.291%, 100% 100%, 0% 100%, 0% 0%, 0% 0%, 0.695% 0.552%, 1.32% 1.143%, 1.885% 1.77%, 2.396% 2.428%, 2.863% 3.115%, 3.294% 3.827%, 3.695% 4.561%, 4.076% 5.312%, 4.444% 6.079%, 4.808% 6.857%, 4.81% 6.857%);
  }
}
.main-visual__inner {
  position: relative;
}
@media (min-width: 768px) {
  .main-visual__inner {
    max-width: 90rem;
    margin: 0 auto;
    padding-top: 7.875rem;
  }
}
@media (max-width: 767px) {
  .main-visual__inner {
    padding: 5rem 1.5rem 0;
  }
}
.main-visual__wrapper {
  max-width: 75rem;
  margin: 0 auto;
  position: relative;
}
.main-visual__content {
  max-width: 40rem;
  position: relative;
}
@media (min-width: 768px) {
  .main-visual__content {
    z-index: 3;
  }
}
.main-visual__heading {
  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.8125rem;
  position: relative;
}
@media (min-width: 768px) {
  .main-visual__heading {
    padding-left: 0.8125rem;
  }
}
@media (max-width: 767px) {
  .main-visual__heading {
    padding-left: 2.4375rem;
    gap: 0.375rem;
  }
}
.main-visual__heading-line {
  display: block;
  font-weight: bold;
  line-height: 1;
  color: #000;
}
.main-visual__heading-line mark {
  color: inherit;
  display: inline-block;
  background-color: #fff;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0.25rem 0.25rem 1.5rem #012D5C;
          box-shadow: 0.25rem 0.25rem 1.5rem #012D5C;
  padding: 0.5625rem 1rem 0.875rem;
}
.main-visual__heading-line.-sm {
  font-size: 2rem;
}
@media (max-width: 767px) {
  .main-visual__heading-line.-sm {
    font-size: 1rem;
  }
}
.main-visual__heading-line.-sm mark {
  padding-left: 0;
}
@media (max-width: 767px) {
  .main-visual__heading-line.-sm mark {
    padding: 0.25rem 1rem 0.4375rem 0.5625rem;
  }
}
.main-visual__heading-line.-lg {
  margin-left: 4.75rem;
  font-size: 3.5rem;
}
@media (max-width: 767px) {
  .main-visual__heading-line.-lg {
    font-size: 1.5rem;
    margin-left: 0.5rem;
  }
}
.main-visual__heading-line.-lg mark {
  padding: 0.3125rem 1rem 0.75rem 2rem;
}
@media (max-width: 767px) {
  .main-visual__heading-line.-lg mark {
    padding: 0.4375rem 0.8125rem 0.5625rem 2rem;
  }
}
.main-visual__robot {
  position: absolute;
  top: 2.6875rem;
  left: 0;
  width: 9rem;
  pointer-events: none;
  z-index: 3;
}
@media (max-width: 767px) {
  .main-visual__robot {
    width: 7.3125rem;
    top: -0.375rem;
    left: -1.1875rem;
  }
}
.main-visual__robot.-shadow {
  mix-blend-mode: multiply;
  z-index: 1;
}
@media (min-width: 768px) {
  .main-visual__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 1rem;
    padding-right: 0.375rem;
    margin-top: 5rem;
  }
}
@media (max-width: 767px) {
  .main-visual__group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.5rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    margin-top: 2.5rem;
    position: relative;
    z-index: 4;
  }
}
.main-visual__button {
  display: block;
  border-radius: 50vh;
  background: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  -webkit-box-shadow: 0 0 1.5rem #032F5B;
          box-shadow: 0 0 1.5rem #032F5B;
}
@media (min-width: 768px) {
  .main-visual__button {
    width: 17.5rem;
    font-size: 1.25rem;
    padding: 1.0625rem 0.3125rem;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
  }
  .main-visual__button:hover {
    color: #fff;
    background: #000;
  }
}
@media (max-width: 767px) {
  .main-visual__button {
    font-size: 0.875rem;
    padding: 0.8125rem 0.3125rem;
  }
}
.main-visual__button.-yellow {
  background: #FFD400;
}
@media (min-width: 768px) {
  .main-visual__button.-yellow:hover {
    color: #FFD400;
    background: #000;
  }
}
.main-visual__button:hover {
  opacity: 1;
}
.main-visual__illust {
  position: absolute;
  pointer-events: none;
  z-index: 2;
  top: 6.0625rem;
  right: 0;
  width: 53.6875rem;
}
@media (max-width: 767px) {
  .main-visual__illust {
    top: 14.875rem;
    right: -3.375rem;
    width: 23rem;
  }
}
.main-visual__illust.-shadow {
  mix-blend-mode: multiply;
  z-index: 1;
}

@media screen and (min-width: 1025px) and (max-height: 850px) {
  .l-main {
    padding-top: 4.5rem;
  }
  .main-visual {
    height: 30rem;
    margin-top: -2rem;
    background-color: #ebebf2;
  }
  .main-visual::before {
    top: 9rem;
  }
  .main-visual::after {
    top: 25rem;
  }
  .main-visual__inner {
    padding-top: 6.8rem;
  }
  .main-visual__group {
    margin-top: 2rem;
  }
  .main-visual__illust {
    width: 45rem;
    top: 4rem;
  }
  .concern-section {
    margin-top: -1.8rem;
    padding-top: 0;
    position: relative;
    z-index: 10;
  }
  .heading-a {
    font-size: 2.25rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .main-visual {
    padding-bottom: 54rem;
  }
  .main-visual::before {
    top: auto;
    bottom: 2rem;
  }
  .main-visual::after {
    top: auto;
    bottom: 0;
  }
  .main-visual__illust {
    top: 10rem;
  }
  .concern-section {
    padding-top: 0 !important;
    margin-top: -5rem;
  }
}
.concern-section {
  position: relative;
  z-index: 10;
  padding: 8.4375rem 1.5rem 6.875rem;
}
@media (max-width: 767px) {
  .concern-section {
    padding: 3.75rem 1.5rem;
  }
}
.concern-section__inner {
  max-width: 63.75rem;
  margin: 0 auto;
}
.concern-section__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5625rem 1fr 1.5625rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5625rem;
  margin: 4rem 0 0;
}
@media (max-width: 767px) {
  .concern-section__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin: 2rem 0 0;
  }
}

.concern-card {
  padding: 3rem 1.75rem 2.5rem;
  background: #fff;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0.25rem 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.25rem 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .concern-card {
    padding: 1.5rem 1.25rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 7.5rem 1.5rem 1fr;
    grid-template-columns: 7.5rem 1fr;
    gap: 1.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 768px) {
  .concern-card__image {
    width: 12.5rem;
    height: 12.5rem;
    margin: 0 auto;
  }
}
.concern-card__image img {
  display: block;
  border-radius: 50%;
}
.concern-card__text {
  font-weight: bold;
}
@media (min-width: 768px) {
  .concern-card__text {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.6;
    margin-top: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .concern-card__text {
    font-size: 1rem;
    line-height: 1.8;
  }
}

.phase-section {
  background: #fff;
  padding: 6.5rem 1.5rem 7.5rem;
  position: relative;
}
@media (max-width: 767px) {
  .phase-section {
    padding: 3.375rem 1.5rem 3rem;
  }
}
.phase-section::before {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-style: solid;
  border-width: 3.75rem 6.5rem 0 6.5rem;
  border-color: #ebebf2 transparent transparent transparent;
  content: "";
}
@media (max-width: 767px) {
  .phase-section::before {
    border-width: 2.25rem 3.9375rem 0 3.9375rem;
  }
}
.phase-section__heading {
  font-weight: bold;
}
@media (min-width: 768px) {
  .phase-section__heading {
    text-align: center;
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  .phase-section__heading {
    font-size: 1.5rem;
    line-height: 1.2083333333;
  }
}
.phase-section__text {
  font-weight: bold;
}
@media (min-width: 768px) {
  .phase-section__text {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-top: 2.0625rem;
  }
}
@media (max-width: 767px) {
  .phase-section__text {
    font-size: 1rem;
    margin-top: 1rem;
  }
}
.phase-section__highlight {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(1rem, #FFD400), color-stop(1rem, rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, #FFD400 1rem, rgba(0, 0, 0, 0) 1rem);
}
@media (max-width: 767px) {
  .phase-section__highlight {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.6875rem, #FFD400), color-stop(0.6875rem, rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, #FFD400 0.6875rem, rgba(0, 0, 0, 0) 0.6875rem);
  }
}
.phase-section__inner {
  max-width: 75rem;
  margin: 0 auto;
  position: relative;
}
.phase-section__illust {
  position: absolute;
  width: 5.625rem;
  top: 0;
  right: 8.75rem;
}
@media (max-width: 767px) {
  .phase-section__illust {
    top: 0.875rem;
    right: 0.125rem;
  }
}
.phase-section__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.75rem 1fr 3.75rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.75rem;
  margin-top: 7.5rem;
}
@media (max-width: 767px) {
  .phase-section__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 6.25rem;
    margin-top: 4.6875rem;
  }
}
.phase-section__title {
  font-size: 2rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .phase-section__title {
    text-align: center;
    margin-top: 3.875rem;
  }
}
@media (max-width: 767px) {
  .phase-section__title {
    font-size: 1.25rem;
    margin-top: 1.875rem;
  }
}
.phase-section__features {
  max-width: 72.5rem;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 1fr 2.5rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  margin-top: 2.375rem;
}
@media (max-width: 767px) {
  .phase-section__features {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 6.25rem;
  }
}

.phase-card + .phase-card {
  position: relative;
}
.phase-card + .phase-card::before {
  position: absolute;
  border-style: solid;
  content: "";
}
@media (min-width: 768px) {
  .phase-card + .phase-card::before {
    top: 39%;
    left: -2.375rem;
    border-width: 1.3125rem 0 1.3125rem 1.5rem;
    border-color: transparent transparent transparent #BBBFE2;
  }
}
@media (max-width: 767px) {
  .phase-card + .phase-card::before {
    top: -4.9375rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-width: 1.5rem 1.3125rem 0 1.3125rem;
    border-color: #BBBFE2 transparent transparent transparent;
  }
}
.phase-card__link {
  display: block;
  height: 100%;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  border: 0.125rem solid #BBBFE2;
  -webkit-box-shadow: 0.25rem 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.25rem 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  background: #fff;
  padding: 2.1875rem 1.875rem 4.625rem;
  position: relative;
}
@media (min-width: 768px) {
  .phase-card__link {
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  }
  .phase-card__link:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .phase-card__link:hover .phase-card__button {
    background: #000;
    color: #FFD400;
  }
  .phase-card__link:hover .phase-card__button-text::after {
    background: #FFD400;
  }
}
@media (max-width: 767px) {
  .phase-card__link {
    padding-bottom: 4.1875rem;
  }
}
.phase-card__link:hover {
  opacity: 1;
}
.phase-card__bubble {
  position: absolute;
  top: -3.1875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #BBBFE2;
  border-radius: 50vh;
  font-family: "Jost", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  color: #5652cc;
  line-height: 1;
  padding: 0.5625rem 1.6875rem;
}
@media (max-width: 767px) {
  .phase-card__bubble {
    top: -2.6875rem;
    font-size: 1.125rem;
    padding: 0.625rem 1.875rem;
  }
}
.phase-card__bubble::after {
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-style: solid;
  border-width: 0.75rem 0.875rem 0 0.875rem;
  border-color: #BBBFE2 transparent transparent transparent;
  content: "";
}
.phase-card__index {
  font-family: "Jost", sans-serif;
  color: #362E94;
  font-size: 3rem;
}
@media (max-width: 767px) {
  .phase-card__index {
    font-size: 2.5rem;
  }
}
.phase-card__heading {
  text-align: center;
  font-size: 1.75rem;
}
.phase-card__tags {
  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.5rem;
  margin-top: 2.0625rem;
}
@media (max-width: 767px) {
  .phase-card__tags {
    margin-top: 1.4375rem;
  }
}
.phase-card__tags li {
  text-align: center;
  color: #fff;
  font-size: 1.125rem;
  border-radius: 50vh;
  background: #5652CC;
  padding: 0.375rem 0.375rem 0.4375rem;
}
@media (max-width: 767px) {
  .phase-card__tags li {
    font-size: 1rem;
    padding: 0.4375rem 0.375rem 0.5625rem;
  }
}
.phase-card__list {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .phase-card__list {
    margin-top: 1.625rem;
  }
}
.phase-card__list li {
  position: relative;
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  .phase-card__list li {
    font-size: 0.9375rem;
  }
}
.phase-card__list li + li {
  margin-top: 0.875rem;
}
@media (max-width: 767px) {
  .phase-card__list li + li {
    margin-top: 0.375rem;
  }
}
.phase-card__list li::before {
  position: absolute;
  top: 0.375rem;
  left: 0;
  width: 1rem;
  height: 0.8125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.15598 4.85863L0 7.10299L3.50985 10.7557L5.66583 13L7.8218 10.7557L16 2.24432L13.8437 0L5.66614 8.51133L2.15598 4.85863Z' fill='%235652CC'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.phase-card__button {
  position: absolute;
  bottom: -0.125rem;
  right: -0.125rem;
  font-size: 1rem;
  text-align: center;
  background: #FFD400;
  width: 16.5rem;
  border-radius: 3rem 0 1rem;
  padding: 0.75rem;
}
@media (min-width: 768px) {
  .phase-card__button {
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
  }
}
.phase-card__button-text {
  display: inline-block;
  position: relative;
}
.phase-card__button-text::after {
  position: absolute;
  top: 50%;
  right: -1.875rem;
  margin-top: -0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.65 12.65C9.75 12.75 9.86667 12.8 10 12.8C10.1333 12.8 10.25 12.75 10.35 12.65L13.15 9.85C13.3167 9.68333 13.3583 9.5 13.275 9.3C13.1917 9.1 13.0333 9 12.8 9H7.2C6.96667 9 6.80833 9.1 6.725 9.3C6.64167 9.5 6.68333 9.68333 6.85 9.85L9.65 12.65ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z' fill='currentColor'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.65 12.65C9.75 12.75 9.86667 12.8 10 12.8C10.1333 12.8 10.25 12.75 10.35 12.65L13.15 9.85C13.3167 9.68333 13.3583 9.5 13.275 9.3C13.1917 9.1 13.0333 9 12.8 9H7.2C6.96667 9 6.80833 9.1 6.725 9.3C6.64167 9.5 6.68333 9.68333 6.85 9.85L9.65 12.65ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z' fill='currentColor'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #1C1B1F;
  content: "";
}
@media (min-width: 768px) {
  .phase-card__button-text::after {
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
}

.feature-card {
  border: 0.125rem solid #bbbfe2;
  border-radius: 1rem;
  -webkit-box-shadow: 0.25rem 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.25rem 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
  padding: 2.875rem 1.875rem 3.3125rem;
}
@media (max-width: 767px) {
  .feature-card {
    padding: 1.75rem 1.25rem;
  }
}
.feature-card__illust {
  height: 5.5rem;
}
@media (max-width: 767px) {
  .feature-card__illust {
    height: 4.125rem;
  }
}
.feature-card__illust img {
  display: block;
  max-width: none;
  max-height: 100%;
  margin: 0 auto;
}
.feature-card__lead {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .feature-card__lead {
    font-size: 1.125rem;
    margin-top: 1rem;
  }
}
.feature-card__highlight {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.75rem, #FFD400), color-stop(0.75rem, rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, #FFD400 0.75rem, rgba(0, 0, 0, 0) 0.75rem);
}
@media (max-width: 767px) {
  .feature-card__highlight {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.625rem, #FFD400), color-stop(0.625rem, rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, #FFD400 0.625rem, rgba(0, 0, 0, 0) 0.625rem);
  }
}
.feature-card__text {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .feature-card__text {
    font-size: 0.875rem;
    margin-top: 0.625rem;
  }
}

.anchor-list {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.anchor-list.-show {
  opacity: 1;
  visibility: visible;
}
.anchor-list__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .anchor-list__inner {
    -ms-grid-columns: 8.75rem 1fr 1fr;
    grid-template-columns: 8.75rem 1fr 1fr;
  }
}
.anchor-list__inner li:nth-child(even) {
  border-left: 1px solid #5652cc;
  border-right: 1px solid #5652cc;
}
.anchor-list__link {
  display: block;
  text-decoration: none;
  text-align: center;
  position: relative;
  font-weight: bold;
  font-size: 1.75rem;
  color: #000;
  background: #d0d4f6;
  padding: 0.75rem 0.75rem 0.8125rem;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
@media (max-width: 767px) {
  .anchor-list__link {
    font-size: 0.75rem;
    padding: 0.4375rem;
  }
}
@media (min-width: 768px) {
  .anchor-list__link::after {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    margin-top: -0.625rem;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.65 12.65C9.75 12.75 9.86667 12.8 10 12.8C10.1333 12.8 10.25 12.75 10.35 12.65L13.15 9.85C13.3167 9.68333 13.3583 9.5 13.275 9.3C13.1917 9.1 13.0333 9 12.8 9H7.2C6.96667 9 6.80833 9.1 6.725 9.3C6.64167 9.5 6.68333 9.68333 6.85 9.85L9.65 12.65ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z' fill='currentColor'/%3E%3C/svg%3E%0A");
            mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.65 12.65C9.75 12.75 9.86667 12.8 10 12.8C10.1333 12.8 10.25 12.75 10.35 12.65L13.15 9.85C13.3167 9.68333 13.3583 9.5 13.275 9.3C13.1917 9.1 13.0333 9 12.8 9H7.2C6.96667 9 6.80833 9.1 6.725 9.3C6.64167 9.5 6.68333 9.68333 6.85 9.85L9.65 12.65ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z' fill='currentColor'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background: #000;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    content: "";
  }
}
.anchor-list__link:hover {
  opacity: 1;
}
@media (min-width: 768px) {
  .anchor-list__link:hover {
    background: #5652cc;
    color: #fff;
  }
  .anchor-list__link:hover .anchor-list__index {
    color: #fff;
  }
  .anchor-list__link:hover::after {
    background: #fff;
  }
}
.anchor-list__link.-active {
  opacity: 1;
  background: #5652cc;
  color: #fff;
}
.anchor-list__link.-active .anchor-list__index {
  color: #fff;
}
.anchor-list__link.-active::after {
  background: #fff;
}
.anchor-list__index {
  display: inline-block;
  margin-right: 0.5rem;
  font-family: "Jost", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  color: #5652cc;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (max-width: 767px) {
  .anchor-list__index {
    display: none;
  }
}

.service-section {
  padding: 4.375rem 1.5rem 0;
}
@media (max-width: 767px) {
  .service-section {
    padding-left: 0;
    padding-right: 0;
    overflow-x: clip;
  }
}
.service-section__inner {
  max-width: 75rem;
  margin: 0 auto;
}

.service-box {
  margin-top: 7.5rem;
  border: 0.125rem solid #5652CC;
  border-radius: 2.5rem;
  background: #fff;
  padding: 4rem 4.875rem 7.375rem;
  position: relative;
}
@media (max-width: 767px) {
  .service-box {
    padding: 3.125rem 1.375rem 2.875rem;
    border-radius: 1.5rem;
    margin: 4.375rem -0.125rem 0;
  }
  .service-box + .service-box {
    margin-top: 5rem;
  }
}
.service-box__bubble {
  position: absolute;
  top: -2.5625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  border-radius: 0.25rem;
  background: #5652CC;
  padding: 0.8125rem 2rem 0.9375rem;
}
@media (max-width: 767px) {
  .service-box__bubble {
    font-size: 1.25rem;
    white-space: nowrap;
    padding: 0.9375rem 2.0625rem 0.875rem;
    line-height: 1;
  }
}
.service-box__bubble::after {
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-style: solid;
  border-width: 0.75rem 0.875rem 0 0.875rem;
  border-color: #5652CC transparent transparent transparent;
  content: "";
}
.service-box__index {
  font-family: "Jost", sans-serif;
}
@media (min-width: 768px) {
  .service-box__index {
    display: inline-block;
    font-size: 1.5rem;
    margin-right: 0.6875rem;
  }
}
@media (max-width: 767px) {
  .service-box__index {
    display: block;
    font-size: 1.25rem;
    margin-bottom: 0.3125rem;
  }
}
.service-box__heading {
  text-align: center;
  font-weight: bold;
  color: #5652CC;
  font-size: 3rem;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .service-box__heading {
    font-size: 2rem;
  }
}
.service-box__label {
  display: inline-block;
  vertical-align: 0.5rem;
  margin-left: 1rem;
  color: #fff;
  font-size: 1.25rem;
  background: #000;
  border-radius: 0.25rem;
  padding: 0.25rem 1rem 0.375rem;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .service-box__label {
    font-size: 1rem;
    margin-left: 0;
  }
}
.service-box__text {
  text-align: center;
  line-height: 1.5;
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 1.0625rem;
}
@media (max-width: 767px) {
  .service-box__text {
    font-size: 1rem;
    margin-top: 0.875rem;
  }
}
.service-box__text.-mt1 {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .service-box__text.-mt1 {
    margin-top: 1.5rem;
    padding: 0 0.625rem;
  }
}
.service-box__group {
  margin: 3.125rem 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}
@media (max-width: 767px) {
  .service-box__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
    margin: 3.125rem 0;
  }
}
.service-box__grid {
  max-width: 55.1875rem;
  margin: 4rem auto 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.6875rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.5rem 2.6875rem;
}
@media (max-width: 767px) {
  .service-box__grid {
    gap: 4.125rem 1.25rem;
    margin: 3rem 0 0;
  }
}
.service-box__computer {
  max-width: 44rem;
  margin: 3.5rem auto;
}
@media (max-width: 767px) {
  .service-box__computer {
    max-width: 19.4375rem;
    margin: 1.6875rem auto 0;
  }
}
.service-box__steps {
  max-width: 60rem;
  margin: 2.5rem auto 0;
}
@media (max-width: 767px) {
  .service-box__steps {
    margin: 2rem auto 0;
    max-width: 20.4375rem;
  }
}

.computer-figure {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24rem;
}
@media (max-width: 767px) {
  .computer-figure {
    width: 16.0625rem;
    margin: 0 auto;
  }
}
.computer-figure img {
  display: block;
  margin-top: 1.1875rem;
}
.computer-figure__caption {
  display: inline-block;
  padding: 0.5rem 0.875rem;
  font-size: 1.125rem;
  font-weight: bold;
  border: 0.125rem solid #000;
  background: #fff;
  line-height: 1;
  position: relative;
}
.computer-figure__caption::after {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.75rem;
  height: 3.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='52' viewBox='0 0 12 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0V40' stroke='black' stroke-width='2'/%3E%3Ccircle cx='6' cy='46' r='6' fill='black'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.measurement-block {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.measurement-block__title {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .measurement-block__title {
    font-size: 1.25rem;
  }
}
.measurement-block__table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 10.75rem 0 1fr;
  grid-template-columns: 10.75rem 1fr;
  gap: 0.5rem 0;
  margin: 1.5rem 0 0;
}
@media (max-width: 767px) {
  .measurement-block__table {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 1rem 0.125rem 0;
  }
}
.measurement-block__table dt, .measurement-block__table dd {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
}
@media (min-width: 768px) {
  .measurement-block__table dt, .measurement-block__table dd {
    padding: 1.125rem 0;
    text-align: center;
  }
}
.measurement-block__table dt {
  background: #5652cc;
  color: #fff;
}
@media (min-width: 768px) {
  .measurement-block__table dt {
    border-radius: 50vh 0 0 50vh;
  }
}
@media (max-width: 767px) {
  .measurement-block__table dt {
    border-radius: 1.5rem 1.5rem 0 0;
    padding: 0.5625rem 1.5rem 0.6875rem;
  }
  .measurement-block__table dt ~ dt {
    margin-top: 0.5rem;
  }
}
.measurement-block__table dd {
  border: 0.125rem solid #5652cc;
}
@media (min-width: 768px) {
  .measurement-block__table dd {
    border-radius: 0 50vh 50vh 0;
  }
}
@media (max-width: 767px) {
  .measurement-block__table dd {
    border-radius: 0 0 1.5rem 1.5rem;
    line-height: 1.15;
    padding: 0.6875rem 1.375rem 0.8125rem;
  }
}
.measurement-block__bubble {
  max-width: 27.4375rem;
  margin: 2.25rem auto 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.25rem;
  background: #5652cc;
  line-height: 1.2;
  border-radius: 1.125rem;
  padding: 1.25rem;
  position: relative;
}
@media (max-width: 767px) {
  .measurement-block__bubble {
    font-size: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
  }
}
.measurement-block__bubble::before {
  position: absolute;
  bottom: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-style: solid;
  border-width: 0 0.875rem 0.75rem 0.875rem;
  border-color: transparent transparent #5652cc transparent;
  content: "";
}

.assessment-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.assessment-card__head {
  background: #F1F1F6;
  height: 6.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  position: relative;
  border-radius: 0.5rem 0.5rem 0 0;
  padding-left: 11.375rem;
}
@media (max-width: 767px) {
  .assessment-card__head {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0.75rem 0 0.9375rem;
    height: 5.125rem;
    padding-bottom: 0.25rem;
  }
}
.assessment-card__body {
  background: #D0D4F6;
  padding: 2rem 2.5rem 2.75rem;
  border-radius: 0 0 0.5rem 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  .assessment-card__body {
    padding: 1rem;
  }
}
.assessment-card__illust {
  position: absolute;
  bottom: 0.5625rem;
}
@media (min-width: 768px) {
  .assessment-card__illust {
    left: 4rem;
  }
}
@media (max-width: 767px) {
  .assessment-card__illust {
    left: 0.9375rem;
    bottom: 1.8125rem;
  }
}
.assessment-card__illust img {
  display: block;
}
.assessment-card__illust.-i1 {
  width: 6.1875rem;
}
@media (max-width: 767px) {
  .assessment-card__illust.-i1 {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 3.875rem;
  }
}
.assessment-card__illust.-i2 {
  width: 5.8125rem;
}
@media (max-width: 767px) {
  .assessment-card__illust.-i2 {
    width: 3.8125rem;
  }
}
.assessment-card__illust.-i3 {
  width: 6.375rem;
}
@media (max-width: 767px) {
  .assessment-card__illust.-i3 {
    width: 4.1875rem;
  }
}
.assessment-card__illust.-i4 {
  width: 6.5rem;
}
@media (max-width: 767px) {
  .assessment-card__illust.-i4 {
    width: 4.6875rem;
  }
}
.assessment-card__status {
  font-size: 1.5rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .assessment-card__status {
    font-size: 0.9375rem;
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .assessment-card__status.-lg {
    font-size: 1.75rem;
    margin-left: 2.5rem;
  }
}
.assessment-card__grade {
  width: 5rem;
  height: 5rem;
  font-weight: bold;
  font-size: 3rem;
  border-radius: 50vh;
  background: #5652cc;
  color: #fff;
  text-align: center;
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding-bottom: 0.375rem;
  line-height: 1;
}
@media (max-width: 767px) {
  .assessment-card__grade {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    margin: auto 0;
    padding-bottom: 0.1875rem;
  }
}
.assessment-card__lead {
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .assessment-card__lead {
    font-size: 0.875rem;
  }
}
.assessment-card__lead span {
  border-radius: 50vh;
  display: inline-block;
  background: #5652CC;
  padding: 0.125rem 1rem;
}
@media (max-width: 767px) {
  .assessment-card__lead span {
    padding: 0.125rem 0.75rem 0.1875rem;
  }
}
.assessment-card__list {
  margin-top: 0.625rem;
}
.assessment-card__list li {
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  .assessment-card__list li {
    font-size: 0.875rem;
    padding-left: 1.25rem;
  }
}
.assessment-card__list li + li {
  margin-top: 0.3125rem;
}
@media (max-width: 767px) {
  .assessment-card__list li + li {
    margin-top: 0.125rem;
  }
}
.assessment-card__list li::before {
  position: absolute;
  top: 0.375rem;
  left: 0;
  width: 1rem;
  height: 0.8125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.15598 4.85863L0 7.10299L3.50985 10.7557L5.66583 13L7.8218 10.7557L16 2.24432L13.8437 0L5.66614 8.51133L2.15598 4.85863Z' fill='%235652CC'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.overview-block {
  max-width: 63rem;
  margin: 6rem auto 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .overview-block {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
}
.overview-block__line {
  position: absolute;
  pointer-events: none;
  z-index: -1;
  bottom: -0.3125rem;
  left: -0.5rem;
  height: calc(100% - 5.6875rem - 1rem + 0.3125rem);
  border-right: 1px dashed #818BDE;
}
@media (max-width: 767px) {
  .overview-block__line {
    display: none;
  }
}
.overview-block__line:nth-child(1) {
  width: 16rem;
}
.overview-block__line:nth-child(2) {
  width: 32rem;
}
.overview-block__line:nth-child(3) {
  width: 48rem;
}
.overview-block__line:nth-child(4) {
  width: 64rem;
}
.overview-block__head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 767px) {
  .overview-block__head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.overview-block__title {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .overview-block__title {
    font-size: 1.125rem;
    margin-top: 2.5rem;
  }
}
.overview-block__title ~ .overview-block__title {
  margin-top: 3.375rem;
}
@media (max-width: 767px) {
  .overview-block__title ~ .overview-block__title {
    margin-top: 2rem;
  }
}

@media (max-width: 767px) {
  .classify-card {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 44.3425076453% 1rem 50.7645259939%;
    grid-template-columns: 44.3425076453% 50.7645259939%;
    gap: 1rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
.classify-card__head {
  background: #F1F1F6;
  height: 5.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .classify-card__head {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 0.4375rem;
    padding-bottom: 0.75rem;
  }
}
@media (max-width: 767px) {
  .classify-card__head {
    padding: 0 0.5rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: calc(100% - 1.875rem);
  }
  .classify-card__head:has(.-i2) {
    height: calc(100% - 2.9375rem);
  }
}
.classify-card__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (min-width: 768px) {
  .classify-card__body {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .classify-card__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.classify-card__status {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  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.4375rem;
}
@media (max-width: 767px) {
  .classify-card__status {
    font-size: 0.875rem;
    gap: 0.125rem;
    margin-top: -1.875rem;
    position: relative;
  }
}
.classify-card__circle {
  width: 5rem;
  height: 5rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1.15;
  font-weight: bold;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  border-radius: 50%;
  background: #5652cc;
}
@media (max-width: 767px) {
  .classify-card__circle {
    width: 4.25rem;
    height: 4.25rem;
    font-size: 0.875rem;
  }
}
.classify-card__grade {
  font-size: 2rem;
}
@media (max-width: 767px) {
  .classify-card__grade {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .classify-card__illust {
    position: absolute;
  }
}
.classify-card__illust.-i1 {
  width: 6.375rem;
}
@media (max-width: 767px) {
  .classify-card__illust.-i1 {
    width: 4.1875rem;
    top: -0.75rem;
    left: 0.5rem;
  }
}
.classify-card__illust.-i2 {
  width: 6.5rem;
}
@media (max-width: 767px) {
  .classify-card__illust.-i2 {
    width: 4.6875rem;
    top: -3rem;
    left: 0.625rem;
  }
}
.classify-card__cell {
  background: #D0D4F6;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem 1.125rem;
  position: relative;
}
@media (max-width: 767px) {
  .classify-card__cell {
    padding: 0.625rem 1rem 1rem;
  }
}
@media (min-width: 768px) {
  .classify-card__cell::after {
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-style: solid;
    border-width: 0.75rem 0.875rem 0 0.875rem;
    border-color: #D0D4F6 transparent transparent transparent;
    content: "";
  }
}
.classify-card__lead {
  font-weight: bold;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .classify-card__lead {
    font-size: 1rem;
  }
}
.classify-card__text {
  font-size: 1rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .classify-card__text {
    font-size: 0.875rem;
    margin-top: 0.3125rem;
  }
}

@media (min-width: 768px) {
  .overview-chart {
    margin-top: 2.0625rem;
  }
}
.overview-chart__link {
  border: 1px solid var(--accent, #5652cc);
  border-radius: 1rem;
  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;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 0.625rem 1rem;
  padding: 1.5rem;
  background: #F1F1F6;
  -webkit-box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.14);
          box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.14);
  position: relative;
  padding-right: 3.125rem;
  text-decoration: none;
  color: #000;
  height: 100%;
}
@media (max-width: 767px) {
  .overview-chart__link {
    padding: 0.9375rem 2.5rem 0.75rem 1rem;
    gap: 0.5rem;
  }
}
.overview-chart__link.-link-none::after {
  content: inherit;
}
.overview-chart__link::after {
  position: absolute;
  top: 50%;
  right: 1.875rem;
  margin-top: -0.5rem;
  width: 0.5625rem;
  height: 1rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.35669 16L0 14.58L6.28662 8L0 1.42L1.35669 0L9 8L1.35669 16Z' fill='%235652CC'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.35669 16L0 14.58L6.28662 8L0 1.42L1.35669 0L9 8L1.35669 16Z' fill='%235652CC'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: var(--accent, #5652cc);
  content: "";
}
@media (max-width: 767px) {
  .overview-chart__link::after {
    right: 0.9375rem;
  }
}
.overview-chart__bar {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  .overview-chart__bar {
    margin-top: 0.5rem;
  }
}
@media (min-width: 768px) {
  .overview-chart__bar.-compact .overview-chart__link {
    -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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 15rem;
  }
  .overview-chart__bar.-compact .overview-chart__link::after {
    right: 0.9375rem;
  }
}
.overview-chart__bar.-cyan {
  --accent: #4183AA;
}
.overview-chart__label {
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  background: var(--accent, #5652cc);
  border-radius: 0.25rem;
  display: inline-block;
  padding: 0.375rem 0.75rem;
}
@media (max-width: 767px) {
  .overview-chart__label {
    font-size: 0.875rem;
  }
}
.overview-chart__text {
  font-weight: bold;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .overview-chart__text {
    line-height: 1.1875;
  }
}
.overview-chart__text.-lg {
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .overview-chart__grid {
    margin-top: 1rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 15rem 1rem 1fr;
    grid-template-columns: 15rem 1fr;
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  .overview-chart__grid {
    display: contents;
  }
}
@media (min-width: 768px) {
  .overview-chart__grid.-bottom {
    -ms-grid-columns: 31rem 1fr 1fr;
    grid-template-columns: 31rem 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .overview-chart__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  .overview-chart__col {
    display: contents;
  }
}
@media (min-width: 768px) {
  .overview-chart__lead {
    display: none;
  }
}
.overview-chart__lead {
  font-size: 1rem;
  font-weight: bold;
  border-left: 0.1875rem solid var(--border-color, #5652cc);
  line-height: 1.15;
  padding-left: 0.625rem;
  margin: 1rem 0 1rem;
}
.overview-chart__lead ~ .overview-chart__lead {
  margin-top: 1.375rem;
}
.overview-chart__lead.-cyan {
  --border-color: #4183aa;
}

.program-block {
  margin: 10.625rem auto 0;
  max-width: 60rem;
}
@media (max-width: 767px) {
  .program-block {
    margin: 1.875rem 0 0;
  }
}
.program-block__title {
  text-align: center;
  font-weight: bold;
  font-size: 1.75rem;
  margin-top: 2.1875rem;
}
@media (max-width: 767px) {
  .program-block__title {
    font-size: 1.125rem;
    margin-top: 1.5rem;
  }
}
@media (min-width: 768px) {
  .program-block__title.-lg {
    font-size: 2rem;
  }
}
.program-block__text {
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  .program-block__text {
    font-size: 0.875rem;
    margin-top: 0.3125rem;
  }
}
.program-block__meta {
  margin-top: 1.875rem;
  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: 0.5rem;
}
@media (max-width: 767px) {
  .program-block__meta {
    gap: 0.25rem;
    margin-top: 1.125rem;
  }
}
.program-block__annotate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  color: #fff;
  background: var(--accent, #4183AA);
  border-radius: 0.25rem;
}
@media (min-width: 768px) {
  .program-block__annotate {
    width: 8.25rem;
    min-height: 3rem;
  }
}
@media (max-width: 767px) {
  .program-block__annotate {
    font-size: 0.8125rem;
    min-height: 2.5rem;
    padding: 0 0.5rem;
  }
}
.program-block__annotate-icon {
  display: inline-block;
  vertical-align: -0.125rem;
  width: 1rem;
  height: 1rem;
  margin-right: 0.125rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.program-block__annotate-icon.-time {
  vertical-align: -0.1875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.97995 16C5.9081 16 4.11028 15.3133 2.58647 13.94C1.06266 12.5667 0.200501 10.8533 0 8.8H1.62406C1.82456 10.4133 2.52966 11.75 3.73935 12.81C4.94904 13.87 6.36257 14.4 7.97995 14.4C9.77109 14.4 11.2882 13.78 12.5313 12.54C13.7744 11.3 14.396 9.78667 14.396 8C14.396 6.21333 13.7744 4.7 12.5313 3.46C11.2882 2.22 9.77109 1.6 7.97995 1.6C6.83041 1.6 5.76441 1.88333 4.78195 2.45C3.7995 3.01667 3.02089 3.8 2.44612 4.8H4.77193V6.4H0.120301C0.507937 4.53333 1.43693 3 2.90727 1.8C4.37761 0.6 6.0685 0 7.97995 0C9.08939 0 10.132 0.21 11.1078 0.63C12.0835 1.05 12.9323 1.62 13.6541 2.34C14.3759 3.06 14.9474 3.90667 15.3684 4.88C15.7895 5.85333 16 6.89333 16 8C16 9.10667 15.7895 10.1467 15.3684 11.12C14.9474 12.0933 14.3759 12.94 13.6541 13.66C12.9323 14.38 12.0835 14.95 11.1078 15.37C10.132 15.79 9.08939 16 7.97995 16ZM10.2256 11.36L7.17794 8.32V4H8.78195V7.68L11.3484 10.24L10.2256 11.36Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
}
.program-block__annotate-icon.-staff {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8C6.9 8 5.95833 7.60833 5.175 6.825C4.39167 6.04167 4 5.1 4 4C4 2.9 4.39167 1.95833 5.175 1.175C5.95833 0.391667 6.9 0 8 0C9.1 0 10.0417 0.391667 10.825 1.175C11.6083 1.95833 12 2.9 12 4C12 5.1 11.6083 6.04167 10.825 6.825C10.0417 7.60833 9.1 8 8 8ZM0 16V13.2C0 12.6333 0.145833 12.1125 0.4375 11.6375C0.729167 11.1625 1.11667 10.8 1.6 10.55C2.63333 10.0333 3.68333 9.64583 4.75 9.3875C5.81667 9.12917 6.9 9 8 9C9.1 9 10.1833 9.12917 11.25 9.3875C12.3167 9.64583 13.3667 10.0333 14.4 10.55C14.8833 10.8 15.2708 11.1625 15.5625 11.6375C15.8542 12.1125 16 12.6333 16 13.2V16H0ZM2 14H14V13.2C14 13.0167 13.9542 12.85 13.8625 12.7C13.7708 12.55 13.65 12.4333 13.5 12.35C12.6 11.9 11.6917 11.5625 10.775 11.3375C9.85833 11.1125 8.93333 11 8 11C7.06667 11 6.14167 11.1125 5.225 11.3375C4.30833 11.5625 3.4 11.9 2.5 12.35C2.35 12.4333 2.22917 12.55 2.1375 12.7C2.04583 12.85 2 13.0167 2 13.2V14ZM8 6C8.55 6 9.02083 5.80417 9.4125 5.4125C9.80417 5.02083 10 4.55 10 4C10 3.45 9.80417 2.97917 9.4125 2.5875C9.02083 2.19583 8.55 2 8 2C7.45 2 6.97917 2.19583 6.5875 2.5875C6.19583 2.97917 6 3.45 6 4C6 4.55 6.19583 5.02083 6.5875 5.4125C6.97917 5.80417 7.45 6 8 6Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
}
.program-block__annotate.-target {
  --accent: #000;
}
.program-block__annotate.-info {
  --accent: #B9D4E0;
  color: #000;
}
.program-block__annotate.-info > span {
  display: inline-block;
}
.program-block__annotate.-info > span + span {
  border-left: 1px dashed #000;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
}
.program-block__annotate.-type {
  border: 1px solid #000;
  color: #000;
  --accent: #fff;
}
@media (min-width: 768px) {
  .program-block__annotate.-type {
    font-size: 1rem;
  }
}
.program-block__annotate.-purple {
  --accent: #5652cc;
}
.program-block__annotate.-lightpurple {
  --accent: #d0d4f6;
}
.program-block__list {
  margin-top: 2.5rem;
  border: 0.125rem solid var(--border-color, #4183AA);
  border-radius: 1rem;
  background: var(--bg-color, #EDF4F7);
}
@media (max-width: 767px) {
  .program-block__list {
    margin-top: 1.5rem;
  }
}
.program-block__list .workshops-card + .workshops-card {
  border-top: 1px solid var(--border-color, #4183AA);
}
@media (max-width: 767px) {
  .program-block__list .workshops-card + .workshops-card {
    border-top-width: 2px;
  }
}
.program-block__list.-purple {
  --bg-color: #F1F1F6;
  --border-color: #5652cc;
}
.program-block.-video {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .program-block.-video {
    margin-top: 1.875rem;
  }
}

.workshops-card__link {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 1rem 2.25rem 0.75rem 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.35669 16L0 14.58L6.28662 8L0 1.42L1.35669 0L9 8L1.35669 16Z' fill='%235652CC'/%3E%3C/svg%3E%0A");
  background-size: 0.5625rem 1rem;
  background-repeat: no-repeat;
  background-position: center right 1.5rem;
}
@media (max-width: 767px) {
  .workshops-card__link {
    padding: 0.9375rem 1.5625rem 0.8125rem 0.9375rem;
    background-position: center right 0.4375rem;
  }
}
.workshops-card__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .workshops-card__meta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.25rem;
  }
}
.workshops-card__annotate {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  color: #fff;
  background: var(--accent, #4183AA);
  border-radius: 0.25rem;
  padding: 0 0.75rem;
  height: 2rem;
}
@media (max-width: 767px) {
  .workshops-card__annotate {
    height: 1.5rem;
    padding: 0 0.375rem;
  }
}
.workshops-card__annotate-icon {
  display: inline-block;
  vertical-align: -0.125rem;
  width: 1rem;
  height: 1rem;
  margin-right: 0.125rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.workshops-card__annotate-icon.-time {
  vertical-align: -0.1875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.97995 16C5.9081 16 4.11028 15.3133 2.58647 13.94C1.06266 12.5667 0.200501 10.8533 0 8.8H1.62406C1.82456 10.4133 2.52966 11.75 3.73935 12.81C4.94904 13.87 6.36257 14.4 7.97995 14.4C9.77109 14.4 11.2882 13.78 12.5313 12.54C13.7744 11.3 14.396 9.78667 14.396 8C14.396 6.21333 13.7744 4.7 12.5313 3.46C11.2882 2.22 9.77109 1.6 7.97995 1.6C6.83041 1.6 5.76441 1.88333 4.78195 2.45C3.7995 3.01667 3.02089 3.8 2.44612 4.8H4.77193V6.4H0.120301C0.507937 4.53333 1.43693 3 2.90727 1.8C4.37761 0.6 6.0685 0 7.97995 0C9.08939 0 10.132 0.21 11.1078 0.63C12.0835 1.05 12.9323 1.62 13.6541 2.34C14.3759 3.06 14.9474 3.90667 15.3684 4.88C15.7895 5.85333 16 6.89333 16 8C16 9.10667 15.7895 10.1467 15.3684 11.12C14.9474 12.0933 14.3759 12.94 13.6541 13.66C12.9323 14.38 12.0835 14.95 11.1078 15.37C10.132 15.79 9.08939 16 7.97995 16ZM10.2256 11.36L7.17794 8.32V4H8.78195V7.68L11.3484 10.24L10.2256 11.36Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
}
.workshops-card__annotate-icon.-staff {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8C6.9 8 5.95833 7.60833 5.175 6.825C4.39167 6.04167 4 5.1 4 4C4 2.9 4.39167 1.95833 5.175 1.175C5.95833 0.391667 6.9 0 8 0C9.1 0 10.0417 0.391667 10.825 1.175C11.6083 1.95833 12 2.9 12 4C12 5.1 11.6083 6.04167 10.825 6.825C10.0417 7.60833 9.1 8 8 8ZM0 16V13.2C0 12.6333 0.145833 12.1125 0.4375 11.6375C0.729167 11.1625 1.11667 10.8 1.6 10.55C2.63333 10.0333 3.68333 9.64583 4.75 9.3875C5.81667 9.12917 6.9 9 8 9C9.1 9 10.1833 9.12917 11.25 9.3875C12.3167 9.64583 13.3667 10.0333 14.4 10.55C14.8833 10.8 15.2708 11.1625 15.5625 11.6375C15.8542 12.1125 16 12.6333 16 13.2V16H0ZM2 14H14V13.2C14 13.0167 13.9542 12.85 13.8625 12.7C13.7708 12.55 13.65 12.4333 13.5 12.35C12.6 11.9 11.6917 11.5625 10.775 11.3375C9.85833 11.1125 8.93333 11 8 11C7.06667 11 6.14167 11.1125 5.225 11.3375C4.30833 11.5625 3.4 11.9 2.5 12.35C2.35 12.4333 2.22917 12.55 2.1375 12.7C2.04583 12.85 2 13.0167 2 13.2V14ZM8 6C8.55 6 9.02083 5.80417 9.4125 5.4125C9.80417 5.02083 10 4.55 10 4C10 3.45 9.80417 2.97917 9.4125 2.5875C9.02083 2.19583 8.55 2 8 2C7.45 2 6.97917 2.19583 6.5875 2.5875C6.19583 2.97917 6 3.45 6 4C6 4.55 6.19583 5.02083 6.5875 5.4125C6.97917 5.80417 7.45 6 8 6Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
}
.workshops-card__annotate.-target {
  --accent: #000;
}
.workshops-card__annotate.-info {
  --accent: #B9D4E0;
  color: #000;
}
.workshops-card__annotate.-info > span {
  display: inline-block;
}
.workshops-card__annotate.-info > span + span {
  border-left: 1px dashed #000;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
}
.workshops-card__annotate.-type {
  --accent: #fff;
  border: 1px solid #000;
  color: #000;
}
@media (min-width: 768px) {
  .workshops-card__annotate.-type {
    font-size: 1rem;
    padding: 0 0.5625rem;
  }
}
@media (max-width: 767px) {
  .workshops-card__annotate.-type {
    font-size: 0.875rem;
  }
}
.workshops-card__annotate.-purple {
  --accent: #5652cc;
}
.workshops-card__annotate.-lightpurple {
  --accent: #d0d4f6;
}
.workshops-card__title {
  font-size: 1.125rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .workshops-card__title {
    font-size: 0.9375rem;
    margin-top: 0.1875rem;
  }
}
.workshops-card__text {
  font-size: 1rem;
  line-height: 1.1875;
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .workshops-card__text {
    font-size: 0.875rem;
    margin-top: 0.125rem;
  }
}

.voice-block {
  margin: 6.75rem auto 0;
  max-width: 63rem;
}
@media (max-width: 767px) {
  .voice-block {
    margin: 3.125rem 0 0;
    padding: 0 0.3125rem;
  }
}
.voice-block__group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5rem 1fr 1.5rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 3rem;
}
@media (max-width: 767px) {
  .voice-block__group {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 1.25rem;
  }
}

.voice-card__image {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 8.625rem;
}
.voice-card__image img {
  display: block;
  margin: 0 auto;
}
.voice-card__image.-i1 img {
  width: 7.4375rem;
}
.voice-card__image.-i2 img {
  width: 5.6875rem;
}
.voice-card__image.-i3 img {
  width: 6.25rem;
}
.voice-card__lead {
  text-align: center;
  font-size: 1.0625rem;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 0.375rem;
}
.voice-card__highlight {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5rem, #ffd400), color-stop(0.5rem, rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, #ffd400 0.5rem, rgba(0, 0, 0, 0) 0.5rem);
}
.voice-card__text {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .voice-card__text {
    font-size: 0.9375rem;
    margin-top: 0.875rem;
  }
}
@media (min-width: 768px) {
  .voice-card__text + .voice-card__text {
    margin-top: 0.75rem;
  }
}

.support-block {
  max-width: 58.75rem;
  margin: 3.625rem auto 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25.6875rem 4rem 1fr;
  grid-template-columns: 25.6875rem 1fr;
  gap: 4rem;
}
@media (max-width: 767px) {
  .support-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin: 2.25rem 0 0;
  }
}
.support-block__lead {
  font-size: 2rem;
  font-weight: bold;
  background: #d0d4f6;
  border-radius: 0.25rem;
  text-align: center;
  padding: 0.0625rem 0.375rem 0.375rem;
}
@media (max-width: 767px) {
  .support-block__lead {
    font-size: 1.25rem;
    padding: 0.25rem 0.375rem;
  }
}
.support-block__list {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .support-block__list {
    margin-top: 1.125rem;
  }
}
.support-block__list > li {
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  padding-left: 1.625rem;
}
@media (max-width: 767px) {
  .support-block__list > li {
    font-size: 1rem;
    padding-left: 1.25rem;
  }
}
.support-block__list > li + li {
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .support-block__list > li + li {
    margin-top: 0.5rem;
  }
}
.support-block__list > li::before {
  position: absolute;
  top: 0.75rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: #5652cc;
  border-radius: 50%;
  content: "";
}
@media (max-width: 767px) {
  .support-block__list > li::before {
    top: 0.5rem;
    width: 0.75rem;
    height: 0.75rem;
  }
}
.support-block__sublist {
  margin-top: 0.75rem;
  padding-left: 0.25rem;
}
@media (max-width: 767px) {
  .support-block__sublist {
    margin-top: 0.4375rem;
    padding-left: 0;
  }
}
.support-block__sublist > li {
  font-weight: bold;
  font-size: 1.125rem;
  padding-left: 1.5rem;
  position: relative;
}
@media (max-width: 767px) {
  .support-block__sublist > li {
    font-size: 0.9375rem;
    padding-left: 1.25rem;
  }
}
.support-block__sublist > li + li {
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  .support-block__sublist > li + li {
    margin-top: 0.375rem;
  }
}
.support-block__sublist > li::before {
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 1rem;
  height: 0.8125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.15598 4.85863L0 7.10299L3.50985 10.7557L5.66583 13L7.8218 10.7557L16 2.24432L13.8437 0L5.66614 8.51133L2.15598 4.85863Z' fill='%235652CC'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media (max-width: 767px) {
  .support-block__sublist > li::before {
    top: 0.375rem;
  }
}
@media (max-width: 767px) {
  .support-block__image {
    width: 18.75rem;
    margin: 0 auto;
  }
}

.case-study-section {
  margin-top: 8.75rem;
  padding: 0 1.5rem;
}
@media (max-width: 767px) {
  .case-study-section {
    margin-top: 3.375rem;
  }
}
.case-study-section__inner {
  max-width: 60rem;
  margin: 0 auto;
}
.case-study-section__title {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  margin-top: 3.125rem;
}
@media (max-width: 767px) {
  .case-study-section__title {
    font-size: 1.25rem;
    margin-top: 2rem;
  }
}
.case-study-section__note {
  text-align: center;
  font-size: 1.125rem;
  margin-top: 0.375rem;
}
@media (max-width: 767px) {
  .case-study-section__note {
    font-size: 0.875rem;
    margin-top: 0.1875rem;
  }
}
.case-study-section__text {
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  line-height: 2;
  margin-top: 1.875rem;
}
@media (max-width: 767px) {
  .case-study-section__text {
    line-height: 1.5;
    margin-top: 1.25rem;
  }
}

.case-study-box {
  position: relative;
  border-radius: 2rem;
  background: #fff;
  -webkit-box-shadow: 0.25rem 0.25rem 1.5625rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.25rem 0.25rem 1.5625rem rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .case-study-box {
    border-radius: 1.5rem;
  }
}
.case-study-box + .case-study-box {
  margin-top: 10.5rem;
}
@media (max-width: 767px) {
  .case-study-box + .case-study-box {
    margin-top: 7.8125rem;
  }
}
.case-study-box + .case-study-box::after {
  position: absolute;
  top: -7.8125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.8125rem 3.25rem 0 3.25rem;
  border-color: #5652cc transparent transparent transparent;
  content: "";
}
@media (max-width: 767px) {
  .case-study-box + .case-study-box::after {
    top: -5.75rem;
    border-width: 1.875rem 2.1875rem 0 2.1875rem;
  }
}
.case-study-box__bubble {
  position: absolute;
  top: -1.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  line-height: 1;
  font-size: 2rem;
  font-weight: bold;
  background: var(--bubble-bg-color, #BBBFE2);
  color: var(--bubble-text-color, #5652CC);
  border-radius: 50vh;
  padding: 0.625rem 2rem 0.8125rem;
  text-align: center;
}
@media (max-width: 767px) {
  .case-study-box__bubble {
    top: -1.5625rem;
    font-size: 1.5rem;
    padding: 0.75rem 2rem 0.8125rem;
  }
}
.case-study-box__bubble::after {
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-style: solid;
  border-width: 0.75rem 0.875rem 0 0.875rem;
  border-color: var(--bubble-bg-color, #BBBFE2) transparent transparent transparent;
  content: "";
}

.matter-box {
  max-width: 50rem;
  margin: 4.5rem auto 0;
  padding: 2.1875rem 5.125rem 1.5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 7.25rem;
  grid-template-columns: 1fr 7.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5rem;
}
@media (max-width: 767px) {
  .matter-box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 3rem 2rem 3rem;
    gap: 1.125rem;
    margin-top: 3.75rem;
  }
}
.matter-box__text {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2;
}
@media (max-width: 767px) {
  .matter-box__text {
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .matter-box__illust img {
    display: block;
    width: 7.25rem;
    margin: 0 auto;
  }
}

.resolve-box {
  --bubble-bg-color: #ffd600;
  --bubble-text-color: #000;
  border: 0.1875rem solid var(--bubble-bg-color);
  padding: 2.8125rem 3.75rem 2.5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 19rem;
  grid-template-columns: 1fr 19rem;
  gap: 2rem;
}
@media (max-width: 767px) {
  .resolve-box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 3rem 1.875rem 2.5rem;
    gap: 1.125rem;
  }
}
.resolve-box__lead {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .resolve-box__lead {
    font-size: 1.125rem;
  }
}
.resolve-box__list {
  margin-top: 1.75rem;
  counter-reset: list;
}
@media (max-width: 767px) {
  .resolve-box__list {
    margin-top: 1.25rem;
  }
}
.resolve-box__list li {
  font-weight: bold;
  font-size: 1.25rem;
  padding-left: 3.25rem;
  position: relative;
}
@media (max-width: 767px) {
  .resolve-box__list li {
    font-size: 1rem;
    line-height: 1.5;
    padding-left: 2.5rem;
  }
}
.resolve-box__list li + li {
  margin-top: 1.625rem;
}
@media (max-width: 767px) {
  .resolve-box__list li + li {
    margin-top: 0.25rem;
  }
}
.resolve-box__list li::before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: list;
  border-radius: 50%;
  line-height: 1;
  font-size: 1.75rem;
  font-weight: bold;
  font-family: "Jost", sans-serif;
  color: #362E94;
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--bubble-bg-color);
  content: counter(list);
}
@media (max-width: 767px) {
  .resolve-box__list li::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 1.25rem;
    width: 2rem;
    height: 2rem;
  }
}
.resolve-box__illust {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .resolve-box__illust {
    width: 15.0625rem;
    margin: 0 auto;
  }
}

.result-box {
  --bubble-bg-color: #5652cc;
  --bubble-text-color: #fff;
  border: 0.25rem solid var(--bubble-bg-color);
  padding: 4.25rem 5.3125rem 2.8125rem;
}
@media (max-width: 767px) {
  .result-box {
    padding: 4rem 1.5rem 2.75rem;
  }
  .result-box .case-study-box__bubble {
    width: 11.75rem;
  }
}
@media (max-width: 767px) {
  .result-box__chart {
    width: 14rem;
    margin: 0 auto;
  }
}

.introduction-image-section {
  margin-top: 8.75rem;
  padding: 0 1.5rem;
}
@media (max-width: 767px) {
  .introduction-image-section {
    margin-top: 4.375rem;
  }
}
.introduction-image-section__inner {
  max-width: 60rem;
  margin: 0 auto;
}
.introduction-image-section__box {
  background: #fff;
  border-radius: 2rem;
  padding: 4rem 4rem 3.125rem;
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .introduction-image-section__box {
    margin-top: 2rem;
    padding: 2.5rem 1.5rem;
  }
}
.introduction-image-section__group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25rem 4.25rem 22.375rem;
  grid-template-columns: 25rem 22.375rem;
  gap: 4.25rem;
  margin-top: 3.125rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media (max-width: 767px) {
  .introduction-image-section__group {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.875rem;
    margin-top: 2.5rem;
  }
}

.introduction-image-table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 11.875rem 1fr 1fr;
  grid-template-columns: 11.875rem 1fr 1fr;
}
@media (max-width: 767px) {
  .introduction-image-table {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}
.introduction-image-table__col {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .introduction-image-table__col {
    -ms-grid-rows: minmax(3rem, auto) minmax(5.4375rem, auto);
    grid-template-rows: minmax(3rem, auto) minmax(5.4375rem, auto);
  }
  .introduction-image-table__col:last-child .introduction-image-table__body {
    border-radius: 0 0 0.5rem 0;
  }
}
@media (max-width: 767px) {
  .introduction-image-table__col:first-child {
    margin-bottom: 0.5rem;
  }
}
.introduction-image-table__head {
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  background: #5652cc;
  border-radius: 0.5rem 0.5rem 0 0;
  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 (max-width: 767px) {
  .introduction-image-table__head {
    font-size: 1.125rem;
    padding: 0.25rem 0.375rem 0.375rem;
  }
}
.introduction-image-table__head small {
  font-size: 1rem;
}
.introduction-image-table__head.-cyan {
  background: #4183aa;
}
.introduction-image-table__head.-empty {
  background: none;
}
@media (max-width: 767px) {
  .introduction-image-table__head.-empty {
    display: none;
  }
}
.introduction-image-table__body {
  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;
  border-right: 0.125rem solid #d0d4f6;
  border-bottom: 0.125rem solid #d0d4f6;
}
@media (max-width: 767px) {
  .introduction-image-table__body {
    text-align: center;
    border-left: 0.125rem solid #d0d4f6;
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 0.5rem 0.375rem;
  }
}
.introduction-image-table__body.-th {
  background: #d0d4f6;
  text-align: center;
  border-radius: 0.5rem 0 0 0.5rem;
}
@media (max-width: 767px) {
  .introduction-image-table__body.-th {
    border-radius: 0.25rem;
    padding: 0.625rem 0.5rem 0.5rem;
  }
}
.introduction-image-table__body span {
  display: inline-block;
}
.introduction-image-table__content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.introduction-image-table__lead {
  font-weight: bold;
  font-size: 1.25rem;
  background: #000;
  background: #d0d4f6;
}
@media (max-width: 767px) {
  .introduction-image-table__lead {
    font-size: 1rem;
  }
}
.introduction-image-table__price {
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .introduction-image-table__price {
    font-size: 1.25rem;
  }
}
.introduction-image-table__note {
  font-size: 1rem;
}

.introduction-image-model__heading {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .introduction-image-model__heading {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 1.75rem;
    line-height: 1.3;
  }
}
.introduction-image-model__heading small {
  display: inline-block;
  font-size: 1.25rem;
  margin-left: 0.5rem;
}
@media (max-width: 767px) {
  .introduction-image-model__heading small {
    display: block;
    font-size: 1rem;
    margin-left: 0;
  }
}
.introduction-image-model__label {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 0.25rem;
  background: #5652cc;
  line-height: 1;
  padding: 0.25rem 0.75rem 0.375rem;
}
@media (max-width: 767px) {
  .introduction-image-model__label {
    padding: 0.375rem 0.75rem 0.4375rem;
  }
}
.introduction-image-model__costs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0 6.25rem;
  grid-template-columns: 1fr 6.25rem;
  margin: 1.125rem 0 2.125rem;
  gap: 0.3125rem 0;
}
@media (max-width: 767px) {
  .introduction-image-model__costs {
    gap: 0.625rem 0;
  }
}
.introduction-image-model__costs dt, .introduction-image-model__costs dd {
  margin: 0;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .introduction-image-model__costs dt, .introduction-image-model__costs dd {
    line-height: 1.1875;
  }
}
.introduction-image-model__costs dt:nth-last-of-type(2), .introduction-image-model__costs dd:nth-last-of-type(2) {
  border-bottom: 1px solid #000;
  margin-bottom: 0.8125rem;
  padding-bottom: 1.375rem;
}
@media (max-width: 767px) {
  .introduction-image-model__costs dt:nth-last-of-type(2), .introduction-image-model__costs dd:nth-last-of-type(2) {
    margin-bottom: 0;
    padding-bottom: 0.8125rem;
  }
}
.introduction-image-model__costs dt:last-of-type {
  font-weight: bold;
}
.introduction-image-model__costs dd {
  font-weight: bold;
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.introduction-image-model__costs dd:last-of-type {
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .introduction-image-model__costs dd:last-of-type {
    font-size: 1.25rem;
  }
}
.introduction-image-model__note {
  font-size: 1rem;
  margin-top: 1.0625rem;
}
@media (max-width: 767px) {
  .introduction-image-model__note {
    line-height: 1.1875;
    margin-top: 0.75rem;
  }
}
.introduction-image-model__note + .introduction-image-model__note {
  margin-top: 0.25rem;
}
@media (max-width: 767px) {
  .introduction-image-model__note + .introduction-image-model__note {
    margin-top: 0.5rem;
  }
}

.faq-section {
  margin-top: 8.75rem;
  padding: 0 1.5rem 7.5rem;
}
@media (max-width: 767px) {
  .faq-section {
    margin-top: 4.375rem;
    padding: 0 1.5rem 5.5rem;
  }
}
.faq-section__inner {
  max-width: 60rem;
  margin: 0 auto;
}

.faq-card {
  background: #fff;
  border-radius: 1.5rem;
  margin: 4rem 0 0;
  padding: 1.75rem 0;
}
@media (max-width: 767px) {
  .faq-card {
    margin: 2.5rem 0 0;
    padding: 1.375rem 0 1.125rem;
  }
}
.faq-card + .faq-card {
  margin-top: 1rem;
}
.faq-card dt, .faq-card dd {
  margin: 0;
  position: relative;
}
.faq-card dt::before, .faq-card dd::before {
  position: absolute;
  font-family: "Jost", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
.faq-card dt {
  font-size: 1.125rem;
  font-weight: bold;
  padding: 0 2.5rem 0.3125rem 4.75rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .faq-card dt {
    padding: 0 1.5rem 0.3125rem 4.1875rem;
  }
}
.faq-card dt::before {
  color: #5652cc;
  top: -0.1875rem;
  left: 2rem;
  content: "q";
}
@media (max-width: 767px) {
  .faq-card dt::before {
    left: 1.5rem;
  }
}
.faq-card dd {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0 2.5rem 0 4.5rem;
  display: none;
}
@media (max-width: 767px) {
  .faq-card dd {
    padding: 0 1.25rem 0 3.9375rem;
  }
}
.faq-card dd::before {
  top: 0.25rem;
  left: 2.125rem;
  color: #4183aa;
  content: "a";
}
@media (max-width: 767px) {
  .faq-card dd::before {
    top: 0;
    left: 1.5rem;
  }
}
.faq-card__lead {
  position: relative;
  padding-right: 2.1875rem;
}
.faq-card__lead::before, .faq-card__lead::after {
  position: absolute;
  width: 1.5rem;
  height: 0.25rem;
  top: 50%;
  right: 0;
  margin-top: -0.125rem;
  background: #5652cc;
  content: "";
}
.faq-card__lead::after {
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.faq-card__content {
  padding: 0.4375rem 0 0;
}
@media (max-width: 767px) {
  .faq-card__content {
    padding: 0.3125rem 0 0;
  }
}
.faq-card.-open .faq-card__lead::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.contact-section__inner {
  max-width: 75rem;
  margin: 0 auto 8.75rem;
  background: #fff;
  padding: 2.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2.5rem;
  border: 0.125rem solid #5652CC;
}
@media (max-width: 767px) {
  .contact-section__inner {
    margin: 0 auto 4.375rem;
    padding: 1.25rem;
  }
}

.footer-section {
  background-image: url("../images/banner-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4.0625rem 1.5rem 5.625rem;
}
@media (max-width: 767px) {
  .footer-section {
    background-image: url("../images/banner-bg_sp.jpg");
    padding: 3rem 1.5rem 4.875rem;
  }
}
.footer-section__heading {
  text-align: center;
  color: #fff;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .footer-section__heading {
    font-size: 1.25rem;
  }
}
.footer-section__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .footer-section__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 2rem;
  }
}
.footer-section__button {
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 22.5rem;
  min-height: 5rem;
  border-radius: 50vh;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
@media (min-width: 768px) {
  .footer-section__button {
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
  }
}
@media (max-width: 767px) {
  .footer-section__button {
    width: 100%;
    min-height: 4rem;
  }
}
.footer-section__button:hover {
  opacity: 1;
}
.footer-section__button.-yellow {
  background: #FFD400;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .footer-section__button.-yellow:hover {
    color: #FFD400;
    background: #000;
  }
}
@media (max-width: 767px) {
  .footer-section__button.-yellow {
    font-size: 1.25rem;
  }
}
.footer-section__button.-white {
  background: #fff;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .footer-section__button.-white:hover {
    color: #fff;
    background: #000;
  }
}
@media (max-width: 767px) {
  .footer-section__button.-white {
    font-size: 1.125rem;
  }
}
/*# sourceMappingURL=site.css.map */