@charset "UTF-8";
html {
  font-size: 62.5%;
  height: 100%;
}

@media screen and (max-width: 1439px) and (min-width: 768px) {
  html {
    font-size: 0.6944444444vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.5641025641vw;
  }
}
body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #333;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

.p-top__mv {
  height: 70rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top__mv {
    height: 60rem;
  }
}
.p-top__mv:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.23);
}
.p-top__mv:after {
  content: "";
  position: absolute;
  bottom: -25.8rem;
  left: 0;
  width: 100%;
  height: 36.4rem;
  z-index: 2;
  background-image: url(../img/top/img_mv-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
@media screen and (max-width: 767px) {
  .p-top__mv:after {
    bottom: -24.3rem;
    height: 26.3rem;
    background-image: url(../img/top/img_mv-bg-sp.png);
  }
}
.p-top__mv_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.p-top__mv .l-inner {
  position: relative;
  z-index: 3;
}
.p-top__mv_ranking {
  width: 16.4rem;
  padding-top: 2.95rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-top__mv_ranking {
    width: 11.6rem;
    padding-top: 2.4rem;
  }
}
.p-top__mv_ranking_circle {
  width: 15.1rem;
  height: 15.1rem;
  border-radius: 50%;
  border: 0.1rem solid #9e9e9e;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top__mv_ranking_circle {
    width: 11.1rem;
    height: 11.1rem;
    margin-bottom: 0.5rem;
  }
}
.p-top__mv_ranking_circle:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(57, 57, 57, 0.4);
  z-index: -1;
  backdrop-filter: blur(0.66rem);
}
.p-top__mv_ranking_circle_text {
  font-weight: 500;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top__mv_ranking_circle_text {
    font-size: 1.03rem;
  }
}
.p-top__mv_ranking_circle_number {
  font-size: 4.3rem;
  color: #fff;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-top__mv_ranking_circle_number {
    font-size: 3.16rem;
  }
}
.p-top__mv_ranking_text {
  font-size: 0.9rem;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-top__mv_ranking_text {
    font-size: 0.7rem;
  }
}
.p-top__mv_title {
  font-family: fot-tsukuaoldmin-pr6n, sans-serif;
  font-size: 5.6rem;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 0.25em;
  margin-top: 20rem;
  opacity: 0;
  animation: mv-title 2s 1s forwards;
}
@media screen and (max-width: 767px) {
  .p-top__mv_title {
    font-size: 3.2rem;
    letter-spacing: 0.22em;
    margin-top: 32rem;
  }
}
@keyframes mv-title {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}

.p-top__read {
  position: relative;
  margin-top: 10.8rem;
  z-index: 2;
  opacity: 0;
  animation: mv-title 2s 2s forwards;
}
@media screen and (max-width: 767px) {
  .p-top__read {
    margin-top: 10.6rem;
  }
}
@keyframes mv-fv {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
.p-top__read:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 40rem;
  left: 0;
  width: 100%;
  height: 111.9rem;
  background-image: url(../img/top/img_read-bg-md.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1441px) {
  .p-top__read:before {
    background-size: cover;
    background-image: url(../img/top/img_read-bg.png);
  }
}
@media screen and (max-width: 767px) {
  .p-top__read:before {
    top: 55.1rem;
    height: 25.65rem;
    background-image: url(../img/top/img_read-bg-sp.png);
  }
}
@media screen and (max-width: 767px) {
  .p-top__read .l-inner {
    padding: 0;
  }
}
.p-top__read_title {
  font-family: fot-tsukuaoldmin-pr6n, sans-serif;
  font-weight: 300;
  font-size: 3.2rem;
  color: #004193;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top__read_title {
    font-size: 1.8rem;
    line-height: 1.8;
    letter-spacing: 0.25em;
  }
}
.p-top__read_title--bottom {
  letter-spacing: 0.05em;
}
.p-top__read_text {
  font-family: fot-tsukuaoldmin-pr6n, sans-serif;
  font-size: 2.1rem;
  font-weight: 300;
  color: #004193;
  line-height: 2.1;
  letter-spacing: 0.08em;
  text-align: center;
  margin: 4.4rem 0;
}
@media screen and (max-width: 767px) {
  .p-top__read_text {
    font-size: 1.5rem;
    line-height: 2.1;
    letter-spacing: 0.1em;
    margin: 2rem 0;
  }
}

.p-top__news {
  margin-top: 38rem;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .p-top__news {
    margin-top: 31rem;
  }
}
.p-top__news_body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top__news_body {
    flex-direction: column;
  }
}
.p-top__news_body_right {
  width: 89rem;
}
@media screen and (max-width: 767px) {
  .p-top__news_body_right {
    width: 100%;
  }
}
.p-top__news_list {
  display: grid;
  gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-top__news_list {
    gap: 1.9rem;
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top__news_list_item {
    border-bottom: 0.1rem solid #ccc;
  }
}
.p-top__news_list_link {
  padding: 3rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem 1rem;
  background-color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__news_list_link {
    padding: 0 0 1.8rem;
    gap: 1rem;
  }
}
.p-top__news_list_link:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.p-top__news_list_link:hover .p-top__news_list_title {
  color: #004193;
}
.p-top__news_list_date {
  font-size: 1.3rem;
  color: #888;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-top__news_list_date {
    font-size: 1.1rem;
  }
}
.p-top__news_list_category {
  font-size: 1rem;
  color: #888;
  line-height: 1;
  padding: 0.4rem 0.9rem;
  border: 0.1rem solid #ccc;
}
@media screen and (max-width: 767px) {
  .p-top__news_list_category {
    font-size: 0.8rem;
    padding: 0.3rem 0.7rem;
  }
}
.p-top__news_list_title {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  width: 100%;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__news_list_title {
    font-size: 1.3rem;
  }
}
.p-top__news_btn {
  text-align: right;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-top__news_btn .c-common-link {
    color: #333;
  }
}
@media screen and (max-width: 767px) {
  .p-top__news_btn .c-common-link:after {
    background-color: #004193;
    background-image: url(../img/common/icon_arrow-right-white.svg);
  }
}
@media screen and (max-width: 767px) {
  .p-top__news_btn:hover .c-common-link {
    color: #004193;
  }
}
@media screen and (min-width: 768px) {
  .p-top__news_btn:hover .c-common-link {
    color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .p-top__news_btn:hover .c-common-link:after {
    background-color: #fff;
    background-image: url(../img/common/icon_arrow-right-blue.svg);
  }
}
@media screen and (min-width: 768px) {
  .p-top__news_btn:hover .c-common-link:after {
    background-color: #004193;
    background-image: url(../img/common/icon_arrow-right-white.svg);
  }
}

.p-top__slider {
  margin-top: 6.4rem;
  margin-right: calc(50% - 50cqi);
}
@media screen and (max-width: 767px) {
  .p-top__slider {
    margin-top: 3rem;
  }
}
.p-top__slider_item {
  width: 37.5rem;
}
@media screen and (max-width: 767px) {
  .p-top__slider_item {
    width: 28rem;
  }
}
.p-top__slider_item + .p-top__slider_item {
  margin-left: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-top__slider_item + .p-top__slider_item {
    margin-left: 2rem;
  }
}
.p-top__slider_item_image {
  aspect-ratio: 1/0.667;
  overflow: hidden;
}
.p-top__slider_item_image img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.3s;
}
.p-top__slider_item:hover .p-top__slider_item_image img {
  transform: scale(1.1);
}
.p-top__slider_item_info {
  padding-top: 1.6rem;
}
.p-top__slider_item_category {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.p-top__slider_item_category_tag {
  font-size: 1.1rem;
  color: #888;
  line-height: 1;
  padding: 0.6rem 1rem;
  border: 0.1rem solid #ccc;
  border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-top__slider_item_category_tag {
    font-size: 0.9rem;
    padding: 0.4rem 0.7rem;
  }
}
.p-top__slider_item_title {
  font-weight: 500;
  font-size: 1.7rem;
  color: #292f4a;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__slider_item_title {
    font-size: 1.5rem;
  }
}
.p-top__slider_item_info_bottom {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 2rem;
}
.p-top__slider_item_date {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  transition: color 0.3s;
}
.p-top__slider_item_date time {
  font-size: 2.4rem;
  color: #333;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__slider_item_date time {
    font-size: 1.8rem;
  }
}
.p-top__slider_item_date span {
  font-size: 1.5rem;
  color: #292f4a;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__slider_item_date span {
    font-size: 1.3rem;
  }
}
.p-top__slider_item_time {
  font-size: 1.5rem;
  color: #292f4a;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__slider_item_time {
    font-size: 1.3rem;
  }
}
.p-top__slider_item_time:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(../img/top/icon_clock.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .p-top__slider_item_time:before {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.p-top__slider_item:hover .p-top__slider_item_title,
.p-top__slider_item:hover .p-top__slider_item_date,
.p-top__slider_item:hover .p-top__slider_item_date time,
.p-top__slider_item:hover .p-top__slider_item_date span,
.p-top__slider_item:hover .p-top__slider_item_time {
  color: #004193;
}
.p-top__slider_progress {
  position: relative;
  width: 100%;
  height: 0.4rem;
  overflow: hidden;
  margin-top: 4.5rem;
}
.p-top__slider_progress:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  z-index: 1;
  background-color: #f2f2f2;
}
.p-top__slider_progress_bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  z-index: 2;
  height: 100%;
  background-color: #c1c1c1;
  border-radius: 100vmax;
  transition: width 0.2s;
}

.p-top__event {
  margin-top: 16.4rem;
  padding-bottom: 1rem;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .p-top__event {
    margin-top: 8rem;
  }
}
.p-top__event_btn {
  text-align: right;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-top__event_btn {
    margin-top: 3.2rem;
  }
}

.p-top__blog {
  margin-top: 8.4rem;
  padding-bottom: 1rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top__blog {
    margin-top: 8rem;
  }
}
.p-top__blog .p-top__slider_item_date {
  font-size: 1.5rem;
  color: #888;
  letter-spacing: 0.05em;
  margin-top: 2rem;
}
.p-top__blog_btn {
  text-align: right;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-top__blog_btn {
    margin-top: 3.2rem;
  }
}
.p-top__blog_empty {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}

.p-top_catch {
  margin-top: 11.8rem;
  padding: 26.6rem 0 37.3rem;
  position: relative;
  overflow: hidden;
}
.p-top_catch.change:before {
  opacity: 0;
}
.p-top_catch:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/top/img_catch-bg.png);
  background-size: cover;
  background-position: top center;
  transition: opacity 1s;
}
@media screen and (max-width: 767px) {
  .p-top_catch:before {
    background-image: url(../img/top/img_catch-bg-sp.png);
    background-size: contain;
  }
}
.p-top_catch:after {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/top/img_catch-bg-change.png);
  background-size: cover;
  background-position: top center;
}
@media screen and (max-width: 767px) {
  .p-top_catch:after {
    background-image: url(../img/top/img_catch-bg-change-sp.png);
    background-size: contain;
  }
}
@media screen and (max-width: 767px) {
  .p-top_catch {
    padding: 8.86rem 0 11rem;
    margin-top: 5.6rem;
  }
}
.p-top_catch_title {
  font-family: fot-tsukuaoldmin-pr6n, sans-serif;
  font-size: 4.8rem;
  color: #fff;
  line-height: 1.23;
  letter-spacing: 0.25em;
  text-align: center;
  text-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
  .p-top_catch_title {
    font-size: 2.6rem;
    line-height: 1.5;
  }
}
.p-top_catch_text {
  font-family: fot-tsukuaoldmin-pr6n, sans-serif;
  font-size: 2.4rem;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.25em;
  text-align: center;
  text-shadow: 0 0 1.5em rgba(0, 0, 0, 0.5);
  margin-top: 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-top_catch_text {
    font-size: 1.6rem;
  }
}
.p-top_catch_top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row-reverse;
  gap: 6.7rem 16.6rem;
  margin-top: 9rem;
}
@media screen and (max-width: 767px) {
  .p-top_catch_top {
    flex-direction: column;
    margin-top: 6rem;
  }
}
.p-top_catch_top_image {
  width: 72rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top_catch_top_image {
    width: 29.3rem;
    margin-left: auto;
  }
}
.p-top_catch_top_image_sub {
  position: absolute;
  z-index: 2;
  bottom: -7.3rem;
  left: -15rem;
  width: 20rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top_catch_top_image_sub {
    bottom: -3.46rem;
    left: -6.33rem;
    width: 11.7rem;
  }
}
.p-top_catch_top_image img {
  width: 100%;
  height: auto;
  display: block;
}
.p-top_catch_top_textbox {
  margin-top: 9rem;
}
@media screen and (max-width: 767px) {
  .p-top_catch_top_textbox {
    width: 100%;
    margin-top: 0;
    padding: 0 1.7rem 0 2.3rem;
  }
}
.p-top_catch_top_title {
  font-size: 3.2rem;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.25em;
  text-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  .p-top_catch_top_title {
    font-size: 1.8rem;
  }
}
.p-top_catch_top_text {
  font-size: 2rem;
  color: #fff;
  line-height: 2;
  letter-spacing: 0.15em;
  margin-top: 4rem;
  text-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  .p-top_catch_top_text {
    font-size: 1.3rem;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top_catch_top--2 {
    margin-top: 11rem;
    row-gap: 3rem;
  }
}
.p-top_catch_top--2 .p-top_catch_top_image_sub {
  left: inherit;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-top_catch_top--2 .p-top_catch_top_image_sub {
    top: -5.2rem;
    bottom: inherit;
    right: inherit;
    left: -6.3rem;
    width: 11.7rem;
  }
}
.p-top_catch_bottom {
  margin-top: 31.8rem;
  display: flex;
  align-items: flex-start;
  gap: 2.3rem 9.7rem;
}
@media screen and (max-width: 767px) {
  .p-top_catch_bottom {
    margin-top: 7.2rem;
    flex-direction: column;
  }
}
.p-top_catch_bottom_image {
  width: 62.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top_catch_bottom_image {
    width: 29rem;
  }
}
.p-top_catch_bottom_image_sub {
  position: absolute;
  z-index: 2;
  top: -10rem;
  left: 120.9rem;
  width: 23.1rem;
  display: block;
}
.p-top_catch_bottom_image img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top_catch_bottom_textbox {
    width: 100%;
    padding: 0 1.7rem 0 2.3rem;
  }
}
.p-top_catch_bottom_title {
  font-size: 3.2rem;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.25em;
  text-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.24);
}
@media screen and (max-width: 767px) {
  .p-top_catch_bottom_title {
    font-size: 1.8rem;
  }
}
.p-top_catch_bottom_text {
  font-size: 2rem;
  color: #fff;
  line-height: 2;
  letter-spacing: 0.15em;
  margin-top: 4rem;
  text-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.24);
}
@media screen and (max-width: 767px) {
  .p-top_catch_bottom_text {
    font-size: 1.3rem;
    margin-top: 1.5rem;
  }
}
.p-top_catch_bottom--2 {
  margin-top: 27.4rem;
}
@media screen and (max-width: 767px) {
  .p-top_catch_bottom--2 {
    margin-top: 6rem;
  }
}
.p-top_catch_bottom--2 .p-top_catch_bottom_image_sub {
  left: 0;
  top: -27.4rem;
}

.p-top__consider {
  background-color: #edf7ff;
  margin-top: 18.7rem;
  padding-bottom: 9rem;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .p-top__consider {
    margin-top: 12.9rem;
    padding-top: 2.2rem;
    padding-bottom: 8rem;
  }
}
.p-top__consider:before {
  content: "";
  position: absolute;
  top: -11.6rem;
  left: 0;
  width: 100%;
  height: 11.9rem;
  z-index: -1;
  background-image: url(../img/top/img_consider-bg.png);
  background-repeat: repeat-x;
  background-size: contain;
  background-position: top center;
}
@media screen and (max-width: 767px) {
  .p-top__consider:before {
    top: -3.5rem;
    height: 3.6rem;
    background-image: url(../img/top/img_consider-bg-sp.png);
  }
}
.p-top__consider_title {
  font-weight: 500;
  font-size: 3.2rem;
  color: #004193;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top__consider_title {
    font-size: 2.1rem;
    line-height: 1.8;
    white-space: nowrap;
  }
}
.p-top__consider_body {
  margin-top: 7.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.4rem 8rem;
}
@media screen and (max-width: 767px) {
  .p-top__consider_body {
    margin-top: 4.4rem;
    flex-direction: column-reverse;
  }
}
.p-top__consider_images {
  width: 56.6rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-top__consider_images {
    width: 100%;
    gap: 1.35rem;
  }
}
.p-top__consider_images img {
  width: 100%;
  height: auto;
  display: block;
}
.p-top__consider_images img + img {
  margin-top: 4.4rem;
}
@media screen and (max-width: 767px) {
  .p-top__consider_images img + img {
    margin-top: 2.7rem;
  }
}
.p-top__consider_list {
  width: 39.4rem;
  display: grid;
  gap: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-top__consider_list {
    width: 100%;
    gap: 1.6rem;
  }
}
.p-top__consider_list_item:not(:last-child) {
  border-bottom: 0.1rem solid rgba(175, 175, 175, 0.4);
}
.p-top__consider_list_link {
  display: block;
  padding-bottom: 2.6rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top__consider_list_link {
    padding-bottom: 2rem;
  }
}
.p-top__consider_list_link:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 4.7rem;
  height: 4.7rem;
  background-image: url(../img/common/icon_arrow-right-black.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 55% 50%;
  background-size: 1.4rem 1.4rem;
  border-radius: 50%;
  background-color: #fff;
  transform-origin: center;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__consider_list_link:before {
    width: 3.8rem;
    height: 3.8rem;
    background-size: 1.1rem 1.1rem;
  }
}
.p-top__consider_list_link:hover:before {
  background-color: #004193;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  transform: scale(1.15);
}
.p-top__consider_list_link:hover .p-top__consider_list_title_en {
  color: rgba(0, 65, 147, 0.5);
}
.p-top__consider_list_link:hover .p-top__consider_list_title_ja {
  color: #004193;
}
.p-top__consider_list_title_en {
  font-weight: 500;
  font-size: 1.2rem;
  color: rgba(51, 51, 51, 0.5);
  letter-spacing: 0.05em;
  transition: 0.3s;
}
.p-top__consider_list_title_ja {
  font-weight: 500;
  font-size: 1.8rem;
  color: #333;
  letter-spacing: 0.05em;
  margin-top: 1rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__consider_list_title_ja {
    font-size: 1.6rem;
  }
}
.p-top__consider_grid {
  margin-top: 6.5rem;
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid {
    margin-top: 4.8rem;
  }
}
.p-top__consider_grid_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid_list {
    gap: 0;
  }
}
.p-top__consider_grid_list_item {
  border-top: 0.1rem solid rgba(175, 175, 175, 0.4);
  border-bottom: 0.1rem solid rgba(175, 175, 175, 0.4);
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid_list_item {
    border-top: none;
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid_list_item:nth-child(2) {
    border-left: 0.1rem solid rgba(175, 175, 175, 0.4);
    border-right: 0.1rem solid rgba(175, 175, 175, 0.4);
  }
}
.p-top__consider_grid_list_link {
  display: flex;
  align-items: center;
  gap: 1.6rem 2rem;
  padding: 3.5rem 0 3.5rem 1.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid_list_link {
    flex-direction: column;
    padding: 1rem 0 0;
  }
}
.p-top__consider_grid_list_link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 4.7rem;
  height: 4.7rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 55% 50%;
  background-size: 1.4rem 1.4rem;
  border-radius: 50%;
  background-color: #fff;
  transform-origin: center;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid_list_link:after {
    width: 2.56rem;
    height: 2.56rem;
    position: static;
    background-size: 0.8rem 0.8rem;
    transform: translateY(0);
  }
}
.p-top__consider_grid_list_link:hover:after {
  background-color: #004193;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  transform: scale(1.15) translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid_list_link:hover:after {
    transform: scale(1.15) translateY(0);
  }
}
.p-top__consider_grid_list_link:hover .p-top__consider_grid_list_title_en {
  color: rgba(0, 65, 147, 0.5);
}
.p-top__consider_grid_list_link:hover .p-top__consider_grid_list_title_ja {
  color: #004193;
}
.p-top__consider_grid_list_icon--features {
  width: 4.3rem;
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid_list_icon--features {
    width: 3.5rem;
  }
}
.p-top__consider_grid_list_icon--courses {
  width: 5.7rem;
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid_list_icon--courses {
    width: 4.6rem;
    margin-top: 0.3rem;
  }
}
.p-top__consider_grid_list_icon--costs {
  width: 3.87rem;
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid_list_icon--costs {
    width: 3.1rem;
  }
}
.p-top__consider_grid_list_title_en {
  font-weight: 500;
  font-size: 1.2rem;
  color: rgba(51, 51, 51, 0.5);
  letter-spacing: 0.05em;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid_list_title_en {
    font-size: 1.2rem;
    text-align: center;
  }
}
.p-top__consider_grid_list_title_ja {
  font-weight: 500;
  font-size: 1.8rem;
  color: #333;
  letter-spacing: 0.05em;
  margin-top: 1rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__consider_grid_list_title_ja {
    font-size: 1.4rem;
    text-align: center;
  }
}
.p-top__consider_banner {
  display: block;
  width: 86.3rem;
  margin: 5.6rem auto 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__consider_banner {
    width: 100%;
  }
}
.p-top__consider_banner:hover {
  opacity: 0.7;
}

.p-top__point {
  margin-top: 7.6rem;
}
@media screen and (max-width: 767px) {
  .p-top__point {
    margin-top: 6rem;
  }
}
.p-top__point_tab {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  margin-bottom: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_tab {
    gap: 0.5rem;
    margin-bottom: 1.2rem;
  }
}
.p-top__point_tab_btn {
  font-size: 1.8rem;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.05em;
  background-color: transparent;
  height: 6.6rem;
  text-align: center;
  position: relative;
  z-index: 2;
  transition: height 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__point_tab_btn {
    font-size: 1.3rem;
    height: 7rem;
  }
}
.p-top__point_tab_btn:nth-of-type(1) {
  border: 0.15rem solid #004193;
}
.p-top__point_tab_btn:nth-of-type(2) {
  border: 0.15rem solid #D5DDE8;
}
.p-top__point_tab_btn:nth-of-type(3) {
  border: 0.15rem solid #D8D9E9;
}
@media screen and (min-width: 768px) {
  .p-top__point_tab_btn:hover {
    height: auto;
  }
}
.p-top__point_tab_btn:hover:nth-of-type(1) {
  color: #fff;
  background-color: #004193;
}
.p-top__point_tab_btn:hover:nth-of-type(2) {
  background-color: #D5DDE8;
}
.p-top__point_tab_btn:hover:nth-of-type(3) {
  background-color: #D8D9E9;
}
.p-top__point_tab_btn.active {
  height: auto;
}
.p-top__point_tab_btn.active:nth-of-type(1) {
  color: #fff;
  background-color: #004193;
}
.p-top__point_tab_btn.active:nth-of-type(1):before {
  border-top: 2.3rem solid #004193;
}
.p-top__point_tab_btn.active:nth-of-type(2) {
  background-color: #D5DDE8;
}
.p-top__point_tab_btn.active:nth-of-type(2):before {
  border-top: 2.3rem solid #D5DDE8;
}
.p-top__point_tab_btn.active:nth-of-type(3) {
  background-color: #D8D9E9;
}
.p-top__point_tab_btn.active:nth-of-type(3):before {
  border-top: 2.3rem solid #D8D9E9;
}
.p-top__point_tab_btn.active:before {
  content: "";
  display: inline-block;
  border-left: 1.9rem solid transparent;
  border-right: 1.9rem solid transparent;
  position: absolute;
  bottom: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-top__point_tab_btn.active:before {
    bottom: -0.8rem;
  }
}
.p-top__point_title {
  text-align: center;
  text-shadow: 0 0 1rem #004193;
}
.p-top__point_title .c-title-en {
  color: #fff;
}
.p-top__point_title .c-title-ja {
  color: #fff;
}
.p-top__point_content {
  display: none;
  padding-top: 10rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top__point_content {
    padding-top: 8rem;
  }
}
.p-top__point_content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-top__point_content:before {
    height: 30rem;
  }
}
.p-top__point_content:nth-of-type(1):before {
  background-image: url(../img/top/img_point-bg01.png);
}
.p-top__point_content:nth-of-type(2):before {
  background-image: url(../img/top/img_point-bg02.png);
}
.p-top__point_content:nth-of-type(3):before {
  background-image: url(../img/top/img_point-bg03.png);
}
@media screen and (max-width: 767px) {
  .p-top__point_content {
    overflow: hidden;
  }
}
.p-top__point_content.active {
  display: block;
}
.p-top__point_feature {
  display: grid;
  gap: 8.8rem;
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_feature {
    gap: 6.4rem;
    margin-top: 6rem;
  }
}
.p-top__point_feature_item {
  display: flex;
  align-items: flex-start;
  gap: 3.2rem 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_feature_item {
    flex-direction: column;
  }
}
.p-top__point_feature_item:first-child {
  gap: 3.2rem 5rem;
}
.p-top__point_feature_item:nth-of-type(even) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-top__point_feature_item:nth-of-type(even) {
    flex-direction: column;
  }
}
.p-top__point_feature_textbox {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-top__point_feature_textbox {
    flex: auto;
    width: 100%;
  }
}
.p-top__point_feature_top {
  display: flex;
  align-items: center;
  gap: 2.2rem;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_feature_top {
    gap: 1.8rem;
    margin-bottom: 2.2rem;
  }
}
.p-top__point_feature_number {
  font-family: brandon-grotesque, sans-serif;
  font-weight: bold;
  font-size: 2.3rem;
  color: #004193;
  letter-spacing: 0.15em;
  border-top: 0.1rem solid #004193;
  border-bottom: 0.1rem solid #004193;
  padding: 2.1rem 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_feature_number {
    font-size: 1.84rem;
    padding: 1.25rem 0.6rem;
  }
}
.p-top__point_feature_title {
  font-weight: 500;
  font-size: 2.4rem;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-top__point_feature_title {
    font-size: 1.9rem;
  }
}
.p-top__point_feature_text {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .p-top__point_feature_text {
    font-size: 1.3rem;
  }
}
.p-top__point_feature_note {
  color: #888;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-top__point_feature_note {
    font-size: 1rem;
  }
}
.p-top__point_feature_image {
  width: 55rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_feature_image {
    width: 100%;
  }
}
.p-top__point_feature_image img {
  width: 100%;
  height: auto;
  display: block;
}
.p-top__point_voice {
  box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.08);
  height: 94.4rem;
  margin-top: 12rem;
  background-image: url(../img/top/img_point-voice-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #fff;
  padding: 8rem 6rem 6rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice {
    height: auto;
    margin-top: 8rem;
    padding: 3.4rem 0 3rem;
    background-image: url(../img/top/img_point-voice-bg-sp.png);
    background-repeat: repeat-y;
  }
}
.p-top__point_voice:after {
  content: "";
  position: absolute;
  top: -33.5rem;
  right: calc(-50vw + 52.75rem);
  width: 100vw;
  height: 54.2rem;
  background-image: url(../img/top/img_point-voice-bg01.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice:after {
    top: -17.5rem;
    right: -2rem;
    width: 19.9rem;
    height: 27.2rem;
    background-image: url(../img/top/img_point-voice-bg01-sp.png);
  }
}
.p-top__point_voice:before {
  content: "";
  position: absolute;
  bottom: -20.51rem;
  left: calc(-50vw + 52.75rem);
  width: 100vw;
  height: 47.3rem;
  background-image: url(../img/top/img_point-voice-bg02.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice:before {
    bottom: -14.9rem;
    left: -2rem;
    width: 19.7rem;
    height: 25.3rem;
    background-image: url(../img/top/img_point-voice-bg02-sp.png);
  }
}
.p-top__point_voice_title_en {
  position: absolute;
  top: -7rem;
  left: 7.5rem;
  width: 31.3rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_title_en {
    top: -2.2rem;
    left: 1.4rem;
    width: 9.4rem;
  }
}
.p-top__point_voice_title {
  font-weight: 500;
  font-size: 3.2rem;
  color: #004193;
  list-style: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_title {
    font-size: 2.1rem;
  }
}
.p-top__point_voice_text {
  font-size: 1.6rem;
  letter-spacing: 0.15em;
  text-align: center;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_text {
    font-size: 1.3rem;
    margin-top: 2rem;
  }
}
.p-top__point_voice_slider {
  margin-top: 6rem;
  margin-bottom: 0;
  padding-bottom: 4.7rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider {
    margin-top: 3.4rem;
    padding: 0 3.4rem 4rem;
  }
}
@media screen and (min-width: 768px) {
  .p-top__point_voice_slider .slick-list {
    padding-top: 6.5rem !important;
    padding-bottom: 19rem !important;
  }
}
.p-top__point_voice_slider .slick-prev,
.p-top__point_voice_slider .slick-next {
  width: 8rem;
  height: 8rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  top: 16.5rem;
  transition: background-color 0.3s;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider .slick-prev,
  .p-top__point_voice_slider .slick-next {
    width: 4.85rem;
    height: 4.85rem;
    top: 9.5rem;
  }
}
.p-top__point_voice_slider .slick-prev:before,
.p-top__point_voice_slider .slick-next:before {
  content: "";
}
.p-top__point_voice_slider .slick-prev:after,
.p-top__point_voice_slider .slick-next:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 8rem;
  height: 8rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 55% 50%;
  background-size: 1.7rem 1.7rem;
  border-radius: 50%;
  transform-origin: center;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider .slick-prev:after,
  .p-top__point_voice_slider .slick-next:after {
    width: 4.85rem;
    height: 4.85rem;
    background-size: 1.1rem 1.1rem;
  }
}
.p-top__point_voice_slider .slick-prev:hover,
.p-top__point_voice_slider .slick-next:hover {
  background-color: #004193;
}
.p-top__point_voice_slider .slick-prev:hover:after,
.p-top__point_voice_slider .slick-next:hover:after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-top__point_voice_slider .slick-prev {
  left: 16.4rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider .slick-prev {
    left: 1rem;
  }
}
.p-top__point_voice_slider .slick-prev:after {
  transform: scale(-1, 1) translateY(-50%);
}
.p-top__point_voice_slider .slick-next {
  right: 16.4rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider .slick-next {
    right: 1rem;
  }
}
.p-top__point_voice_slider .slick-dots {
  display: flex;
  justify-content: center;
  gap: 2rem;
  bottom: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider .slick-dots {
    left: 50%;
    transform: translateX(-50%);
    gap: 1.5rem;
  }
}
.p-top__point_voice_slider .slick-dots li {
  width: 1rem;
  height: 1rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider .slick-dots li {
    width: 0.75rem;
    height: 0.75rem;
  }
}
.p-top__point_voice_slider .slick-dots li button {
  width: 1rem;
  height: 1rem;
  border: 0.1rem solid #004193;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.3s, border-color 0.3s;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider .slick-dots li button {
    width: 0.75rem;
    height: 0.75rem;
  }
}
.p-top__point_voice_slider .slick-dots li button:before {
  display: none;
}
.p-top__point_voice_slider .slick-dots li.slick-active button, .p-top__point_voice_slider .slick-dots li.active button {
  background-color: #004193;
  border-color: #004193;
}
.p-top__point_voice_slider_item {
  width: 30rem;
  margin: 0 0.5rem;
  position: relative;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider_item {
    width: 100%;
    margin: 0;
  }
}
.p-top__point_voice_slider_item.slick-current, .p-top__point_voice_slider_item.is-active-next {
  z-index: 3;
  pointer-events: auto;
}
@media screen and (min-width: 768px) {
  .p-top__point_voice_slider_item.slick-current .p-top__point_voice_slider_item_image, .p-top__point_voice_slider_item.is-active-next .p-top__point_voice_slider_item_image {
    transform: scale(1.63);
  }
}
@media screen and (min-width: 768px) {
  .p-top__point_voice_slider_item.slick-current .p-top__point_voice_slider_item_textbox, .p-top__point_voice_slider_item.is-active-next .p-top__point_voice_slider_item_textbox {
    opacity: 1;
    pointer-events: auto;
  }
}
.p-top__point_voice_slider_item.slick-current:hover .p-top__point_voice_slider_item_image:before, .p-top__point_voice_slider_item.is-active-next:hover .p-top__point_voice_slider_item_image:before {
  opacity: 1;
}
.p-top__point_voice_slider_item.slick-current:hover .p-top__point_voice_slider_item_image img, .p-top__point_voice_slider_item.is-active-next:hover .p-top__point_voice_slider_item_image img {
  transform: scale(1.1);
}
.p-top__point_voice_slider_item_image {
  transition: 0.3s;
  aspect-ratio: 3/2;
  overflow: hidden;
  position: relative;
}
.p-top__point_voice_slider_item_image:before {
  content: "";
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 3.6rem;
  height: 3.6rem;
  background-color: #004193;
  border-radius: 50%;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: 0.2s;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-size: 0.9rem 0.9rem;
}
.p-top__point_voice_slider_item_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.p-top__point_voice_slider_item_textbox {
  position: absolute;
  top: 26.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 48.9rem;
  height: 12.4rem;
  padding-top: 2.4rem;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider_item_textbox {
    position: static;
    width: 100%;
    height: auto;
    transform: none;
    margin-top: 1.2rem;
    opacity: 1;
    pointer-events: auto;
  }
}
.p-top__point_voice_slider_item_text {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider_item_text {
    font-size: 1.6rem;
  }
}
.p-top__point_voice_slider_item_category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.2rem;
}
.p-top__point_voice_slider_item_category_tag {
  font-size: 1.1rem;
  color: #888;
  line-height: 1;
  padding: 0.6rem 1rem;
  border: 0.1rem solid #ccc;
  border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_slider_item_category_tag {
    padding: 0.4rem 0.7rem;
  }
}
.p-top__point_voice_slider_item_category_tag.orange {
  background-color: #f29839;
  border-color: transparent;
  color: #fff;
}
.p-top__point_voice_slider_item_category_tag.blue {
  background-color: #499ac2;
  border-color: transparent;
  color: #fff;
}
.p-top__point_voice_link {
  font-weight: 500;
  font-size: 1.5rem;
  color: #fff;
  letter-spacing: 0.15em;
  width: 32rem;
  height: 5.6rem;
  background-color: #004193;
  display: grid;
  place-items: center;
  margin: 8.5rem auto 0;
  position: relative;
  border: 0.1rem solid #004193;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_link {
    font-size: 1.26rem;
    width: 27rem;
    height: 4.7rem;
    margin-top: 6rem;
  }
}
.p-top__point_voice_link:hover {
  background-color: #fff;
  color: #004193;
}
.p-top__point_voice_link:hover:before {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-top__point_voice_link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.3rem;
  transform: translateY(-50%);
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 1.2rem;
  height: 1.4rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__point_voice_link:before {
    width: 1rem;
    height: 1.2rem;
  }
}
.p-top__point_anchor {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_anchor {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-top: 2.8rem;
  }
}
.p-top__point_anchor_title_en {
  font-weight: 500;
  font-size: 1.2rem;
  color: rgba(51, 51, 51, 0.5);
  letter-spacing: 0.05em;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__point_anchor_title_en {
    font-size: 1.6rem;
  }
}
.p-top__point_anchor_title_ja {
  font-weight: 500;
  font-size: 1.8rem;
  color: #333;
  letter-spacing: 0.05em;
  margin-top: 1rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__point_anchor_title_ja {
    font-size: 1.6rem;
  }
}
.p-top__point_anchor_link {
  display: block;
  position: relative;
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.08);
  background: #fff;
  padding: 4rem 6.5rem 4rem 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-top__point_anchor_link {
    padding: 2.4rem 4.2rem 2.4rem 1.6rem;
  }
}
.p-top__point_anchor_link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%);
  display: inline-block;
  width: 3.33rem;
  height: 3.33rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 55% 50%;
  background-size: 0.6rem 1.1rem;
  border-radius: 50%;
  background-color: #004193;
  transform-origin: center;
  transition: 0.3s;
  border: 0.1rem solid #004193;
}
@media screen and (max-width: 767px) {
  .p-top__point_anchor_link::before {
    right: 1.6rem;
    width: 2.8rem;
    height: 2.8rem;
    background-size: 0.4rem 0.9rem;
  }
}
.p-top__point_anchor_link:hover::before {
  transform: translateY(-50%) scale(1.15);
  background-color: #fff;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-position: 54% 50%;
}

.p-top__study {
  position: relative;
  z-index: 2;
  background-image: url(../img/top/img_study-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 21.5rem 0 13.6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 767px) {
  .p-top__study {
    padding-top: 8rem;
    background-image: url(../img/top/img_study-bg-sp.png);
    background-position: 50% 77%;
    background-size: contain;
  }
}
.p-top__study_title {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top__study_title {
    text-align: left;
  }
}
.p-top__study_title .c-title-en {
  font-weight: bold;
}
.p-top__study_grid {
  margin-top: 9.5rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top__study_grid {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
}
.p-top__study_grid_overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-top__study_grid_overlay {
    display: none;
  }
}
.p-top__study_grid_overlay img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: 0.3s;
}
.p-top__study_grid_item {
  overflow: hidden;
  position: relative;
}
.p-top__study_grid_item:not(:first-child):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 100%;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 767px) {
  .p-top__study_grid_item:not(:first-child):after {
    display: none;
  }
}
.p-top__study_grid_item_image {
  position: relative;
  overflow: hidden;
}
.p-top__study_grid_item_image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
  transition: 0.3s;
}
.p-top__study_grid_item_image:after {
  content: "";
  width: 4rem;
  height: 4rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 55% 50%;
  background-size: 1.2rem 1.2rem;
  border-radius: 50%;
  border: 0.1rem solid #004193;
  background-color: #004193;
  position: absolute;
  z-index: 2;
  bottom: 15.5rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__study_grid_item_image:after {
    display: inline-block;
    bottom: 1.6rem;
    right: 1.6rem;
    left: inherit;
    transform: none;
    opacity: 1;
    visibility: visible;
  }
}
.p-top__study_grid_item_image img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.3s;
}
.p-top__study_grid_item_textbox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 2;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .p-top__study_grid_item_textbox {
    transform: none;
    top: 2rem;
    left: 2.6rem;
    text-align: left;
    width: auto;
  }
}
.p-top__study_grid_item_title {
  width: fit-content;
  font-weight: 500;
  font-size: 2.1rem;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0.25em;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top__study_grid_item_title {
    font-size: 1.9rem;
    letter-spacing: 0.15em;
    text-shadow: 0 0 2rem #000;
  }
}
.p-top__study_grid_item_title::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #333;
  opacity: 0.8;
  filter: blur(3rem);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-top__study_grid_item_title::before {
    opacity: 0.7;
    filter: blur(5rem);
  }
}
.p-top__study_grid_item_text {
  font-size: 1.3rem;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-top: 1.7rem;
  margin-bottom: 7rem;
  position: relative;
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top__study_grid_item_text {
    display: block;
    margin-top: 0.3rem;
    margin-bottom: 0;
    line-height: 1.8;
  }
}
.p-top__study_grid_item_text::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #333;
  opacity: 0.8;
  filter: blur(3rem);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-top__study_grid_item_text::before {
    opacity: 0.7;
    filter: blur(5rem);
  }
}
@media screen and (min-width: 768px) {
  .p-top__study_grid_item:hover .p-top__study_grid_item_text {
    display: block;
  }
  .p-top__study_grid_item:hover .p-top__study_grid_item_image:after {
    opacity: 1;
    visibility: visible;
  }
  .p-top__study_grid_item:hover .p-top__study_grid_item_image:before {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
@media screen and (max-width: 767px) {
  .p-top__study_grid_item:hover .p-top__study_grid_item_image:after {
    transform: scale(1.15);
    background-color: #fff;
    background-image: url(../img/common/icon_arrow-right-blue.svg);
  }
}
.p-top__study_box {
  display: block;
  background-color: #fff;
  width: 104rem;
  height: 28.2rem;
  margin: 7.8rem auto 0;
  padding: 4.8rem 3.2rem 4rem 56.9rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top__study_box {
    width: 100%;
    height: auto;
    padding: 2.4rem 2rem;
    margin-top: 2rem;
  }
}
.p-top__study_box_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 52.1rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-top__study_box_image {
    width: 14rem;
    top: 2rem;
    left: inherit;
    right: 2rem;
  }
}
.p-top__study_box_image img {
  width: 100%;
  height: auto;
  display: block;
}
.p-top__study_box_title {
  font-weight: 500;
  font-size: 2.5rem;
  color: #004193;
  letter-spacing: 0.15em;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-top__study_box_title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top__study_box_title span {
    display: block;
    margin-left: -0.5em;
  }
}
.p-top__study_box_title_sub {
  font-size: 1.6rem;
  color: #004193;
  letter-spacing: 0.15em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-top__study_box_title_sub {
    font-size: 1.2rem;
  }
}
.p-top__study_box_text {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-top__study_box_text {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top__study_box .c-common-link {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top__study_box .c-common-link span {
    display: none;
  }
}
.p-top__study_box:hover .p-top__study_box_image {
  opacity: 0.7;
}
.p-top__study_box:hover .c-common-link::after {
  transform: scale(1.15);
  background-color: #fff;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-top__study_banner {
  margin: 16rem auto 0;
  width: 86.3rem;
  height: 13.8rem;
  background-image: url(../img/top/img_study-bg-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  text-align: center;
  color: #fff;
  padding: 2rem;
  border-radius: 2.4rem;
  display: block;
  transition: 0.3s;
}
.p-top__study_banner:hover {
  opacity: 0.7;
}
.p-top__study_banner_sub {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-top__study_banner_sub {
    font-size: 1.4rem;
  }
}
.p-top__study_banner_sub span {
  background-image: url(../img/top/img_study-line.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  display: inline-block;
  padding: 0 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-top__study_banner_sub span {
    padding: 0 1rem;
  }
}
.p-top__study_banner_title {
  font-size: 4rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-top__study_banner_title {
    font-size: 2rem;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top__study_banner {
    width: 100%;
    height: 100%;
    margin-top: 11.8rem;
    border-radius: 1rem;
    background-size: cover;
    padding: 1.3rem 1.5rem 1rem;
  }
}
.p-top__study_banner img {
  width: 100%;
  height: auto;
  display: block;
}

.p-top__faq {
  margin-top: 14.4rem;
}
@media screen and (max-width: 767px) {
  .p-top__faq {
    margin-top: 6rem;
  }
}
.p-top__faq_body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top__faq_body {
    flex-direction: column;
    gap: 3.2rem;
  }
}
.p-top__faq_body_right {
  width: 89rem;
}
@media screen and (max-width: 767px) {
  .p-top__faq_body_right {
    width: 100%;
  }
}
.p-top__faq_list {
  display: grid;
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-top__faq_list {
    gap: 2.4rem;
  }
}
.p-top__faq_list_item {
  padding-top: 3.2rem;
  border-top: 0.1rem solid #e9e9e9;
}
@media screen and (max-width: 767px) {
  .p-top__faq_list_item {
    padding-top: 2.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top__faq_list_item:last-child {
    border-bottom: 0.1rem solid #e9e9e9;
    padding-bottom: 2.8rem;
  }
}
.p-top__faq_list_item_question {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding-right: 3.4rem;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
}
.p-top__faq_list_item_question:hover {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .p-top__faq_list_item_question {
    gap: 1.6rem;
  }
}
.p-top__faq_list_item_question:before {
  content: "Q";
  font-weight: 500;
  font-size: 1.8rem;
  color: #fff;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background-color: #03BBD5;
}
@media screen and (max-width: 767px) {
  .p-top__faq_list_item_question:before {
    font-size: 1.5rem;
    width: 3.6rem;
    height: 3.6rem;
  }
}
.p-top__faq_list_item_question:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url(../img/top/icon_faq-plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-top__faq_list_item_question:after {
    width: 2rem;
    height: 2rem;
  }
}
.p-top__faq_list_item_question.open:after {
  background-image: url(../img/top/icon_faq-minus.svg);
}
.p-top__faq_list_item_question_text {
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-top__faq_list_item_question_text {
    font-size: 1.5rem;
  }
}
.p-top__faq_list_item_accordion {
  display: none;
}
.p-top__faq_list_item_answer {
  display: flex;
  align-items: flex-start;
  gap: 2.4rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-top__faq_list_item_answer {
    gap: 1.6rem;
    margin-top: 1.2rem;
  }
}
.p-top__faq_list_item_answer:before {
  content: "A";
  font-weight: 500;
  font-size: 1.8rem;
  color: #004193;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background-color: #f2f2f2;
}
@media screen and (max-width: 767px) {
  .p-top__faq_list_item_answer:before {
    font-size: 1.5rem;
    width: 3.6rem;
    height: 3.6rem;
  }
}
.p-top__faq_list_item_answer_text {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  flex: 1;
  padding-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-top__faq_list_item_answer_text {
    font-size: 1.25rem;
    padding-top: 0.8rem;
  }
}
.p-top__faq_btn {
  text-align: right;
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-top__faq_btn {
    margin-top: 3.2rem;
  }
}

.p-top__banner {
  margin-top: 14.4rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .p-top__banner {
    margin-top: 8rem;
  }
}
.p-top__banner_grid {
  width: 98.2rem;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-top__banner_grid {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}
.p-top__banner_grid_item {
  transition: 0.3s;
}
.p-top__banner_grid_item:hover {
  opacity: 0.7;
}
.p-top__banner_grid_item img {
  width: 100%;
  height: auto;
  display: block;
}

.l-main .p-top__information {
  margin-top: 8.8rem;
}
.l-main .p-top__information .p-information-archive__sns-list {
  grid-template-columns: repeat(5, 1fr);
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .l-main .p-top__information .p-information-archive__sns-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.l-main .p-top__information .p-information-archive__sns-list-item,
.l-main .p-top__information .p-information-archive__sns-footer-banner {
  font-size: 1.6rem;
}

/* --------------------
voice
-------------------- */
.p-voice {
  font-size: 1.6rem;
  background: #EDF7FF;
}
.p-voice__head {
  background-image: url(../img/voice/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  padding: 11rem 0 13rem;
}
@media screen and (max-width: 767px) {
  .p-voice__head {
    padding: 5.6rem 0 6.4rem;
  }
}
.p-voice__head__read {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-voice__head__read {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 1.8rem;
  }
}
.p-voice__head__read br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-voice__head__read br {
    display: block;
  }
}
.p-voice__head__title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-voice__head__title {
    font-size: 2.4rem;
  }
}
.p-voice__head__sub {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin: 2.8rem 0 0 0.45rem;
}
@media screen and (max-width: 767px) {
  .p-voice__head__sub {
    margin: 1.4rem 0 0 0.45rem;
  }
}
.p-voice__head__sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background: #fff;
}
.p-voice .c-title-en, .p-voice .c-title-ja {
  text-align: center;
}
.p-voice__section01 {
  box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.08);
  height: 94.4rem;
  margin-top: 12rem;
  background-image: url(../img/top/img_point-voice-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #fff;
  padding: 8rem 6rem 6rem;
  margin: 8.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice__section01 {
    height: auto;
    margin-top: 8rem;
    padding: 3.4rem 0 3rem;
    background-image: url(../img/top/img_point-voice-bg-sp.png);
    background-repeat: repeat-y;
    margin: 4.4rem 0 0;
  }
}
.p-voice__section01-title-en {
  position: absolute;
  top: -8rem;
  left: 7.4rem;
  width: 31.3rem;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-title-en {
    top: -2.2rem;
    left: 1.4rem;
    width: 9.4rem;
  }
}
.p-voice__section01-list {
  margin: 6.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-list {
    padding: 0 3.4rem;
    margin-top: 2.4rem;
  }
}
.p-voice__section01-list .slick-track {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 4rem 0;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-list .slick-track {
    padding: 0;
  }
}
.p-voice__section01-list-item {
  width: 40rem;
  background: #fff;
  margin: 0 -4rem;
  position: relative;
  transition: transform 0.3s;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-list-item {
    margin: 0;
  }
}
.p-voice__section01-list-item.slick-active {
  z-index: 1;
}
.p-voice__section01-list-item.slick-current {
  transform: scale(1.2);
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-list-item.slick-current {
    transform: scale(1);
  }
}
.p-voice__section01-list-tag {
  display: inline-block;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-bottom-right-radius: 1.4rem;
  padding: 0.8rem 2.1rem;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--tag-color);
}
.p-voice__section01-list img {
  width: 100%;
  height: auto;
}
.p-voice__section01-list-body {
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-list-body {
    padding: 1.6rem 0;
  }
}
.p-voice__section01-list-cate {
  width: fit-content;
  color: #fff;
  background: var(--tag-color);
  font-size: 1.1rem;
  border-radius: 0.4rem;
  padding: 0.8rem 1.2rem;
}
.p-voice__section01-list-cate--literary {
  background: #076279;
}
.p-voice__section01-list-cate--painting_jp {
  background: #f5a251;
}
.p-voice__section01-list-cate--music {
  background: #e5783a;
}
.p-voice__section01-list-cate--illustration {
  background: #71bdde;
}
.p-voice__section01-list-cate--eizo {
  background: #a85e8e;
}
.p-voice__section01-list-cate--infodesign {
  background: #499ac2;
}
.p-voice__section01-list-cate--painting-and-calligraphy {
  background: #6e6892;
}
.p-voice__section01-list-cate--foodculturedesign {
  background: #e2c233;
}
.p-voice__section01-list-cate--art-writing {
  background: #1d4489;
}
.p-voice__section01-list-cate--art {
  background: #ec6762;
}
.p-voice__section01-list-cate--history {
  background: #5c8146;
}
.p-voice__section01-list-cate--japanese {
  background: #c05042;
}
.p-voice__section01-list-cate--painting {
  background: #55ba7e;
}
.p-voice__section01-list-cate--ceramic {
  background: #9c8e93;
}
.p-voice__section01-list-cate--dyeing {
  background: #c185b8;
}
.p-voice__section01-list-cate--photo {
  background: #33a197;
}
.p-voice__section01-list-cate--architecture {
  background: #caa158;
}
.p-voice__section01-list-cate--landscape {
  background: #96c270;
}
.p-voice__section01-list-cate--space {
  background: #f09197;
}
.p-voice__section01-list-text {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-list-text {
    margin: 0.8rem 0 0;
  }
}
.p-voice__section01-list .slick-prev,
.p-voice__section01-list .slick-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 8rem;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0.65rem 0 rgba(0, 0, 0, 0.15);
  top: 11rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-list .slick-prev,
  .p-voice__section01-list .slick-next {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.p-voice__section01-list .slick-prev {
  left: 24rem;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-list .slick-prev {
    left: 1rem;
  }
}
.p-voice__section01-list .slick-next {
  right: 24rem;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-list .slick-next {
    right: 1rem;
  }
}
.p-voice__section01-list .slick-prev:before,
.p-voice__section01-list .slick-next:before {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/common/icon_arrow-slider-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  color: transparent;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-list .slick-prev:before,
  .p-voice__section01-list .slick-next:before {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.p-voice__section01-list .slick-prev:before {
  transform: translateX(-0.3rem) scaleX(-1);
}
.p-voice__section01-list .slick-next:before {
  transform: translateX(0.3rem);
}
.p-voice__section01-btn {
  width: 46rem;
  height: 7.2rem;
  display: grid;
  grid-template-columns: 1fr 2.8rem;
  align-items: center;
  text-align: center;
  color: #004193;
  background: #fff;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
  border: solid 0.1rem #004193;
  padding: 2.2rem 1.6rem;
  margin: 6.4rem auto 0;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-btn {
    width: calc(100% - 4rem);
    height: fit-content;
    padding: 0.8rem 1.6rem;
    margin: 1.6rem auto 0;
  }
}
.p-voice__section01-btn br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-voice__section01-btn br {
    display: block;
  }
}
.p-voice__section01-btn::after {
  content: "";
  display: block;
  background: #004193;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  transition: 0.3s;
}
.p-voice__section01-btn::before {
  content: "";
  display: block;
  width: 0.66rem;
  height: 0.66rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 2.65rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-voice__section01-btn:hover {
  color: #fff;
  background: #004193;
}
.p-voice__section01-btn:hover::after {
  background: #fff;
}
.p-voice__section01-btn:hover::before {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-voice__crosstalk {
  display: block;
  max-width: 86.3rem;
  margin: 8.8rem auto;
  transition: 0.3s;
}
.p-voice__crosstalk:hover {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .p-voice__crosstalk {
    margin: 4.4rem auto;
  }
}
.p-voice__section02 {
  margin: 10rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-voice__section02 {
    margin: 5rem 0 0;
  }
}
.p-voice__section02-tab {
  display: grid;
  line-height: 1.5;
  margin: 4rem 0 0;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-voice__section02-tab {
    margin: 2rem 0 0;
  }
}
.p-voice__section02-tab br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-voice__section02-tab br {
    display: block;
  }
}
.p-voice__section02-tab-btn {
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 1.2rem 0 1.6rem;
  transform-origin: top center;
  transition: 0.3s;
}
.p-voice__section02-tab-btn span {
  display: block;
  font-size: 1.6rem;
  opacity: 0.5;
}
.p-voice__section02-tab-btn::before {
  content: "";
  display: block;
  width: 3.2rem;
  height: 1.8rem;
  background: transparent;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  bottom: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.p-voice__section02-tab-btn:hover {
  cursor: pointer;
  background: #004193;
}
.p-voice__section02-tab-btn.active {
  cursor: auto;
  background: #004193;
  position: relative;
}
.p-voice__section02-tab-btn.active::before {
  background: #004193;
}
.p-voice__section02-tab-btn--01 {
  background: #C1CAD7;
}
.p-voice__section02-tab-btn--02 {
  background: #C1CAD7;
}
.p-voice__section02-tab-btn--03 {
  background: #B7B8D4;
}
.p-voice__section02-tab-list {
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice__section02-tab-list {
    margin: 2rem 0 0;
  }
}
.p-voice__section02-tab-list-item {
  display: none;
  background: #fff;
  padding: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-voice__section02-tab-list-item {
    padding: 2rem;
  }
}
.p-voice__section02-tab-list-item.active {
  display: block;
}
.p-voice__section02-tab-list-item img {
  width: 100%;
}
.p-voice__section02-tab-list-heading {
  display: flex;
  align-items: center;
  gap: 4rem;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-voice__section02-tab-list-heading {
    flex-direction: column;
    gap: 2.4rem;
  }
}
.p-voice__section02-tab-list-head img {
  display: block;
  width: 10rem;
  margin: 0 auto;
}
.p-voice__section02-tab-list-head-desc {
  text-align: center;
  color: #004193;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
  white-space: nowrap;
  margin: 1.6rem 0 0;
}
.p-voice__section02-tab-list-title {
  color: #004193;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-voice__section02-tab-list-title {
    font-size: 1.9rem;
  }
}
.p-voice__section02-tab-list-desc {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice__section02-tab-list-desc {
    margin: 1.6rem 0 0;
  }
}
.p-voice__section03 {
  margin: 8rem auto 12rem;
}
@media screen and (max-width: 767px) {
  .p-voice__section03 {
    margin: 4rem 0 6rem;
  }
}
.p-voice__section03-subtitle {
  text-align: center;
  color: #004193;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice__section03-subtitle {
    font-size: 2rem;
    margin: 1.6rem 0 0;
  }
}
.p-voice__section03-subtitle br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-voice__section03-subtitle br {
    display: block;
  }
}
.p-voice__foot {
  background: #fff;
  padding: 8.6rem 0 6.6rem;
}
@media screen and (max-width: 767px) {
  .p-voice__foot {
    padding: 4rem 0 9.6rem;
  }
}
.p-voice__foot-head {
  padding: 5.6rem 0 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-voice__foot-head {
    padding: 2.8rem 0 3.2rem;
  }
}
.p-voice__foot-head-read {
  text-align: center;
  color: #004193;
  font-size: 2.2rem;
  font-weight: 500;
}
.p-voice__foot-head-read span {
  font-size: 2.8rem;
  position: relative;
}
.p-voice__foot-head-read span::before {
  content: "";
  display: block;
  width: 1.17rem;
  height: 0.94rem;
  background-image: url(../img/common/onepoint-check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -0.6rem;
  left: -0.4rem;
}
.p-voice__foot-head-read br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-voice__foot-head-read br {
    display: block;
  }
}
.p-voice__foot-head-bnr {
  max-width: 104rem;
  display: block;
  margin: 2.4rem auto 0;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-voice__foot-head-bnr {
    margin: 1.6rem 0 0;
  }
}
.p-voice__foot-head-bnr img {
  width: 100%;
}
.p-voice__foot-head-bnr:hover {
  opacity: 0.5;
}
.p-voice__foot-list {
  display: flex;
  justify-content: space-between;
  gap: 4.2rem;
  margin: 12rem 0 9.7rem;
}
@media screen and (max-width: 767px) {
  .p-voice__foot-list {
    flex-direction: column;
    gap: 1.6rem;
    margin: 6rem 0 4.8rem;
  }
}

/* --------------------
voice > archive
-------------------- */
.p-voice-archive {
  font-size: 1.6rem;
}
.p-voice-archive__head {
  background-image: url(../img/voice/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  padding: 11rem 0 13rem;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__head {
    padding: 5.6rem 0 6.4rem;
  }
}
.p-voice-archive__head-read {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__head-read {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 1.8rem;
  }
}
.p-voice-archive__head-read br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__head-read br {
    display: block;
  }
}
.p-voice-archive__head-title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__head-title {
    font-size: 2.4rem;
  }
}
.p-voice-archive__head-sub {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin: 2.8rem 0 0 0.45rem;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__head-sub {
    margin: 1.4rem 0 0 0.45rem;
  }
}
.p-voice-archive__head-sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background: #fff;
}
.p-voice-archive__container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin: 8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__container {
    display: block;
    margin: 4rem 2rem 0;
  }
}
.p-voice-archive__nav {
  width: 22rem;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__nav {
    width: 100%;
  }
}
.p-voice-archive__nav-title {
  font-weight: 500;
  border-left: solid 0.2rem #004193;
  padding: 0 0 0 1rem;
  margin: 4rem 0 0;
}
.p-voice-archive__nav-list {
  margin: 1.6rem 0 0;
}
.p-voice-archive__nav-list-link {
  display: block;
  color: #fff;
  background: #004193;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1.6rem;
  margin: 0 0 0.1rem;
  position: relative;
  transition: 0.3s;
}
.p-voice-archive__nav-list-link::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 1.8rem;
  transform: translateY(-50%);
}
.p-voice-archive__nav-list-link:hover {
  color: #004193;
  background: #fff;
}
.p-voice-archive__nav-list-link:hover::after {
  background-image: url(../img/common/icon-arrow-right-blue.svg);
}
.p-voice-archive__nav-list-item {
  margin: 0 0 0.1rem;
}
.p-voice-archive__nav-list-parent {
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 500;
  background: #EDF7FF;
  padding: 1.6rem;
  position: relative;
  transition: 0.3s;
}
.p-voice-archive__nav-list-parent:hover {
  opacity: 0.5;
}
.p-voice-archive__nav-list-parent::before, .p-voice-archive__nav-list-parent::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 0.1rem;
  background: #004193;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-voice-archive__nav-list-parent::after {
  transform: translateY(-50%) rotate(90deg);
}
.p-voice-archive__nav-list-parent.active::after {
  transform: translateY(-50%) rotate(0);
}
.p-voice-archive__nav-list-child {
  font-size: 1.3rem;
  display: none;
  position: relative;
}
.p-voice-archive__nav-list-child::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(../img/common/icon-arrow-right-gray.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-voice-archive__nav-list-child:hover {
  background: #ccc;
}
.p-voice-archive__nav-list-child:hover::after {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-voice-archive__nav-list-child-link {
  display: block;
  padding: 1.6rem 0 1.6rem 2.7rem;
}
.p-voice-archive__nav-taglist {
  display: flex;
  gap: 0.8rem 0.2rem;
  flex-wrap: wrap;
  margin: 1.6rem 0 0;
}
.p-voice-archive__nav-taglist-item {
  color: #292f4a;
  font-size: 1.1rem;
  background: #EDF7FF;
  border-radius: 3rem;
  padding: 0.8rem;
  transition: 0.3s;
}
.p-voice-archive__nav-taglist-item:hover, .p-voice-archive__nav-taglist-item.active {
  color: #EDF7FF;
  background: #004193;
}
.p-voice-archive__body {
  width: 96rem;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__body {
    width: 100%;
  }
}
.p-voice-archive__title {
  color: #004193;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-bottom: solid 0.1rem #DEDEDE;
  padding: 0 0 2.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__title {
    font-size: 2.4rem;
    padding: 0 0 1.6rem;
  }
}
.p-voice-archive__title::after {
  content: "";
  display: block;
  width: 10rem;
  height: 0.1rem;
  background: #03BBD5;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__title::after {
    width: 8rem;
  }
}
.p-voice-archive__title-sub {
  color: #333;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  border-left: solid 0.1rem #dedede;
  padding: 0 0 0 2rem;
  margin: 0 0 0 2rem;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__title-sub {
    font-size: 1.3rem;
  }
}
.p-voice-archive__desc {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__desc {
    font-size: 1.2rem;
    margin: 1.6rem 0 0;
  }
}
.p-voice-archive__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
  margin: 5.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__list {
    grid-template-columns: 1fr;
    margin: 2.4rem 0 0;
  }
}
.p-voice-archive__list-item {
  position: relative;
  transition: 0.3s;
}
.p-voice-archive__list-item:hover .p-voice-archive__list-img img {
  transform: scale(1.1);
}
.p-voice-archive__list-item:hover .p-voice-archive__list-text {
  color: #004193;
}
.p-voice-archive__list-tag {
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-bottom-right-radius: 1.6rem;
  padding: 1rem 2.4rem;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--tag-color);
  z-index: 2;
  transition: 0.3s;
}
.p-voice-archive__list-tag:hover {
  color: var(--tag-color);
  background: #fff;
}
.p-voice-archive__list-img {
  width: 100%;
  overflow: hidden;
}
.p-voice-archive__list-img img {
  aspect-ratio: 926/440;
  object-fit: cover;
  transition: 0.3s;
}
.p-voice-archive__list-img img.u-pc, .p-voice-archive__list-img img.u-sp {
  border: 1px solid #888;
}
.p-voice-archive__list-body {
  margin: 1.6rem 0 0;
}
.p-voice-archive__list-data {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  position: relative;
  z-index: 2;
}
.p-voice-archive__list-cate {
  width: fit-content;
  color: #fff;
  font-size: 1.1rem;
  border-radius: 0.4rem;
  padding: 0.9rem 0.6rem;
  background: var(--tag-color);
  transition: 0.3s;
}
.p-voice-archive__list-cate--literary {
  background: #076279;
}
.p-voice-archive__list-cate--painting_jp {
  background: #f5a251;
}
.p-voice-archive__list-cate--music {
  background: #e5783a;
}
.p-voice-archive__list-cate--illustration {
  background: #71bdde;
}
.p-voice-archive__list-cate--eizo {
  background: #a85e8e;
}
.p-voice-archive__list-cate--infodesign {
  background: #499ac2;
}
.p-voice-archive__list-cate--painting-and-calligraphy {
  background: #6e6892;
}
.p-voice-archive__list-cate--foodculturedesign {
  background: #e2c233;
}
.p-voice-archive__list-cate--art-writing {
  background: #1d4489;
}
.p-voice-archive__list-cate--art {
  background: #ec6762;
}
.p-voice-archive__list-cate--history {
  background: #5c8146;
}
.p-voice-archive__list-cate--japanese {
  background: #c05042;
}
.p-voice-archive__list-cate--painting {
  background: #55ba7e;
}
.p-voice-archive__list-cate--ceramic {
  background: #9c8e93;
}
.p-voice-archive__list-cate--dyeing {
  background: #c185b8;
}
.p-voice-archive__list-cate--photo {
  background: #33a197;
}
.p-voice-archive__list-cate--architecture {
  background: #caa158;
}
.p-voice-archive__list-cate--landscape {
  background: #96c270;
}
.p-voice-archive__list-cate--space {
  background: #f09197;
}
.p-voice-archive__list-cate:hover {
  opacity: 0.7;
}
.p-voice-archive__list-label {
  color: #292f4a;
  font-size: 1.1rem;
  background: #EDF7FF;
  border-radius: 3rem;
  padding: 0.8rem 1.6rem;
  transition: 0.3s;
}
.p-voice-archive__list-label:hover {
  color: #EDF7FF;
  background: #004193;
  opacity: 1;
}
.p-voice-archive__list-text {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
  border-top: solid 0.1rem #DEDEDE;
  padding: 1.6rem 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__list-text {
    padding: 0.8rem 0 0;
  }
}
.p-voice-archive__list-text::before {
  content: "";
  display: block;
  width: 10rem;
  height: 0.1rem;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .p-voice-archive__list-text::before {
    width: 8rem;
  }
}
.p-voice-archive__list-text--literary::before {
  background: #076279;
}
.p-voice-archive__list-text--painting_jp::before {
  background: #f5a251;
}
.p-voice-archive__list-text--music::before {
  background: #e5783a;
}
.p-voice-archive__list-text--illustration::before {
  background: #71bdde;
}
.p-voice-archive__list-text--eizo::before {
  background: #a85e8e;
}
.p-voice-archive__list-text--infodesign::before {
  background: #499ac2;
}
.p-voice-archive__list-text--painting-and-calligraphy::before {
  background: #6e6892;
}
.p-voice-archive__list-text--foodculturedesign::before {
  background: #e2c233;
}
.p-voice-archive__list-text--art-writing::before {
  background: #1d4489;
}
.p-voice-archive__list-text--art::before {
  background: #ec6762;
}
.p-voice-archive__list-text--history::before {
  background: #5c8146;
}
.p-voice-archive__list-text--japanese::before {
  background: #c05042;
}
.p-voice-archive__list-text--painting::before {
  background: #55ba7e;
}
.p-voice-archive__list-text--ceramic::before {
  background: #9c8e93;
}
.p-voice-archive__list-text--dyeing::before {
  background: #c185b8;
}
.p-voice-archive__list-text--photo::before {
  background: #33a197;
}
.p-voice-archive__list-text--architecture::before {
  background: #caa158;
}
.p-voice-archive__list-text--landscape::before {
  background: #96c270;
}
.p-voice-archive__list-text--space::before {
  background: #f09197;
}
.p-voice-archive__list-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.p-voice-archive-btn {
  width: 46rem;
  height: 7.2rem;
  display: grid;
  grid-template-columns: 1fr 2.8rem;
  align-items: center;
  text-align: center;
  color: #fff;
  background: #004193;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
  padding: 2.2rem 1.6rem;
  margin: 6.4rem auto 0;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-voice-archive-btn {
    width: 100%;
    height: fit-content;
  }
}
.p-voice-archive-btn br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-voice-archive-btn br {
    display: block;
  }
}
.p-voice-archive-btn::after {
  content: "";
  display: block;
  background: #fff;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
}
.p-voice-archive-btn::before {
  content: "";
  display: block;
  width: 0.36rem;
  height: 0.66rem;
  background-image: url(../img/common/icon-arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 2.8rem;
  transform: translateY(-50%);
}
.p-voice-archive-btn:hover {
  background: #94BBF7;
}
.p-voice-archive .c-banner {
  padding: 8rem 0 1rem;
}
@media screen and (max-width: 767px) {
  .p-voice-archive .c-banner {
    padding: 0 0 1rem;
  }
}
.p-voice-archive .c-banner::before {
  background-image: url(../img/voice/bg-foot.png);
}
.p-voice-archive .c-breadcrumb {
  position: relative;
}

/* --------------------
voice > single
-------------------- */
.p-voice-single {
  background-image: url(../img/voice/bg-single.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}
@media screen and (max-width: 767px) {
  .p-voice-single {
    background-image: url(../img/voice/bg-single-sp.png);
    background-size: 100% 10.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-voice-single__headline {
    height: 10.5rem;
  }
}
.p-voice-single__breadcrumb .c-breadcrumb {
  color: #fff;
  background: transparent;
  padding: 6.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__breadcrumb .c-breadcrumb {
    padding: 1.6rem 0 0;
  }
}
.p-voice-single__breadcrumb .c-breadcrumb__wrap {
  max-width: 100%;
  margin: 0;
}
.p-voice-single__breadcrumb .c-breadcrumb__list-item {
  color: rgba(255, 255, 255, 0.5);
}
.p-voice-single__breadcrumb .c-breadcrumb__list-item::after {
  background: #fff;
}
.p-voice-single__breadcrumb .c-breadcrumb__list a {
  color: #fff;
}
.p-voice-single__container {
  max-width: 80rem;
  margin: 6.5rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__container {
    margin-top: 2.5rem;
  }
}
.p-voice-single__title {
  color: #fff;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  margin: 2.5rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__title {
    color: #004193;
    font-size: 2.4rem;
    line-height: 1.3;
    margin: 0 2rem;
  }
}
.p-voice-single__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.04rem;
  margin: 2.2rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__info {
    gap: 0.8rem;
    margin: 1.6rem 2rem 0;
  }
}
.p-voice-single__cate {
  display: inline-block;
  color: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-radius: 0.4rem;
  background: var(--tag-color);
}
.p-voice-single__cate--literary {
  background: #076279;
}
.p-voice-single__cate--painting_jp {
  background: #f5a251;
}
.p-voice-single__cate--music {
  background: #e5783a;
}
.p-voice-single__cate--illustration {
  background: #71bdde;
}
.p-voice-single__cate--eizo {
  background: #a85e8e;
}
.p-voice-single__cate--infodesign {
  background: #499ac2;
}
.p-voice-single__cate--painting-and-calligraphy {
  background: #6e6892;
}
.p-voice-single__cate--foodculturedesign {
  background: #e2c233;
}
.p-voice-single__cate--art-writing {
  background: #1d4489;
}
.p-voice-single__cate--art {
  background: #ec6762;
}
.p-voice-single__cate--history {
  background: #5c8146;
}
.p-voice-single__cate--japanese {
  background: #c05042;
}
.p-voice-single__cate--painting {
  background: #55ba7e;
}
.p-voice-single__cate--ceramic {
  background: #9c8e93;
}
.p-voice-single__cate--dyeing {
  background: #c185b8;
}
.p-voice-single__cate--photo {
  background: #33a197;
}
.p-voice-single__cate--architecture {
  background: #caa158;
}
.p-voice-single__cate--landscape {
  background: #96c270;
}
.p-voice-single__cate--space {
  background: #f09197;
}
@media screen and (max-width: 767px) {
  .p-voice-single__cate {
    font-size: 1.6rem;
  }
}
.p-voice-single__cate-link {
  height: 3.12rem;
  display: flex;
  align-items: center;
  padding: 0 2.2rem;
  transition: 0.3s;
}
.p-voice-single__cate-link:hover {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .p-voice-single__cate-link {
    height: 2.4rem;
    padding: 0 1.2rem 0.2rem;
  }
}
.p-voice-single__tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 1rem;
}
.p-voice-single__tags-item {
  color: #888;
  background: #fff;
  font-size: 1.6rem;
  border-radius: 0.4rem;
  border: solid 0.1rem #ccc;
}
@media screen and (max-width: 767px) {
  .p-voice-single__tags-item {
    font-size: 1.2rem;
  }
}
.p-voice-single__tags-item-link {
  height: 3.12rem;
  display: flex;
  align-items: center;
  padding: 0 2.2rem;
  transition: 0.3s;
}
.p-voice-single__tags-item-link:hover {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .p-voice-single__tags-item-link {
    height: 2.4rem;
    padding: 0 1rem;
  }
}
.p-voice-single__head {
  margin: 3.2rem auto 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-voice-single__head {
    margin: 2rem 2rem 0;
  }
}
.p-voice-single__head .u-pc,
.p-voice-single__head .u-sp {
  border: 1px solid #888;
}
.p-voice-single__head-tag {
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  background: #94BBF7;
  border-bottom-right-radius: 1.6rem;
  padding: 1rem 2.4rem;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--tag-color);
}
@media screen and (max-width: 767px) {
  .p-voice-single__head-tag {
    font-size: 1.3rem;
    padding: 0.8rem 1.6rem;
  }
}
.p-voice-single__head-text {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-voice-single__head-text {
    margin: 0 2rem;
  }
}
.p-voice-single__head-text-item {
  display: flex;
  align-items: flex-end;
  gap: 2rem;
  padding: 2.4rem 3.2rem;
  background: var(--tag-color);
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-voice-single__head-text-item {
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
  }
}
.p-voice-single__head-text--music {
  background: rgba(238, 118, 49, 0.9);
}
.p-voice-single__head-text--literary {
  background: rgba(7, 98, 121, 0.9);
}
.p-voice-single__head-text--painting_jp {
  background: rgba(245, 162, 81, 0.9);
}
.p-voice-single__head-text--music {
  background: rgba(229, 120, 58, 0.9);
}
.p-voice-single__head-text--illustration {
  background: rgba(113, 189, 222, 0.9);
}
.p-voice-single__head-text--eizo {
  background: rgba(168, 94, 142, 0.9);
}
.p-voice-single__head-text--infodesign {
  background: rgba(73, 154, 194, 0.9);
}
.p-voice-single__head-text--painting-and-calligraphy {
  background: rgba(110, 104, 146, 0.9);
}
.p-voice-single__head-text--foodculturedesign {
  background: rgba(226, 194, 51, 0.9);
}
.p-voice-single__head-text--art-writing {
  background: rgba(29, 68, 137, 0.9);
}
.p-voice-single__head-text--art {
  background: rgba(236, 103, 98, 0.9);
}
.p-voice-single__head-text--history {
  background: rgba(92, 129, 70, 0.9);
}
.p-voice-single__head-text--japanese {
  background: rgba(192, 80, 66, 0.9);
}
.p-voice-single__head-text--painting {
  background: rgba(85, 186, 126, 0.9);
}
.p-voice-single__head-text--ceramic {
  background: rgba(156, 142, 147, 0.9);
}
.p-voice-single__head-text--dyeing {
  background: rgba(193, 133, 184, 0.9);
}
.p-voice-single__head-text--photo {
  background: rgba(51, 161, 151, 0.9);
}
.p-voice-single__head-text--architecture {
  background: rgba(202, 161, 88, 0.9);
}
.p-voice-single__head-text--landscape {
  background: rgba(150, 194, 112, 0.9);
}
.p-voice-single__head-text--space {
  background: rgba(240, 145, 151, 0.9);
}
.p-voice-single__head-cate {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-left: solid 0.2rem rgba(255, 255, 255, 0.5);
  padding: 0 0 0 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-voice-single__head-cate {
    font-size: 1.1rem;
  }
}
.p-voice-single__head-name {
  color: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-voice-single__head-name {
    font-size: 1.7rem;
  }
}
.p-voice-single__head-address {
  position: absolute;
  bottom: 2.4rem;
  right: 3rem;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .p-voice-single__head-address {
    font-size: 1.1rem;
    right: 1.6rem;
    bottom: 1.2rem;
    position: static;
  }
}
.p-voice-single__body {
  margin: 8rem 0 12rem;
}
@media screen and (max-width: 767px) {
  .p-voice-single__body {
    margin: 1.6rem 2rem 6rem;
  }
}
.p-voice-single__heading {
  font-weight: 500;
  letter-spacing: 0.05em;
}
.p-voice-single__heading-01 {
  color: #004193;
  font-size: 3.2rem;
  line-height: 1.8;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__heading-01 {
    line-height: 1.4;
    font-size: 2.4rem;
    margin: 1.6rem 0 0;
  }
}
.p-voice-single__heading-02 {
  font-size: 2.1rem;
  line-height: 1.8;
  background: #EDF7FF;
  padding: 1rem 1.6rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__heading-02 {
    line-height: 1.4;
    font-size: 1.7rem;
    margin: 1.2rem 0 0;
  }
}
.p-voice-single__heading-03 {
  font-size: 1.6rem;
  font-weight: 500;
  border-left: solid 0.2rem #004193;
  padding: 0 0 0 1.6rem;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__heading-03 {
    line-height: 1.4;
    font-size: 1.3rem;
    padding: 0 0 0 0.8rem;
    margin: 2rem 0 0;
  }
}
.p-voice-single__img {
  margin: 3.2rem auto 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-voice-single__img {
    margin: 1.6rem auto 0;
  }
}
.p-voice-single__img--medium {
  width: 66%;
}
@media screen and (max-width: 767px) {
  .p-voice-single__img--medium {
    width: 100%;
  }
}
.p-voice-single__img--small {
  width: 33%;
}
@media screen and (max-width: 767px) {
  .p-voice-single__img--small {
    width: 100%;
  }
}
.p-voice-single__img-caption {
  font-size: 1.2rem;
}
.p-voice-single__img-banner-link {
  display: inline-block;
}
.p-voice-single__img-banner-link:hover {
  opacity: 0.6;
}
.p-voice-single__img-banner-link-image {
  border-radius: 0.8rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  width: auto;
  max-width: 100%;
}
.p-voice-single .text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single .text {
    font-size: 1.3rem;
  }
}
.p-voice-single .text a {
  color: #0000EE;
  text-decoration: underline;
}
.p-voice-single .text a:hover {
  text-decoration: none;
}
.p-voice-single__box {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border: solid 0.1rem #dedede;
  padding: 1.6rem;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__box {
    font-size: 1.3rem;
    padding: 0.8rem;
    margin: 1.6rem 0 0;
  }
}
.p-voice-single__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-voice-single__row {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}
.p-voice-single__flex {
  display: flex;
  gap: 1rem;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__flex {
    flex-direction: column;
    margin: 1.6rem 0 0;
  }
}
.p-voice-single__flex-inner {
  width: 50%;
  margin: 0 0 0 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-voice-single__flex-inner {
    width: 100%;
    margin: 0;
  }
}
.p-voice-single__flex-inner > :first-child {
  margin: 0;
}
.p-voice-single__flex.reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-voice-single__flex.reverse {
    flex-direction: column;
  }
}
.p-voice-single__flex.reverse-inner {
  margin: 0 0 0 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-voice-single__flex.reverse-inner {
    margin: 0;
  }
}
.p-voice-single__center {
  max-width: 58rem;
  margin: 2.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__center {
    margin: 1.2rem auto 0;
  }
}
.p-voice-single__embed {
  margin: 2rem 0 0;
  width: 100%;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 767px) {
  .p-voice-single__embed {
    margin: 1rem 0 0;
  }
}
.p-voice-single__embed iframe {
  width: 100%;
  height: 100%;
}
.p-voice-single__list {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__list {
    margin: 1.6rem 0 0;
  }
}
.p-voice-single__list-item {
  display: flex;
  border-right: solid 0.1rem #F2F2F2;
}
.p-voice-single__list-item:first-of-type {
  border-top: solid 0.1rem #F2F2F2;
}
.p-voice-single__list-label, .p-voice-single__list-desc {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  padding: 1.6rem 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-voice-single__list-label, .p-voice-single__list-desc {
    font-size: 1.3rem;
    padding: 0.8rem 1.2rem;
  }
}
.p-voice-single__list-label {
  flex: 0 0 20rem;
  font-weight: 500;
  line-height: 1.5;
  background: #F2F2F2;
  border-bottom: solid 0.1rem #fff;
}
@media screen and (max-width: 767px) {
  .p-voice-single__list-label {
    flex: 0 0 10rem;
  }
}
.p-voice-single__list-desc {
  line-height: 1.8;
  border-bottom: solid 0.1rem #F2F2F2;
}
.p-voice-single__table {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__table {
    margin: 1.6rem 0 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 767px) {
  .p-voice-single__table-block {
    width: auto;
    table-layout: fixed;
  }
}
.p-voice-single__table-head, .p-voice-single__table-body {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  border: solid 0.1rem #E6E6E6;
}
@media screen and (max-width: 767px) {
  .p-voice-single__table-head, .p-voice-single__table-body {
    min-width: 20rem;
    font-size: 1.3rem;
  }
}
.p-voice-single__table-head {
  font-weight: 500;
  line-height: 1.5;
  background: #F2F2F2;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-voice-single__table-head {
    padding: 0.8rem;
  }
}
.p-voice-single__table-body {
  line-height: 1.8;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-voice-single__table-body {
    padding: 0.8rem;
  }
}
.p-voice-single__link {
  display: grid;
  grid-template-columns: 15rem 1fr 0.9rem;
  gap: 0 4rem;
  height: 100%;
  background: #f4f4f4;
  padding: 4rem;
  margin: 5.6rem 0 5.6rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-voice-single__link {
    grid-template-columns: 8rem 1fr 0.9rem;
    gap: 0 1rem;
    padding: 1.5rem;
    margin: 2.8rem 0 0;
  }
}
.p-voice-single__link::after {
  content: "";
  grid-row: 1/4;
  grid-column: 3/4;
  align-self: center;
  display: block;
  width: 0.9rem;
  height: 1.8rem;
  background-image: url(../img/voice/icon-link-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.p-voice-single__link:hover {
  opacity: 0.5;
}
.p-voice-single__link-img {
  grid-row: 1/4;
}
.p-voice-single__link-title {
  display: inline-block;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .p-voice-single__link-title {
    font-size: 1.7rem;
  }
}
.p-voice-single__link-name {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__link-name {
    font-size: 2rem;
    margin: 1.2rem 0 0;
  }
}
.p-voice-single__link-desc {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  align-self: end;
}
@media screen and (max-width: 767px) {
  .p-voice-single__link-desc {
    font-size: 1.2rem;
    margin: 0.8rem 0 0;
  }
}
.p-voice-single__button {
  text-align: center;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__button {
    margin: 1.2rem 0 0;
  }
}
.p-voice-single__button .c-common-btn {
  width: 38rem;
  height: 7.2rem;
  margin: auto;
}
.p-voice-single__recommend {
  background: #edf7ff;
  padding: 8rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .p-voice-single__recommend {
    padding: 4rem 0 5rem;
  }
}
.p-voice-single__recommend-title {
  color: #004193;
  font-size: 2.7rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 0 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-voice-single__recommend-title {
    font-size: 2.3rem;
    margin: 0 0 0.8rem;
  }
}
.p-voice-single__recommend-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 0.1rem #dedede;
  padding: 0 0 2.4rem;
  margin: 5.6rem 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-voice-single__recommend-head {
    padding: 0 0 1.6rem;
    margin: 2.8rem 0 0;
  }
}
.p-voice-single__recommend-head::after {
  content: "";
  display: block;
  width: 10rem;
  height: 0.1rem;
  background: #03BBD5;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__recommend-head::after {
    width: 8rem;
  }
}
.p-voice-single__recommend-head-title {
  color: #004193;
  font-size: 2.3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-voice-single__recommend-head-title {
    font-size: 1.9rem;
  }
}
.p-voice-single__recommend-head-link {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  letter-spacing: 0.15em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-voice-single__recommend-head-link {
    font-size: 1.1rem;
  }
}
.p-voice-single__recommend-head-link::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1.3rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-voice-single__recommend-head-link::before {
    width: 0.65rem;
    height: 0.65rem;
    right: 1.1rem;
  }
}
.p-voice-single__recommend-head-link:hover::before {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-voice-single__recommend-head-link::after {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  background-color: #004193;
  border-radius: 50%;
  margin: 0 0 0 1.6rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-voice-single__recommend-head-link::after {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 0 0 1.2rem;
  }
}
.p-voice-single__recommend-head-link:hover::after {
  background-color: #fff;
}
.p-voice-single__recommend-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
  margin: 3rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__recommend-list {
    grid-template-columns: 1fr;
    gap: 2.2rem;
    margin: 2.2rem 0 0;
  }
}
.p-voice-single__recommend-list-desc {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 1.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-voice-single__recommend-list-desc {
    font-size: 1.3rem;
    margin: 1.4rem 0 0;
  }
}
.p-voice-single .c-banner {
  padding: 8rem 0 1rem;
}
@media screen and (max-width: 767px) {
  .p-voice-single .c-banner {
    padding: 0 0 1rem;
  }
}
.p-voice-single .c-banner::before {
  background: #fff url(../../assets/img/voice/bg-foot.png) no-repeat center top/100% auto;
}
.p-voice-single .c-banner .c-breadcrumb__bottom {
  position: relative;
}

/* --------------------
tuition
-------------------- */
.p-tuition__head {
  background-image: url(../img/tuition/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  padding: 11rem 0 13rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__head {
    padding: 5.6rem 0 6.4rem;
  }
}
.p-tuition__head__read {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__head__read {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 1.8rem;
  }
}
.p-tuition__head__read br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-tuition__head__read br {
    display: block;
  }
}
.p-tuition__head__title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-tuition__head__title {
    font-size: 2.4rem;
  }
}
.p-tuition__head__sub {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin: 2.8rem 0 0 0.45rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__head__sub {
    margin: 1.4rem 0 0 0.45rem;
  }
}
.p-tuition__head__sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background: #fff;
}
.p-tuition__title {
  text-align: center;
  color: #004193;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 0 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__title {
    font-size: 2.4rem;
    margin: 0 0 1.6rem;
  }
}
.p-tuition__note {
  display: flex;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-tuition__note {
    font-size: 1.1rem;
  }
}
.p-tuition__note::before {
  content: "※";
}
.p-tuition__section01 {
  margin: 10rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition__section01 {
    margin: 5rem 0 0;
  }
}
.p-tuition__section01-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2rem 1.6rem;
  margin: 5.6rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition__section01-list {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 1fr);
    gap: 1.6rem;
    margin: 2.8rem 0 0;
  }
}
.p-tuition__section01-list-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #004193;
  background: #fff;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
  padding: 4.8rem 3.2rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition__section01-list-item {
    padding: 2.4rem;
  }
}
.p-tuition__section01-list-item:hover {
  color: #fff;
  background: #004193;
}
.p-tuition__section01-list-item:hover .p-tuition__section01-list-icon {
  background: #fff;
}
.p-tuition__section01-list-item:hover .p-tuition__section01-list-icon.p-tuition__section01-list-icon::before, .p-tuition__section01-list-item:hover .p-tuition__section01-list-icon.p-tuition__section01-list-icon::after {
  background: #004193;
}
.p-tuition__section01-list-item br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-tuition__section01-list-item br {
    display: block;
  }
}
.p-tuition__section01-list-icon {
  display: block;
  background: #004193;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 3.2rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-tuition__section01-list-icon::before, .p-tuition__section01-list-icon::after {
  content: "";
  display: block;
  width: 1rem;
  height: 0.1rem;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 1.1rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-tuition__section01-list-icon::after {
  transform: translateY(-50%) rotate(90deg);
}
.p-tuition__section01-list-text {
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .p-tuition__section01-list-text {
    font-size: 1.7rem;
  }
}
.p-tuition__section01-list-text span {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 0.8rem 0 0 -0.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__section01-list-text span {
    margin: 0.4rem 0 0 -0.4rem;
  }
}
.p-tuition__section02 {
  background: #edf7ff;
  padding: 8rem 0;
  margin: 8.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02 {
    padding: 4rem 0;
    margin: 4.2rem 0 0;
  }
}
.p-tuition__section02-box {
  background: #fff;
  padding: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02-box {
    padding: 2.8rem;
  }
}
.p-tuition__section02-head {
  display: grid;
  grid-template-columns: 30rem 30rem 15rem 1fr;
  align-items: end;
  gap: 3.2rem;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02-head {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}
.p-tuition__section02-inner {
  color: #004193;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02-inner {
    font-size: 1.5rem;
  }
  .p-tuition__section02-inner:last-of-type {
    text-align: center;
  }
}
.p-tuition__section02-select {
  margin: 1.6rem 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02-select {
    margin: 0.8rem 0 0;
  }
}
.p-tuition__section02-select::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background-image: url(../img/tuition/icon-selecter.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
.p-tuition__section02-select-box {
  width: 100%;
  height: 4.4rem;
  color: #292f4a;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  border: solid 0.1rem #dedede;
  padding: 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02-select-box {
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 0 0.8rem;
  }
}
.p-tuition__section02-submit {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 4.4rem;
  color: #fff;
  background: #004193;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  border: solid 0.1rem #004193;
  white-space: nowrap;
  padding: 0 1.6rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02-submit {
    width: 100%;
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 0 0.8rem;
    margin-top: 0.8rem;
  }
}
.p-tuition__section02-submit:hover {
  color: #004193;
  background: #fff;
}
.p-tuition__section02-result {
  margin: 2.4rem 0 5.6rem;
}
.p-tuition__section02-result-title {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  color: #004193;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02-result-title {
    gap: 0.8rem;
    font-size: 1.5rem;
  }
}
.p-tuition__section02-result-title::before, .p-tuition__section02-result-title::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.1rem;
  background: #004193;
}
.p-tuition__section02-result-list {
  width: fit-content;
  display: flex;
  gap: 2rem;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02-result-list {
    width: 100%;
    flex-direction: column;
    gap: 2.4rem;
    margin: 2rem 0 0;
  }
}
.p-tuition__section02-result-list-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02-result-list-item {
    flex-direction: column;
    gap: 0.8rem;
  }
}
.p-tuition__section02-result-list-title {
  width: fit-content;
  color: #fff;
  background: #004193;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  white-space: nowrap;
  padding: 0.8rem 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02-result-list-title {
    font-size: 1.3rem;
    padding: 0.6rem 0.8rem;
  }
}
.p-tuition__section02-result-list-data {
  font-size: 1.6rem;
  font-weight: 500;
  white-space: nowrap;
}
.p-tuition__section02-result-list-data .price {
  font-size: 2.8rem;
  margin-right: 0.2rem;
}
.p-tuition__section02-result-list-data .yen {
  font-size: 1.8rem;
  vertical-align: bottom;
  margin: 0 0 0 -0.4rem;
}
.p-tuition__section02-result-list-data .year::before {
  content: "×";
  margin: 0 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02-result-list-data .year::before {
    margin: 0 0.4rem;
  }
}
.p-tuition__section02__button {
  width: 38rem;
  display: grid;
  grid-template-columns: 1fr 0.5rem;
  align-items: center;
  text-align: center;
  color: #004193;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border: solid 0.1rem #004193;
  padding: 3rem;
  margin: 2.4rem auto 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition__section02__button {
    width: 100%;
    font-size: 1.3rem;
    padding: 1.4rem;
  }
}
.p-tuition__section02__button:hover {
  color: #fff;
  background: #004193;
}
.p-tuition__section02__button::after {
  content: "";
  grid-column: 2/3;
  display: block;
  width: 0.5rem;
  height: 1rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.p-tuition__section02__button:hover::after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-tuition__section03 {
  margin: 8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition__section03 {
    margin: 4rem 0 6rem;
  }
}
.p-tuition__section03-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  margin: 4rem 0 14.7rem;
}
@media screen and (max-width: 767px) {
  .p-tuition__section03-list {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin: 2rem 0 0;
  }
}
.p-tuition__section03-list-item {
  text-align: center;
  width: 100%;
  height: 100%;
  color: #004193;
  background: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
  padding: 4.8rem 0 6.4rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition__section03-list-item {
    font-size: 1.8rem;
    padding: 3.2rem 0 1.6rem;
  }
}
.p-tuition__section03-list-item img {
  width: 18rem;
  margin: 2.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition__section03-list-item img {
    margin: 0 auto;
  }
}
.p-tuition__section03-list-item::before {
  content: "";
  display: block;
  background: #004193;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  position: absolute;
  right: 2.4rem;
  bottom: 5rem;
  transition: 0.3s;
}
.p-tuition__section03-list-item::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 3.5rem;
  bottom: 6.2rem;
  transition: 0.3s;
}
.p-tuition__section03-list-item:hover {
  color: #fff;
  background: #004193;
}
.p-tuition__section03-list-item:hover::before {
  background: #fff;
}
.p-tuition__section03-list-item:hover::after {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}

/* --------------------
tuition > fee
-------------------- */
.p-tuition-fee {
  background: #f7f7f7;
}
.p-tuition-fee__head {
  background-image: url(../img/tuition/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  padding: 11rem 0 13rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__head {
    padding: 5.6rem 0 6.4rem;
  }
}
.p-tuition-fee__head__read {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__head__read {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 1.8rem;
  }
}
.p-tuition-fee__head__read br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__head__read br {
    display: block;
  }
}
.p-tuition-fee__head__title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__head__title {
    font-size: 2.4rem;
  }
}
.p-tuition-fee__head__sub {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin: 2.8rem 0 0 0.45rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__head__sub {
    margin: 1.4rem 0 0 0.45rem;
  }
}
.p-tuition-fee__head__sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background: #fff;
}
.p-tuition-fee .c-inner {
  background: #fff;
  padding: 6.4rem;
  margin: 8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee .c-inner {
    padding: 2rem;
    margin: 4rem 2rem 0;
  }
}
.p-tuition-fee__title {
  color: #004193;
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 0 0 4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__title {
    font-size: 2.4rem;
    margin: 0 0 2.2rem;
  }
}
.p-tuition-fee__title span {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__title span {
    font-size: 2rem;
  }
}
.p-tuition-fee__title-sub {
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__title-sub {
    font-size: 1.7rem;
    margin: 0.8rem 0 0;
  }
}
.p-tuition-fee__subtitle {
  color: #292f4a;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__subtitle {
    font-size: 1.8rem;
    margin: 2.8rem 0 0;
  }
}
.p-tuition-fee__list {
  background: #f7f7f7;
  padding: 2.4rem;
  margin: 4rem 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__list {
    padding: 1.6rem;
    margin: 2rem 0;
  }
}
.p-tuition-fee__list-item {
  display: flex;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__list-item {
    font-size: 1.1rem;
  }
}
.p-tuition-fee__list-item::before {
  content: "●";
}
.p-tuition-fee__note {
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__note {
    font-size: 1.1rem;
    margin: 1.2rem 0 0;
  }
}
.p-tuition-fee__text {
  font-size: 1.8rem;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__text {
    font-size: 1.4rem;
    margin: 2rem 0 0;
  }
}
.p-tuition-fee__section01-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section01-row {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.2rem;
  }
}
.p-tuition-fee__section01-flex {
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section01-flex {
    flex-direction: column;
    gap: 0.8rem;
    padding: 0.8rem;
    margin: 0.8rem 0 0;
  }
}
.p-tuition-fee__section01-flex .p-tuition-fee__section01-data {
  margin: 0;
}
.p-tuition-fee__section01-desc {
  color: #004193;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-bottom: solid 0.1rem #dedede;
  padding: 0 0 0.8rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section01-desc {
    font-size: 1.2rem;
    line-height: 1.5;
    margin: 1.6rem 0 0;
  }
}
.p-tuition-fee__section01-desc:first-child {
  margin: 0;
}
.p-tuition-fee__section01-data {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 1.2rem 0 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section01-data {
    text-align: center;
    font-size: 1.4rem;
    margin: 0.6rem 0 0;
  }
}
.p-tuition-fee__section01-data-liberalarts {
  margin-top: 0;
}
.p-tuition-fee__cost-title {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__cost-title {
    font-size: 2rem;
    margin: 4rem 0 0;
  }
}
.p-tuition-fee__cost-line {
  height: 0.1rem;
  background: #004193;
  margin: 2.4rem 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__cost-line {
    margin: 1.2rem 0;
  }
}
.p-tuition-fee__plus {
  width: 4.4rem;
  margin: 4rem auto;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__plus {
    width: 2.2rem;
    margin: 2rem auto;
  }
}
.p-tuition-fee__section02 {
  background: #fff;
  padding: 0 0 16rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02 {
    padding: 0 0 5rem;
  }
}
.p-tuition-fee__section02 .c-inner {
  margin: 0 auto;
}
.p-tuition-fee__section02 .p-tuition-fee__title {
  margin: 8rem 0 0;
}
.p-tuition-fee__section02 .p-tuition-fee__title:first-of-type {
  margin: 0;
}
.p-tuition-fee__section02-subtitle {
  color: #004193;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-subtitle {
    font-size: 1.7rem;
    margin: 0.8rem 0 0;
  }
}
.p-tuition-fee__section02-table {
  width: 100%;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-table {
    margin: 1.2rem 0 0;
  }
}
.p-tuition-fee__section02-table-blank {
  border-right: solid 0.1rem #dedede;
}
.p-tuition-fee__section02-table-head, .p-tuition-fee__section02-table-title, .p-tuition-fee__section02-table-body {
  vertical-align: middle;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-table-head, .p-tuition-fee__section02-table-title, .p-tuition-fee__section02-table-body {
    font-size: 1.4rem;
  }
}
.p-tuition-fee__section02-table-head-text, .p-tuition-fee__section02-table-title-text, .p-tuition-fee__section02-table-body-text {
  display: block;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-table-head-text, .p-tuition-fee__section02-table-title-text, .p-tuition-fee__section02-table-body-text {
    padding: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-table-head span, .p-tuition-fee__section02-table-title span, .p-tuition-fee__section02-table-body span {
    display: block;
    margin: 0.4rem 0 0;
  }
}
.p-tuition-fee__section02-table-head br, .p-tuition-fee__section02-table-title br, .p-tuition-fee__section02-table-body br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-table-head br, .p-tuition-fee__section02-table-title br, .p-tuition-fee__section02-table-body br {
    display: block;
  }
}
.p-tuition-fee__section02-table-head {
  padding: 0 0 1.6rem 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-table-head {
    padding: 0 0 0.8rem 0.8rem;
  }
}
.p-tuition-fee__section02-table-head-text {
  background: #edf7ff;
}
.p-tuition-fee__section02-table-title {
  border-top: solid 0.1rem #dedede;
  border-right: solid 0.1rem #dedede;
  padding: 1.6rem 1.6rem 1.6rem 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-table-title {
    padding: 0.8rem 0.8rem 0.8rem 0;
  }
}
.p-tuition-fee__section02-table-title-text {
  background: #f7f7f7;
}
.p-tuition-fee__section02-table-body {
  border-top: solid 0.1rem #dedede;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-table-body {
    padding: 0.8rem;
  }
}
.p-tuition-fee__section02-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.1rem;
  background: #dedede;
  margin: 2.4rem -1.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-list {
    grid-template-columns: repeat(2, 1fr);
    margin: 1.2rem -0.6rem 0;
  }
}
.p-tuition-fee__section02-list-item {
  background: #fff;
  padding: 0 1.2rem 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-list-item:nth-of-type(odd) {
    padding: 0.6rem 0.6rem 1.2rem 0;
  }
  .p-tuition-fee__section02-list-item:nth-of-type(even) {
    padding: 0.6rem 0 1.2rem 0.6rem;
  }
  .p-tuition-fee__section02-list-item:nth-of-type(1) {
    padding: 0 0.6rem 1.2rem 0;
  }
  .p-tuition-fee__section02-list-item:nth-of-type(2) {
    padding: 0 0 0.6rem 1.2rem;
  }
}
.p-tuition-fee__section02-list-title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 6.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  background: #edf7ff;
  padding: 1.6rem 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-list-title {
    height: 3.4rem;
    font-size: 1.2rem;
    padding: 0.8rem 0;
  }
}
.p-tuition-fee__section02-list-desc {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__section02-list-desc {
    font-size: 1.4rem;
    margin: 1.2rem 0 0;
  }
}
.p-tuition-fee__content {
  background: #edf7ff;
  padding: 2.4rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__content {
    padding: 1.2rem;
    margin: 1.2rem 0 0;
  }
}
.p-tuition-fee__content-liberalarts {
  padding: 1.5rem 1.5rem 1.5rem 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__content-liberalarts {
    padding: 1.2rem;
  }
}
.p-tuition-fee__content-inner {
  background: #fff;
  padding: 1.6rem;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__content-inner {
    padding: 0.8rem;
    margin: 0;
  }
}
.p-tuition-fee__content-inner-title {
  font-weight: 500;
  white-space: nowrap;
}
.p-tuition-fee__content .p-tuition-fee__subtitle {
  margin: 0;
}
.p-tuition-fee__footer {
  margin-bottom: 8rem;
}
.p-tuition-fee__footer .c-inner {
  margin: 8rem auto 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__footer .c-inner {
    margin: 4rem 2rem 0;
  }
}
.p-tuition-fee__footer-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__footer-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.6rem;
  }
}
.p-tuition-fee__footer-list-item {
  text-align: center;
  width: 100%;
  height: 100%;
  color: #004193;
  background: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
  padding: 4.8rem 0 6.4rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__footer-list-item {
    font-size: 1.8rem;
    padding: 3.2rem 0 1.6rem;
  }
}
.p-tuition-fee__footer-list-item span {
  display: block;
  color: #333;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__footer-list-item span {
    font-size: 1.2rem;
    margin: 0 0 1.2rem;
  }
}
.p-tuition-fee__footer-list-item img {
  width: 18rem;
  margin: 2.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__footer-list-item img {
    margin: 0 auto;
  }
}
.p-tuition-fee__footer-list-item::before {
  content: "";
  display: block;
  background: #004193;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  position: absolute;
  right: 2.4rem;
  bottom: 5rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__footer-list-item::before {
    bottom: 2.4rem;
  }
}
.p-tuition-fee__footer-list-item::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 3.5rem;
  bottom: 6.2rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__footer-list-item::after {
    bottom: 3.6rem;
  }
}
.p-tuition-fee__footer-list-item:hover {
  color: #fff;
  background: #004193;
}
.p-tuition-fee__footer-list-item:hover::before {
  background: #fff;
}
.p-tuition-fee__footer-list-item:hover::after {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-tuition-fee__cta {
  margin: 8rem 0 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__cta {
    padding: 4rem 0 2.8rem;
  }
}
.p-tuition-fee__cta-list {
  display: flex;
  justify-content: space-between;
  gap: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__cta-list {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.p-tuition-fee__cta-buttons {
  background: #edf7ff;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 4.3rem 6.9rem 4.5rem;
  margin-top: 13rem;
  display: flex;
  gap: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__cta-buttons {
    padding: 3rem 2rem 3.5rem;
    flex-direction: column;
    gap: 3rem;
    margin-top: 5rem;
  }
}
.p-tuition-fee__cta-buttons__item {
  flex: 1;
}
.p-tuition-fee__cta-buttons__item-title {
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1;
  letter-spacing: 0.05em;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__cta-buttons__item-title {
    font-size: 1.5rem;
  }
}
.p-tuition-fee__cta-buttons__item-title::before, .p-tuition-fee__cta-buttons__item-title::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-0.572917' x2='14.1615' y2='-0.572917' transform='matrix(-0.688487 -0.725248 -0.688487 0.725248 9.75 11.1016)' stroke='black' stroke-width='1.14583'/%3E%3C/svg%3E%0A");
  width: 1.1rem;
  aspect-ratio: 11/12;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__cta-buttons__item-title::before, .p-tuition-fee__cta-buttons__item-title::after {
    width: 0.9rem;
  }
}
.p-tuition-fee__cta-buttons__item-title::after {
  transform: scaleY(-1);
}
.p-tuition-fee__cta-buttons__item-btn {
  display: block;
  color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  background: #004193;
  margin-top: 1.7rem;
  padding: 2.1rem 2rem;
  border-radius: 0.9rem;
  border: 1px solid #004193;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .p-tuition-fee__cta-buttons__item-btn:hover {
    background: #fff;
    color: #004193;
  }
}
@media screen and (max-width: 767px) {
  .p-tuition-fee__cta-buttons__item-btn {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    padding: 1.3rem 2rem 1.5rem;
    border-radius: 0.4rem;
  }
}
.p-tuition-fee__cta-buttons__item-btn--accent {
  background: #03bbd5;
  border: 1px solid #03bbd5;
}
@media screen and (min-width: 768px) {
  .p-tuition-fee__cta-buttons__item-btn--accent:hover {
    background: #fff;
    color: #03bbd5;
  }
}

/* --------------------
tuition > loan
-------------------- */
.p-tuition-loan__head {
  background-image: url(../img/tuition/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  padding: 12rem 0 16rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__head {
    padding: 5.6rem 0 6.4rem;
  }
}
.p-tuition-loan__head__read {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__head__read {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 1.8rem;
  }
}
.p-tuition-loan__head__read br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__head__read br {
    display: block;
  }
}
.p-tuition-loan__head__title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__head__title {
    font-size: 2.4rem;
  }
}
.p-tuition-loan__head__sub {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin: 2.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__head__sub {
    margin: 1.4rem 0 0;
  }
}
.p-tuition-loan__head__sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background: #fff;
}
.p-tuition-loan__head__desc {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 4.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__head__desc {
    font-size: 1.2rem;
    margin: 2.4rem 0 0;
  }
}
.p-tuition-loan__head__desc .br-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__head__desc .br-sp {
    display: block;
  }
}
.p-tuition-loan .c-inner {
  margin: 12rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan .c-inner {
    margin: 6rem 2rem 0;
  }
}
.p-tuition-loan__title {
  color: #004193;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-top: solid 0.1rem #dedede;
  padding: 3.2rem 0 0;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__title {
    font-size: 2.4rem;
    padding: 2.4rem 0 0;
    margin: 1.4rem 0 0;
  }
}
.p-tuition-loan__title:first-of-type {
  border-top: 0;
  padding: 0;
  margin: 0;
}
.p-tuition-loan__subtitle {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: #292f4a;
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 2.8rem 0 0;
  scroll-margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__subtitle {
    gap: 0.4rem;
    font-size: 2rem;
    margin: 1.4rem 0 0;
    scroll-margin-top: 6rem;
  }
}
.p-tuition-loan__subtitle::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: #333;
  background: #333;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__subtitle::before {
    width: 1.1rem;
    height: 1.1rem;
  }
}
.p-tuition-loan__nav-list {
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__nav-list {
    margin: 2rem 0 0;
  }
}
.p-tuition-loan__nav-list-item {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__nav-list-item {
    flex-direction: column;
    align-items: normal;
    gap: 0.8rem;
    font-size: 1.5rem;
    margin: 2rem 0 0;
  }
}
.p-tuition-loan__nav-label {
  width: 24rem;
  text-align: center;
  color: #004193;
  border: solid 0.2rem #004193;
  padding: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__nav-label {
    width: 20rem;
    padding: 0.4rem;
  }
}
.p-tuition-loan__nav-link {
  text-decoration: underline;
}
.p-tuition-loan__nav-link:hover {
  text-decoration: none;
}
.p-tuition-loan__section-list {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__section-list {
    margin: 1.6rem 0 0;
  }
}
.p-tuition-loan__section-list-item {
  display: grid;
  grid-template-columns: 17rem 1fr;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__section-list-item {
    grid-template-columns: 1fr;
  }
}
.p-tuition-loan__section-list-head {
  display: flex;
  align-items: center;
  height: 100%;
  color: #004193;
  background: #edf7ff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__section-list-head {
    font-size: 1.3rem;
    padding: 2rem;
  }
}
.p-tuition-loan__section-list-body {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  padding: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__section-list-body {
    font-size: 1.3rem;
    padding: 1.6rem;
  }
}
.p-tuition-loan__section-list-body > :first-child {
  margin: 0;
}
.p-tuition-loan__section-list-body .u-margintop {
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__section-list-body .u-margintop {
    margin: 1.2rem 0 0;
  }
}
.p-tuition-loan__section-list-title {
  font-weight: 500;
  margin: 2.4rem 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__section-list-title {
    margin: 1.2rem 0 0.8rem;
  }
}
.p-tuition-loan__section-list-marker {
  display: flex;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__section-list-marker {
    font-size: 1.3rem;
    margin: 0.8rem 0 0;
  }
}
.p-tuition-loan__section-list-marker::before {
  content: "";
  display: block;
  flex: 0 0 0.7rem;
  height: 0.7rem;
  background: #004193;
  border-radius: 50%;
  margin: 0.8rem 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__section-list-marker::before {
    margin: 0.8rem 0.8rem 0 0;
  }
}
.p-tuition-loan__section-list-text {
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__section-list-text {
    margin: 0.4rem 0 0;
  }
}
.p-tuition-loan__section-list-text--marker {
  display: flex;
}
.p-tuition-loan__section-list-text--marker::before {
  content: "・";
}
.p-tuition-loan__section-list-text--indent {
  padding-left: 1.5rem;
}
.p-tuition-loan__section-link {
  font-size: 1.4rem;
  color: #001DFF;
  text-decoration: underline;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__section-link {
    font-size: 1.1rem;
  }
}
.p-tuition-loan__section-link::after {
  content: ">";
}
.p-tuition-loan__section-link:hover {
  text-decoration: none;
}
.p-tuition-loan__box {
  background: #F7F7F7;
  font-size: 1.3rem;
  padding: 2.4rem;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__box {
    font-size: 1rem;
    padding: 1.2rem;
    margin: 2rem 0 0;
  }
}
.p-tuition-loan__box-head {
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr 2rem;
  align-items: center;
  color: #000;
  font-size: 2.1rem;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__box-head {
    font-size: 1.8rem;
  }
}
.p-tuition-loan__box-head::before, .p-tuition-loan__box-head::after {
  content: "";
  display: block;
  width: 2rem;
  height: 0.2rem;
  background: #333;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-tuition-loan__box-head::after {
  transform: translateY(-50%) rotate(90deg);
}
.p-tuition-loan__box-head.active::after {
  transform: translateY(-50%) rotate(0);
}
.p-tuition-loan__box-body {
  display: none;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__box-body {
    font-size: 1.3rem;
    margin: 1.2rem 0 0;
  }
}
.p-tuition-loan__box-body.active {
  display: block;
}
.p-tuition-loan__note {
  font-size: 1.3rem;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__note {
    font-size: 1rem;
  }
}
.p-tuition-loan__strong {
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 3.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__strong {
    font-size: 1.8rem;
    margin: 1.6rem 0;
  }
}
.p-tuition-loan__tag {
  display: flex;
  gap: 1.6rem;
  line-height: 1;
  margin: 1.2rem 0 2rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__tag {
    margin: 0.8rem 0 1.6rem;
  }
}
.p-tuition-loan__tag:last-of-type {
  margin: 1.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__tag:last-of-type {
    margin: 0.8rem 0 0;
  }
}
.p-tuition-loan__tag-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.p-tuition-loan__tag-label {
  width: fit-content;
  color: #004193;
  font-size: 1.1rem;
  line-height: 1;
  border: solid 0.1rem #004193;
  border-radius: 0.4rem;
  padding: 0.6rem 1.1rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__tag-label {
    font-size: 0.8rem;
    padding: 0.3rem 0.8rem;
  }
}
.p-tuition-loan__label {
  width: 8rem;
  text-align: center;
  color: #004193;
  font-size: 1.1rem;
  line-height: 1;
  border: solid 0.1rem #004193;
  border-radius: 0.4rem;
  padding: 0.6rem;
  margin: 2.4rem 0 -0.8rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__label {
    width: 6rem;
    font-size: 0.8rem;
    padding: 0.3rem;
    margin: 1.2rem 0 -0.4rem;
  }
}
.p-tuition-loan__footer {
  margin-bottom: 8rem;
}
.p-tuition-loan__footer .c-inner {
  margin: 8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__footer .c-inner {
    margin: 4rem 2rem 0;
  }
}
.p-tuition-loan__footer-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__footer-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.6rem;
  }
}
.p-tuition-loan__footer-list-item {
  text-align: center;
  width: 100%;
  height: 100%;
  color: #004193;
  background: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
  padding: 4.8rem 0 6.4rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__footer-list-item {
    font-size: 1.8rem;
    padding: 3.2rem 0 1.6rem;
  }
}
.p-tuition-loan__footer-list-item span {
  display: block;
  color: #333;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__footer-list-item span {
    font-size: 1.2rem;
    margin: 0 0 1.2rem;
  }
}
.p-tuition-loan__footer-list-item img {
  width: 18rem;
  margin: 2.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__footer-list-item img {
    margin: 0 auto;
  }
}
.p-tuition-loan__footer-list-item::before {
  content: "";
  display: block;
  background: #004193;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  position: absolute;
  right: 2.4rem;
  bottom: 5rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__footer-list-item::before {
    bottom: 2.4rem;
  }
}
.p-tuition-loan__footer-list-item::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 3.5rem;
  bottom: 6.2rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__footer-list-item::after {
    bottom: 3.6rem;
  }
}
.p-tuition-loan__footer-list-item:hover {
  color: #fff;
  background: #004193;
}
.p-tuition-loan__footer-list-item:hover::before {
  background: #fff;
}
.p-tuition-loan__footer-list-item:hover::after {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-tuition-loan__cta {
  margin: 16rem 0 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__cta {
    margin: 8rem 0 2.8rem;
  }
}
.p-tuition-loan__cta-list {
  display: flex;
  justify-content: space-between;
  gap: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-loan__cta-list {
    flex-direction: column;
    gap: 1.6rem;
  }
}

/* --------------------
tuition > materials
-------------------- */
.p-tuition-materials__head {
  background-image: url(../img/tuition/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  padding: 12rem 0 16rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__head {
    padding: 5.6rem 0 6.4rem;
  }
}
.p-tuition-materials__head__read {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__head__read {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 1.8rem;
  }
}
.p-tuition-materials__head__read br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__head__read br {
    display: block;
  }
}
.p-tuition-materials__head__title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__head__title {
    font-size: 2.4rem;
  }
}
.p-tuition-materials__head__sub {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin: 2.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__head__sub {
    margin: 1.4rem 0 0;
  }
}
.p-tuition-materials__head__sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background: #fff;
}
.p-tuition-materials__head__desc {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 4.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__head__desc {
    font-size: 1.2rem;
    margin: 2.4rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__head__desc br {
    display: none;
  }
}
.p-tuition-materials__head__desc .br-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__head__desc .br-sp {
    display: block;
  }
}
.p-tuition-materials .c-inner {
  margin: 7.6rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials .c-inner {
    margin: 6rem 2rem 0;
  }
}
.p-tuition-materials__title {
  color: #004193;
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__title {
    font-size: 2.4rem;
  }
}
.p-tuition-materials__subtitle {
  cursor: pointer;
  display: flex;
  gap: 0.8rem;
  color: #292f4a;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 6.4rem 0 2.9rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__subtitle {
    gap: 0.6rem;
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 2rem 0 0;
  }
}
.p-tuition-materials__subtitle--modi {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__subtitle--modi {
    margin-top: 2rem;
  }
}
.p-tuition-materials__subtitle::before {
  content: "";
  display: block;
  flex: 0 0 1.5rem;
  height: 1.5rem;
  background: #333;
  background: #333;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__subtitle::before {
    flex: 0 0 1.2rem;
    height: 1.2rem;
    margin: 0.7rem 0 0;
  }
}
.p-tuition-materials__nav {
  display: grid;
  grid-template-columns: minmax(0, 59.8rem) minmax(0, 1fr);
  align-items: center;
  gap: 3.2rem;
  margin: 3.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__nav {
    grid-template-columns: repeat(1, 1fr);
    align-items: normal;
    gap: 1.6rem;
    margin: 2.4rem 0 0;
  }
}
.p-tuition-materials__nav-box {
  display: grid;
  gap: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__nav-box {
    grid-template-columns: 5rem 1fr;
    align-items: center;
  }
}
.p-tuition-materials__nav-title {
  color: #004193;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__nav-title {
    font-size: 1.5rem;
  }
}
.p-tuition-materials__nav-select {
  border: solid 0.1rem #dedede;
  position: relative;
}
.p-tuition-materials__nav-select::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background-image: url(../img/tuition/icon-selecter.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
.p-tuition-materials__nav-select-form {
  width: 100%;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  padding: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__nav-select-form {
    padding: 0.8rem;
  }
}
.p-tuition-materials__course {
  position: relative;
}
.p-tuition-materials__course::before, .p-tuition-materials__course::after {
  content: "";
  width: 2rem;
  height: 0.2rem;
  background: #004193;
  position: absolute;
  top: 0.8rem;
  right: 0;
  transition: 0.3s;
}
.p-tuition-materials__course::after {
  transform: rotate(90deg);
}
.p-tuition-materials__course.is-active::after {
  transform: rotate(0);
}
.p-tuition-materials__section01-aco {
  display: none;
  padding-top: 0.8rem;
}
.p-tuition-materials__section01-group {
  background: #edf7ff;
  padding: 2.4rem;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-group {
    padding: 2rem 1rem;
  }
}
.p-tuition-materials__section01-group:first-of-type {
  margin-top: 0;
}
.p-tuition-materials__section01-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #004193;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-group-head {
    flex-direction: column;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-group-head span {
    text-align: center;
  }
}
.p-tuition-materials__section01-group-head .p-tuition-materials__note {
  font-weight: 400;
  margin: 0.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-group-head .p-tuition-materials__note {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-group-head .p-tuition-materials__note--center-sp {
    text-align: center;
  }
}
.p-tuition-materials__section01-group-head .p-tuition-materials__note--mt {
  margin: 1.6rem 0 0;
}
.p-tuition-materials__section01-group-head--gap {
  gap: 10rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-group-head--gap {
    gap: 0;
  }
}
.p-tuition-materials__section01-group-foot {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  border-top: solid 0.1rem #dedede;
  padding: 1.2rem 0 0;
  margin: 1.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-group-foot {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-group-foot--center-sp {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-group-foot span {
    display: block;
    margin-top: 0.4rem;
  }
}
.p-tuition-materials__section01-group-foot .p-tuition-materials__note {
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-group-foot .p-tuition-materials__note {
    text-align: center;
  }
}
.p-tuition-materials__section01-body {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin: 1.6rem 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-body {
    font-size: 1.3rem;
    margin: 2rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-body--center-sp {
    text-align: center;
  }
}
.p-tuition-materials__section01-body span {
  text-decoration: underline;
}
.p-tuition-materials__section01-table {
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-table {
    width: 100%;
    overflow: auto;
    margin: 0.8rem 0 0;
  }
}
.p-tuition-materials__section01-table-inner {
  width: 100%;
  border-top: solid 0.1rem #dedede;
  border-left: solid 0.1rem #dedede;
}
.p-tuition-materials__section01-table-caption {
  color: #004193;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-table-caption {
    margin: 1.6rem 0 0;
  }
}
.p-tuition-materials__section01-table-head {
  color: #004193;
  background: #edf7ff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  vertical-align: middle;
  border-right: solid 0.1rem #dedede;
  border-bottom: solid 0.1rem #dedede;
  padding: 1rem 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-table-head {
    white-space: nowrap;
  }
}
.p-tuition-materials__section01-table-body {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  vertical-align: middle;
  border-right: solid 0.1rem #dedede;
  border-bottom: solid 0.1rem #dedede;
  padding: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-table-body {
    white-space: nowrap;
  }
}
.p-tuition-materials__section01-list {
  border-top: solid 0.1rem #dedede;
  border-left: solid 0.1rem #dedede;
  margin-top: 2.4rem;
}
.p-tuition-materials__section01-list-title {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
  margin-bottom: -0.8rem;
}
.p-tuition-materials__section01-list-item {
  width: 100%;
  display: grid;
  align-items: center;
  grid-template-columns: 18rem 1fr;
  border-bottom: solid 0.1rem #dedede;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-list-item {
    grid-template-columns: 1fr;
  }
}
.p-tuition-materials__section01-list-item-label {
  height: 100%;
  display: flex;
  align-items: center;
  color: #004193;
  background: #edf7ff;
  font-size: 1.4rem;
  line-height: 1.5;
  border-right: solid 0.1rem #dedede;
  padding: 1.6rem;
}
.p-tuition-materials__section01-list-item-desc {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  border-right: solid 0.1rem #dedede;
  padding: 1.6rem;
}
.p-tuition-materials__section01-marker {
  display: flex;
  gap: 0.4rem;
}
.p-tuition-materials__section01-marker::before {
  content: "●";
}
.p-tuition-materials__section01-marker--small {
  overflow-wrap: break-word;
  margin-left: 0.4rem;
}
.p-tuition-materials__section01-marker--small::before {
  content: "・";
}
.p-tuition-materials__section01-link {
  border-bottom: solid 0.1rem currentColor;
  word-break: break-all;
  transition: 0.3s;
}
.p-tuition-materials__section01-link:hover {
  border-bottom: solid 0.1rem transparent;
}
.p-tuition-materials__section01-inner {
  padding: 0 2.4rem 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section01-inner {
    padding: 0 0 1.6rem;
  }
}
.p-tuition-materials__note {
  color: #333;
  font-size: 1.3rem;
  font-weight: 400;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__note {
    font-size: 1rem;
    text-align: left;
    margin: 0.4rem 0 0;
  }
}
.p-tuition-materials__strong {
  font-size: 2rem;
  font-weight: 500;
  text-align: right;
  color: #333333;
  line-height: 1.3;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__strong {
    font-size: 1.5rem;
    text-align: center;
    margin: 1rem 0 0;
    white-space: wrap;
  }
}
.p-tuition-materials__strong span:not(:first-of-type) {
  display: block;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__strong .p-tuition-materials__note {
    text-align: center;
    margin-top: 0.8rem;
  }
}
.p-tuition-materials__section02-faq {
  margin: 4.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section02-faq {
    margin: 2.4rem 0 0;
  }
}
.p-tuition-materials__section02-faq-box {
  font-size: 1.6rem;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section02-faq-box {
    font-size: 1.3rem;
    margin: 0.8rem 0 0;
  }
}
.p-tuition-materials__section02-faq-question {
  cursor: pointer;
  color: #004193;
  font-weight: 500;
  border: solid 0.1rem #dedede;
  padding: 2.4rem 2.4rem 2.4rem 6rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section02-faq-question {
    padding: 1.2rem 4.8rem 1.2rem 4rem;
  }
}
.p-tuition-materials__section02-faq-question:hover {
  opacity: 0.5;
}
.p-tuition-materials__section02-faq-question::before {
  content: "Q";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  height: 2.7rem;
  color: #fff;
  background: #004193;
  position: absolute;
  top: 50%;
  left: 2.4rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section02-faq-question::before {
    left: 0.8rem;
  }
}
.p-tuition-materials__section02-faq-question::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='9.55469' x2='19' y2='9.55469' stroke='%23004193' stroke-width='2'/%3E%3Cline x1='8.85156' y1='19.7031' x2='8.85156' y2='-0.000577927' stroke='%23004193' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.9rem;
  aspect-ratio: 19/20;
  position: absolute;
  right: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
}
.p-tuition-materials__section02-faq-question.active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='2' viewBox='0 0 19 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='19' y2='1' stroke='%23004193' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.p-tuition-materials__section02-faq-answer {
  display: none;
  padding: 2.4rem 2.4rem 2.4rem 6rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section02-faq-answer {
    padding: 1.2rem 1.2rem 1.2rem 4rem;
  }
}
.p-tuition-materials__section02-faq-answer:hover {
  opacity: 0.5;
}
.p-tuition-materials__section02-faq-answer::before {
  content: "A";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  height: 2.7rem;
  color: #004193;
  background: #EDF7FF;
  position: absolute;
  top: 50%;
  left: 2.4rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__section02-faq-answer::before {
    left: 0.8rem;
  }
}
.p-tuition-materials__footer {
  margin-bottom: 8rem;
}
.p-tuition-materials__footer .c-inner {
  margin: 8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__footer .c-inner {
    margin: 4rem 2rem 0;
  }
}
.p-tuition-materials__footer-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__footer-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.6rem;
  }
}
.p-tuition-materials__footer-list-item {
  text-align: center;
  width: 100%;
  height: 100%;
  color: #004193;
  background: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
  padding: 4.8rem 0 6.4rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__footer-list-item {
    font-size: 1.8rem;
    padding: 3.2rem 0 1.6rem;
  }
}
.p-tuition-materials__footer-list-item span {
  display: block;
  color: #333;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__footer-list-item span {
    font-size: 1.2rem;
    margin: 0 0 1.2rem;
  }
}
.p-tuition-materials__footer-list-item img {
  width: 18rem;
  margin: 2.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__footer-list-item img {
    margin: 0 auto;
  }
}
.p-tuition-materials__footer-list-item::before {
  content: "";
  display: block;
  background: #004193;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  position: absolute;
  right: 2.4rem;
  bottom: 5rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__footer-list-item::before {
    bottom: 2.4rem;
  }
}
.p-tuition-materials__footer-list-item::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 3.5rem;
  bottom: 6.2rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__footer-list-item::after {
    bottom: 3.6rem;
  }
}
.p-tuition-materials__footer-list-item:hover {
  color: #fff;
  background: #004193;
}
.p-tuition-materials__footer-list-item:hover::before {
  background: #fff;
}
.p-tuition-materials__footer-list-item:hover::after {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-tuition-materials__cta {
  margin: 16rem 0 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__cta {
    margin: 8rem 0 2.8rem;
  }
}
.p-tuition-materials__cta-list {
  display: flex;
  justify-content: space-between;
  gap: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-tuition-materials__cta-list {
    flex-direction: column;
    gap: 1.6rem;
  }
}

.c-modal-popup {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}
.c-modal-popup.is-open {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
}
.c-modal-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
  z-index: -1;
}
.c-modal-popup__dialog {
  width: 72rem;
  max-width: 80%;
  margin: 14rem auto;
  background: #fff;
  border-radius: 1.4rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .c-modal-popup__dialog {
    max-width: 100%;
    margin: 4rem 2rem;
  }
}
.c-modal-popup__body {
  flex: 1;
  min-height: 0;
  padding: 3rem 4rem 4rem;
}
@media screen and (max-width: 767px) {
  .c-modal-popup__body {
    padding: 1.5rem 2rem 2rem;
  }
}
.c-modal-popup__body--modi {
  padding: 0 0 5rem;
}
@media screen and (max-width: 767px) {
  .c-modal-popup__body--modi {
    padding: 0 0 3rem;
  }
}
.c-modal-popup__title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-modal-popup__title {
    font-size: 1.8rem;
  }
}
.c-modal-popup__images {
  width: 100%;
  max-width: 17rem;
  margin: 1.6rem auto 0;
  aspect-ratio: 1;
}
@media screen and (max-width: 767px) {
  .c-modal-popup__images {
    max-width: 8rem;
    margin-top: 1.1rem;
  }
}
.c-modal-popup__images--modi {
  max-width: 100%;
  margin-top: 0;
  aspect-ratio: initial;
}
@media screen and (max-width: 767px) {
  .c-modal-popup__images--modi {
    max-width: 100%;
    margin-top: 0;
  }
}
.c-modal-popup__images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 1.4rem 1.4rem 0 0;
}
.c-modal-popup__content {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-modal-popup__content {
    font-size: 1.2rem;
    margin-top: 1.1rem;
  }
}
.c-modal-popup__buttons {
  margin: 2.6rem auto 0;
  width: 100%;
  max-width: 37rem;
}
@media screen and (max-width: 767px) {
  .c-modal-popup__buttons {
    margin-top: 1.6rem;
  }
}
.c-modal-popup__buttons--modi {
  max-width: 20rem;
}
@media screen and (max-width: 767px) {
  .c-modal-popup__buttons--modi {
    margin-top: 1rem;
  }
}
.c-modal-popup__buttons a {
  display: block;
  margin-bottom: 0.8rem;
  background: #004193;
  width: 100%;
  height: 4.8rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  font-weight: 500;
  position: relative;
  border: 1px solid #004193;
  transition: 0.4s;
  padding-right: 1.2rem;
}
@media screen and (max-width: 767px) {
  .c-modal-popup__buttons a {
    font-size: 1.1rem;
    height: 3.8rem;
  }
}
.c-modal-popup__buttons a::after {
  position: absolute;
  content: "";
  background-image: url(../img/tuition/modal/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.7rem;
  height: 1.1rem;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%);
  transition: 0.4s;
}
.c-modal-popup__buttons a:hover {
  background: #fff;
  color: #004193;
}
.c-modal-popup__buttons a:hover::after {
  background-image: url(../img/tuition/modal/icon_arrow-right-blue.svg);
}
.c-modal-popup__close {
  width: 100% !important;
  height: 4.8rem;
  background: transparent;
  color: #004193;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
  border: 1px solid #004193;
  cursor: pointer;
  text-align: center;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .c-modal-popup__close {
    font-size: 1.1rem;
    height: 3.8rem;
  }
}
.c-modal-popup__close:hover {
  background: #004193;
  color: #fff;
}

/* --------------------
information archive
-------------------- */
.p-information-archive {
  font-size: 1.6rem;
}
.p-information-archive__head {
  background-image: url(../img/information/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  padding: 11rem 0 13rem;
}
@media screen and (max-width: 767px) {
  .p-information-archive__head {
    padding: 5.6rem 0 6.4rem;
  }
}
.p-information-archive__head-read {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-information-archive__head-read {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 1.8rem;
  }
}
.p-information-archive__head-read br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-information-archive__head-read br {
    display: block;
  }
}
.p-information-archive__head-title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-information-archive__head-title {
    font-size: 2.4rem;
  }
}
.p-information-archive__head-sub {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin: 2.8rem 0 0 0.45rem;
}
@media screen and (max-width: 767px) {
  .p-information-archive__head-sub {
    margin: 1.4rem 0 0 0.45rem;
  }
}
.p-information-archive__head-sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background: #fff;
}
.p-information-archive__container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin: 6.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-information-archive__container {
    flex-direction: column;
    margin: 1.6rem auto 0;
  }
}
.p-information-archive__tab-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  line-height: 1.5;
  padding-bottom: 1.6rem;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-archive__tab-list {
    gap: 0.5rem;
    padding-bottom: 0.8rem;
    margin: 2rem 0 0;
  }
}
.p-information-archive__tab-list-item {
  flex: 0 0 31.2rem;
  display: grid;
  align-items: center;
  text-align: center;
  height: 7.6rem;
  color: #004193;
  background: #edf7ff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  border: solid 0.1rem #b2d1f9;
  border-radius: 2rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-archive__tab-list-item {
    flex: 0 0 8.3rem;
    height: auto;
    font-size: 1.2rem;
    line-height: 3.2rem;
  }
}
.p-information-archive__tab-list-item:hover {
  cursor: pointer;
  color: #fff;
  background: #004193;
}
.p-information-archive__tab-list-item.active {
  cursor: auto;
  color: #fff;
  background: #004193;
}
.p-information-archive__nav {
  width: 22rem;
}
@media screen and (max-width: 767px) {
  .p-information-archive__nav {
    width: 100%;
    position: static;
    padding: 0 2rem;
    margin: 4rem 0 0;
  }
}
.p-information-archive__nav-title {
  font-weight: 500;
  border-left: solid 0.2rem #004193;
  padding: 0 0 0 1rem;
  margin: 4rem 0 1.6rem;
}
.p-information-archive__nav-list-link {
  display: block;
  color: #fff;
  background: #004193;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1.6rem;
  margin: 0 0 0.1rem;
  position: relative;
}
.p-information-archive__nav-list-link:hover::after {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-information-archive__nav-list-item {
  margin: 0 0 0.1rem;
}
.p-information-archive__nav-list-parent {
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 500;
  background: #EDF7FF;
  position: relative;
  transition: 0.3s;
}
.p-information-archive__nav-list-parent:hover {
  opacity: 0.5;
}
.p-information-archive__nav-list-parent::after {
  content: "";
  width: 0.6rem;
  height: 1.2rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
.p-information-archive__nav-list-parent-link {
  display: block;
  padding: 1.6rem;
}
.p-information-archive__nav-list-child {
  font-size: 1.3rem;
  padding: 1.6rem 0 1.6rem 2.7rem;
  display: none;
  position: relative;
}
.p-information-archive__nav-list-child::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(../img/common/icon-arrow-right-gray.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-information-archive__nav-list-child:hover {
  background: #ccc;
}
.p-information-archive__nav-list-child:hover::after {
  background-image: url(../img/common/icon-arrow-right-blue.svg);
}
.p-information-archive__nav-accordion-title {
  padding: 1.6rem;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 500;
  background: #EDF7FF;
  position: relative;
  transition: 0.3s;
}
.p-information-archive__nav-accordion-title:before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 0.1rem;
  background: #004193;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-information-archive__nav-accordion-title:after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 0.1rem;
  background: #004193;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.3s;
}
.p-information-archive__nav-accordion-title:hover {
  opacity: 0.5;
}
.p-information-archive__nav-accordion-title.is-open:after {
  transform: translateY(-50%) rotate(0);
}
.p-information-archive__nav-accordion-content {
  display: none;
}
.p-information-archive__nav-accordion-content-item-child-link {
  display: block;
  padding: 1.6rem 0 1.6rem 2.7rem;
  font-size: 1.4rem;
  position: relative;
}
.p-information-archive__nav-accordion-content-item-child-link:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(../img/common/icon-arrow-right-gray.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-information-archive__nav-accordion-content-item-child-link:hover {
  background-color: #ccc;
}
.p-information-archive__nav-accordion-content-item-child-link:hover:after {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-information-archive__body {
  width: 96rem;
}
@media screen and (max-width: 767px) {
  .p-information-archive__body {
    width: 100%;
    margin: 0 auto;
  }
}
.p-information-archive__title {
  color: #004193;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-bottom: solid 0.1rem #DEDEDE;
  padding: 0 0 2.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-information-archive__title {
    font-size: 2.4rem;
    padding: 0 0 1.6rem;
  }
}
.p-information-archive__title::after {
  content: "";
  display: block;
  width: 10rem;
  height: 0.1rem;
  background: #03BBD5;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-information-archive__title::after {
    width: 8rem;
  }
}
.p-information-archive__list.active {
  display: block;
}
.p-information-archive__list-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
  margin: 5.6rem 0 0;
  padding-bottom: 3rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-information-archive__list-item {
    padding-bottom: 0;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.6rem;
    margin: 4rem 2rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-information-archive__list-item:first-of-type {
    margin: 0 2rem;
  }
}
.p-information-archive__list-item--close::before {
  content: "";
  display: block;
  background: #d9d9d9;
  opacity: 0.5;
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}
.p-information-archive__list-item--close::after {
  content: "終了しました";
  display: block;
  width: 24rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border-radius: 6rem;
  position: absolute;
  top: 2.4rem;
  left: 2.4rem;
  z-index: 4;
}
@media screen and (max-width: 767px) {
  .p-information-archive__list-item--close::after {
    width: 16rem;
    height: 4rem;
    font-size: 1.3rem;
    top: 1.6rem;
    left: 1.6rem;
  }
}
.p-information-archive__list-item-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.p-information-archive__list-item:hover .p-information-archive__list-button {
  color: #fff;
  background: #004193;
}
.p-information-archive__list-item:hover .p-information-archive__list-button:after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-information-archive__list-head img {
  aspect-ratio: 65/43;
  object-fit: contain;
}
.p-information-archive__list-head img.has-space {
  border: 1px solid #333;
}
.p-information-archive__list-tag {
  display: flex;
  gap: 0.8rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-information-archive__list-tag {
    gap: 0.4rem;
  }
}
.p-information-archive__list-tag-label {
  display: inline-block;
  color: #888;
  background: #fff;
  font-size: 1.1rem;
  border-radius: 0.4rem;
  border: solid 0.1rem #ccc;
}
@media screen and (max-width: 767px) {
  .p-information-archive__list-tag-label {
    border-radius: 0.2rem;
  }
}
.p-information-archive__list-tag-label a {
  display: block;
  padding: 0.8rem 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-information-archive__list-tag-label a {
    padding: 0.4rem 0.8rem;
  }
}
.p-information-archive__list-date {
  color: #646464;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-information-archive__list-date {
    font-size: 1.6rem;
    margin-top: 1.2rem;
  }
}
.p-information-archive__list-date span {
  font-size: 3.2rem;
}
.p-information-archive__list-time {
  display: flex;
  align-self: center;
  gap: 0.8rem;
  color: #292F4A;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-information-archive__list-time {
    gap: 0.4rem;
    font-size: 1.3rem;
  }
}
.p-information-archive__list-time::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url(../img/information/icon-time.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.p-information-archive__list-title {
  color: #004193;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
  border-bottom: solid 0.1rem #DEDEDE;
  padding: 0 0 0.8rem;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-archive__list-title {
    font-size: 1.8rem;
  }
}
.p-information-archive__list-desc {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin: 1.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-archive__list-desc {
    font-size: 1.2rem;
    margin: 0.8rem 0 0;
  }
}
.p-information-archive__list-button {
  width: 24.8rem;
  height: 4.8rem;
  display: grid;
  grid-template-columns: 1fr 0.5rem;
  align-items: center;
  text-align: center;
  color: #004193;
  background: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border: solid 0.1rem #004193;
  padding: 0 1.9rem;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.3s;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-information-archive__list-button {
    margin-top: 2rem;
    width: 100%;
    gap: 1.2rem;
    text-align: center;
    position: relative;
  }
}
.p-information-archive__list-button:after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 1rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.p-information-archive__sns {
  background: #edf7ff;
  padding: 4rem 0;
  margin: 17rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-archive__sns {
    padding: 2rem 0;
    margin: 8.5rem 0 0;
  }
}
.p-information-archive__sns-title {
  width: fit-content;
  color: #004193;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border-top: solid 0.1rem #004193;
  border-bottom: solid 0.1rem #004193;
  padding: 2.4rem 0 2rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-information-archive__sns-title {
    font-size: 2rem;
    line-height: 1.5;
    padding: 1.2rem 0 1rem;
  }
}
.p-information-archive__sns-title br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-information-archive__sns-title br {
    display: block;
  }
}
.p-information-archive__sns-subtitle {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-archive__sns-subtitle {
    font-size: 1.4rem;
    margin: 2rem 0 0;
  }
}
.p-information-archive__sns-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem;
  align-items: center;
  text-align: center;
  border-bottom: solid 0.1rem #dedede;
  padding: 0 0 4rem;
  margin: 2.4rem 0;
}
@media screen and (max-width: 767px) {
  .p-information-archive__sns-list {
    gap: 2rem;
    grid-template-columns: repeat(1, 1fr);
    padding: 0 0 2rem;
    margin: 1.2rem 0;
  }
}
.p-information-archive__sns-list-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  background: #fff;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 1.6rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-archive__sns-list-item {
    gap: 0.8rem;
    padding: 0.8rem;
  }
}
.p-information-archive__sns-list-item:hover {
  opacity: 0.5;
}
.p-information-archive__sns-list-item img {
  width: 3rem;
}
.p-information-archive__sns-footer {
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-information-archive__sns-footer {
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    margin: 2rem auto 0;
  }
}
.p-information-archive__sns-footer-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  background: #fff;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 1.6rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-archive__sns-footer-banner {
    gap: 0.8rem;
    padding: 0.8rem;
  }
}
.p-information-archive__sns-footer-banner:hover {
  opacity: 0.5;
}
.p-information-archive__sns-footer-banner img {
  width: 3rem;
}
.p-information-archive__footer {
  margin: 12rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-archive__footer {
    margin: 6rem 0 0;
  }
}
.p-information-archive__footer .c-inner {
  background: transparent;
  padding: 0;
}
.p-information-archive__footer-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-information-archive__footer-list {
    gap: 2rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
.p-information-archive__footer-list-item {
  text-align: center;
  color: #fff;
  background: #004193;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 4rem;
  border-radius: 12rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-archive__footer-list-item {
    font-size: 1.7rem;
    padding: 2rem;
  }
}
.p-information-archive__footer-list-item::before {
  content: "";
  display: block;
  background: #fff;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 2.7rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-information-archive__footer-list-item::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 3.8rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-information-archive__footer-list-item:hover {
  color: #004193;
  background: #fff;
}
.p-information-archive__footer-list-item:hover::before {
  background: #004193;
}
.p-information-archive__footer-list-item:hover::after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-information-archive__footer-banner {
  display: flex;
  justify-content: space-between;
  gap: 4.2rem;
  margin: 6.4rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .p-information-archive__footer-banner {
    flex-direction: column;
    gap: 1.6rem;
    margin: 3.2rem 0 5rem;
  }
}

/* --------------------
information > single
-------------------- */
.p-information-single {
  font-size: 1.6rem;
  background-image: url(../img/information/bg-single.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}
.p-information-single__breadcrumb .c-breadcrumb {
  color: #fff;
  background: transparent;
  padding: 6.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__breadcrumb .c-breadcrumb {
    padding: 1.6rem 2rem 0;
  }
}
.p-information-single__breadcrumb .c-breadcrumb__wrap {
  max-width: 100%;
  margin: 0;
}
.p-information-single__breadcrumb .c-breadcrumb__list-item {
  color: rgba(255, 255, 255, 0.5);
}
.p-information-single__breadcrumb .c-breadcrumb__list-item::after {
  background: #fff;
}
.p-information-single__breadcrumb .c-breadcrumb__list a {
  color: #fff;
}
.p-information-single__head {
  display: grid;
  grid-template-columns: minmax(0, 42.4rem) minmax(0, 1fr);
  align-items: flex-start;
  background: #fff;
  margin: 1.9rem auto 0;
  max-width: 128rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__head {
    display: flex;
    flex-direction: column-reverse;
    align-items: normal;
    margin: 2.6rem 2rem 0;
  }
}
.p-information-single__head-text {
  padding: 6.4rem 4rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__head-text {
    padding: 2.4rem 0 0;
  }
}
.p-information-single__head-tag {
  width: fit-content;
  color: #004193;
  font-weight: 500;
  letter-spacing: 0.15em;
  border-top: solid 0.1rem #004193;
  border-bottom: solid 0.1rem #004193;
  padding: 0.6rem 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__head-tag {
    font-size: 1.3rem;
    padding: 0.3rem 0;
  }
}
.p-information-single__head-title {
  color: #004193;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  border-bottom: solid 0.15rem #dedede;
  padding: 0 0 1.2rem;
  margin: 1.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__head-title {
    font-size: 2.5rem;
    padding: 0 0 0.6rem;
    margin: 0.6rem 0 0;
  }
}
.p-information-single__head-data {
  margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__head-data {
    margin: 1rem 0 0;
  }
}
.p-information-single__head-data-title {
  display: inline-block;
  color: #004193;
  font-weight: 400;
  border-radius: 0.28rem;
  border: solid 0.1rem #004193;
  padding: 0.13rem 0.86rem 0.33rem;
  font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__head-data-title {
    font-size: 1.3rem;
    padding: 0.32rem 0.43rem;
  }
}
.p-information-single__head-data-desc {
  font-size: 2.5rem;
  letter-spacing: 0.05rem;
  margin: 1.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__head-data-desc {
    font-size: 2rem;
    margin: 0.6rem 0 0;
  }
}
.p-information-single__head-data-desc span {
  font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__head-data-desc span {
    font-size: 1.3rem;
  }
}
.p-information-single__head-button {
  width: 26.1rem;
  display: grid;
  grid-template-columns: 1fr 0.5rem;
  align-items: center;
  text-align: center;
  color: #fff;
  background: #004193;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border: solid 0.1rem #004193;
  padding: 2rem 1.6rem;
  margin: 4rem 0 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__head-button {
    width: 100%;
    font-size: 1.3rem;
    padding: 1rem 0.8rem;
    margin: 2rem 0 0;
  }
}
.p-information-single__head-button:hover {
  color: #004193;
  background: #fff;
}
.p-information-single__head-button::after {
  content: "";
  grid-column: 2/3;
  display: block;
  width: 0.5rem;
  height: 1rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.p-information-single__head-button:hover::after {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-information-single__head img {
  width: 100%;
  aspect-ratio: 65/43;
  object-fit: contain;
}
.p-information-single__head img.has-space {
  border: 1px solid #333;
}
.p-information-single__body {
  margin: 7.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__body {
    margin: 3.7rem 2rem 0;
  }
}
.p-information-single__body .text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__body .text {
    font-size: 1.3rem;
    margin: 1.6rem 0 0;
  }
}
.p-information-single__body .text a {
  color: #0000EE;
  text-decoration: underline;
}
.p-information-single__body .text a:hover {
  text-decoration: none;
}
.p-information-single__body .text ul {
  list-style: disc;
  padding-left: 2rem;
}
.p-information-single__body .text ol {
  list-style: decimal;
  padding-left: 2rem;
}
.p-information-single__img {
  margin: 4rem auto 0;
  width: 100%;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 767px) {
  .p-information-single__img {
    margin: 2rem auto 0;
  }
}
.p-information-single__img--medium {
  width: 66%;
}
@media screen and (max-width: 767px) {
  .p-information-single__img--medium {
    width: 100%;
  }
}
.p-information-single__img--small {
  width: 33%;
}
@media screen and (max-width: 767px) {
  .p-information-single__img--small {
    width: 100%;
  }
}
.p-information-single__img-caption {
  font-size: 1.2rem;
}
.p-information-single__img iframe {
  width: 100%;
  height: 100%;
}
.p-information-single__heading {
  color: #004193;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin: 8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__heading {
    line-height: 1.4;
    font-size: 2.4rem;
    margin: 4rem 0 0;
  }
}
.p-information-single__heading-01 {
  color: #004193;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin: 8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__heading-01 {
    line-height: 1.4;
    font-size: 2.4rem;
    margin: 4rem 0 0;
  }
}
.p-information-single__heading-02 {
  font-size: 2.1rem;
  line-height: 1.8;
  font-weight: 500;
  background: #EDF7FF;
  padding: 1rem 1.6rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__heading-02 {
    line-height: 1.4;
    font-size: 1.7rem;
    margin: 1.2rem 0 0;
  }
}
.p-information-single__heading-03 {
  font-size: 1.6rem;
  font-weight: 500;
  border-left: solid 0.2rem #004193;
  padding: 0 0 0 1.6rem;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__heading-03 {
    line-height: 1.4;
    font-size: 1.3rem;
    padding: 0 0 0 0.8rem;
    margin: 2rem 0 0;
  }
}
.p-information-single__program {
  background: #edf7ff;
  padding: 4rem;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__program {
    padding: 2rem;
    margin: 1.6rem 0 0;
  }
}
.p-information-single__program-list-item {
  display: flex;
  justify-content: flex-start;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__program-list-item {
    font-size: 1.3rem;
  }
}
.p-information-single__program-list-item:first-of-type {
  margin: 0;
}
.p-information-single__program-list-item::before {
  content: "";
  display: inline-block;
  flex: 0 0 0.8rem;
  height: 0.8rem;
  background: #004193;
  border-radius: 50%;
  margin: 1rem 1.2rem 0 0;
  opacity: 0.3;
}
@media screen and (max-width: 767px) {
  .p-information-single__program-list-item::before {
    margin: 0.7rem 0.8rem 0 0;
  }
}
.p-information-single__flex {
  display: flex;
  justify-content: space-between;
  gap: 4.8rem;
  margin: 5.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__flex {
    flex-direction: column;
    gap: 1.6rem;
    margin: 4.8rem 0 0;
  }
}
.p-information-single__flex.reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-information-single__flex.reverse {
    flex-direction: column;
  }
}
.p-information-single__flex-inner {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .p-information-single__flex-inner {
    width: 100%;
  }
}
.p-information-single__flex-heading {
  color: #004193;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-information-single__flex-heading {
    font-size: 2.4rem;
  }
}
.p-information-single__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
  margin: 5.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__row {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
    margin: 2.8rem 0 0;
  }
}
.p-information-single__row-heading {
  color: #004193;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 2.3rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__row-heading {
    font-size: 1.8rem;
    margin: 1.2rem 0 0;
  }
}
.p-information-single__row-img {
  width: 100%;
  aspect-ratio: 16/9;
}
.p-information-single__row-img iframe {
  width: 100%;
  height: 100%;
}
.p-information-single__row .text {
  margin: 1.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__row .text {
    margin: 1.2rem 0 0;
  }
}
.p-information-single__row--full .text {
  margin-top: 1.5rem;
}
.p-information-single__button {
  margin: 4rem auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-information-single__button {
    margin: 2.7rem auto 0;
  }
}
.p-information-single__button-one {
  flex-direction: column;
}
.p-information-single__button-two {
  width: 78rem;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .p-information-single__button-two {
    width: 100%;
    flex-direction: column;
  }
}
.p-information-single__button-link {
  width: 38rem;
  display: grid;
  grid-template-columns: 1fr 0.5rem;
  align-items: center;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border: solid 0.1rem #03BBD5;
  padding: 2.4rem 3rem;
  transition: 0.3s;
  background: #03BBD5;
}
@media screen and (max-width: 767px) {
  .p-information-single__button-link {
    width: 100%;
    font-size: 1.3rem;
    padding: 1.8rem 1.6rem;
  }
}
.p-information-single__button-link:hover {
  opacity: 0.7;
}
.p-information-single__button-link::after {
  content: "";
  grid-column: 2/3;
  display: block;
  width: 0.5rem;
  height: 1rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.p-information-single__button-link:hover::after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-information-single__box {
  margin: 5.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__box {
    margin: 2.8rem 0 0;
  }
}
.p-information-single__box-heading {
  color: #004193;
  background: #edf7ff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border: solid 0.1rem #e6e6e6;
  padding: 1.6rem 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__box-heading {
    font-size: 1.4rem;
    padding: 0.8rem 1.6rem;
  }
}
.p-information-single__box-body {
  border: solid 0.1rem #e6e6e6;
  border-top: 0;
  padding: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__box-body {
    padding: 1.6rem;
  }
}
.p-information-single__box-body.text {
  margin: 0;
}
.p-information-single__profile {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__profile {
    flex-direction: column;
  }
}
.p-information-single__profile-img {
  width: 30rem;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .p-information-single__profile-img {
    width: 100%;
  }
}
.p-information-single__profile-text {
  width: 95.6rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__profile-text {
    width: 100%;
  }
}
.p-information-single__profile-text-name {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 700;
  color: #473933;
  position: relative;
  line-height: 1;
}
.p-information-single__profile-text-name:after {
  content: "";
  position: absolute;
  bottom: -0.8rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #004193;
}
.p-information-single__profile-text-occupation {
  margin-top: 2rem;
  font-size: 2rem;
  line-height: 1;
}
.p-information-single__profile-text-description {
  margin-top: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.1rem;
}
.p-information-single__profile-text-copyright {
  margin-top: 0.8rem;
  font-size: 1.2rem;
}
.p-information-single__schedule {
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__schedule {
    margin: 0.8rem 0 0;
  }
}
.p-information-single__schedule-title {
  text-align: center;
  background: #edf7ff;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  border: solid 0.1rem #e6e6e6;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__schedule-title {
    font-size: 1.8rem;
    padding: 0.8rem;
  }
}
.p-information-single__schedule-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.2rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__schedule-tab {
    gap: 0.8rem;
    margin: 1.6rem 0 0;
  }
}
.p-information-single__schedule-tab-prev {
  transform: scaleX(-1);
}
.p-information-single__schedule-tab-prev, .p-information-single__schedule-tab-next {
  cursor: pointer;
  width: 1.2rem;
  height: 2.4rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__schedule-tab-prev, .p-information-single__schedule-tab-next {
    width: 0.6rem;
    height: 1.2rem;
  }
}
.p-information-single__schedule-tab-prev:hover, .p-information-single__schedule-tab-next:hover {
  opacity: 0.5;
}
.p-information-single__schedule-tab-list {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  max-width: 100rem;
  overflow-x: auto;
  scrollbar-width: none;
}
@media screen and (max-width: 767px) {
  .p-information-single__schedule-tab-list {
    gap: 0.4rem;
  }
}
.p-information-single__schedule-tab-list::-webkit-scrollbar {
  display: none;
}
.p-information-single__schedule-tab-list-item {
  cursor: pointer;
  flex: 0 0 16rem;
  text-align: center;
  color: #004193;
  font-weight: 500;
  letter-spacing: 0.05em;
  border: solid 0.1rem #004193;
  border-bottom: 0;
  padding: 2.4rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__schedule-tab-list-item {
    font-size: 1.3rem;
    flex: 0 0 10rem;
    padding: 1.6rem;
  }
}
.p-information-single__schedule-tab-list-item:hover, .p-information-single__schedule-tab-list-item.active {
  color: #fff;
  background: #004193;
}
.p-information-single__schedule-tab-content {
  display: none;
  border: solid 0.1rem #004193;
  padding: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__schedule-tab-content {
    font-size: 1.3rem;
    padding: 2.4rem;
  }
}
.p-information-single__schedule-tab-content.active {
  display: block;
}
.p-information-single__schedule-tab-content-block {
  display: flex;
  align-items: flex-start;
  gap: 4rem;
  border-top: solid 0.1rem #dedede;
  padding: 4rem 0 0;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__schedule-tab-content-block {
    flex-direction: column;
    gap: 1.2rem;
    padding: 2rem 0 0;
    margin: 1.6rem 0 0;
  }
}
.p-information-single__schedule-tab-content-block:first-of-type {
  border: 0;
  padding: 0;
  margin: 0;
}
.p-information-single__schedule-tab-content-title {
  width: 12rem;
  text-align: center;
  color: #004193;
  background: #f7f7f7;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 1.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__schedule-tab-content-title {
    width: 10rem;
    padding: 0.6rem 0;
  }
}
.p-information-single__schedule-tab-content-desc {
  line-height: 2.5;
  letter-spacing: 0.05em;
}
.p-information-single__schedule-tab-content-link {
  color: #1a0dab;
  text-decoration: underline;
}
.p-information-single__schedule-tab-content-link:hover {
  text-decoration: none;
}
.p-information-single__class {
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__class {
    margin: 1.2rem 0 0;
  }
}
.p-information-single__class-pulldown-title {
  cursor: pointer;
  font-size: 2.1rem;
  font-weight: 500;
  border: solid 0.1rem #dedede;
  padding: 2.4rem 4rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-pulldown-title {
    font-size: 1.8rem;
    padding: 1.2rem 2rem;
  }
}
.p-information-single__class-pulldown-title:hover {
  opacity: 0.5;
}
.p-information-single__class-pulldown-title::before, .p-information-single__class-pulldown-title::after {
  content: "";
  display: block;
  width: 2rem;
  height: 0.2rem;
  background: #004193;
  position: absolute;
  top: 50%;
  right: 4.4rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-pulldown-title::before, .p-information-single__class-pulldown-title::after {
    width: 1rem;
    right: 2.2rem;
  }
}
.p-information-single__class-pulldown-title::after {
  transform: translateY(-50%) rotate(90deg);
}
.p-information-single__class-pulldown-title.active::after {
  transform: translateY(-50%) rotate(0);
}
.p-information-single__class-pulldown-body {
  display: none;
}
.p-information-single__class-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
  background: #edf7ff;
  padding: 4rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    padding: 2rem;
  }
}
.p-information-single__class-list-item {
  background: #fff;
  padding: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-list-item {
    padding: 1.2rem;
  }
}
.p-information-single__class-list-cate {
  width: fit-content;
  color: #fff;
  background: #03bbd5;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 1rem 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-list-cate {
    font-size: 1.2rem;
    padding: 0.5rem 0.8rem;
  }
}
.p-information-single__class-list-title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-list-title {
    font-size: 1.5rem;
    margin: 1rem 0 0;
  }
}
.p-information-single__class-list img {
  margin: 2rem 0 0;
  aspect-ratio: 16/9;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-list img {
    margin: 1rem 0 0;
  }
}
.p-information-single__class-list-date {
  font-size: 2.1rem;
  letter-spacing: 0.05em;
  border-top: solid 0.1rem #dedede;
  padding: 1.6rem 0 0;
  margin: 2.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-list-date {
    font-size: 1.8rem;
    padding: 1.2rem 0 0;
    margin: 2.2rem 0 0;
  }
}
.p-information-single__class-list-detail {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-list-detail {
    flex-direction: column;
    align-items: normal;
    gap: 0.8rem;
  }
}
.p-information-single__class-list-detail-label {
  width: 10rem;
  color: #888;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  border: solid 0.1rem #888;
  border-radius: 0.4rem;
  padding: 0.9rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-list-detail-label {
    width: 8rem;
    font-size: 1.1rem;
    padding: 0.45rem;
  }
}
.p-information-single__class-list-detail-desc {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-list-detail-desc {
    font-size: 1.2rem;
  }
}
.p-information-single__class-list-detail-desc .guest {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-list-detail-desc .guest {
    font-size: 1.3rem;
  }
}
.p-information-single__class-list-detail-desc span::after {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 1.6rem;
  background: #004193;
  vertical-align: bottom;
  transform: rotate(42deg);
  margin: 0 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-list-detail-desc span::after {
    height: 1.3rem;
    margin: 0 0.4rem;
  }
}
.p-information-single__class-list-detail-desc span:last-of-type::after {
  display: none;
}
.p-information-single__class-link {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem;
  margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__class-link {
    grid-template-columns: repeat(1, 1fr);
  }
}
.p-information-single__class-link-button {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
  border: solid 0.1rem #004193;
  padding: 1.8rem 0 2rem;
  position: relative;
  transition: 0.3s;
}
.p-information-single__class-link-button.blue {
  color: #fff;
  background: #004193;
}
.p-information-single__class-link-button.white {
  color: #004193;
  background: #fff;
}
.p-information-single__class-link-button:hover {
  opacity: 0.5;
}
.p-information-single__class-link-button.white::before, .p-information-single__class-link-button.white::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 0.1rem;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-information-single__class-link-button.blue::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.p-information-single__class-link-button.white::before, .p-information-single__class-link-button.white::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 0.1rem;
  background: #004193;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-information-single__class-link-button::after, .p-information-single__class-link-button.white::after {
  transform: translateY(-50%) rotate(90deg);
}
.p-information-single__class-link-button.is-open::after, .p-information-single__class-link-button.is-open.white::after {
  transform: translateY(-50%) rotate(0);
}
.p-information-single__class-accordion {
  margin-top: 1rem;
  display: none;
  line-height: 1.8;
}
.p-information-single__step {
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__step {
    margin: 2rem 0 0;
  }
}
.p-information-single__step-title {
  display: flex;
  gap: 1.6rem;
  color: #fff;
  background: #008dd6;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 3.2rem 4rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__step-title {
    gap: 1.3rem;
    font-size: 1.6rem;
    padding: 1.6rem 2rem;
  }
}
.p-information-single__step-title span {
  font-size: 1.8rem;
  font-weight: 400;
  border-right: solid 0.1rem #fff;
  padding: 0 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__step-title span {
    font-size: 1.5rem;
    padding: 0 0.8rem 0 0;
  }
}
.p-information-single__step-body {
  background: #EDF7FF;
  padding: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__step-body {
    padding: 2.4rem;
  }
}
.p-information-single__step-sub {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-information-single__step-sub {
    font-size: 1.5rem;
  }
}
.p-information-single__step-text {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__step-text {
    font-size: 1.3rem;
    margin: 1.2rem 0 0;
  }
}
.p-information-single__step-banner {
  display: flex;
  gap: 1rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__step-banner {
    gap: 0.5rem;
    margin: 1.2rem 0 0;
  }
}
.p-information-single__step-banner img {
  height: 4rem;
}
.p-information-single__step-zoom {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  background: #fff;
  border: solid 0.1rem #a2a2a2;
  padding: 2rem 2.4rem;
  margin: 3.2rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__step-zoom {
    width: 100%;
    justify-content: center;
    gap: 0.6rem;
    padding: 1rem 1.2rem;
    margin: 1.6rem auto 0;
  }
}
.p-information-single__step-zoom img {
  width: 2.4rem;
}
.p-information-single__step-zoom a {
  color: #1A0DAB;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: underline;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__step-zoom a {
    font-size: 1.1rem;
  }
}
.p-information-single__step-zoom a:hover {
  text-decoration: none;
}
.p-information-single__voice {
  background: #EDF7FF;
  padding: 5.6rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__voice {
    padding: 2rem;
    margin: 1.2rem 0 0;
  }
}
.p-information-single__voice-block {
  display: grid;
  grid-template-columns: 10rem 1fr;
  gap: 4rem;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__voice-block {
    grid-template-columns: 4.8rem 1fr;
    gap: 2rem;
    margin: 2rem 0 0;
  }
}
.p-information-single__voice-block:first-of-type {
  margin: 0;
}
.p-information-single__voice-title {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__voice-title {
    font-size: 1.3rem;
    margin: 0.4rem 0 0;
  }
}
.p-information-single__voice-text {
  background: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 3.2rem;
  margin: 1.2rem 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-information-single__voice-text {
    font-size: 1.1rem;
    padding: 1.6rem;
    margin: 0.6rem 0 0;
  }
}
.p-information-single__voice-text::after {
  content: "";
  display: block;
  background: #fff;
  width: 1.5rem;
  height: 1.5rem;
  clip-path: polygon(0 0, 100% 0%, 100% 100%);
  position: absolute;
  top: 0;
  left: -1.5rem;
}
.p-information-single__banner {
  display: block;
  margin: 5.6rem 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-information-single__banner {
    margin: 2.8rem 0 0;
  }
}
.p-information-single__banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-information-single__banner img {
    height: 20rem;
    object-fit: cover;
  }
}
.p-information-single__banner:hover::before {
  opacity: 1;
}
.p-information-single__banner:hover .p-information-single__banner-button {
  color: #fff;
  background: #004193;
}
.p-information-single__banner:hover .p-information-single__banner-button::after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-information-single__banner-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-information-single__banner-inner {
    flex-direction: column;
    align-items: normal;
    padding: 0 2.8rem;
  }
}
.p-information-single__banner-sub {
  color: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.25em;
  margin: 0 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__banner-sub {
    font-size: 1.4rem;
    margin: 0 0 0.8rem;
  }
}
.p-information-single__banner-title {
  color: #fff;
  font-size: 3.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-information-single__banner-title {
    font-size: 2rem;
  }
}
.p-information-single__banner-button {
  width: 20rem;
  display: grid;
  grid-template-columns: 1fr 0.5rem;
  align-items: center;
  text-align: center;
  color: #004193;
  background: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border: solid 0.1rem #004193;
  padding: 2.4rem 3rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__banner-button {
    width: 14rem;
    font-size: 1.3rem;
    padding: 1.2rem 1.5rem;
    margin: 5.6rem 0 0 auto;
  }
}
.p-information-single__banner-button::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.p-information-single__image {
  margin: 5.6rem 0 0;
  text-align: center;
}
.p-information-single__image-link {
  display: inline-block;
}
.p-information-single__image-link img {
  width: auto;
  max-width: 100%;
}
.p-information-single__contact {
  border: solid 0.1rem #dedede;
  padding: 4rem;
  margin: 7.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__contact {
    padding: 2rem;
    margin: 3.7rem 0 0;
  }
}
.p-information-single__contact-title {
  color: #004193;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-information-single__contact-title {
    font-size: 2rem;
  }
}
.p-information-single__contact-title br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-information-single__contact-title br {
    display: block;
  }
}
.p-information-single__contact-text {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__contact-text {
    margin: 1.2rem 0 0;
  }
}
.p-information-single__contact-group {
  display: inline-block;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__contact-group {
    margin: 1.2rem 0 0;
  }
}
.p-information-single__contact-label {
  display: inline-block;
  width: 8rem;
  text-align: center;
  color: #004193;
  font-size: 1.4rem;
  border: solid 0.1rem #004193;
  border-radius: 0.4rem;
  padding: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__contact-label {
    width: 6rem;
    font-size: 1.1rem;
    padding: 0.25rem 0.6rem;
  }
}
.p-information-single__contact-data {
  display: inline-block;
  letter-spacing: 0.05em;
  margin: 0 3.6rem 0 1rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__contact-data {
    font-size: 1.3rem;
    margin: 0 0 0 1rem;
  }
}
.p-information-single__recommend {
  width: 81.2rem;
  margin: 10rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__recommend {
    width: auto;
    margin: 5rem 2rem 0;
  }
}
.p-information-single__recommend-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  color: #004193;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-information-single__recommend-title {
    gap: 1rem;
    font-size: 2rem;
  }
}
.p-information-single__recommend-title::before, .p-information-single__recommend-title::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 0.1rem;
  border-top: dashed 0.1rem #004193;
}
@media screen and (max-width: 767px) {
  .p-information-single__recommend-title::before, .p-information-single__recommend-title::after {
    width: 2rem;
  }
}
.p-information-single__recommend-title::before {
  transform: rotate(45deg);
}
.p-information-single__recommend-title::after {
  transform: rotate(-45deg);
}
.p-information-single__recommend-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.6rem;
  margin: 3.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__recommend-list {
    grid-template-columns: 1fr;
    gap: 2.3rem;
    margin: 2.3rem 0 0;
  }
}
.p-information-single__recommend-list-item {
  position: relative;
  transition: 0.3s;
}
.p-information-single__recommend-list-item img {
  aspect-ratio: 65/43;
  object-fit: contain;
}
.p-information-single__recommend-list-tag {
  width: 10rem;
  text-align: center;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  background: #94BBF7;
  border-bottom-right-radius: 1.6rem;
  padding: 0.9rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-information-single__recommend-list-tag {
    width: 8rem;
    font-size: 1rem;
    padding: 0.45rem;
  }
}
.p-information-single__recommend-list-date {
  color: #646464;
  letter-spacing: 0.05em;
  border-bottom: solid 0.1rem #dedede;
  padding: 0 0 1.3rem;
  margin: 1.3rem 0 0;
  font-size: 1.8rem;
}
.p-information-single__recommend-list-date span {
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__recommend-list-date span {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-information-single__recommend-list-date {
    padding: 0 0 0.65rem;
    margin: 0.65rem 0 0;
  }
}
.p-information-single__recommend-list-title {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 1.3rem 0 0;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-information-single__recommend-list-title {
    font-size: 1.5rem;
    margin: 0.65rem 0 0;
  }
}
.p-information-single__recommend-list-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.p-information-single__recommend-list-link:hover {
  opacity: 0.5;
}
.p-information-single__recommend-button {
  width: 38rem;
  display: grid;
  grid-template-columns: 0.5rem 1fr;
  align-items: center;
  text-align: center;
  color: #fff;
  background: #004193;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border: solid 0.1rem #004193;
  padding: 3rem;
  margin: 13rem auto 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__recommend-button {
    width: 100%;
    font-size: 1.3rem;
    padding: 1.5rem;
    margin: 6.5rem auto 0;
  }
}
.p-information-single__recommend-button:hover {
  color: #004193;
  background: #fff;
}
.p-information-single__recommend-button::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: scale(-1);
}
.p-information-single__recommend-button:hover::before {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-information-single__sns {
  background: #edf7ff;
  padding: 4rem 0 12rem;
  margin: 8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__sns {
    padding: 2rem 0;
    margin: 4rem 0 0;
  }
}
.p-information-single__sns-title {
  width: fit-content;
  color: #004193;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border-top: solid 0.1rem #004193;
  border-bottom: solid 0.1rem #004193;
  padding: 2.4rem 0 2rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-information-single__sns-title {
    font-size: 2rem;
    line-height: 1.5;
    padding: 1.2rem 0 1rem;
  }
}
.p-information-single__sns-title br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-information-single__sns-title br {
    display: block;
  }
}
.p-information-single__sns-subtitle {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__sns-subtitle {
    font-size: 1.4rem;
    margin: 2rem 0 0;
  }
}
.p-information-single__sns-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem;
  align-items: center;
  text-align: center;
  border-bottom: solid 0.1rem #dedede;
  padding: 0 0 4rem;
  margin: 2.4rem 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__sns-list {
    gap: 2rem;
    grid-template-columns: repeat(1, 1fr);
    padding: 0 0 2rem;
    margin: 1.2rem 0;
  }
}
.p-information-single__sns-list-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  background: #fff;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 1.6rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__sns-list-item {
    gap: 0.8rem;
    padding: 0.8rem;
  }
}
.p-information-single__sns-list-item:hover {
  opacity: 0.5;
}
.p-information-single__sns-list-item img {
  width: 3rem;
}
.p-information-single__sns-footer {
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__sns-footer {
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    margin: 2rem auto 0;
  }
}
.p-information-single__sns-footer-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  background: #fff;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 1.6rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__sns-footer-banner {
    gap: 0.8rem;
    padding: 0.8rem;
  }
}
.p-information-single__sns-footer-banner:hover {
  opacity: 0.5;
}
.p-information-single__sns-footer-banner img {
  width: 3rem;
}
.p-information-single__link {
  padding: 10rem 0;
}
@media screen and (max-width: 767px) {
  .p-information-single__link {
    padding: 2rem 0;
  }
}
.p-information-single__link-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__link-list {
    gap: 2rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
.p-information-single__link-list-item {
  background: #004193;
  border: 0.1rem solid #004193;
  border-radius: 99.9rem;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 4.3rem 2rem 4.7rem;
  position: relative;
  transition: 0.3s;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-information-single__link-list-item {
    font-size: 1.7rem;
    padding: 2rem;
  }
}
.p-information-single__link-list-item::before {
  content: "";
  display: block;
  background: #fff;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 2.7rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-information-single__link-list-item::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 3.75rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-information-single__link-list-item:hover {
  color: #004193;
  background: #fff;
}
.p-information-single__link-list-item:hover::before {
  background: #004193;
}
.p-information-single__link-list-item:hover::after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-information-single__footer {
  background-image: url(../img/information/bg-foot01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 14rem 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__footer {
    padding: 7rem 0 1.6rem;
  }
}
.p-information-single__footer .c-inner {
  background: transparent;
  padding: 0;
}
.p-information-single__footer-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__footer-list {
    gap: 2rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
.p-information-single__footer-list-item {
  background: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 4rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__footer-list-item {
    font-size: 1.7rem;
    padding: 2rem;
  }
}
.p-information-single__footer-list-item span {
  display: block;
  color: #333;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  opacity: 0.5;
  margin: 0 0 1.6rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-information-single__footer-list-item span {
    font-size: 0.8rem;
    margin: 0 0 0.8rem;
  }
}
.p-information-single__footer-list-item::before {
  content: "";
  display: block;
  background: #004193;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 2.7rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-information-single__footer-list-item::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 3.75rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-information-single__footer-list-item:hover {
  color: #fff;
  background: #004193;
}
.p-information-single__footer-list-item:hover span {
  color: #fff;
}
.p-information-single__footer-list-item:hover::before {
  background: #fff;
}
.p-information-single__footer-list-item:hover::after {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-information-single__footer-banner {
  display: flex;
  justify-content: space-between;
  gap: 4.2rem;
  margin: 6.4rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .p-information-single__footer-banner {
    flex-direction: column;
    gap: 1.6rem;
    margin: 3.2rem 0 5rem;
  }
}

/* --------------------
news > archive
-------------------- */
.p-news-archive__head {
  background-image: url(../img/news/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  padding: 11rem 0 15rem;
}
@media screen and (max-width: 767px) {
  .p-news-archive__head {
    padding: 5.6rem 0 6.4rem;
  }
}
.p-news-archive__head-read {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-news-archive__head-read {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 1.8rem;
  }
}
.p-news-archive__head-read br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-news-archive__head-read br {
    display: block;
  }
}
.p-news-archive__head-title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-news-archive__head-title {
    font-size: 2.4rem;
  }
}
.p-news-archive__head-sub {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin: 2.8rem 0 0 0.45rem;
}
@media screen and (max-width: 767px) {
  .p-news-archive__head-sub {
    margin: 1.4rem 0 0 0.45rem;
  }
}
.p-news-archive__head-sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background: #fff;
}
.p-news-archive__container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin: 8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-news-archive__container {
    display: block;
    margin: 4rem 2rem 0;
  }
}
.p-news-archive__nav {
  width: 22rem;
}
@media screen and (max-width: 767px) {
  .p-news-archive__nav {
    width: 100%;
  }
}
.p-news-archive__nav-title {
  font-size: 1.6rem;
  font-weight: 500;
  border-left: solid 0.2rem #004193;
  padding: 0 0 0 1rem;
  margin: 4rem 0 0;
}
.p-news-archive__nav-list {
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-archive__nav-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 0.1rem;
  }
}
.p-news-archive__nav-list-item {
  display: block;
  background: #EDF7FF;
  font-size: 1.4rem;
  padding: 1.6rem;
  margin: 0 0 0.1rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-news-archive__nav-list-item {
    grid-column: 1/4;
  }
}
.p-news-archive__nav-list-item::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.p-news-archive__nav-list-item:hover, .p-news-archive__nav-list-item.active {
  color: #fff;
  background: #004193;
  font-weight: 500;
}
.p-news-archive__nav-list-item:hover::after, .p-news-archive__nav-list-item.active::after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-news-archive__body {
  width: 96rem;
}
@media screen and (max-width: 767px) {
  .p-news-archive__body {
    width: 100%;
  }
}
.p-news-archive__list-item {
  display: grid;
  grid-template-columns: 11rem 1fr;
  align-items: center;
  gap: 1.2em;
  transition: 0.3s;
  padding: 0 0 3.2rem;
  border-bottom: solid 0.1rem #dedede;
  margin: 3.2rem 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-news-archive__list-item {
    grid-template-columns: 8rem 1fr;
    padding: 0 0 1.6rem;
    margin: 1.6rem 0 0;
  }
}
.p-news-archive__list-item::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-news-archive__list-item:hover .p-news-archive__list-title {
  color: #004193;
}
.p-news-archive__list-item:hover::after {
  transform: translateX(0.4rem) translateY(-50%);
}
.p-news-archive__list-date {
  color: #888;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  pointer-events: none;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-news-archive__list-date {
    font-size: 1rem;
  }
}
.p-news-archive__list-tag {
  width: fit-content;
  color: #888;
  font-size: 1.1rem;
  border: solid 0.1rem #ccc;
  border-radius: 0.4rem;
  padding: 0.8rem 1.2rem;
  position: relative;
  z-index: 1;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-news-archive__list-tag {
    font-size: 0.8rem;
    padding: 0.4rem 0.6rem;
  }
}
.p-news-archive__list-tag:hover {
  color: #fff;
  background: #888;
}
.p-news-archive__list-title {
  grid-column: 1/3;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  pointer-events: none;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-news-archive__list-title {
    font-size: 1.3rem;
  }
}
.p-news-archive__list-link {
  position: absolute;
  inset: 0;
}
.p-news-archive__footer {
  padding: 0 0 1.6rem;
}
.p-news-archive__cta {
  display: flex;
  justify-content: space-between;
  gap: 4.2rem;
  margin: 8rem auto 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-news-archive__cta {
    flex-direction: column;
    gap: 1.6rem;
    margin: 4rem 2rem 2.8rem;
  }
}

/* --------------------
news > single
-------------------- */
.p-news-single__head {
  background-image: url(../img/news/bg-single.png);
  background-repeat: no-repeat;
  background-size: 100% 26.825rem;
  background-position: top center;
  padding: 6.4rem 0 7.2rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__head {
    background-image: url(../img/news/bg-single-sp.png);
    background-size: 100% 13rem;
    padding: 3.2rem 0 3.6rem;
  }
}
.p-news-single__head .c-breadcrumb {
  color: #fff;
  background: transparent;
}
.p-news-single__head .c-breadcrumb__wrap {
  max-width: 100%;
  margin: 0;
}
.p-news-single__head .c-breadcrumb__list-item {
  color: rgba(255, 255, 255, 0.5);
}
.p-news-single__head .c-breadcrumb__list-item::after {
  background: #fff;
}
.p-news-single__head .c-breadcrumb__list a {
  color: #fff;
}
.p-news-single__head .c-breadcrumb__bottom {
  margin-top: 0;
}
.p-news-single__head-inner {
  width: 80rem;
  margin: 13.5rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__head-inner {
    width: 100%;
    margin: 5rem 0 0;
  }
}
.p-news-single__title {
  color: #004193;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1rem;
  border-bottom: solid 0.1rem #fff;
  padding: 0 0 2.4rem;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__title {
    color: #004193;
    font-size: 2.4rem;
    padding: 0 0 1.2rem;
    margin: 0.8rem 0 0;
  }
}
.p-news-single__date {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__date {
    font-size: 1.3rem;
    margin: 1.2rem 0 0;
  }
}
.p-news-single__date span {
  display: block;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__date span {
    margin: 0.4rem 0 0;
  }
}
.p-news-single__cate {
  width: fit-content;
  color: #004193;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border-top: solid 0.1rem #004193;
  border-bottom: solid 0.1rem #004193;
  padding: 1.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__cate {
    font-size: 2rem;
    padding: 0.6rem 0;
  }
}
.p-news-single__tag {
  width: fit-content;
  color: #004193;
  background: #fff;
  font-size: 2rem;
  border: solid 0.1rem #004193;
  border-radius: 0.4rem;
  padding: 0.8rem 1.6rem;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__tag {
    font-size: 1.6rem;
    border-radius: 0.2rem;
    padding: 0.6rem 1rem;
    margin: 2rem 0 0;
  }
}
.p-news-single__body {
  margin: 10rem 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__body {
    margin: 5rem 0;
  }
}
.p-news-single__heading {
  font-weight: 500;
  letter-spacing: 0.05em;
}
.p-news-single__heading-01 {
  color: #004193;
  font-size: 3.2rem;
  line-height: 1.8;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__heading-01 {
    font-size: 2rem;
    margin: 1.6rem 0 0;
  }
}
.p-news-single__heading-02 {
  font-size: 2.1rem;
  line-height: 1.8;
  background: #EDF7FF;
  padding: 1rem 1.6rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__heading-02 {
    font-size: 1.7rem;
    margin: 1.2rem 0 0;
  }
}
.p-news-single__heading-03 {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 6.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__heading-03 {
    font-size: 1.6rem;
    margin: 3.2rem 0 0;
  }
}
.p-news-single__heading-03::before {
  content: "";
  display: inline-block;
  background: #333;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  margin: 0 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__heading-03::before {
    width: 0.75rem;
    height: 0.75rem;
    margin: 0 0.4rem 0 0;
  }
}
.p-news-single__img {
  margin: 6.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__img {
    margin: 3.2rem auto 0;
  }
}
.p-news-single__img--medium {
  width: 66%;
}
@media screen and (max-width: 767px) {
  .p-news-single__img--medium {
    width: 100%;
  }
}
.p-news-single__img--small {
  width: 33%;
}
@media screen and (max-width: 767px) {
  .p-news-single__img--small {
    width: 100%;
  }
}
.p-news-single__img-caption {
  font-size: 1.2rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__img-caption {
    margin: 0.8rem 0 0;
  }
}
.p-news-single .text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single .text {
    font-size: 1.3rem;
    margin: 1.2rem 0 0;
  }
}
.p-news-single .text a {
  color: #0000EE;
  text-decoration: underline;
}
.p-news-single .text a:hover {
  text-decoration: none;
}
.p-news-single__box {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border: solid 0.1rem #dedede;
  padding: 1.6rem;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__box {
    font-size: 1.3rem;
    padding: 0.8rem;
    margin: 1.6rem 0 0;
  }
}
.p-news-single__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__row {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.p-news-single__flex {
  display: flex;
  gap: 1rem;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__flex {
    flex-direction: column;
    margin: 1.6rem 0 0;
  }
}
.p-news-single__flex-inner {
  width: 50%;
  margin: 0 0 0 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__flex-inner {
    width: 100%;
    margin: 0;
  }
}
.p-news-single__flex-inner > :first-child {
  margin: 0;
}
.p-news-single__flex.reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-news-single__flex.reverse {
    flex-direction: column;
  }
}
.p-news-single__flex.reverse-inner {
  margin: 0 0 0 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__flex.reverse-inner {
    margin: 0;
  }
}
.p-news-single__flex-img {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .p-news-single__flex-img {
    width: 100%;
  }
}
.p-news-single__center {
  max-width: 58rem;
  margin: 2.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__center {
    margin: 1.2rem auto 0;
  }
}
.p-news-single__embed {
  margin: 6.4rem 0 0;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 767px) {
  .p-news-single__embed {
    margin: 3.2rem 0 0;
  }
}
.p-news-single__embed iframe {
  width: 100%;
  height: 100%;
}
.p-news-single__list {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__list {
    margin: 1.6rem 0 0;
  }
}
.p-news-single__list-item {
  display: flex;
  border-right: solid 0.1rem #F2F2F2;
}
.p-news-single__list-item:first-of-type {
  border-top: solid 0.1rem #F2F2F2;
}
.p-news-single__list-label, .p-news-single__list-desc {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  padding: 1.6rem 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__list-label, .p-news-single__list-desc {
    font-size: 1.3rem;
    padding: 0.8rem 1.2rem;
  }
}
.p-news-single__list-label {
  flex: 0 0 20rem;
  font-weight: 500;
  line-height: 1.5;
  background: #F2F2F2;
  border-bottom: solid 0.1rem #fff;
}
@media screen and (max-width: 767px) {
  .p-news-single__list-label {
    flex: 0 0 10rem;
  }
}
.p-news-single__list-desc {
  line-height: 1.8;
  border-bottom: solid 0.1rem #F2F2F2;
}
.p-news-single__table {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__table {
    margin: 1.6rem 0 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 767px) {
  .p-news-single__table-block {
    width: auto;
    table-layout: fixed;
  }
}
.p-news-single__table-head, .p-news-single__table-body {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  border: solid 0.1rem #E6E6E6;
}
@media screen and (max-width: 767px) {
  .p-news-single__table-head, .p-news-single__table-body {
    min-width: 20rem;
    font-size: 1.3rem;
  }
}
.p-news-single__table-head {
  font-weight: 500;
  line-height: 1.5;
  background: #F2F2F2;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__table-head {
    padding: 0.8rem;
  }
}
.p-news-single__table-body {
  line-height: 1.8;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__table-body {
    padding: 0.8rem;
  }
}
.p-news-single__button {
  text-align: center;
}
.p-news-single__button .c-common-btn {
  margin: 6.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__button .c-common-btn {
    width: 20rem;
  }
}
.p-news-single__recommend {
  border: solid 0.1rem #dedede;
  padding: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__recommend {
    padding: 2.8rem;
  }
}
.p-news-single__recommend-head {
  color: #004193;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-news-single__recommend-head {
    font-size: 2.4rem;
  }
}
.p-news-single__recommend-list-item {
  border-top: solid 0.1rem #dedede;
  padding: 3.2rem 0 0;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__recommend-list-item {
    margin: 1.6rem 0 0;
  }
}
.p-news-single__recommend-list-item:first-of-type {
  border: 0;
  padding: 0;
}
.p-news-single__recommend-list-item a {
  transition: 0.3s;
}
.p-news-single__recommend-list-item a:hover {
  opacity: 0.5;
}
.p-news-single__recommend-list-head {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__recommend-list-head {
    gap: 0.8rem;
  }
}
.p-news-single__recommend-list-date {
  color: #888;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-news-single__recommend-list-date {
    font-size: 1rem;
  }
}
.p-news-single__recommend-list-tag {
  color: #888;
  background: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  border: solid 0.1rem #ccc;
  border-radius: 0.4rem;
  padding: 0.8rem 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__recommend-list-tag {
    font-size: 1rem;
    border-radius: 0.2rem;
    padding: 0.6rem 0.8rem;
  }
}
.p-news-single__recommend-list-title {
  color: #333;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__recommend-list-title {
    font-size: 1.3rem;
    margin: 0.8rem 0 0;
  }
}
.p-news-single__footer {
  background-color: #fff;
  background-image: url(../img/news/bg-foot.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 16rem 0 2.4rem;
  margin: 8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-news-single__footer {
    padding: 8rem 0 1.6rem;
    margin: 4rem 0 0;
  }
}

.p-distance {
  padding-top: 12.5rem;
}
@media screen and (max-width: 767px) {
  .p-distance {
    padding-top: 5.8rem;
  }
}
.p-distance-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-distance-sidebar {
  width: 20.83%;
  max-width: 30rem;
  box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 13rem;
  background-color: #fff;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .p-distance-sidebar {
    width: 100%;
    max-width: inherit;
    box-shadow: none;
    position: relative;
    top: 0;
  }
}
.p-distance-sidebar__inner {
  padding: 4.6rem 3.2rem 4.4rem 7.9rem;
  min-height: 32.6rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-distance-sidebar__inner {
    padding: 0 2rem;
    min-height: unset;
  }
}
.p-distance-sidebar__item:not(:first-child) {
  margin-top: 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-distance-sidebar__item:not(:first-child) {
    margin-top: 1.2rem;
  }
}
.p-distance-sidebar__link {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding-left: 2.7rem;
  position: relative;
  transition: all 0.3s;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-distance-sidebar__link:hover {
    color: #004193;
  }
}
.p-distance-sidebar__link.is-active {
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-distance-sidebar__link {
    font-size: 1.4rem;
  }
}
.p-distance-sidebar__link::before {
  content: "";
  width: 1.8rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8.5' fill='white' stroke='%23004193'/%3E%3Cpath d='M8 12L10.75 9.25L8 6.5' stroke='%23004193'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 0.1rem;
  top: 0.1rem;
}
.p-distance-sidebar__sublist {
  margin-left: 2.7rem;
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-sidebar__sublist {
    margin-top: 1rem;
  }
}
.p-distance-sidebar__sublist--wide {
  margin-left: 2.5rem;
}
.p-distance-sidebar__subitem:not(:first-child) {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-distance-sidebar__subitem:not(:first-child) {
    margin-top: 1rem;
  }
}
.p-distance-sidebar__sublink {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-distance-sidebar__sublink:hover {
    color: #004193;
  }
}
.p-distance-sidebar__sublink.is-active {
  color: #004193;
}
.p-distance-intro__image {
  position: relative;
  overflow: hidden;
}
.p-distance-intro__image img {
  width: 100%;
  height: auto;
}
.p-distance-intro__image-caption {
  position: absolute;
  padding-inline: 4rem;
  padding-block: 3.7rem;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-distance-intro__image-caption {
    padding: 1rem;
    gap: 0.6rem;
  }
}
.p-distance-intro__image-caption::before {
  content: "";
  width: 119.0625%;
  aspect-ratio: 1143/258;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  z-index: -1;
  filter: blur(5rem);
}
.p-distance-intro__image-text {
  background: #004193;
  color: #fff;
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding: 0 1.6rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-distance-intro__image-text {
    font-size: 1.4rem;
    padding: 0.2rem 1rem;
  }
}
.p-distance-intro__text {
  margin-top: 4.7rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-distance-intro__text {
    font-size: 1.3rem;
    margin-top: 2rem;
  }
}
.p-distance-intro__notes {
  margin-top: 2.8rem;
  counter-reset: item;
}
@media screen and (max-width: 767px) {
  .p-distance-intro__notes {
    margin-top: 1.8rem;
  }
}
.p-distance-intro__notes-item {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #888;
}
@media screen and (max-width: 767px) {
  .p-distance-intro__notes-item {
    font-size: 1rem;
  }
}
.p-distance-intro__notes-item::before {
  content: "※" counter(item);
  counter-increment: item;
  margin-right: 0.5rem;
}
.p-distance-intro--learning {
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-distance-intro--learning {
    margin-top: 2.5rem;
  }
}
.p-distance-intro--learning .p-distance-intro__text {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-distance-intro--learning .p-distance-intro__text {
    margin-top: 1.8rem;
  }
}
.p-distance-detail {
  padding: 5.6rem 4.8rem;
  background: #edf7ff;
  margin-top: 4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail {
    padding: 3.2rem 2rem;
    margin-top: 2.8rem;
    gap: 2.8rem;
  }
}
.p-distance-detail--features {
  padding: 2.5rem 4.1rem 3rem 5rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail--features {
    padding: 3.2rem 2rem;
  }
}
.p-distance-detail--features .p-distance-detail__content {
  padding-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail--features .p-distance-detail__content {
    padding-top: 0;
  }
}
.p-distance-detail--list {
  padding-top: 4rem;
  padding-bottom: 3.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail--list {
    padding: 3.2rem 2rem;
  }
}
.p-distance-detail--list .p-distance-detail__text {
  margin-top: 1.5rem;
}
.p-distance-detail--panel {
  padding-top: 6.2rem;
  padding-bottom: 3.7rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail--panel {
    padding: 3.2rem 2rem;
  }
}
.p-distance-detail__content {
  flex: 1;
}
.p-distance-detail__image {
  width: 35.3rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__image {
    width: 100%;
  }
}
.p-distance-detail__image img {
  aspect-ratio: 353/321;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__image img {
    transform: none;
  }
}
.p-distance-detail__title {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  padding-left: 1.8rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__title {
    font-size: 1.6rem;
    padding-left: 1.4rem;
  }
}
.p-distance-detail__title::before {
  content: "";
  width: 0.8rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #004193;
  position: absolute;
  left: -0.2rem;
  top: 1.2rem;
  opacity: 0.3;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__title::before {
    width: 0.6rem;
    top: 1rem;
  }
}
.p-distance-detail__title-number {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  padding-left: 4.5rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__title-number {
    font-size: 1.8rem;
    padding-left: 3.6rem;
  }
}
.p-distance-detail__title-number span {
  position: absolute;
  width: 2.9rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #03BBD5;
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  left: 0;
  top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__title-number span {
    width: 2.4rem;
    font-size: 1rem;
    top: 0.1rem;
  }
}
.p-distance-detail__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__text {
    font-size: 1.3rem;
    margin-top: 0.6rem;
  }
}
.p-distance-detail__list {
  padding-block: 1.7rem 1.9rem;
  border-block: 0.1rem solid #dedede;
  margin-top: 2.7rem;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__list {
    padding-block: 1.4rem 1.6rem;
    margin-top: 1.8rem;
  }
}
.p-distance-detail__list-title, .p-distance-detail__list-text {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__list-title, .p-distance-detail__list-text {
    font-size: 1.1rem;
  }
}
.p-distance-detail__list-title {
  width: 14.8rem;
  padding-right: 1rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__list-title {
    width: 100%;
    padding-right: 0;
  }
}
.p-distance-detail__list-text {
  width: calc(100% - 14.8rem);
}
@media screen and (max-width: 767px) {
  .p-distance-detail__list-text {
    width: 100%;
  }
}
.p-distance-detail__list-note {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #888;
  margin-top: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__list-note {
    font-size: 1rem;
    margin-top: 0.6rem;
  }
}
.p-distance-detail__panel {
  margin-top: 4.2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2.9rem;
  counter-reset: item;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel {
    margin-top: 2.8rem;
    gap: 1.8rem;
  }
}
.p-distance-detail__panel-item {
  width: calc((100% - 2.9rem) / 2);
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-item {
    width: 100%;
  }
}
.p-distance-detail__panel-item--transparent {
  background: transparent;
}
.p-distance-detail__panel-head {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #fff;
  background-color: #008dd6;
  padding: 0.6rem 3.2rem 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-head {
    font-size: 1.3rem;
    padding: 0.4rem 2rem 0.5rem;
  }
}
.p-distance-detail__panel-head--green {
  background-color: #84d2df;
}
.p-distance-detail__panel-head--center {
  text-align: center;
}
.p-distance-detail__panel-head small {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-head small {
    font-size: 1.3rem;
  }
}
.p-distance-detail__panel-head small::after {
  content: "";
  width: 1px;
  height: 1.1rem;
  margin-inline: 0.7rem 0.8rem;
  background: #d9d9d9;
  display: inline-block;
  vertical-align: 0;
}
.p-distance-detail__panel-body {
  padding: 1.8rem 3.2rem 3.1rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-body {
    padding: 1.4rem 2rem 2.4rem;
  }
}
.p-distance-detail__panel-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem 3.9rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-list {
    gap: 1.4rem 2.8rem;
  }
}
.p-distance-detail__panel-subitem {
  width: calc((100% - 3.9rem) / 2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-subitem {
    width: calc((100% - 2.8rem) / 2);
  }
}
.p-distance-detail__panel-subitem:not(:last-child) .p-distance-detail__panel-text::before {
  content: "";
  width: 1.5rem;
  aspect-ratio: 1/1;
  position: absolute;
  left: calc(100% + 1.4rem);
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='7' x2='15' y2='7' stroke='%23888888' stroke-width='2'/%3E%3Cline x1='7.5' y1='15' x2='7.5' stroke='%23888888' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-subitem:not(:last-child) .p-distance-detail__panel-text::before {
    width: 1.2rem;
    left: calc(100% + 0.9rem);
  }
}
.p-distance-detail__panel-label {
  display: flex;
  justify-content: center;
  margin-bottom: 0.3rem;
}
.p-distance-detail__panel-label span {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #888;
  background: #fff;
  border: 1px solid #ccc;
  padding: 0.9rem 1rem 0.5rem;
  border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-label span {
    font-size: 1rem;
    padding: 0.6rem 0.8rem 0.3rem;
  }
}
.p-distance-detail__panel-title {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  color: #004193;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-title {
    font-size: 1.2rem;
    margin-bottom: 0.3rem;
  }
}
.p-distance-detail__panel-lead {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-lead {
    font-size: 1.4rem;
    margin-top: 0.6rem;
  }
}
.p-distance-detail__panel-lead--blue {
  color: #004193;
}
.p-distance-detail__panel-text {
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 7.2rem;
  background: #d4d5ff;
  color: #5557bc;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-text {
    font-size: 1rem;
    min-height: 5.8rem;
  }
}
.p-distance-detail__panel-text span {
  display: block;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-text span {
    margin-bottom: 0.4rem;
  }
}
.p-distance-detail__panel-text--grey {
  color: #292f4a;
  background: #f2f2f2;
}
.p-distance-detail__panel-desc {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.1rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-desc {
    font-size: 1.3rem;
    margin-top: 0.8rem;
  }
}
.p-distance-detail__panel-action {
  text-align: center;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-action {
    margin-top: 1.8rem;
  }
}
.p-distance-detail__panel-action .c-button-border--plus {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-action .c-button-border--plus {
    margin-top: 1.8rem;
  }
}
.p-distance-detail__panel-subtext {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__panel-subtext {
    font-size: 1.2rem;
    margin-top: 0.6rem;
  }
}
.p-distance-detail__panel-image {
  width: 100%;
  height: auto;
}
.p-distance-detail__panel-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 416/183;
  object-fit: cover;
}
.p-distance-detail__note {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-distance-detail__note {
    font-size: 1.1rem;
    margin-top: 0.8rem;
  }
}
.p-distance-content {
  padding-block: 8.3rem 9rem;
}
@media screen and (max-width: 767px) {
  .p-distance-content {
    padding-block: 4.8rem 5rem;
  }
}
.p-distance-content > :first-child {
  margin-top: 0;
}
.p-distance-content .c-title-highlight {
  font-size: 3.2rem;
}
.p-distance-content .c-title-highlight__text--primary {
  display: block;
  font-size: 4.8rem;
}
.p-distance-content__body {
  margin-top: 7.7rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (min-width: 1441px) {
  .p-distance-content__body {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-distance-content__body {
    margin-top: 5rem;
  }
}
.p-distance-content__body .p-distance-sidebar {
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-distance-content__body .p-distance-sidebar {
    margin-top: 0;
  }
}
.p-distance-content__body .p-distance-intro {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-distance-content__body .p-distance-intro {
    margin-top: 2rem;
  }
}
.p-distance-content__main {
  width: 79.17%;
  padding-inline: 10rem 7.9rem;
}
@media screen and (max-width: 767px) {
  .p-distance-content__main {
    width: 100%;
    padding-inline: 2rem;
    padding-top: 5rem;
  }
}
.p-distance-content__section:not(:last-child) {
  margin-bottom: 5.2rem;
}
@media screen and (max-width: 767px) {
  .p-distance-content__section:not(:last-child) {
    margin-bottom: 3.8rem;
  }
}
.p-distance-content__section:not(:last-child)::after {
  content: "";
  width: 100%;
  aspect-ratio: 959/17;
  background-image: url("data:image/svg+xml,%3Csvg width='959' height='17' viewBox='0 0 959 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0703125 11.8802C50.4036 4.54688 208.47 -6.71979 438.07 6.88022C667.67 20.4802 880.404 15.8802 958.07 11.8802' stroke='%23DEDEDE'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-distance-content__section:not(:last-child)::after {
    margin-top: 3.8rem;
  }
}
.p-distance-content__section--border:not(:last-child)::after {
  display: none;
}
.p-distance-content__section .p-distance-benefit {
  margin-block: 4.7rem 6.4rem;
  max-width: 84.1rem;
}
@media screen and (max-width: 767px) {
  .p-distance-content__section .p-distance-benefit {
    margin-block: 2.5rem 3.8rem;
  }
}
.p-distance-content__section .p-distance-faq {
  margin-top: 5.8rem;
}
@media screen and (max-width: 767px) {
  .p-distance-content__section .p-distance-faq {
    margin-top: 2.8rem;
  }
}
.p-distance-links {
  padding-block: 16.4rem 9.9rem;
  position: relative;
  z-index: 1;
}
.p-distance-links::before {
  content: "";
  width: 100%;
  height: 150%;
  background: url("../../assets/img/distance/bg-feature-links.png") no-repeat center top/100% auto;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .p-distance-links::before {
    background: url("../../assets/img/distance/bg-feature-links-sp.png") no-repeat center top/100% auto;
  }
}
@media screen and (max-width: 767px) {
  .p-distance-links {
    padding-block: 10rem 6rem;
  }
}
.p-distance-links .c-title-section {
  font-size: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-distance-links .c-title-section {
    font-size: 2.4rem;
  }
}
.p-distance-links .p-distance-features {
  margin-top: 5.7rem;
}
@media screen and (max-width: 767px) {
  .p-distance-links .p-distance-features {
    margin-top: 3.5rem;
  }
}
.p-distance-guide {
  margin-top: 5rem;
  padding-block: 1rem;
  position: relative;
  z-index: 1;
}
.p-distance-guide::before {
  content: "";
  width: 100%;
  height: calc(100% + 5.1rem);
  background: url("../../assets/img/distance/bg-feature-guide.png") no-repeat center top/100% auto;
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-distance-guide::before {
    background: url("../../assets/img/distance/bg-feature-guide-sp.png") no-repeat center top/100% auto;
  }
}
.p-distance-guide .c-banner {
  padding: 0;
}
.p-distance-guide .c-banner:before {
  background: none;
}
@media screen and (max-width: 767px) {
  .p-distance-guide {
    padding-block: 1rem;
  }
}
.p-distance-guide .c-title-disc {
  margin-top: 4.6rem;
}
@media screen and (max-width: 767px) {
  .p-distance-guide .c-title-disc {
    margin-top: 3.5rem;
  }
}
.p-distance-guide__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 0.2rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-distance-guide__text {
    font-size: 1.3rem;
    margin-top: 0.1rem;
  }
}
.p-distance-guide .p-distance-list-links {
  margin-top: 2.5rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .p-distance-guide .p-distance-list-links {
    margin-top: 1.8rem;
  }
}
.p-distance-guide .p-distance-banner {
  margin-top: 15.6rem;
}
@media screen and (max-width: 767px) {
  .p-distance-guide .p-distance-banner {
    margin-top: 5rem;
  }
}
.p-distance-guide .c-breadcrumbs {
  margin-top: 5.1rem;
}
@media screen and (max-width: 767px) {
  .p-distance-guide .c-breadcrumbs {
    margin-top: 3.5rem;
  }
}
.p-distance-hero {
  padding-block: 10.7rem 14.2rem;
  background-image: url(../img/common/bg-hero.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 1441px) {
  .p-distance-hero {
    background-image: url(../img/common/bg-hero.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .p-distance-hero {
    padding-block: 5.8rem 8.2rem;
    background-image: url(../img/common/bg-hero-sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
.p-distance-hero__lead, .p-distance-hero__title {
  color: #fff;
}
.p-distance-hero__lead {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-distance-hero__lead {
    font-size: 1.8rem;
  }
}
.p-distance-hero__title {
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-top: 1.9rem;
}
@media screen and (max-width: 767px) {
  .p-distance-hero__title {
    font-size: 2.4rem;
    margin-top: 1.8rem;
  }
}
.p-distance-hero__text-en {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-distance-hero__text-en {
    font-size: 1rem;
    margin-top: 1.8rem;
  }
}
.p-distance-hero__text-en::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 1px;
  background-color: #759dcf;
  margin-inline: 0.45rem 0.8rem;
  vertical-align: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-hero__text-en::before {
    width: 0.6rem;
    height: 0.1rem;
    margin-inline: 0.3rem 0.6rem;
    vertical-align: 0.3rem;
  }
}
.p-distance-list-links {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-distance-list-links {
    gap: 1.6rem;
  }
}
.p-distance-list-links__item {
  width: calc((100% - 6rem) / 3);
}
@media screen and (max-width: 767px) {
  .p-distance-list-links__item {
    width: 100%;
  }
}
.p-distance-list-links__link {
  background: #fff;
  padding: 2.4rem 3.2rem 2.6rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 12rem;
  height: 100%;
  position: relative;
  box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 767px) {
  .p-distance-list-links__link {
    padding: 1.8rem 1.8rem 2rem;
  }
}
.p-distance-list-links__link .c-icon-hover__arrow {
  right: 2.7rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
@media screen and (max-width: 767px) {
  .p-distance-list-links__link .c-icon-hover__arrow {
    right: 1.8rem;
  }
}
.p-distance-list-links__title {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .p-distance-list-links__title {
    font-size: 1.1rem;
  }
}
.p-distance-list-links__text {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  margin-top: 0.7rem;
  padding-right: 4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-list-links__text {
    font-size: 1.6rem;
  }
}
.p-distance-benefit {
  display: flex;
  flex-wrap: wrap;
  gap: 5.8rem 5.9rem;
  counter-reset: item;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-distance-benefit {
    gap: 3.8rem 0;
  }
}
.p-distance-benefit__item {
  width: calc((100% - 5.9rem) / 2);
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-distance-benefit__item:nth-child(2n+1)::before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(100% + 2.9rem);
    border-right: 1px dashed #dedede;
    z-index: 1;
    pointer-events: none;
  }
}
@media screen and (min-width: 768px) {
  .p-distance-benefit__item:first-child::before {
    height: calc(100% + 5.9rem);
  }
}
@media screen and (min-width: 768px) {
  .p-distance-benefit__item:nth-child(n+3)::after {
    content: "";
    width: 100%;
    height: 0;
    right: 0;
    bottom: calc(100% + 2.95rem);
    border-top: 1px dashed #dedede;
    z-index: 1;
    pointer-events: none;
    position: absolute;
  }
}
.p-distance-benefit__item:last-child::after {
  width: calc(100% + 5.8rem);
}
@media screen and (max-width: 767px) {
  .p-distance-benefit__item {
    width: 100%;
  }
}
.p-distance-benefit__image {
  position: relative;
  z-index: 1;
  border: 1px solid #dedede;
}
.p-distance-benefit__image::before {
  content: "0" counter(item);
  counter-increment: item;
  width: 4.8rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #03BBD5;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-distance-benefit__image::before {
    width: 4rem;
    font-size: 1.4rem;
  }
}
.p-distance-benefit__image img {
  width: 100%;
  aspect-ratio: 391/261;
  object-fit: cover;
  height: auto;
  display: block;
}
.p-distance-benefit__image--bordernone {
  border: none;
}
.p-distance-benefit__image--bordernone::before {
  top: 0.1rem;
  left: 0.1rem;
}
.p-distance-benefit__body {
  padding-top: 2.1rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-distance-benefit__body {
    padding-top: 1.8rem;
  }
}
.p-distance-benefit__body .c-button-border {
  margin: 2.6rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-distance-benefit__body .c-button-border {
    margin-top: 2rem;
  }
}
.p-distance-benefit__title {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-distance-benefit__title {
    font-size: 1.6rem;
  }
}
.p-distance-benefit__text {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.7rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-distance-benefit__text {
    font-size: 1.1rem;
    margin-top: 1.4rem;
  }
}
.p-distance-faq__item {
  position: relative;
  z-index: 1;
  padding-top: 2.9rem;
}
@media screen and (max-width: 767px) {
  .p-distance-faq__item {
    padding-top: 2rem;
  }
}
.p-distance-faq__item:not(:first-child) {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-faq__item:not(:first-child) {
    margin-top: 3.5rem;
  }
}
.p-distance-faq__item::before, .p-distance-faq__item::after {
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
}
.p-distance-faq__item::before {
  background: #004193;
  width: 3.5rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-distance-faq__item::before {
    width: 3rem;
  }
}
.p-distance-faq__item::after {
  background: #dedede;
  width: 100%;
}
.p-distance-faq__question, .p-distance-faq__answer-title {
  padding-left: 5.9rem;
  position: relative;
  z-index: 1;
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-distance-faq__question, .p-distance-faq__answer-title {
    font-size: 1.8rem;
    padding-left: 4.6rem;
  }
}
.p-distance-faq__question::before, .p-distance-faq__answer-title::before {
  width: 3.5rem;
  aspect-ratio: 1/1;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0.1rem;
}
@media screen and (max-width: 767px) {
  .p-distance-faq__question::before, .p-distance-faq__answer-title::before {
    width: 3rem;
    font-size: 1.2rem;
    top: 0.2rem;
  }
}
.p-distance-faq__question {
  color: #004193;
}
.p-distance-faq__question::before {
  content: "Q";
  background: #004193;
}
.p-distance-faq__answer {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-faq__answer {
    margin-top: 2rem;
  }
}
.p-distance-faq__answer-title {
  color: #292f4a;
}
.p-distance-faq__answer-title::before {
  content: "A";
  background: #03BBD5;
}
.p-distance-faq__answer-text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-faq__answer-text {
    font-size: 1.3rem;
    margin-top: 1.5rem;
  }
}
.p-distance-features {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-distance-features {
    gap: 2.8rem;
  }
}
.p-distance-features__item {
  width: calc((100% - 9.6rem) / 3);
  background: #fff;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 767px) {
  .p-distance-features__item {
    width: 100%;
  }
}
.p-distance-features__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 4rem 5rem 5.6rem;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-distance-features__link {
    padding: 3.2rem 2rem 4rem;
  }
}
.p-distance-features__link .c-icon-hover__arrow {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .p-distance-features__link .c-icon-hover__arrow {
    right: 1.6rem;
    bottom: 1.6rem;
  }
}
.p-distance-features__title {
  font-weight: 500;
  font-size: 2.1rem;
  color: #004193;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
  min-height: 5.9rem;
}
@media screen and (max-width: 767px) {
  .p-distance-features__title {
    font-size: 1.8rem;
    min-height: unset;
  }
}
.p-distance-features__image img {
  width: 16.6rem;
  aspect-ratio: 1/1;
  object-fit: cover;
  height: auto;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-distance-features__image img {
    width: 14rem;
  }
}
.p-distance-features__caption {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: -1.8rem;
}
@media screen and (max-width: 767px) {
  .p-distance-features__caption {
    font-size: 1.3rem;
    margin-top: -1.4rem;
  }
}
.p-distance-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-distance-banner {
    gap: 2rem;
  }
}
.p-distance-banner__item {
  width: calc((100% - 8.4rem) / 3);
}
@media screen and (max-width: 767px) {
  .p-distance-banner__item {
    width: 100%;
  }
}
.p-distance-banner__link {
  display: block;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .p-distance-banner__link:hover {
    opacity: 0.7;
  }
}
.p-distance-banner__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 400/125;
  object-fit: cover;
  display: block;
  height: auto;
}
.p-distance-navigation__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.p-distance-navigation__item {
  width: calc((100% - 3rem) / 4);
}
@media screen and (max-width: 767px) {
  .p-distance-navigation__item {
    width: calc((100% - 1rem) / 2);
  }
}
.p-distance-navigation__link, .p-distance-navigation__current {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #004193;
  padding: 2.8rem 2rem;
  border: 1px solid #b2d1f9;
  background-color: #edf7ff;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .p-distance-navigation__link, .p-distance-navigation__current {
    padding: 1.8rem 0;
    font-size: 1.4rem;
  }
}
.p-distance-navigation__current {
  background: #004193;
  color: #fff;
  border-color: #004193;
  position: relative;
  z-index: 1;
}
.p-distance-navigation__current::before {
  content: "";
  width: 3.8rem;
  aspect-ratio: 38/19;
  background: #004193;
  position: absolute;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
@media screen and (max-width: 767px) {
  .p-distance-navigation__current::before {
    width: 3.2rem;
    aspect-ratio: 32/16;
  }
}
@media screen and (min-width: 768px) {
  .p-distance-navigation__link:hover {
    background: #004193;
    color: #fff;
    border-color: #004193;
  }
}

.c-button-border {
  border: 1px solid #004193;
  background-color: #fff;
  display: inline-block;
  padding: 1.2rem 3.2rem 1.4rem;
  min-width: 19.8rem;
  font-weight: 500;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  color: #004193;
  transition: all 0.3s;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-button-border:hover {
    background-color: #004193;
    color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .c-button-border {
    font-size: 1.1rem;
    max-width: 15.8rem;
  }
}
.c-button-border::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  background-color: #004193;
}
@media screen and (min-width: 768px) {
  .c-button-border--plus:hover {
    background-color: #004193;
    color: #fff;
  }
  .c-button-border--plus:hover::before {
    background-color: #fff;
  }
}
.c-button-border--plus::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='5.95048' x2='11.9009' y2='5.95048' stroke='%23004193' stroke-width='0.991745'/%3E%3Cline x1='5.94944' y1='11.9009' x2='5.94944' y2='-3.8147e-06' stroke='%23004193' stroke-width='0.991745'/%3E%3C/svg%3E%0A");
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 1.2rem;
  height: 1.2rem;
  right: 1.5rem;
}
@media screen and (min-width: 768px) {
  .c-button-border--arrow:hover {
    background-color: #004193;
    color: #fff;
  }
  .c-button-border--arrow:hover::before {
    background-color: #fff;
  }
}
.c-button-border--arrow::before {
  mask-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.332031 0.331543L5.33203 5.33154L0.332031 10.3315' stroke='%23004193' stroke-width='0.9375'/%3E%3C/svg%3E%0A");
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 0.6rem;
  aspect-ratio: 6/11;
  right: 1.5rem;
}
.c-button-border--large {
  width: 35rem;
  padding: 1.2rem 2.2rem 1.4rem 2.2rem;
}
@media screen and (max-width: 767px) {
  .c-button-border--large {
    width: 100%;
    max-width: 100%;
  }
}

.c-breadcrumbs {
  position: relative;
  z-index: 1;
}
.c-breadcrumbs__list {
  display: flex;
  overflow: hidden;
}
.c-breadcrumbs__list-item:not(:last-child) {
  display: flex;
}
.c-breadcrumbs__list-item:not(:last-child)::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.370701' y1='6.99493' x2='6.3707' y2='0.334682' stroke='%23004193'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 0.7rem;
  aspect-ratio: 7/8;
  height: auto;
  display: inline-block;
  margin-inline: 0.4rem 0.8rem;
  vertical-align: -0.1rem;
}
.c-breadcrumbs__list-item:last-child {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.c-breadcrumbs__list-item:last-child .c-breadcrumbs__list-text {
  opacity: 0.5;
}
.c-breadcrumbs__list-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .c-icon-hover:hover .c-icon-hover__arrow {
    background-color: #fff;
  }
  .c-icon-hover:hover .c-icon-hover__arrow::before {
    background-color: #004193;
  }
}
.c-icon-hover__arrow {
  width: 3.2rem;
  aspect-ratio: 1/1;
  height: auto;
  border-radius: 50%;
  border: 1px solid #004193;
  background-color: #004193;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  font-size: 0;
}
.c-icon-hover__arrow::before {
  content: "";
  mask-image: url("data:image/svg+xml,%3Csvg width='5' height='9' viewBox='0 0 5 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.265625 0.265137L4.26563 4.26514L0.265625 8.26514' stroke='white' stroke-width='0.75'/%3E%3C/svg%3E%0A");
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 0.5rem;
  aspect-ratio: 5/9;
  background-color: #fff;
  display: block;
  transition: all 0.3s;
  margin-left: 0.3rem;
}

.c-title-highlight {
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .c-title-highlight {
    font-size: 1.8rem;
  }
}
.c-title-highlight__text--primary, .c-title-highlight--primary {
  color: #004193;
}
.c-title-highlight--center {
  text-align: center;
}
.c-title-highlight__text--sm {
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  .c-title-highlight__text--sm {
    font-size: 1.8rem;
  }
}
.c-title-section {
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-title-section {
    font-size: 1.8rem;
  }
}
.c-title-disc {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  position: relative;
  z-index: 1;
  font-feature-settings: "palt";
  padding-left: 1.7rem;
}
@media screen and (max-width: 767px) {
  .c-title-disc {
    font-size: 1.6rem;
  }
}
.c-title-disc::before {
  content: "";
  width: 0.8rem;
  aspect-ratio: 1/1;
  height: auto;
  position: absolute;
  background: #fff;
  border-radius: 50%;
  left: 0.1rem;
  top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-title-disc::before {
    width: 0.6rem;
    top: 1.1rem;
  }
}

.c-title-highlight {
  font-size: 4.8rem;
}
@media screen and (max-width: 767px) {
  .c-title-highlight {
    font-size: 2.4rem;
  }
}

.p-distance-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.p-distance-modal.is-active {
  opacity: 1;
  visibility: visible;
}
.p-distance-modal.is-active .p-distance-modal__container {
  transform: translateY(0);
}
.p-distance-modal__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.p-distance-modal__container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 72rem;
  max-height: calc(100vh - 4rem);
  background-color: #fff;
  border-radius: 1.4rem;
  overflow-y: auto;
  transform: translateY(2rem);
  transition: transform 0.3s ease;
  outline: none;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
  padding: 4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__container {
    max-height: calc(100vh - 8rem);
    max-height: calc(100dvh - 8rem);
    padding: 2rem;
  }
}
.p-distance-modal__container--flow {
  background: #edf7ff;
  border-radius: 0;
}
.p-distance-modal__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  aspect-ratio: 1/1;
  background-color: #03BBD5;
  color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.1666666667;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: capitalize;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__number {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.3rem;
  }
}
.p-distance-modal__title {
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__title {
    font-size: 2rem;
  }
}
.p-distance-modal__subtitle {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__subtitle {
    font-size: 1.2rem;
    margin: 0.4rem 0 0;
  }
}
.p-distance-modal__body {
  margin: 1.6rem 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__body {
    margin: 0.8rem 0 1.2rem;
  }
}
.p-distance-modal__intro {
  display: flex;
  gap: 2.4rem;
  margin-bottom: 3.2rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__intro {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2rem;
  }
}
.p-distance-modal__chart {
  flex-shrink: 0;
  width: 39rem;
  margin: 0;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__chart {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
}
.p-distance-modal__chart img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 390/260;
  object-fit: cover;
}
.p-distance-modal__chart--border {
  border: 1px solid #dedede;
}
.p-distance-modal__intro-content {
  flex: 1;
  display: flex;
  align-items: center;
}
.p-distance-modal__intro-text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__intro-text {
    font-size: 1.4rem;
  }
}
.p-distance-modal__details {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__details {
    gap: 2rem;
  }
}
.p-distance-modal__detail-title {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__detail-title {
    font-size: 1.6rem;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: center;
  }
}
.p-distance-modal__detail-number {
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #004193;
  width: 2.5rem;
  aspect-ratio: 25/29;
  display: flex;
  align-items: center;
  justify-content: center;
  border-block: 1px solid #004193;
  background: #fff;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__detail-number {
    font-size: 1.2rem;
  }
}
.p-distance-modal__detail-text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__detail-text {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
.p-distance-modal__detail-text + .p-distance-modal__detail-text {
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__detail-text + .p-distance-modal__detail-text {
    margin-top: 0.6rem;
  }
}
.p-distance-modal__panel-item:not(:last-child) {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-item:not(:last-child) {
    margin-bottom: 2rem;
  }
}
.p-distance-modal__panel-head {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  background: #008dd6;
  color: #fff;
  text-align: center;
  padding: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-head {
    font-size: 1.6rem;
    padding: 0.3rem;
  }
}
.p-distance-modal__panel-head--green {
  background: #84d2df;
}
.p-distance-modal__panel-head--lightblue {
  background: #94bbf7;
}
.p-distance-modal__panel-head-sub {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 0.8rem 1.6rem 0;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-head-sub {
    font-size: 1.2rem;
    margin: 0.4rem 0.8rem 0;
  }
}
.p-distance-modal__panel-body {
  background: #fff;
  padding: 1.6rem;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-body {
    padding: 1.8rem 1.6rem 1.8rem;
    margin: 0.8rem 0 0;
  }
}
.p-distance-modal__panel-labels {
  display: flex;
  gap: 1.6rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-labels {
    gap: 1.2rem;
  }
}
.p-distance-modal__panel-label {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0;
  background: #d4d5ff;
  color: #5557bc;
  border-radius: 0.4rem;
  padding: 0.7rem 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-label {
    font-size: 1.2rem;
    padding: 0.6rem 1rem;
  }
}
.p-distance-modal__panel-label--green {
  color: #fff;
  background: #84d2df;
}
.p-distance-modal__panel-text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-text {
    font-size: 1.3rem;
    margin-top: 1.2rem;
  }
}
.p-distance-modal__panel-flows {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-flows {
    gap: 4rem;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
  }
}
.p-distance-modal__panel-flow {
  position: relative;
  flex-grow: 1;
}
.p-distance-modal__panel-flow::before {
  content: "";
  height: 1.8rem;
  aspect-ratio: 12/20;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 0.707031L9.70703 9.70703L0.707031 18.707' stroke='%23004193' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 6.6rem;
  left: calc(100% + 0.45rem);
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-flow::before {
    top: calc(100% + 0.5rem);
    width: 1rem;
    left: calc(50% - 0.5rem);
    transform: rotate(90deg);
  }
}
.p-distance-modal__panel-lead {
  min-height: 3.1rem;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-lead {
    width: 10rem;
    margin-bottom: 0.6rem;
    min-height: 2.6rem;
  }
}
.p-distance-modal__panel-lead--auto {
  min-height: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-lead--auto {
    min-height: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-lead--hidden {
    display: none;
  }
}
.p-distance-modal__subtext {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #004193;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__subtext {
    font-size: 1rem;
  }
}
.p-distance-modal__subtext::before, .p-distance-modal__subtext::after {
  content: "";
  width: 1.2rem;
  aspect-ratio: 12/14;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-0.5' x2='17.2335' y2='-0.5' transform='matrix(-0.656495 -0.754331 -0.656495 0.754331 11.3135 13.7539)' stroke='%23004193' stroke-linejoin='round' stroke-dasharray='2 2'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__subtext::before, .p-distance-modal__subtext::after {
    width: 1rem;
  }
}
.p-distance-modal__subtext::before {
  left: 0;
  transform: translateX(calc(-100% - 1rem));
}
@media screen and (max-width: 767px) {
  .p-distance-modal__subtext::before {
    transform: translateX(calc(-100% - 0.6rem));
  }
}
.p-distance-modal__subtext::after {
  transform: translateX(calc(100% + 1rem)) scaleX(-1);
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__subtext::after {
    transform: translateX(calc(100% + 0.6rem)) scaleX(-1);
  }
}
.p-distance-modal__panel-image {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-image {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    width: 100%;
  }
}
.p-distance-modal__panel-image img {
  width: 8rem;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-image img {
    width: 10rem;
    margin: 0;
  }
}
.p-distance-modal__panel-caption {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-caption {
    font-size: 1.1rem;
    margin-top: 0.8rem;
  }
}
.p-distance-modal__panel-circle {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  width: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #004193;
  margin-top: 3.5rem;
  margin-left: 2rem;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-circle {
    font-size: 1rem;
    margin-top: 3.1rem;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-distance-modal__panel-circle--small {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-distance-modal__panel-circle--pc {
    margin-top: 3.5rem;
  }
}
.p-distance-modal__footer {
  padding: 0 4rem;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-distance-modal__footer {
    padding: 0 2rem;
  }
}

.p-online-page {
  padding-bottom: 16rem;
}
@media screen and (max-width: 767px) {
  .p-online-page {
    padding-block: 4.8rem 5.8rem;
  }
}
.p-online-diff__list {
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-online-diff__list {
    margin-top: 2.8rem;
  }
}
.p-online-diff__list-item .p-distance-detail {
  padding: 4.4rem 4.9rem 4.8rem;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-online-diff__list-item .p-distance-detail {
    padding: 2rem 2rem 2.8rem;
    margin-top: 1.2rem;
  }
}
.p-online-diff__list-item .p-distance-detail__panel {
  margin-top: 3.4rem;
}
@media screen and (max-width: 767px) {
  .p-online-diff__list-item .p-distance-detail__panel {
    margin-top: 2rem;
  }
}
.p-online-diff__list-item .p-distance-detail__panel-body {
  padding: 1.8rem 3.2rem 2.6rem;
}
@media screen and (max-width: 767px) {
  .p-online-diff__list-item .p-distance-detail__panel-body {
    padding: 1.4rem 2rem 2.4rem;
  }
}
.p-online-diff__list-item .p-distance-detail__panel-action {
  margin-top: 4.9rem;
}
@media screen and (max-width: 767px) {
  .p-online-diff__list-item .p-distance-detail__panel-action {
    margin-top: 2.8rem;
  }
}
.p-online-diff__list-item .p-distance-detail__panel-action .c-button-border {
  padding: 1.2rem 3.2rem 1.4rem 2rem;
}
@media screen and (max-width: 767px) {
  .p-online-diff__list-item .p-distance-detail__panel-action .c-button-border {
    width: 100%;
    max-width: unset;
    display: block;
  }
}
.p-online-faq__list {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-online-faq__list {
    margin-top: 2.8rem;
  }
}
.p-online-faq__item {
  padding-bottom: 1.7rem;
  margin-top: 1.7rem;
  border-bottom: 0.1rem solid #dedede;
}
@media screen and (max-width: 767px) {
  .p-online-faq__item {
    padding-bottom: 1.4rem;
    margin-top: 1.4rem;
  }
}
.p-online-faq__question, .p-online-faq__answer {
  padding-left: 5.2rem;
  position: relative;
  z-index: 1;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-online-faq__question, .p-online-faq__answer {
    font-size: 1.4rem;
    padding-left: 4rem;
  }
}
.p-online-faq__question::before, .p-online-faq__answer::before {
  width: 3.5rem;
  aspect-ratio: 1/1;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: -0.1rem;
}
@media screen and (max-width: 767px) {
  .p-online-faq__question::before, .p-online-faq__answer::before {
    width: 3rem;
    font-size: 1.2rem;
    top: -0.3rem;
  }
}
.p-online-faq__question {
  color: #004193;
  cursor: pointer;
  padding-right: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-online-faq__question {
    padding-right: 2rem;
  }
}
.p-online-faq__question::before {
  content: "Q";
  background: #004193;
}
.p-online-faq__question::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='8' x2='17' y2='8' stroke='%23888888'/%3E%3Cline x1='8' y1='17' x2='8' stroke='%23888888'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.7rem;
  aspect-ratio: 1/1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(calc(-50% + 0.6rem));
  transition: transform 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-online-faq__question::after {
    width: 1.4rem;
    transform: translateY(-50%);
  }
}
.p-online-faq__question.is-active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='1' viewBox='0 0 17 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='0.5' x2='17' y2='0.5' stroke='%23888888'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.p-online-faq__answer {
  color: #292f4a;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
.p-online-faq__answer::before {
  content: "A";
  background: #03BBD5;
  top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-online-faq__answer::before {
    top: 1rem;
  }
}
.p-online-faq__answer-text {
  padding-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-online-faq__answer-text {
    padding-top: 1.2rem;
  }
}

.p-pros-benefit__list {
  margin-top: 4.3rem;
}
@media screen and (max-width: 767px) {
  .p-pros-benefit__list {
    margin-top: 2.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-pros-benefit__list--center {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-pros-benefit__list--center .p-pros-benefit__list-text,
  .p-pros-benefit__list--center .p-pros-benefit__list-title,
  .p-pros-benefit__list--center .p-pros-detail__list-title {
    text-align: left;
  }
}
.p-pros-benefit__list-item {
  display: flex;
  align-items: center;
  gap: 4.9rem;
}
@media screen and (max-width: 767px) {
  .p-pros-benefit__list-item {
    gap: 2.8rem;
    flex-direction: column;
  }
}
.p-pros-benefit__list-item:not(:first-child) {
  align-items: flex-start;
  margin-top: 10.6rem;
}
@media screen and (max-width: 767px) {
  .p-pros-benefit__list-item:not(:first-child) {
    margin-top: 5rem;
  }
}
.p-pros-benefit__list-item:nth-child(2n+2) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-pros-benefit__list-item:nth-child(2n+2) {
    flex-direction: column;
  }
}
.p-pros-benefit__list-content {
  width: 100%;
  max-width: 44rem;
}
.p-pros-benefit__list-content .c-button-border {
  margin-top: 3.3rem;
  padding: 1.2rem 3.7rem 1.4rem 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-pros-benefit__list-content .c-button-border {
    max-width: 100%;
    padding: 1.2rem 2.8rem 1.4rem 1.6rem;
    margin-top: 2rem;
  }
}
.p-pros-benefit__list-title, .p-pros-detail__list-title {
  font-weight: 500;
  font-size: 2.4rem;
  min-height: 7.2rem;
  display: flex;
  align-items: center;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.15em;
  padding-left: 6.6rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-pros-benefit__list-title, .p-pros-detail__list-title {
    font-size: 1.8rem;
    padding-left: 4.8rem;
  }
}
.p-pros-benefit__list-number {
  position: absolute;
  width: 4.8rem;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  background: #03BBD5;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-pros-benefit__list-number {
    width: 3.6rem;
    font-size: 1.4rem;
    height: calc(100% - 0.8rem);
    top: 50%;
    transform: translateY(-50%);
  }
}
.p-pros-benefit__list-text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 2.9rem;
}
@media screen and (max-width: 767px) {
  .p-pros-benefit__list-text {
    font-size: 1.4rem;
    margin-top: 1.8rem;
  }
}
.p-pros-benefit__list-image {
  width: 100%;
  max-width: 47rem;
}
.p-pros-benefit__list-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 47/29;
  object-fit: contain;
  object-position: left;
}
@media screen and (max-width: 767px) {
  .p-pros-benefit__list-image img {
    object-position: center;
  }
}
.p-pros-detail__list {
  margin-top: 2.3rem;
}
.p-pros-detail__list-item {
  padding-top: 3.2rem;
  position: relative;
  z-index: 1;
}
.p-pros-detail__list-item::before, .p-pros-detail__list-item::after {
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
}
.p-pros-detail__list-item::before {
  background: #004193;
  width: 3.5rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-pros-detail__list-item::before {
    width: 3rem;
  }
}
.p-pros-detail__list-item::after {
  background: #dedede;
  width: 100%;
}
.p-pros-detail__list-item .p-distance-detail {
  margin-top: 3.2rem;
  padding-bottom: 4.9rem;
  gap: 5.8rem;
}
@media screen and (max-width: 767px) {
  .p-pros-detail__list-item .p-distance-detail {
    gap: 2.8rem;
  }
}
.p-pros-detail__list-item .p-distance-detail__text {
  padding-right: 0.5rem;
}
.p-pros-detail__list-item .p-distance-detail__image--wide {
  width: 35rem;
}
.p-pros-detail__list-item .p-distance-detail__image--wide img {
  width: 100%;
  height: auto;
  aspect-ratio: unset;
}
.p-pros-detail__list-item .p-distance-detail__image--wider {
  width: 37.3rem;
}
.p-pros-detail__list-item .p-distance-detail__image--wider img {
  width: 100%;
  height: auto;
  aspect-ratio: unset;
}
.p-pros-detail__list-item .p-distance-detail__image--low {
  margin-top: 3.9rem;
}
@media screen and (max-width: 767px) {
  .p-pros-detail__list-item .p-distance-detail__image--low {
    margin-top: 0;
  }
}
.p-pros-detail__list-item .p-distance-detail__image--border {
  border: 1px solid #707070;
}
.p-pros-detail__list-item .c-button-border {
  margin-top: 2.8rem;
  padding: 1.2rem 4.4rem 1.4rem 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-pros-detail__list-item .c-button-border {
    padding: 1.2rem 2.8rem 1.4rem 2rem;
    margin-top: 1.8rem;
    max-width: 100%;
  }
}
.p-pros-detail__list-item .c-button-border--large {
  text-align: left;
  padding: 1.2rem 2.2rem 1.4rem 2.2rem;
}
.p-pros-detail__list-item .c-button-border + .c-button-border {
  margin-top: 2.1rem;
}
@media screen and (max-width: 767px) {
  .p-pros-detail__list-item .c-button-border + .c-button-border {
    margin-top: 1.8rem;
  }
}
.p-pros-detail__list-item:nth-child(2n+2) .p-distance-detail__text {
  padding-right: 0;
  padding-left: 0.5rem;
}
.p-pros-detail__list-item:not(:first-child) {
  margin-top: 6.4rem;
}
.p-pros-detail__list-title {
  padding-left: 0;
  letter-spacing: 0;
  min-height: unset;
  font-size: 4rem;
}
.p-pros-detail__list-text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.5rem;
}

.p-considering {
  padding-top: 12rem;
}
.p-considering .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-considering .c-breadcrumbs {
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
}
.p-considering .c-breadcrumbs .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-considering .c-breadcrumbs__list {
  display: flex;
  overflow: hidden;
}
.p-considering .c-breadcrumbs__list-item:not(:last-child) {
  display: flex;
}
.p-considering .c-breadcrumbs__list-item:not(:last-child)::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.370701' y1='6.99493' x2='6.3707' y2='0.334682' stroke='%23004193'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 0.7rem;
  aspect-ratio: 7/8;
  height: auto;
  display: inline-block;
  margin-inline: 0.4rem 0.8rem;
  vertical-align: -0.1rem;
}
.p-considering .c-breadcrumbs__list-item:last-child .c-breadcrumbs__list-text {
  opacity: 0.5;
}
.p-considering .c-breadcrumbs__list-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.p-considering .c-icon {
  background: #004193;
  border-radius: 50%;
  width: 4.7rem;
  height: 4.7rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid #000000;
  padding-left: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-considering .c-icon {
    width: 3rem;
    height: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-considering {
    padding-top: 5.8rem;
  }
}
.p-considering-hero {
  padding-block: 14rem 6.7rem;
  background-image: url(../img/considering/bg-hero.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 1441px) {
  .p-considering-hero {
    background-image: url(../img/considering/bg-hero.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .p-considering-hero {
    padding-block: 5.8rem 8.2rem;
    background-image: url(../img/considering/bg-hero-sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
.p-considering-hero__lead, .p-considering-hero__title {
  color: #fff;
}
.p-considering-hero__lead {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__lead {
    font-size: 1.8rem;
  }
}
.p-considering-hero__title {
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__title {
    font-size: 2.4rem;
  }
}
.p-considering-hero__text-en {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__text-en {
    font-size: 1rem;
    margin-top: 1.8rem;
  }
}
.p-considering-hero__text-en::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background-color: #759dcf;
  margin-inline: 0.45rem 0.8rem;
  vertical-align: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__text-en::before {
    width: 0.6rem;
    height: 0.1rem;
    margin-inline: 0.3rem 0.6rem;
    vertical-align: 0.3rem;
  }
}
.p-considering-hero__content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 5.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 4rem;
    margin: 2.4rem 0 0 2.4rem;
  }
}
.p-considering-hero__box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  max-width: 100%;
  width: 12rem;
  height: 12rem;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__box {
    height: 5.6rem;
    width: 100%;
  }
}
.p-considering-hero__description {
  color: #004193;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.4rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__description {
    font-size: 1.2rem;
  }
}
.p-considering-hero__note {
  color: #333;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__note {
    font-size: 0.8rem;
    margin-top: 0.2rem;
  }
}
.p-considering-hero__images {
  width: 6.4rem;
  height: 6.4rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: -3.2rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-considering-hero__images {
    width: 5.6rem;
    height: 5.6rem;
    top: 0;
    left: -2.8rem;
    transform: translateX(0);
  }
}
.p-considering-hero__images--1 img {
  width: 4rem;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__images--1 img {
    width: 3.2rem;
  }
}
.p-considering-hero__images--2 img {
  width: 4.6rem;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__images--2 img {
    width: 3.8rem;
  }
}
.p-considering-hero__images--3 img {
  width: 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__images--3 img {
    width: 3rem;
  }
}
.p-considering-hero__images--4 img {
  width: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-considering-hero__images--4 img {
    width: 2.8rem;
  }
}
.p-considering-empowerment {
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment {
    margin-top: 3rem;
  }
}
.p-considering-empowerment .l-container {
  width: 108rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-considering-empowerment__title {
  font-size: 3.2rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  color: #004193;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__title {
    font-size: 2.1rem;
  }
}
.p-considering-empowerment__sub-title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  color: #004193;
  position: relative;
  text-align: center;
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__sub-title {
    font-size: 1.6rem;
    margin-top: 3.2rem;
  }
}
.p-considering-empowerment__sub-title span {
  background: #fff;
  padding: 0 0.8rem;
  letter-spacing: 0.05em;
}
.p-considering-empowerment__sub-title::before {
  position: absolute;
  content: "";
  background: rgba(0, 66, 147, 0.3);
  width: 100%;
  height: 0.2rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.p-considering-empowerment__links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
  margin: 6.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__links {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
    margin: 3.2rem 0 0;
  }
}
.p-considering-empowerment__links-link {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #004193;
  background: #fff;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
  padding: 2rem;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__links-link {
    box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.08);
    padding: 1rem;
  }
}
.p-considering-empowerment__links-link:hover {
  color: #fff;
  background: #004193;
}
.p-considering-empowerment__links-link:hover .p-considering-empowerment__links-icon {
  background: #fff;
}
.p-considering-empowerment__links-link:hover .p-considering-empowerment__links-icon.p-considering-empowerment__links-icon::after {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-considering-empowerment__links-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #004193;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.p-considering-empowerment__links-icon::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.7rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  transition: 0.3s;
}
.p-considering-empowerment__links-text {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__links-text {
    font-size: 1.3rem;
  }
}
.p-considering-empowerment__steps {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__steps {
    margin-top: 3.5rem;
  }
}
.p-considering-empowerment__box {
  margin-top: 8rem;
  box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  background: #fff;
  position: relative;
}
.p-considering-empowerment__box:first-child {
  margin-top: 0;
}
.p-considering-empowerment__box::after {
  position: absolute;
  content: "";
  background-image: url(../img/considering/icon_arrow-bottom-grown.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 8.7rem;
  height: 3rem;
  bottom: -6rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box::after {
    bottom: -5.7rem;
  }
}
.p-considering-empowerment__box:last-child::after {
  display: none;
}
.p-considering-empowerment__box:nth-of-type(3) .p-considering-empowerment__box-main {
  padding-bottom: 4.5rem;
}
.p-considering-empowerment__box-link {
  transition: 0.3s;
  text-align: center;
}
.p-considering-empowerment__box-link img {
  width: 3rem;
  object-fit: contain;
  margin: 0 auto;
}
.p-considering-empowerment__box-link:hover {
  opacity: 0.5;
}
.p-considering-empowerment__box-head {
  display: grid;
  grid-template-columns: minmax(0, 5.6rem) minmax(0, 1fr);
  align-items: center;
  gap: 2.4rem;
  background: #edf7ff;
  padding: 1.9rem 2.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-head {
    padding: 1rem;
  }
}
.p-considering-empowerment__box-step {
  background: #004193;
  color: #fff;
  width: 5.6rem;
  height: 5.6rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  padding-top: 0.6rem;
  letter-spacing: 0.05em;
}
.p-considering-empowerment__box-step span {
  font-size: 1.8rem;
  display: block;
}
.p-considering-empowerment__box-title {
  font-size: 2.4rem;
  font-weight: 500;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-title {
    font-size: 1.6rem;
  }
}
.p-considering-empowerment__box-main {
  padding: 0.7rem 2.7rem 4rem 2.7rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-main {
    padding: 2rem 2rem 3rem;
  }
}
.p-considering-empowerment__box-main--spacious {
  padding-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-main--spacious {
    padding: 2rem 2rem 3rem;
  }
}
.p-considering-empowerment__box-main-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-main-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.p-considering-empowerment__box-main-list li {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  position: relative;
}
.p-considering-empowerment__box-main-list li::after {
  position: absolute;
  content: "";
  background-image: url(../img/considering/icon_arrow-right-black.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  height: 1.6rem;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.p-considering-empowerment__box-main-list li a {
  position: relative;
  padding: 1.9rem 2.4rem 1.9rem;
  letter-spacing: 0.05em;
  display: block;
  border-bottom: 0.1rem solid #dedede;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-main-list li a {
    font-size: 1.3rem;
    padding: 1.5rem 3rem 1.5rem 2rem;
  }
}
.p-considering-empowerment__box-main-list li a::before {
  position: absolute;
  content: "";
  background: #004193;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 1.6rem;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.p-considering-empowerment__box-main-list li a::after {
  position: absolute;
  content: "";
  background: #004193;
  width: 0;
  height: 0.2rem;
  bottom: 0;
  left: 0;
  transition: 0.4s;
}
.p-considering-empowerment__box-main-list li a:hover::after {
  width: 100%;
}
.p-considering-empowerment__box-main-list--mt {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-main-list--mt {
    margin-top: 1.2rem;
  }
}
.p-considering-empowerment__box-main-social {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-main-social {
    grid-template-columns: repeat(1, 1fr);
  }
}
.p-considering-empowerment__box-main-information p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-main-information p {
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 1rem;
  }
}
.p-considering-empowerment__box-main-information:first-child {
  border-left: 0;
  border-right: 0;
}
.p-considering-empowerment__box-main-information:last-child {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.4rem;
  position: relative;
}
.p-considering-empowerment__box-main-information:last-child::before {
  content: "";
  display: block;
  width: 0.1rem;
  height: 100%;
  background: #DEDEDE;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-main-information:last-child {
    gap: 0;
    border-left: 0;
    padding: 1.6rem 0 0;
    margin: 1.6rem 0 0;
  }
  .p-considering-empowerment__box-main-information:last-child::before {
    width: 80%;
    height: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.p-considering-empowerment__box-main-icon {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.4rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-main-icon {
    margin: 0;
  }
}
.p-considering-empowerment__box-button {
  font-size: 2.1rem;
  font-weight: 500;
  color: #004193;
  width: 70rem;
  max-width: 100%;
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.6rem auto 0;
  border: 0.1rem solid #004193;
  position: relative;
  transition: 0.4s;
  padding: 0 20rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-button {
    text-align: center;
    padding: 0 8rem;
    font-size: 1.6rem;
    line-height: 1.2;
    height: 7.2rem;
    margin: 0.8rem auto 0;
  }
}
.p-considering-empowerment__box-button:hover {
  background: #004193;
  color: #fff;
}
.p-considering-empowerment__box-button:hover .c-icon {
  border: 0;
}
.p-considering-empowerment__box-button::before {
  position: absolute;
  content: "";
  background-image: url(../img/considering/img-considering-01.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 15.7rem;
  height: 15.3rem;
  top: -1.8rem;
  left: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-button::before {
    width: 8rem;
    height: 8rem;
    top: -0.2rem;
    left: 0;
  }
}
.p-considering-empowerment__box-button .c-icon {
  position: absolute;
  top: 50%;
  right: 3.2rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-button .c-icon {
    right: 1.6rem;
  }
}
.p-considering-empowerment__box-button .c-icon img {
  width: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-button .c-icon img {
    width: 0.4rem;
  }
}
.p-considering-empowerment__box-sub {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-sub {
    margin-top: 4rem;
  }
}
.p-considering-empowerment__box-sub--mt0 {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-sub--mt0 {
    text-align: left;
    margin-top: 0;
  }
}
.p-considering-empowerment__box-content {
  text-align: center;
  color: #004193;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 1.5rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-content {
    font-size: 1.3rem;
  }
}
.p-considering-empowerment__box-content-title {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-content-title {
    margin-top: 3.2rem;
  }
}
.p-considering-empowerment__box-archor {
  width: 100%;
  max-width: 32rem;
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 0.1rem solid #004193;
  color: #004193;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin: 2.7rem auto 0;
  padding: 0 3rem;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .p-considering-empowerment__box-archor {
    height: 4.5rem;
    font-size: 1.4rem;
  }
}
.p-considering-empowerment__box-archor:hover {
  opacity: 1;
  background: #004193;
  color: #fff;
}
.p-considering-empowerment__box-archor:hover::after {
  background-image: url(../img/considering/icon_arrow-right-white.svg);
}
.p-considering-empowerment__box-archor::after {
  position: absolute;
  content: "";
  background-image: url(../img/considering/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.6rem;
  height: 1.1rem;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.p-considering-banner {
  margin: 8rem auto 0;
  width: 86.3rem;
  height: 13.8rem;
  background-image: url(../img/top/img_study-bg-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  text-align: center;
  color: #fff;
  padding: 2rem;
  border-radius: 2.4rem;
  display: block;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-considering-banner {
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    background-size: cover;
    padding: 1.3rem 1.5rem 1rem;
    margin: 4rem auto 0;
  }
}
.p-considering-banner:hover {
  opacity: 0.7;
}
.p-considering-banner__sub {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-considering-banner__sub {
    font-size: 1.4rem;
  }
}
.p-considering-banner__sub span {
  background-image: url(../img/top/img_study-line.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  display: inline-block;
  padding: 0 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-considering-banner__sub span {
    padding: 0 1rem;
  }
}
.p-considering-banner__title {
  font-size: 4rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-considering-banner__title {
    font-size: 2rem;
    margin-top: 1rem;
  }
}
.p-considering-banner img {
  width: 100%;
  height: auto;
  display: block;
}
.p-considering-journey {
  background: #edf7ff;
  padding: 5rem 0 10.1rem;
  margin: 13.3rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-considering-journey {
    margin-top: 5rem;
    padding: 5rem 0 8rem;
  }
}
.p-considering-journey .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-considering-journey__title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 1.7;
  letter-spacing: 0.25em;
  margin-bottom: 5rem;
  color: #004193;
  font-family: fot-tsukuaoldmin-pr6n, sans-serif;
}
@media screen and (max-width: 767px) {
  .p-considering-journey__title {
    font-size: 1.8rem;
    margin-bottom: 2.4rem;
  }
}
.p-considering-journey__slider {
  overflow: hidden;
}
.p-considering-journey__slider .slick-list {
  overflow: visible;
}
.p-considering-journey__item {
  width: 100%;
  max-width: 40rem;
  margin-right: 1rem;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .p-considering-journey__item {
    max-width: 25rem;
  }
}
.p-considering-journey__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.p-considering-guide {
  margin: 10.4rem 0 9rem;
}
@media screen and (max-width: 767px) {
  .p-considering-guide {
    margin: 5rem 0;
  }
}
.p-considering-guide .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}

.p-admission {
  padding-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-admission .pc-only {
    display: none;
  }
}
.p-admission .sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-admission .sp-only {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-admission {
    padding-top: 5.8rem;
  }
}
.p-admission .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-admission .c-breadcrumbs {
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
}
.p-admission .c-breadcrumbs .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-admission .c-breadcrumbs__list {
  display: flex;
  overflow: hidden;
}
.p-admission .c-breadcrumbs__list-item:not(:last-child) {
  display: flex;
}
.p-admission .c-breadcrumbs__list-item:not(:last-child)::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.370701' y1='6.99493' x2='6.3707' y2='0.334682' stroke='%23004193'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 0.7rem;
  aspect-ratio: 7/8;
  height: auto;
  display: inline-block;
  margin-inline: 0.4rem 0.8rem;
  vertical-align: -0.1rem;
}
.p-admission .c-breadcrumbs__list-item:last-child .c-breadcrumbs__list-text {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .p-admission .c-breadcrumbs__list-item:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.p-admission .c-breadcrumbs__list-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.p-admission-hero {
  padding-block: 8.5rem 12.2rem;
  background-image: url(../img/considering/bg-hero.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 1441px) {
  .p-admission-hero {
    background-image: url(../img/considering/bg-hero.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .p-admission-hero {
    padding-block: 3.2rem 4rem;
    background-image: url(../img/considering/bg-hero-sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
.p-admission-hero__lead, .p-admission-hero__title {
  color: #fff;
}
.p-admission-hero__lead {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-admission-hero__lead {
    font-size: 1.3rem;
  }
}
.p-admission-hero__title {
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-admission-hero__title {
    font-size: 2.4rem;
    margin-top: 0.4rem;
  }
}
.p-admission-hero__text-en {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-admission-hero__text-en {
    font-size: 1rem;
    margin-top: 1.2rem;
  }
}
.p-admission-hero__text-en::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background-color: #759dcf;
  margin-inline: 0.45rem 0.8rem;
  vertical-align: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-admission-hero__text-en::before {
    width: 0.6rem;
    height: 0.1rem;
    margin-inline: 0.3rem 0.6rem;
    vertical-align: 0.3rem;
  }
}
.p-admission-hero__content {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-top: 4.2rem;
  padding-left: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-admission-hero__content {
    margin-top: 2.4rem;
    font-size: 1.3rem;
  }
}
.p-admission-hero__anchor {
  display: flex;
  gap: 3.6rem;
  color: #fff;
  margin-top: 2.4rem;
  padding-left: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-admission-hero__anchor {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.2rem;
    margin-top: 1.2rem;
    text-shadow: 0 0.1rem 0.2rem rgb(0, 0, 0);
  }
}
.p-admission-hero__anchor a {
  font-size: 1.3rem;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  letter-spacing: 0.05em;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .p-admission-hero__anchor a {
    font-size: 1rem;
  }
}
.p-admission-hero__anchor a:hover {
  opacity: 0.8;
}
.p-admission-content {
  padding-block: 4rem 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content {
    padding-block: 4.8rem 0;
  }
}
.p-admission-content .l-container {
  width: 108rem;
}
.p-admission-content__body {
  margin-top: 7.7rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__body {
    margin-top: 3rem;
  }
}
.p-admission-content__body.is-active {
  display: block;
}
.p-admission-content__title {
  color: #004193;
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-admission-content__title {
    font-size: 2.4rem;
  }
}
.p-admission-content__title span {
  display: block;
  font-size: 2.4rem;
  letter-spacing: 0.15em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__title span {
    font-size: 1.6rem;
    margin-top: 1.2rem;
  }
}
.p-admission-content__subtitle {
  color: #004193;
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  border-top: 0.1rem solid #DEDEDE;
  padding-top: 2.4rem;
  margin-bottom: 2.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-admission-content__subtitle {
    font-size: 2rem;
    padding-top: 1.2rem;
    margin-bottom: 1.2rem;
  }
}
.p-admission-content__subtitle:before {
  content: "";
  position: absolute;
  top: -0.1rem;
  left: 0;
  width: 3.8rem;
  height: 0.1rem;
  background-color: #004193;
}
.p-admission-content__nav-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.8rem;
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__nav-list {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 3.2rem;
  }
}
.p-admission-content__nav-list-item {
  height: 7.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #004193;
  background: #EDF7FF;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-admission-content__nav-list-item {
    height: 5.6rem;
    font-size: 1.4rem;
  }
}
.p-admission-content__nav-list-item::after {
  content: "";
  display: block;
  width: 1.7rem;
  height: 0.8rem;
  background-image: url(../img/common/icon_arrow-down-blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-admission-content__nav-list-item::after {
    right: 0.8rem;
  }
}
.p-admission-content__head {
  background-color: #edf7ff;
  padding: 1.7rem 2.3rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-admission-content__head {
    padding: 1.5rem;
    font-size: 1.6rem;
  }
}
.p-admission-content__head--grid {
  display: grid;
  grid-template-columns: minmax(0, 3rem) minmax(0, 1fr);
}
.p-admission-content__detail {
  margin-top: 6.5rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail {
    margin-top: 5rem;
  }
}
.p-admission-content__detail:first-child {
  margin-top: 0;
}
.p-admission-content__detail-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-list {
    grid-template-columns: 1fr;
    margin-top: 2rem;
    gap: 4rem;
  }
}
.p-admission-content__detail-item {
  display: block;
  width: 100%;
  max-width: 48.8rem;
  margin: 0 auto;
  text-align: center;
}
.p-admission-content__detail-item-images {
  width: 23rem;
  margin: 0 auto;
}
.p-admission-content__detail-item-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}
.p-admission-content__detail-item-date {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #292f4a;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-item-date {
    margin-top: 1.5rem;
    font-size: 1.3rem;
  }
}
.p-admission-content__detail-item-pdf {
  width: 100%;
  max-width: 23rem;
  text-align: center;
  background: #fff;
  border: 0.1rem solid #004193;
  padding: 1.3rem 1.3rem 1.3rem 1.7rem;
  margin: 2.4em auto 0;
  transition: 0.4s;
  display: block;
  color: #004193;
}
.p-admission-content__detail-item-pdf:hover {
  background: #004193;
  color: #fff;
}
.p-admission-content__detail-item-pdf:hover span::before {
  background-image: url(../img/admission/icon_pdf-white.svg);
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-item-pdf {
    width: 100%;
    padding: 1rem;
    margin-top: 1.5rem;
  }
}
.p-admission-content__detail-item-pdf span {
  display: inline-grid;
  grid-template-columns: minmax(0, 1.6rem) minmax(0, 1fr);
  gap: 0.8rem;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
.p-admission-content__detail-item-pdf span::before {
  content: "";
  background-image: url(../img/admission/icon_pdf-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.6rem;
  height: 1.6rem;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-item-pdf span {
    font-size: 1.1rem;
    gap: 0.3rem;
  }
}
.p-admission-content__detail-table {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-table {
    overflow-x: scroll;
    width: 100%;
    margin-top: 2rem;
  }
}
.p-admission-content__detail-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.4rem;
  line-height: 1.5;
  border: 0.065rem solid #dedede;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-table table {
    width: 90rem;
  }
}
.p-admission-content__detail-table table th,
.p-admission-content__detail-table table td {
  padding: 1.3rem 2rem;
  border: 0.065rem solid #dedede;
  color: #333;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-table table th,
  .p-admission-content__detail-table table td {
    font-size: 1.3rem;
    padding: 1rem;
  }
}
.p-admission-content__detail-table table thead th {
  font-weight: 500;
  text-align: left;
  color: #004193;
  width: 23.4rem;
  max-width: 100%;
}
.p-admission-content__detail-table table thead th:first-child {
  width: 10rem;
  background-color: #f7f7f7;
}
.p-admission-content__detail-table table tbody th,
.p-admission-content__detail-table table tbody td {
  padding: 1.78rem 2rem 1.85rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-table table tbody th,
  .p-admission-content__detail-table table tbody td {
    padding: 1rem;
  }
}
.p-admission-content__detail-table table tbody th {
  background-color: #f7f7f7;
  text-align: center;
  white-space: nowrap;
  font-weight: 500;
  color: #333;
}
.p-admission-content__detail-table table tbody td {
  font-weight: 400;
}
.p-admission-content__detail-table--closed th, .p-admission-content__detail-table--closed td {
  opacity: 0.5;
}
.p-admission-content__detail-step-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3.5rem;
  margin-top: 4.4rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-step-list {
    grid-template-columns: 1fr;
    margin-top: 2.4rem;
  }
}
.p-admission-content__detail-step-list-item {
  text-align: center;
  border: solid 0.1rem #004193;
  padding: 2.5rem 3.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-step-list-item {
    padding: 1.2rem 1.6rem;
  }
}
.p-admission-content__detail-step-list-item::after {
  content: "";
  display: block;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  top: 50%;
  right: -2.4rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-step-list-item::after {
    top: calc(100% + 1.2rem);
    right: 50%;
    transform: translateX(50%) rotate(90deg);
  }
}
.p-admission-content__detail-step-list-item:last-of-type::after {
  display: none;
}
.p-admission-content__detail-step-list-item-number {
  width: fit-content;
  color: #fff;
  background: #004193;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  border-radius: 2rem;
  padding: 0.8rem 1.6rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-step-list-item-number {
    font-size: 1.2rem;
  }
}
.p-admission-content__detail-step-list-item-img {
  width: auto;
  height: 6rem;
  margin: 2rem auto 0;
}
.p-admission-content__detail-step-list-item-title {
  font-size: 1.7rem;
  nav-down: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-step-list-item-title {
    font-size: 1.4rem;
    margin-top: 1rem;
  }
}
.p-admission-content__detail-video {
  margin-top: 6.4rem;
  margin-bottom: 6.4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-video {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
  }
}
.p-admission-content__detail-video-label {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-video-label {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
}
.p-admission-content__detail-video-label::before, .p-admission-content__detail-video-label::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 0.2rem;
  background: #333;
  z-index: 1;
}
.p-admission-content__detail-video-label::before {
  transform: rotate(45deg);
}
.p-admission-content__detail-video-label::after {
  transform: rotate(-45deg);
}
.p-admission-content__detail-video-wrapper {
  position: relative;
  max-width: 78.5rem;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-video-wrapper {
    max-width: 100%;
  }
}
.p-admission-content__detail-video-frame {
  position: relative;
  width: 100%;
  background: #f5f5f5;
}
.p-admission-content__detail-video-frame iframe {
  width: 100%;
  aspect-ratio: 786/439;
  height: auto;
}
.p-admission-content__detail-steps--first {
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-steps--first {
    margin-top: 2rem;
  }
}
.p-admission-content__detail-steps--two {
  margin-top: 2.4rem;
}
.p-admission-content__detail-steps--third {
  margin-top: 0.9rem;
}
.p-admission-content__detail-steps--four {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-steps--five {
    margin-top: 2rem;
  }
}
.p-admission-content__detail-steps--seven {
  margin-top: 2.4rem;
}
.p-admission-content__detail-steps-link {
  margin: 2.4rem auto 0 0;
}
.p-admission-content__detail-pdf {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  margin: 0 auto 0 0;
}
.p-admission-content__detail-pdf::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/common/icon-pdf-blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 0.3s;
}
.p-admission-content__detail-pdf:hover::before {
  background-image: url(../img/common/icon-pdf-white.svg);
}
.p-admission-content__detail-marker {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: #004193;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 2.4rem 0 1.6rem;
}
.p-admission-content__detail-marker::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #004193;
}
.p-admission-content__detail-steps-foot {
  display: flex;
  align-items: flex-end;
  gap: 2.4rem;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-steps-foot {
    flex-direction: column;
  }
}
.p-admission-content__detail-steps-foot-img {
  width: 17rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-steps-foot-img {
    margin: auto;
  }
}
.p-admission-content__detail-steps-foot .p-admission-content__detail-pdf {
  flex: 0 0 auto;
  width: fit-content;
  padding: 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-steps-foot .p-admission-content__detail-pdf {
    margin: auto;
  }
}
.p-admission-content__detail-steps-finish {
  color: #FD6101;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-steps-finish {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
}
.p-admission-content__detail-requirements .p-admission-content__description-note {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-requirements .p-admission-content__description-note {
    margin-top: 2rem;
  }
}
.p-admission-content__detail-requirements-link {
  text-align: center;
  margin-top: 4rem;
}
.p-admission-content__detail-curator {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-curator {
    margin-top: 4rem;
  }
}
.p-admission-content__detail-curator .p-admission-content__description {
  padding: 2.4rem 0;
}
.p-admission-content__detail-curator .c-common-btn {
  margin: 2.4rem auto 0 0;
}
.p-admission-content__detail-scholarship {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__detail-scholarship {
    margin-top: 4rem;
  }
}
.p-admission-content__detail-scholarship .p-admission-content__description {
  padding: 2.4rem 0;
}
.p-admission-content__detail-scholarship .c-common-btn {
  margin: 2.4rem auto 0 0;
}
.p-admission-content__description {
  padding: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__description {
    padding: 1.5rem;
  }
}
.p-admission-content__description--six {
  padding-left: 0;
  padding-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__description--six {
    padding: 1.5rem;
  }
}
.p-admission-content__description-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.p-admission-content__description-text--two {
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-admission-content__description-text {
    font-size: 1.3rem;
  }
}
.p-admission-content__description-text-link {
  border-bottom: solid 0.1rem currentColor;
  transition: 0.3s;
}
.p-admission-content__description-text-link:hover {
  border-bottom: solid 0.1rem transparent;
}
.p-admission-content__description-note {
  margin-top: 1.6rem;
}
.p-admission-content__description-note--mt {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__description-note {
    margin-top: 2rem;
  }
}
.p-admission-content__description-note li {
  text-align: left;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.p-admission-content__description-dl {
  margin-top: 1.9rem;
}
.p-admission-content__description-dl dl {
  display: grid;
  grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
  column-gap: 1.6rem;
  border-top: 0.1rem solid #dedede;
  padding: 1.7rem 0;
}
@media screen and (max-width: 767px) {
  .p-admission-content__description-dl dl {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
    padding: 1.5rem 0;
  }
}
.p-admission-content__description-dl dl:last-child {
  border-bottom: 0.1rem solid #dedede;
}
.p-admission-content__description-dl dl dt,
.p-admission-content__description-dl dl dd {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.p-admission-content__description-anchor {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 0.6rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #004193;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-admission-content__description-anchor {
    row-gap: 0.8rem;
    margin-top: 2rem;
  }
}
.p-admission-content__description-anchor a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: 0.4s;
}
.p-admission-content__description-anchor a:hover {
  opacity: 0.5;
}
.p-admission-content__info {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-admission-content__info {
    font-size: 1.6rem;
  }
}
.p-admission-navigation__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.p-admission-navigation__link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  font-size: 1.814rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 1.3rem 2rem;
  background-color: #c1cad7;
  transition: all 0.3s;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 1;
}
.p-admission-navigation__link::before {
  content: "";
  width: 2.8rem;
  aspect-ratio: 38/19;
  background: #004193;
  position: absolute;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  bottom: -0.4rem;
  left: 50%;
  transform: translate(-50%, 50%);
  transition: all 0.3s;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .p-admission-navigation__link::before {
    width: 3.2rem;
    aspect-ratio: 32/16;
  }
}
.p-admission-navigation__link span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  margin-top: 0.3rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-admission-navigation__link {
    padding: 1.2rem 1rem;
    font-size: 1.4rem;
  }
}
.p-admission-navigation__item {
  cursor: pointer;
}
.p-admission-navigation__item.is-active .p-admission-navigation__link {
  background: #004193;
  color: #fff;
}
.p-admission-navigation__item.is-active .p-admission-navigation__link::before {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .p-admission-navigation__link:hover {
    background: #004193;
    color: #fff;
    border-color: #004193;
  }
}
.p-admission-guide {
  margin: 10.4rem 0 9.3rem;
}
@media screen and (max-width: 767px) {
  .p-admission-guide {
    margin: 5rem 0;
  }
}
.p-admission-guide .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-admission-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-admission-banner {
    gap: 2rem;
  }
}
.p-admission-banner__item {
  width: calc((100% - 8.4rem) / 3);
}
@media screen and (max-width: 767px) {
  .p-admission-banner__item {
    width: 100%;
  }
}
.p-admission-banner__link {
  display: block;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .p-admission-banner__link:hover {
    opacity: 0.7;
  }
}
.p-admission-banner__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 400/125;
  object-fit: cover;
  display: block;
  height: auto;
}

.p-eligibility {
  padding-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility .u-pc-only {
    display: none;
  }
}
.p-eligibility .u-sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-eligibility .u-sp-only {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-eligibility {
    padding-top: 5.8rem;
  }
}
.p-eligibility .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-eligibility .c-breadcrumbs {
  position: relative;
  z-index: 1;
}
.p-eligibility .c-breadcrumbs .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-eligibility .c-breadcrumbs__list {
  display: flex;
  overflow: hidden;
}
.p-eligibility .c-breadcrumbs__list-item:not(:last-child) {
  display: flex;
}
.p-eligibility .c-breadcrumbs__list-item:not(:last-child)::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.370701' y1='6.99493' x2='6.3707' y2='0.334682' stroke='%23004193'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 0.7rem;
  aspect-ratio: 7/8;
  height: auto;
  display: inline-block;
  margin-inline: 0.4rem 0.8rem;
  vertical-align: -0.1rem;
}
.p-eligibility .c-breadcrumbs__list-item:last-child .c-breadcrumbs__list-text {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .p-eligibility .c-breadcrumbs__list-item:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.p-eligibility .c-breadcrumbs__list-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.p-eligibility-sidebar {
  width: 20.83%;
  max-width: 30rem;
  box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 13rem;
  background-color: #fff;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .p-eligibility-sidebar {
    width: 100%;
    max-width: inherit;
    box-shadow: none;
    position: relative;
    top: 0;
  }
}
.p-eligibility-sidebar__inner {
  padding: 1.3rem 2rem 4.4rem 7.9rem;
  min-height: 28.6rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-eligibility-sidebar__inner {
    padding: 0;
    min-height: unset;
  }
}
.p-eligibility-sidebar__item:not(:first-child) {
  margin-top: 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-sidebar__item:not(:first-child) {
    margin-top: 1.2rem;
  }
}
.p-eligibility-sidebar__link {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  padding-left: 2.7rem;
  position: relative;
  transition: all 0.3s;
  display: block;
}
.p-eligibility-sidebar__link span {
  display: inline-block;
  font-size: 1.2rem;
  color: #888888;
  line-height: 1.6;
  transition: all 0.3s;
  font-weight: 400;
}
.p-eligibility-sidebar__link::before {
  content: "";
  width: 1.8rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-image: url(../img/admission/eligibility/icon_circle-arr-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-eligibility-sidebar__link {
    font-size: 1.4rem;
  }
}
.p-eligibility-sidebar__link:hover {
  color: #004193;
}
.p-eligibility-sidebar__link:hover span {
  color: #004193;
}
.p-eligibility-sidebar__link.is-active {
  color: #004193;
}
.p-eligibility-sidebar__link.is-active span {
  color: #004193;
}
.p-eligibility-hero {
  padding-block: 9.2rem 15.2rem;
  background-image: url(../img/considering/bg-hero.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 1440px) {
  .p-eligibility-hero {
    background-image: url(../img/considering/bg-hero.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .p-eligibility-hero {
    padding-block: 5.8rem 8.2rem;
    background-image: url(../img/considering/bg-hero-sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
.p-eligibility-hero__lead, .p-eligibility-hero__title {
  color: #fff;
}
.p-eligibility-hero__lead {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-eligibility-hero__lead {
    font-size: 1.8rem;
  }
}
.p-eligibility-hero__title {
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-hero__title {
    font-size: 2.4rem;
    margin-top: 1.8rem;
  }
}
.p-eligibility-hero__text-en {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-hero__text-en {
    font-size: 1rem;
    margin-top: 1.8rem;
  }
}
.p-eligibility-hero__text-en::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background-color: #759dcf;
  margin-inline: 0.45rem 0.8rem;
  vertical-align: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-hero__text-en::before {
    width: 0.6rem;
    height: 0.1rem;
    margin-inline: 0.3rem 0.6rem;
    vertical-align: 0.3rem;
  }
}
.p-eligibility-hero__content {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-top: 4rem;
  padding-left: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-hero__content {
    margin-top: 2.8rem;
    font-size: 1.3rem;
    padding-left: 0;
  }
}
.p-eligibility-hero__anchor {
  display: flex;
  gap: 3.6rem;
  color: #fff;
  margin-top: 2.4rem;
  padding-left: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-hero__anchor {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    margin-top: 1.5rem;
    text-shadow: 0 0.1rem 0.2rem rgb(0, 0, 0);
  }
}
.p-eligibility-hero__anchor a {
  font-size: 1.3rem;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  letter-spacing: 0.05em;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .p-eligibility-hero__anchor a {
    font-size: 1.1rem;
  }
}
.p-eligibility-hero__anchor a:hover {
  opacity: 0.8;
}
.p-eligibility-content {
  padding-block: 8rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-eligibility-content {
    padding-block: 5rem 4rem;
  }
}
.p-eligibility-content .l-container {
  width: 144rem;
  max-width: 100%;
  margin: 0 auto;
  padding-inline: 0;
}
@media screen and (max-width: 767px) {
  .p-eligibility-content .l-container {
    padding-inline: 2rem;
  }
}
.p-eligibility-detail {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.p-eligibility-detail__right {
  width: 100%;
  width: 79.17%;
  padding-inline: 10.1rem 7.9rem;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-eligibility-detail__right {
    margin-top: 5rem;
    width: 100%;
    padding-inline: 0;
  }
}
.p-eligibility-detail__head {
  padding-bottom: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-detail__head {
    padding-bottom: 3.2rem;
  }
}
.p-eligibility-detail__head-title {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  color: #004193;
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-eligibility-detail__head-title {
    font-size: 2.4rem;
    gap: 0.8rem;
  }
}
.p-eligibility-detail__head-title::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 4.4rem;
  background: #004193;
}
@media screen and (max-width: 767px) {
  .p-eligibility-detail__head-title::before {
    width: 0.25rem;
    height: 2.4rem;
  }
}
.p-eligibility-detail__head-desc {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-detail__head-desc {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}
.p-eligibility-box {
  position: relative;
  margin-bottom: 4.5rem;
}
.p-eligibility-box:last-child {
  margin-bottom: 0;
}
.p-eligibility-box:last-child::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-eligibility-box {
    margin-bottom: 3rem;
  }
}
.p-eligibility-box::after {
  content: "";
  aspect-ratio: 959/17;
  background-image: url("data:image/svg+xml,%3Csvg width='959' height='17' viewBox='0 0 959 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0703125 11.8802C50.4036 4.54688 208.47 -6.71979 438.07 6.88022C667.67 20.4802 880.404 15.8802 958.07 11.8802' stroke='%23DEDEDE'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  margin-top: 6.2rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-box::after {
    margin-top: 3rem;
  }
}
.p-eligibility-box:first-child {
  padding-top: 0;
  margin-top: 0;
}
.p-eligibility-box:first-child::before {
  display: none;
}
.p-eligibility-box__title {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-eligibility-box__title {
    font-size: 2.4rem;
  }
}
.p-eligibility-box__content {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 400;
  margin-top: 2.7rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-box__content {
    margin-top: 1.5rem;
    font-size: 1.3rem;
  }
}
.p-eligibility-box__sub {
  margin-top: 3.7rem;
  color: #004193;
  background: #edf7ff;
  padding: 1.3rem 2.2rem 1.5rem;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-eligibility-box__sub {
    font-size: 1.8rem;
    margin-top: 2rem;
  }
}
.p-eligibility-box__sub--modi {
  margin-top: 16.2rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-box__sub--modi {
    margin-top: 4rem;
  }
}
.p-eligibility-box__sub--attention {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-box__sub--attention {
    gap: 0.8rem;
  }
}
.p-eligibility-box__sub--attention::before {
  content: "";
  display: block;
  background-image: url(../img/common/icon-attention.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3rem;
  height: 3rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-box__sub--attention::before {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.p-eligibility-app {
  position: relative;
  border-top: 0.1rem solid #dedede;
  margin-top: 3.2rem;
  padding-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app {
    margin-top: 2.7rem;
    padding-top: 2rem;
  }
}
.p-eligibility-app::before {
  position: absolute;
  content: "";
  background: #004193;
  width: 3.5rem;
  height: 0.1rem;
  top: -0.1rem;
  left: 0;
}
.p-eligibility-app--modi {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app--modi {
    margin-top: 2rem;
  }
}
.p-eligibility-app--last {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app--last {
    margin-top: 2rem;
  }
}
.p-eligibility-app__subtitle {
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__subtitle {
    font-size: 1.8rem;
  }
}
.p-eligibility-app__following {
  background: #f7f7f7;
  padding: 3.8rem 4.8rem;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__following {
    padding: 2rem;
    margin-top: 2rem;
  }
}
.p-eligibility-app__following .p-eligibility-app__note {
  color: currentColor;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__following .p-eligibility-app__note {
    font-size: 1.1rem;
  }
}
.p-eligibility-app__following--second {
  background: #fff;
  border: solid 0.1rem #004193;
}
.p-eligibility-app__following--second-inner {
  display: flex;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__following--second-inner {
    display: block;
  }
}
.p-eligibility-app__desc {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__desc {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}
.p-eligibility-app__step {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.01em;
  position: relative;
  padding-left: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__step {
    font-size: 1.2rem;
  }
}
.p-eligibility-app__step::before {
  position: absolute;
  content: "";
  background: #004193;
  width: 0.8rem;
  height: 0.8rem;
  opacity: 0.3;
  top: 1rem;
  left: 0;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__step::before {
    top: 0.6rem;
  }
}
.p-eligibility-app__step--modi {
  margin-top: 1.6rem;
}
.p-eligibility-app__list {
  margin-top: 1.9rem;
}
.p-eligibility-app__list--modi {
  margin-top: 1.5rem;
}
.p-eligibility-app__item {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.8;
  padding: 1.75rem 5.7rem;
  border-top: 0.1rem solid #dedede;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__item {
    font-size: 1.2rem;
    padding-left: 2.5rem;
    padding-right: 0.5rem;
  }
}
.p-eligibility-app__item:first-child {
  border-top: 0;
  margin-top: -3.2rem;
}
.p-eligibility-app__item:last-child {
  padding-bottom: 0;
}
.p-eligibility-app__item--modi {
  border-bottom: 0.1rem solid #dedede;
  padding-bottom: 1.75rem !important;
}
.p-eligibility-app__item::before {
  position: absolute;
  content: "";
  background-image: url(../img/admission/eligibility/icon_checklist.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 2.25rem;
  height: 1.8rem;
  top: 2.2rem;
  left: 1.95rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__item::before {
    width: 1.6rem;
    height: 1.3rem;
    top: 2.2rem;
    left: 0;
  }
}
.p-eligibility-app__item sup {
  top: -0.3em;
}
.p-eligibility-app__sublist {
  margin: 0.3rem 0 0 1.2rem;
}
.p-eligibility-app__subitem {
  display: list-item;
  font-size: 1.4rem;
  line-height: 1.8;
  position: relative;
}
.p-eligibility-app__subitem::before {
  position: absolute;
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: currentColor;
  border-radius: 50%;
  top: 1.2rem;
  left: -1.2rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__subitem {
    font-size: 1.2rem;
  }
}
.p-eligibility-app__training {
  margin-top: 2.7rem;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__training {
    margin-top: 1.5rem;
  }
}
.p-eligibility-app__link {
  margin-top: 1.2rem;
}
.p-eligibility-app__link a {
  color: #004193;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  transition: 0.4s;
}
.p-eligibility-app__link a:hover {
  opacity: 0.7;
}
.p-eligibility-app__cd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1.1rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__cd {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
    margin-top: 2rem;
  }
}
.p-eligibility-app__cd-number {
  border: 0.1rem solid #004193;
  height: 100%;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #004193;
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__cd-number {
    padding: justify-content;
  }
}
.p-eligibility-app__cd-subjects {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__cd-subjects {
    row-gap: 1.5rem;
  }
}
.p-eligibility-app__cd-subjects li {
  display: grid;
  grid-template-columns: minmax(0, 30rem) minmax(0, 1fr);
  padding: 0.89rem 2.8rem;
  color: #004193;
  background: #edf7ff;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__cd-subjects li {
    grid-template-columns: minmax(0, 25rem) minmax(0, 1fr);
    font-size: 1.2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-eligibility-app__cd-subjects li span:last-child {
  text-align: right;
}
.p-eligibility-app__note {
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 1.1rem;
  color: #888888;
}
.p-eligibility-app__note--modi {
  margin-top: 2.1rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__note {
    font-size: 1.1rem;
  }
}
.p-eligibility-app__years {
  padding: 4rem 4.8rem;
  background: #f7f7f7;
  margin-top: 2.8rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__years {
    padding: 2rem;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 2rem;
  }
}
.p-eligibility-app__years li {
  background: #fff;
  padding: 2rem;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.25;
  text-align: center;
  color: #292f4a;
  gap: 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__years li {
    font-size: 2rem;
    gap: 0.5rem;
    padding: 1rem;
  }
}
.p-eligibility-app__years li p {
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__years li p {
    font-size: 1.4rem;
  }
}
.p-eligibility-app__university {
  border: 0.1rem solid #004193;
  padding: 3.8rem 4.7rem;
  margin-top: 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__university {
    padding: 2rem;
  }
}
.p-eligibility-app__university .p-eligibility-app__step {
  color: #004193;
  font-size: 1.8rem;
  font-weight: 500;
  padding-left: 2rem;
}
.p-eligibility-app__university .p-eligibility-app__step::before {
  top: 1.4rem;
}
.p-eligibility-app__university-content {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 400;
  padding: 1.7rem 0 0;
  border-top: 0.1rem solid #dedede;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__university-content {
    font-size: 1.2rem;
    padding: 0.8rem 0 0;
    margin-top: 0.8rem;
  }
}
.p-eligibility-app__university .p-eligibility-app__note {
  color: currentColor;
  font-size: 1.3rem;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__university .p-eligibility-app__note {
    font-size: 1.1rem;
    margin-top: 0.4rem;
  }
}
.p-eligibility-app__attention-title {
  color: #333;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-bottom: solid 0.1rem #dedede;
  padding-bottom: 1.6rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__attention-title {
    font-size: 1.6rem;
    padding-bottom: 0.8rem;
    margin-top: 2rem;
  }
}
.p-eligibility-app__attention-content {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__attention-content {
    font-size: 1.2rem;
    margin-top: 0.8rem;
  }
}
.p-eligibility-app__attention .p-eligibility-app__note {
  color: currentColor;
}
@media screen and (max-width: 767px) {
  .p-eligibility-app__attention .p-eligibility-app__note {
    font-size: 1.1rem;
  }
}
.p-eligibility-guide {
  margin: 14.4rem 0 8.8rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-guide {
    margin: 5rem 0;
  }
}
.p-eligibility-guide .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-eligibility-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-eligibility-banner {
    gap: 2rem;
  }
}
.p-eligibility-banner__item {
  width: calc((100% - 8.4rem) / 3);
}
@media screen and (max-width: 767px) {
  .p-eligibility-banner__item {
    width: 100%;
  }
}
.p-eligibility-banner__link {
  display: block;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .p-eligibility-banner__link:hover {
    opacity: 0.7;
  }
}
.p-eligibility-banner__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 400/125;
  object-fit: cover;
  display: block;
  height: auto;
}

.p-choosing-benefit__list {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__list {
    margin-top: 2.4rem;
  }
}
.p-choosing-benefit__list-item {
  padding-top: 3rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__list-item {
    padding-top: 2.4rem;
  }
}
.p-choosing-benefit__list-item:not(:first-child) {
  margin-top: 8.2rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__list-item:not(:first-child) {
    margin-top: 4.8rem;
  }
}
.p-choosing-benefit__list-item::before, .p-choosing-benefit__list-item::after {
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
}
.p-choosing-benefit__list-item::before {
  background: #004193;
  width: 3.5rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__list-item::before {
    width: 3rem;
  }
}
.p-choosing-benefit__list-item::after {
  background: #dedede;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__list-item::after {
    width: 100%;
  }
}
.p-choosing-benefit__list-item .p-distance-detail {
  margin-top: 3.4rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__list-item .p-distance-detail {
    margin-top: 2.4rem;
  }
}
.p-choosing-benefit__list-item .p-distance-detail__panel {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__list-item .p-distance-detail__panel {
    margin-top: 2.4rem;
  }
}
.p-choosing-benefit__list-title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  color: #004193;
  padding-left: 6.4rem;
  position: relative;
  z-index: 1;
  padding-block: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__list-title {
    font-size: 1.8rem;
    padding-left: 4.8rem;
    padding-block: 0.6rem;
  }
}
.p-choosing-benefit__list-title span {
  width: 4.8rem;
  aspect-ratio: 1/1;
  height: auto;
  background: #03BBD5;
  color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  left: 0;
  top: 0.1rem;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__list-title span {
    width: 4rem;
    font-size: 1.6rem;
    top: 0;
  }
}
.p-choosing-benefit__list-text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 1.6rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__list-text {
    font-size: 1.4rem;
    margin-top: 1.2rem;
  }
}
.p-choosing-benefit__panel {
  margin-top: 4.4rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__panel {
    margin-top: 2.4rem;
    background: transparent;
  }
}
.p-choosing-benefit__panel-head {
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__panel-head {
    display: none;
  }
}
.p-choosing-benefit__panel-title {
  width: 50%;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #fff;
  background: #008dd6;
  padding: 0.7rem 3.1rem 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__panel-title {
    font-size: 1.3rem;
    padding: 0.6rem 2rem 0.6rem;
  }
}
.p-choosing-benefit__panel-title--green {
  background: #84d2df;
  padding-left: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__panel-title--green {
    padding-left: 1.4rem;
  }
}
.p-choosing-benefit__panel-body {
  padding: 2.4rem 3.2rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__panel-body {
    padding: 0;
  }
}
.p-choosing-benefit__panel-item {
  display: flex;
  border: 1px solid #dedede;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__panel-item {
    border: 0;
  }
}
.p-choosing-benefit__panel-item:not(:last-child) {
  margin-bottom: 0.9rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__panel-item:not(:last-child) {
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__panel-item {
    border: none;
  }
  .p-choosing-benefit__panel-item:first-child .p-choosing-benefit__panel-subtitle {
    background: linear-gradient(to left, #E94C69, #F6735D);
  }
  .p-choosing-benefit__panel-item:nth-child(2) .p-choosing-benefit__panel-subtitle {
    background: linear-gradient(to left, #44A561, #9CDA8B);
  }
  .p-choosing-benefit__panel-item:nth-child(3) .p-choosing-benefit__panel-subtitle {
    background: linear-gradient(to left, #2F9ED8, #67CAF2);
  }
  .p-choosing-benefit__panel-item:nth-child(4) .p-choosing-benefit__panel-subtitle {
    background: linear-gradient(to left, #3060C9, #4B9BEA);
  }
  .p-choosing-benefit__panel-item:last-child .p-choosing-benefit__panel-subtitle {
    background: linear-gradient(to left, #F69F3A, #F3C850);
  }
}
.p-choosing-benefit__panel-subtitle {
  width: 50%;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 0.3rem 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__panel-subtitle {
    font-size: 1.2rem;
    padding: 0.3rem 1rem 0.3rem;
    width: 100%;
    color: #fff;
  }
}
.p-choosing-benefit__panel-text {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  width: 50%;
  padding: 0.3rem 1.5rem 0.3rem 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__panel-text {
    font-size: 1.2rem;
    padding: 0.3rem 1rem 0.3rem;
    width: 100%;
    background: #fff;
  }
}
.p-choosing-benefit__banner {
  width: 86.3rem;
  height: 13.8rem;
  background-image: url(../img/top/img_study-bg-banner.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  text-align: center;
  color: #fff;
  padding: 2rem;
  border-radius: 2.4rem;
  margin: 3.2rem auto 0;
  display: block;
  transition: 0.3s;
}
.p-choosing-benefit__banner:hover {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__banner {
    width: 100%;
    height: 9.6rem;
    border-radius: 1rem;
    background-size: cover;
    padding: 1.3rem 1.5rem 1rem;
    margin-top: 1.6rem;
  }
}
.p-choosing-benefit__banner_sub {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__banner_sub {
    font-size: 1.4rem;
  }
}
.p-choosing-benefit__banner_sub span {
  background-image: url(../img/top/img_study-line.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  display: inline-block;
  padding: 0 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__banner_sub span {
    padding: 0 1rem;
  }
}
.p-choosing-benefit__banner_title {
  font-size: 4rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-choosing-benefit__banner_title {
    font-size: 2rem;
    margin-top: 0.4rem;
  }
}
.p-choosing-benefit__image {
  max-width: 55rem;
  margin: 4rem auto 0;
}

.p-choosing-step__list {
  margin-left: 2rem;
  margin-top: 1.9rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-step__list {
    margin-left: 0;
    margin-top: 1.4rem;
  }
}
.p-choosing-step__list-item {
  position: relative;
  z-index: 1;
  padding-left: 6.1rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-step__list-item {
    padding-left: 4.8rem;
  }
}
.p-choosing-step__list-item:not(:first-child) {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-step__list-item:not(:first-child) {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-choosing-step__list-item:first-child .p-choosing-step__list-number {
    top: 0.8rem;
  }
}
.p-choosing-step__list-number {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  width: 4.5rem;
  aspect-ratio: 1/1;
  height: auto;
  border-radius: 50%;
  color: #fff;
  background: #004193;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: -0.2rem;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .p-choosing-step__list-number {
    width: 4rem;
    font-size: 1.1rem;
    top: -0.3rem;
  }
}
.p-choosing-step__list-number span {
  font-size: 1.4rem;
  margin-block: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-step__list-number span {
    font-size: 1.2rem;
  }
}
.p-choosing-step__list-text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding-block: 0.8rem 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-step__list-text {
    font-size: 1.2rem;
    padding-block: 0.6rem 0.5rem;
  }
}

.p-choosing-check__list {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-check__list {
    margin-top: 1.2rem;
  }
}
.p-choosing-check__list + .p-distance-detail__title {
  margin-top: 2.9rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-check__list + .p-distance-detail__title {
    margin-top: 1.8rem;
  }
}
.p-choosing-check__list-item {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding-block: 1.8rem;
  padding-left: 5.8rem;
  border-bottom: 1px solid #dedede;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-choosing-check__list-item {
    font-size: 1.2rem;
    padding-block: 1.4rem;
    padding-left: 2.8rem;
  }
}
.p-choosing-check__list-item:first-child {
  border-top: 1px solid #dedede;
}
.p-choosing-check__list-item::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2732 15.7342H2.27363V3.73461H12.3789L14.6525 1.46094H0V18.0078H16.5467V16.871V11.884L14.2732 14.1577V15.7342Z' fill='%23004193'/%3E%3Cpath d='M6.75246 5.06314L4.41406 7.40196L8.22088 11.2084L10.5593 13.5472L12.8977 11.2084L21.7678 2.33878L19.4291 0L10.5596 8.86958L6.75246 5.06314Z' fill='%23004193'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 2.2rem;
  aspect-ratio: 22/18;
  position: absolute;
  left: 1.9rem;
  top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-check__list-item::before {
    width: 1.8rem;
    left: 0;
    top: 1.8rem;
  }
}

.p-choosing-border__list {
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-border__list {
    margin-top: 1.2rem;
  }
}
.p-choosing-border__list-item {
  border: 1px solid #004193;
  background-color: #fff;
  padding: 0.5rem 1.9rem 0.7rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-choosing-border__list-item {
    font-size: 1.3rem;
    padding: 0.4rem 1.6rem 0.6rem;
  }
}
.p-choosing-border__list-item:not(:last-child) {
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-choosing-border__list-item:not(:last-child) {
    margin-bottom: 0.6rem;
  }
}

.p-qualifi .p-distance-hero {
  padding-block: 10.3rem 15.2rem;
}
@media screen and (max-width: 767px) {
  .p-qualifi .p-distance-hero {
    padding-block: 5.8rem 8.2rem;
  }
}
.p-qualifi .p-distance-hero__title {
  margin-top: 0;
}
.p-qualifi .p-distance-hero__text-jp {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 4rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-qualifi .p-distance-hero__text-jp {
    font-size: 1.3rem;
    margin-top: 2.4rem;
  }
}
.p-qualifi > .p-distance-container {
  padding: 16rem 2rem 4.6rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-qualifi > .p-distance-container {
    padding: 10rem 2rem 3.5rem;
  }
}
.p-qualifi > .p-distance-container::before {
  content: "";
  position: absolute;
  width: var(--body-width, 100%);
  height: calc(100% + 2.9rem);
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: -1;
  background: url("../../assets/img/qualifications/bg-gradient.png") no-repeat center top/100% auto;
}
@media screen and (max-width: 767px) {
  .p-qualifi > .p-distance-container::before {
    background: url("../../assets/img/qualifications/bg-gradient-sp.png") no-repeat center top/100% auto;
    height: calc(100% + 3rem);
  }
}
.p-qualifi-content {
  padding: 6.4rem 0 12.1rem;
}
@media screen and (max-width: 767px) {
  .p-qualifi-content {
    padding: 4rem 0 6rem;
  }
}
.p-qualifi-content__section:not(:last-child) {
  margin-bottom: 5.8rem;
}
@media screen and (max-width: 767px) {
  .p-qualifi-content__section:not(:last-child) {
    margin-bottom: 5rem;
  }
}
.p-qualifi-content__container {
  width: 100%;
  max-width: 108rem;
  margin: 0 auto;
  padding: 0 2rem;
}
.p-qualifi-content__lead {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 2rem;
  margin-bottom: -0.4rem;
}
@media screen and (max-width: 767px) {
  .p-qualifi-content__lead {
    font-size: 1.6rem;
    margin-top: 1.6rem;
    margin-bottom: -0.3rem;
  }
}
.p-qualifi-content__btn {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #004193;
  margin-top: 1rem;
  display: inline-block;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .p-qualifi-content__btn {
    font-size: 1.2rem;
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 768px) {
  .p-qualifi-content__btn:hover {
    opacity: 0.7;
  }
}
.p-qualifi-content .c-title-highlight--large {
  font-size: 4rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-qualifi-content .c-title-highlight--large {
    font-size: 2.2rem;
  }
}
.p-qualifi-content .c-title-highlight--primary {
  color: #004193;
}
.p-qualifi-table {
  overflow-x: auto;
}
.p-qualifi-table__table {
  border-collapse: separate;
  border-spacing: 0 1.6rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-qualifi-table__table {
    border-spacing: 0 1.2rem;
    min-width: 70rem;
  }
}
.p-qualifi-table__th {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding-block: 0.7rem 0.2rem;
  color: #004193;
  text-align: left;
  width: 33.33%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-qualifi-table__th {
    font-size: 1.1rem;
  }
}
.p-qualifi-table__th::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 1.2rem);
  background-color: #dedede;
  height: 1px;
}
.p-qualifi-table__body .p-qualifi-table__row {
  background-color: #fff;
  transition: background-color 0.2s ease;
}
.p-qualifi-table__body .p-qualifi-table__row:hover {
  background-color: rgba(0, 65, 147, 0.03);
}
.p-qualifi-table__td {
  padding: 1.6rem;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  vertical-align: middle;
  background: #edf7ff;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-qualifi-table__td {
    padding: 1.5rem;
    font-size: 1.1rem;
  }
}
.p-qualifi-table__td:first-child {
  padding-left: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-qualifi-table__td:first-child {
    padding-left: 3rem;
  }
}
.p-qualifi-table__td::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 0;
  width: 1px;
  background-color: #004193;
  height: calc(100% - 3.2rem);
}
@media screen and (max-width: 767px) {
  .p-qualifi-table__td::after {
    top: 1.5rem;
    height: calc(100% - 3rem);
  }
}
.p-qualifi-table__td:first-child::after {
  left: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-qualifi-table__td:first-child::after {
    left: 1.5rem;
  }
}
.p-qualifi-table__title {
  font-weight: 500;
  color: #333;
  line-height: 1.8;
}
.p-qualifi-table__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.p-qualifi-table__list-item {
  position: relative;
  padding-left: 1.2rem;
  font-size: 1.4rem;
  color: #004193;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-qualifi-table__list-item {
    font-size: 1.3rem;
    padding-left: 1rem;
  }
}
.p-qualifi-table__list-item::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  color: #004193;
}
.p-qualifi-table__text {
  color: #333;
  line-height: 1.8;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-qualifi-table__text {
    font-size: 1.1rem;
  }
}
.p-qualifi-subplement {
  background: #f7f7f7;
  padding: 2.4rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-qualifi-subplement {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.7rem;
  }
}
.p-qualifi-subplement + .p-qualifi-content__btn {
  margin-top: 2.5rem;
}
.p-qualifi-subplement__title {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #004193;
  letter-spacing: 0.6em;
}
@media screen and (max-width: 767px) {
  .p-qualifi-subplement__title {
    font-size: 1.3rem;
    line-height: 1.7;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    position: static;
  }
}
.p-qualifi-subplement__text, .p-qualifi-subplement__list-item {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-qualifi-subplement__text, .p-qualifi-subplement__list-item {
    font-size: 1.1rem;
    line-height: 1.7;
  }
}
.p-qualifi-subplement__text a, .p-qualifi-subplement__list-item a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-qualifi-subplement__text a:hover, .p-qualifi-subplement__list-item a:hover {
    text-decoration: none;
  }
}
.p-qualifi-subplement__list {
  margin-left: 1.2rem;
}
.p-qualifi-subplement__list-item {
  position: relative;
  padding-left: 1rem;
  z-index: 1;
}
.p-qualifi-subplement__list-item::before {
  content: "-";
  position: absolute;
  left: 0;
  top: -0.2rem;
}
.p-qualifi-cta {
  background: #edf7ff;
  border: 1px solid #dedede;
  padding: 4.3rem 6.9rem 4.5rem;
  margin-top: 7.3rem;
  display: flex;
  gap: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-qualifi-cta {
    padding: 3rem 2rem 3.5rem;
    flex-direction: column;
    gap: 3rem;
    margin-top: 5rem;
  }
}
.p-qualifi-cta__item {
  flex: 1;
}
.p-qualifi-cta__item-title {
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1;
  letter-spacing: 0.05em;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-qualifi-cta__item-title {
    font-size: 1.5rem;
  }
}
.p-qualifi-cta__item-title::before, .p-qualifi-cta__item-title::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-0.572917' x2='14.1615' y2='-0.572917' transform='matrix(-0.688487 -0.725248 -0.688487 0.725248 9.75 11.1016)' stroke='black' stroke-width='1.14583'/%3E%3C/svg%3E%0A");
  width: 1.1rem;
  aspect-ratio: 11/12;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-qualifi-cta__item-title::before, .p-qualifi-cta__item-title::after {
    width: 0.9rem;
  }
}
.p-qualifi-cta__item-title::after {
  transform: scaleY(-1);
}
.p-qualifi-cta__item-btn {
  display: block;
  color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  background: #004193;
  margin-top: 1.7rem;
  padding: 2.1rem 2rem;
  border-radius: 0.9rem;
  border: 1px solid #004193;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .p-qualifi-cta__item-btn:hover {
    background: #fff;
    color: #004193;
  }
}
@media screen and (max-width: 767px) {
  .p-qualifi-cta__item-btn {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    padding: 1.3rem 2rem 1.5rem;
    border-radius: 0.4rem;
  }
}
.p-qualifi-cta__item-btn--accent {
  background: #03bbd5;
  border: 1px solid #03bbd5;
}
@media screen and (min-width: 768px) {
  .p-qualifi-cta__item-btn--accent:hover {
    background: #fff;
    color: #03bbd5;
  }
}

.p-materials .p-distance-hero {
  padding-block: 12rem 18rem;
}
@media screen and (max-width: 767px) {
  .p-materials .p-distance-hero {
    padding-block: 5.8rem 8.2rem;
  }
}
.p-materials .p-distance-hero__title {
  margin-top: 0;
}
.p-materials .p-distance-hero__text-jp {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 4rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-materials .p-distance-hero__text-jp {
    font-size: 1.3rem;
    margin-top: 2.5rem;
  }
}
.p-materials .p-distance-guide__banner {
  padding-top: 8rem;
  border-top: 1px solid #dedede;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .p-materials .p-distance-guide__banner {
    padding-top: 5rem;
    margin-bottom: 3rem;
  }
}
.p-materials-content {
  padding-block: 8rem 12rem;
}
@media screen and (max-width: 767px) {
  .p-materials-content {
    padding-block: 5rem 8rem;
  }
}
.p-materials-content__container {
  width: 100%;
  max-width: 122rem;
  padding-inline: 2rem;
  margin-inline: auto;
}
.p-materials-content__head-image {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-materials-content__head-image {
    margin-top: 3.2rem;
  }
}
.p-materials-content__form {
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-materials-content__form {
    margin-top: 6rem;
  }
}
.p-materials-content__form .c-title-highlight {
  margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .p-materials-content__form .c-title-highlight {
    margin-bottom: 3rem;
  }
}

.p-enrollment {
  padding-top: 12rem;
}
.p-enrollment .fw-b {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .p-enrollment .pc-only {
    display: none;
  }
}
.p-enrollment .sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-enrollment .sp-only {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-enrollment {
    padding-top: 5.8rem;
  }
}
.p-enrollment .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-enrollment .c-breadcrumbs {
  position: relative;
  z-index: 1;
}
.p-enrollment .c-breadcrumbs .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-enrollment .c-breadcrumbs__list {
  display: flex;
  overflow: hidden;
}
.p-enrollment .c-breadcrumbs__list-item:not(:last-child) {
  display: flex;
}
.p-enrollment .c-breadcrumbs__list-item:not(:last-child)::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.370701' y1='6.99493' x2='6.3707' y2='0.334682' stroke='%23004193'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 0.7rem;
  aspect-ratio: 7/8;
  height: auto;
  display: inline-block;
  margin-inline: 0.4rem 0.8rem;
  vertical-align: -0.1rem;
}
.p-enrollment .c-breadcrumbs__list-item:last-child .c-breadcrumbs__list-text {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .p-enrollment .c-breadcrumbs__list-item:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.p-enrollment .c-breadcrumbs__list-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.9;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.p-enrollment .bg-cr {
  position: relative;
  padding-block: 19.8rem 1rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment .bg-cr {
    padding-top: 10rem;
  }
}
.p-enrollment .bg-cr::after {
  position: absolute;
  content: "";
  background-image: url(../img/enrollment/bg-cr.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .p-enrollment .bg-cr::after {
    height: 100%;
    background-size: 100% 100%;
    background-image: url(../img/enrollment/bg-cr-sp.png);
  }
}
.p-enrollment .c-line {
  position: relative;
}
.p-enrollment .c-line::before {
  position: absolute;
  content: "";
  background: #dedede;
  width: 100%;
  height: 0.1rem;
  top: 0;
  left: 0;
}
.p-enrollment .c-line::after {
  position: absolute;
  content: "";
  background: #004193;
  width: 3.8rem;
  height: 0.1rem;
  top: 0;
  left: 0;
}
.p-enrollment .c-icon {
  background: #004193;
  border-radius: 50%;
  width: 4.7rem;
  height: 4.7rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid #000000;
  padding-left: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment .c-icon {
    width: 3rem;
    height: 3rem;
  }
}
.p-enrollment .c-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .p-enrollment .c-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.p-enrollment-hero {
  padding-block: 8.5rem 12.2rem;
  background-image: url(../img/considering/bg-hero.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 1441px) {
  .p-enrollment-hero {
    background-image: url(../img/considering/bg-hero.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .p-enrollment-hero {
    padding-block: 5.8rem 8.2rem;
    background-image: url(../img/considering/bg-hero-sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
.p-enrollment-hero__lead, .p-enrollment-hero__title {
  color: #fff;
}
.p-enrollment-hero__lead {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-enrollment-hero__lead {
    font-size: 1.8rem;
  }
}
.p-enrollment-hero__title {
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment-hero__title {
    font-size: 2.4rem;
    margin-top: 1.8rem;
  }
}
.p-enrollment-hero__text-en {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment-hero__text-en {
    font-size: 1rem;
    margin-top: 1.8rem;
  }
}
.p-enrollment-hero__text-en::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background-color: #759dcf;
  margin-inline: 0.45rem 0.8rem;
  vertical-align: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment-hero__text-en::before {
    width: 0.6rem;
    height: 0.1rem;
    margin-inline: 0.3rem 0.6rem;
    vertical-align: 0.3rem;
  }
}
.p-enrollment-hero__content {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-top: 4.2rem;
  padding-left: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment-hero__content {
    margin-top: 1.5em;
    font-size: 1.3rem;
  }
}
.p-enrollment-hero__anchor {
  display: flex;
  gap: 3.6rem;
  color: #fff;
  margin-top: 2.4rem;
  padding-left: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment-hero__anchor {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    margin-top: 1.5rem;
    text-shadow: 0 0.1rem 0.2rem rgb(0, 0, 0);
  }
}
.p-enrollment-hero__anchor a {
  font-size: 1.3rem;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  letter-spacing: 0.05em;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .p-enrollment-hero__anchor a {
    font-size: 1.1rem;
  }
}
.p-enrollment-hero__anchor a:hover {
  opacity: 0.8;
}
.p-enrollment-content {
  padding-block: 7.8rem 0;
}
@media screen and (max-width: 767px) {
  .p-enrollment-content {
    padding-block: 4.8rem 0;
  }
}
.p-enrollment-content .l-container {
  width: 108rem;
}
.p-enrollment-content__body {
  margin-top: 7.7rem;
  display: none;
}
@media screen and (max-width: 767px) {
  .p-enrollment-content__body {
    margin-top: 3rem;
  }
}
.p-enrollment-content__body.is-active {
  display: block;
}
.p-enrollment-content__title {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-enrollment-content__title {
    font-size: 2rem;
  }
}
.p-enrollment-content__head {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-enrollment-content__head {
    font-size: 1.6rem;
  }
}
.p-enrollment-content__text {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment-content__text {
    font-size: 1.3rem;
    margin-top: 1rem;
  }
}
.p-enrollment-content__detail {
  background: #f7f7f7;
  padding: 8rem 0 12rem;
  margin-top: 8.3rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment-content__detail {
    padding: 4rem 0;
    margin-top: 4rem;
  }
}
.p-enrollment__benefits {
  position: relative;
  margin-top: 3.2rem;
  padding-top: 3.1rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__benefits {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
}
.p-enrollment__benefits-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__benefits-list {
    margin-top: 2rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
.p-enrollment__benefits-item {
  background: #edf7ff;
  padding: 3.2rem 3.2rem 2.5rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-enrollment__benefits-item {
    padding: 1.5rem 1.5rem 0.4rem 1.5rem;
  }
}
.p-enrollment__benefits-item-img {
  margin-top: 2rem;
}
.p-enrollment__benefits-title {
  font-size: 2rem;
  font-weight: 500;
  color: #004193;
  position: relative;
  padding-left: 2rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__benefits-title {
    font-size: 1.6rem;
  }
}
.p-enrollment__benefits-title::before {
  position: absolute;
  content: "";
  background: #004193;
  opacity: 0.3;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  top: calc(50% + 0.2rem);
  left: 0;
  transform: translateY(-50%);
}
.p-enrollment__benefits-checklist {
  margin-top: 1.5rem;
  flex: 1;
}
.p-enrollment__benefits-checklist li {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 1rem 2rem;
  border-bottom: 0.1rem dashed #cccccc;
}
@media screen and (max-width: 767px) {
  .p-enrollment__benefits-checklist li {
    font-size: 1.2rem;
  }
}
.p-enrollment__benefits-checklist li:last-child {
  border-bottom: 0;
}
.p-enrollment__benefits-checklist li::before {
  position: absolute;
  content: "";
  background-image: url(../img/enrollment/icon_check-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.6rem;
  height: 1.3rem;
  top: 1.6rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-enrollment__benefits-checklist li::before {
    top: 1.4rem;
  }
}
.p-enrollment__benefits-checklist-online li:last-child {
  border-bottom: 0.1rem dashed #cccccc;
}
.p-enrollment__benefits-university {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  position: relative;
  text-align: center;
  margin-top: 4.4rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__benefits-university {
    font-size: 1.6rem;
    margin-top: 3rem;
  }
}
.p-enrollment__benefits-university span {
  background: #fff;
  padding: 0 0.8rem;
  letter-spacing: 0.05em;
}
.p-enrollment__benefits-university::before {
  position: absolute;
  content: "";
  background: rgba(0, 66, 147, 0.3);
  width: 100%;
  height: 0.2rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.p-enrollment__benefits-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__benefits-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-enrollment__benefits-box {
  background: #fff;
  border: 0.1rem solid #004193;
  display: grid;
  grid-template-columns: minmax(0, 4rem) minmax(0, 1fr);
  align-items: center;
  gap: 1.253rem;
  max-width: 100%;
  padding: 1.3rem 1rem 1.3rem 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__benefits-box {
    padding: 1rem;
    height: 100%;
    width: 100%;
    gap: 0.5rem;
  }
}
.p-enrollment__benefits-description {
  color: #004193;
  font-weight: 700;
  line-height: 1.5;
  font-size: 1.6rem;
  margin-left: 1rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__benefits-description {
    font-size: 1.2rem;
    margin-left: 0;
  }
}
.p-enrollment__benefits-images {
  width: 5rem;
  height: 4.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-enrollment__benefits-images {
    width: 4rem;
  }
}
.p-enrollment__benefits-images img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-enrollment__schedule {
  margin-top: 7.9rem;
  padding-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule {
    margin-top: 4rem;
    padding-top: 1.5rem;
  }
}
.p-enrollment__schedule .p-enrollment-content__head {
  letter-spacing: 0.12em;
}
.p-enrollment__schedule-content {
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 2.5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-content {
    font-size: 1.3rem;
    margin-top: 1rem;
  }
}
.p-enrollment__schedule-list {
  margin-top: 3.5rem;
  background: #edf7ff;
  padding: 2.5rem 2.9rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-list {
    margin-top: 2rem;
    padding: 2rem;
  }
}
.p-enrollment__schedule-list-title {
  font-size: 1.8rem;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.15em;
  font-weight: 500;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-list-title {
    font-size: 1.5rem;
  }
}
.p-enrollment__schedule-cols {
  background: #edf7ff;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-cols {
    padding: 0;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}
.p-enrollment__schedule-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0.6rem;
}
.p-enrollment__schedule-col-title {
  color: #004193;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8;
  width: 100%;
  position: relative;
  padding-left: 2rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-col-title {
    font-size: 1.6rem;
  }
}
.p-enrollment__schedule-col-title::before {
  position: absolute;
  content: "";
  background: #004193;
  opacity: 0.3;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.p-enrollment__schedule-col-content {
  margin-top: 0.6rem;
  width: 100%;
  height: 100%;
}
.p-enrollment__schedule-col-content ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2.3rem;
  row-gap: 0.5rem;
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 1.5rem;
}
.p-enrollment__schedule-col-content ul li {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-col-content ul li {
    font-size: 1.3rem;
  }
}
.p-enrollment__schedule-col-content ul li:last-child::after {
  display: none;
}
.p-enrollment__schedule-col-content ul li::after {
  position: absolute;
  content: "";
  background-image: url(../img/enrollment/icon_space-line.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  height: 1.4rem;
  top: 50%;
  right: -1.7rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-col-content ul li::after {
    display: none;
  }
}
.p-enrollment__schedule-col-content p {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-col-content p {
    font-size: 1.3rem;
  }
}
.p-enrollment__schedule-balancing {
  background: #edf7ff;
  padding: 3.4rem 3.2rem 3.3rem;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-balancing {
    padding: 2rem;
    margin-top: 2.5rem;
  }
}
.p-enrollment__schedule-balancing-title {
  font-size: 2rem;
  font-weight: 500;
  color: #004193;
  position: relative;
  padding-left: 2rem;
  letter-spacing: 0.02em;
}
.p-enrollment__schedule-balancing-title::before {
  position: absolute;
  content: "";
  background: #004193;
  opacity: 0.3;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.p-enrollment__schedule-checklist {
  margin-top: 2.3rem;
  margin-left: 0.1rem;
  display: flex;
  gap: 2.6rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-checklist {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
    margin-top: 0.6rem;
  }
}
.p-enrollment__schedule-checklist li {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 0 0 0 2rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-checklist li {
    font-size: 1.2rem;
    padding: 1.1rem 2rem 0;
  }
}
.p-enrollment__schedule-checklist li::before {
  position: absolute;
  content: "";
  background-image: url(../img/enrollment/icon_check-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.6rem;
  height: 1.3rem;
  top: 0.65rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-enrollment__schedule-checklist li::before {
    top: 1.5rem;
  }
}
.p-enrollment__flow {
  margin-top: 8rem;
  padding-top: 3.1rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow {
    margin-top: 3rem;
    padding-top: 2rem;
  }
}
.p-enrollment__flow .l-container {
  width: 108rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-enrollment__flow .p-enrollment-content__head {
  letter-spacing: 0.09em;
}
.p-enrollment__flow-list {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-list {
    margin-top: 1.5rem;
  }
}
.p-enrollment__flow-box {
  margin-top: 8rem;
  box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  background: #fff;
  position: relative;
}
.p-enrollment__flow-box:first-child {
  margin-top: 0;
}
.p-enrollment__flow-box::after {
  position: absolute;
  content: "";
  background-image: url(../img/considering/icon_arrow-bottom-grown.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 8.7rem;
  height: 3rem;
  bottom: -6rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-box::after {
    bottom: -5.7rem;
  }
}
.p-enrollment__flow-box:last-child::after {
  display: none;
}
.p-enrollment__flow-box:nth-of-type(3) .p-considering-empowerment__box-main {
  padding-bottom: 4.5rem;
}
.p-enrollment__flow-link {
  transition: 0.4s;
  aspect-ratio: 1/1;
  width: 3.1rem;
  display: block;
}
.p-enrollment__flow-link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-enrollment__flow-link:hover {
  opacity: 0.5;
}
.p-enrollment__flow-head {
  display: grid;
  grid-template-columns: minmax(0, 5.6rem) minmax(0, 1fr);
  align-items: center;
  gap: 2.4rem;
  background: #edf7ff;
  padding: 1.9rem 2.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-head {
    padding: 1rem;
  }
}
.p-enrollment__flow-step {
  background: #004193;
  color: #fff;
  width: 5.6rem;
  height: 5.6rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  padding-top: 0.6rem;
  letter-spacing: 0.05em;
}
.p-enrollment__flow-step span {
  font-size: 1.8rem;
  display: block;
}
.p-enrollment__flow-title {
  font-size: 2.4rem;
  font-weight: 500;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-title {
    font-size: 1.6rem;
  }
}
.p-enrollment__flow-main {
  padding: 3.2rem 2.6rem 4.8rem 2.6rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main {
    padding: 1.6rem 2rem 2.4rem;
  }
}
.p-enrollment__flow-main--first {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  align-items: center;
  gap: 0 6rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main--first {
    display: block;
  }
}
.p-enrollment__flow-main--first img {
  grid-row: 1/4;
  grid-column: 2/3;
}
.p-enrollment__flow-main--first .p-enrollment__phase-main-button {
  margin: 2.4rem 0 0;
}
.p-enrollment__flow-main--third .p-enrollment__phase-main-button {
  margin: 0 auto;
}
.p-enrollment__flow-main--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 2.4rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main--grid {
    display: block;
  }
}
.p-enrollment__flow-main--grid img {
  width: 100%;
  grid-row: 1/3;
  grid-column: 2/3;
}
.p-enrollment__flow-main--grid .p-enrollment__flow-main-text {
  align-self: self-end;
}
.p-enrollment__flow-main--grid .p-enrollment__phase-main-button {
  align-self: self-start;
  margin: 0;
}
.p-enrollment__flow-main-list {
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.4rem;
  }
}
.p-enrollment__flow-main-list-title {
  color: #004193;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-list-title {
    font-size: 1.7rem;
    margin-top: 1.6rem;
  }
}
.p-enrollment__flow-main-list li {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  padding-left: 2.2rem;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-list li {
    width: 50%;
    font-size: 1.3rem;
    padding-left: 2rem;
    margin-top: 0.8rem;
  }
  .p-enrollment__flow-main-list li:last-of-type {
    width: 100%;
  }
}
.p-enrollment__flow-main-list li::before {
  position: absolute;
  content: "";
  background: #004193;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 1.6rem;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.p-enrollment__flow-main-social {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 2.7rem;
  position: relative;
}
.p-enrollment__flow-main-social::before {
  position: absolute;
  content: "";
  background: #DEDEDE;
  width: 0.05rem;
  height: 100%;
  top: 1.1rem;
  left: 49.7%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-social::before {
    width: 100%;
    height: 0.05rem;
    top: 53%;
    left: 0;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-social {
    grid-template-columns: repeat(1, 1fr);
    gap: 3.3rem;
  }
}
.p-enrollment__flow-main-desc {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 3.2rem 0;
  border-top: solid 0.1rem #dedede;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-desc {
    display: block;
    padding: 2.4rem 0;
  }
}
.p-enrollment__flow-main-desc:first-of-type {
  padding-top: 0;
  border-top: 0;
}
.p-enrollment__flow-main-desc-label {
  flex: 0 0 48rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #004193;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-desc-label {
    display: block;
    font-size: 1.5rem;
  }
}
.p-enrollment__flow-main-desc-label::after {
  content: "";
  display: block;
  flex: 0 0 1.4rem;
  height: 4rem;
  background: #004193;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-desc-label::after {
    width: 4rem;
    height: 1.4rem;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    margin: 0.8rem auto;
  }
}
.p-enrollment__flow-main-desc-body {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-desc-body {
    font-size: 1.3rem;
  }
}
.p-enrollment__flow-main-desc-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-desc-title {
    font-size: 1.4rem;
    margin-bottom: 0.4rem;
  }
}
.p-enrollment__flow-main-text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-text {
    font-size: 1.3rem;
    margin: 1.6rem 0;
  }
}
.p-enrollment__flow-main-note {
  color: #888;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-note {
    font-size: 1rem;
  }
}
.p-enrollment__flow-main-information {
  display: block;
  text-align: center;
  padding-right: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-information {
    padding-right: 0;
  }
}
.p-enrollment__flow-main-information p {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-information p {
    font-size: 1.3rem;
  }
}
.p-enrollment__flow-main-icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.4rem;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-main-icon {
    margin-top: 1.6rem;
  }
}
.p-enrollment__flow-button {
  font-size: 2.1rem;
  font-weight: 500;
  color: #004193;
  width: 70rem;
  max-width: 100%;
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: 0.1rem solid #004193;
  position: relative;
  transition: 0.4s;
  padding: 0 20rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-button {
    padding: 0 10rem;
    font-size: 1.6rem;
    height: 5rem;
  }
}
.p-enrollment__flow-button:hover {
  background: #004193;
  color: #fff;
}
.p-enrollment__flow-button:hover .c-icon {
  border: 0;
}
.p-enrollment__flow-button::before {
  position: absolute;
  content: "";
  background-image: url(../img/considering/img-considering-01.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 15.7rem;
  height: 15.3rem;
  top: -1.8rem;
  left: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-button::before {
    width: 7rem;
    height: 7rem;
    top: -0.7rem;
    left: 0.5rem;
  }
}
.p-enrollment__flow-button .c-icon {
  position: absolute;
  top: 50%;
  right: 3.2rem;
  transform: translateY(-50%);
}
.p-enrollment__flow-button .c-icon img {
  width: 0.6rem;
  height: 1.2rem;
}
.p-enrollment__flow-sub {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-sub {
    margin-top: 2.4rem;
  }
}
.p-enrollment__flow-content {
  text-align: center;
  color: #004193;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 1.5rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-content {
    font-size: 1.3rem;
  }
}
.p-enrollment__flow-archor {
  width: 100%;
  max-width: 32rem;
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 0.1rem solid #004193;
  color: #004193;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin: 2.7rem auto 0;
  padding: 0 3rem;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .p-enrollment__flow-archor {
    height: 4.5rem;
    font-size: 1.4rem;
  }
}
.p-enrollment__flow-archor:hover {
  opacity: 1;
  background: #004193;
  color: #fff;
}
.p-enrollment__flow-archor:hover::after {
  background-image: url(../img/considering/icon_arrow-right-white.svg);
}
.p-enrollment__flow-archor::after {
  position: absolute;
  content: "";
  background-image: url(../img/considering/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.6rem;
  height: 1.1rem;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.p-enrollment__phase {
  padding-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase {
    padding-top: 1.5rem;
  }
}
.p-enrollment__phase-box {
  margin-top: 3rem;
  box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  background: #fff;
  position: relative;
}
.p-enrollment__phase-box:first-child {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-box:first-child {
    margin-top: 2rem;
  }
}
.p-enrollment__phase-box--three {
  margin-top: 4rem;
}
.p-enrollment__phase-box--four .p-enrollment__phase-main {
  padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-box--four .p-enrollment__phase-main {
    padding-bottom: 2rem;
  }
}
.p-enrollment__phase-box--four .p-enrollment__phase-main-list {
  padding: 1.7rem 1.2rem 1.7rem 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-box--four .p-enrollment__phase-main-list {
    padding: 0;
  }
}
.p-enrollment__phase-box--four .p-enrollment__phase-main-list li {
  margin: 1rem 0;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-box--four .p-enrollment__phase-main-list li {
    margin: 1.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-box--four .c-grid {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-box ul li:last-child {
    margin-bottom: 0;
  }
}
.p-enrollment__phase-head {
  display: grid;
  grid-template-columns: minmax(0, 5.6rem) minmax(0, 1fr);
  align-items: center;
  gap: 2.4rem;
  background: rgba(3, 188, 213, 0.1);
  padding: 1.9rem 2.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-head {
    padding: 1rem;
  }
}
.p-enrollment__phase-step {
  background: #03bbd5;
  color: #fff;
  width: 5.6rem;
  height: 5.6rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  padding-top: 0.6rem;
  letter-spacing: 0.05em;
}
.p-enrollment__phase-step span {
  font-size: 1.8rem;
  display: block;
}
.p-enrollment__phase-title {
  font-size: 2.4rem;
  font-weight: 500;
  color: #03bbd5;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-title {
    font-size: 1.6rem;
  }
}
.p-enrollment__phase-main {
  padding: 1.7rem 3rem 1rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-main {
    padding: 0.5rem 1.5rem 2rem;
  }
}
.p-enrollment__phase-main-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.01em;
  position: relative;
  padding: 1.5rem 2.2rem 0.8rem;
  border-bottom: 0.1rem solid #dedede;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-main-title {
    font-size: 1.6rem;
    padding: 1.1rem 2rem;
  }
}
.p-enrollment__phase-main-title::before {
  position: absolute;
  content: "";
  background: #004193;
  opacity: 0.3;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  top: 56%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-main-title::before {
    top: 50%;
  }
}
.p-enrollment__phase-main-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.4rem;
  padding: 0.7rem 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-main-list {
    padding: 0;
  }
}
.p-enrollment__phase-main-list li {
  font-size: 1.6rem;
  line-height: 1.5;
  position: relative;
  margin: 1.9rem 1.6rem;
  padding-left: 4.3rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-main-list li {
    margin: 1.5rem 0;
    padding-left: 2.5rem;
    font-size: 1.3rem;
  }
}
.p-enrollment__phase-main-list li::before {
  position: absolute;
  content: "";
  background: #fff;
  border: 0.1rem solid #cdcdcd;
  border-radius: 0.4rem;
  width: 2.8rem;
  height: 2.8rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-main-list li::before {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.p-enrollment__phase-main-button {
  width: 100%;
  max-width: 32rem;
  margin-left: auto;
}
.p-enrollment__phase-main-button .c-common-btn {
  letter-spacing: 0.15em;
}
.p-enrollment__phase-main-button .c-common-btn:not(:first-of-type) {
  margin-top: 1rem;
}
.p-enrollment__phase-footer {
  margin: 7.2rem 0 12.1rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-footer {
    margin: 4rem 0;
  }
}
.p-enrollment__phase-footer .l-container {
  width: 108rem;
}
.p-enrollment__phase-options {
  background: #edf7ff;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 3.7rem 7rem 4.5rem;
  gap: 3.4rem;
  border-top: 0.1rem solid #dedede;
  border-bottom: 0.1rem solid #dedede;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-options {
    padding: 2rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.4rem;
  }
}
.p-enrollment__phase-option {
  text-align: center;
  width: 100%;
}
.p-enrollment__phase-option-title {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-option-title {
    font-size: 1.4rem;
  }
}
.p-enrollment__phase-option-title span {
  position: relative;
  padding: 0 1.5rem;
}
.p-enrollment__phase-option-title span::before, .p-enrollment__phase-option-title span::after {
  position: absolute;
  content: "";
  bottom: 0.4rem;
  width: 1.1rem;
  height: 1.3rem;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-option-title span::before, .p-enrollment__phase-option-title span::after {
    bottom: 0;
  }
}
.p-enrollment__phase-option-title span::before {
  background-image: url(../img/enrollment/icon-line-left.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
}
.p-enrollment__phase-option-title span::after {
  background-image: url(../img/enrollment/icon-line-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
}
.p-enrollment__phase-option-button {
  background: #004193;
  color: #fff;
  width: 100%;
  margin-top: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid #004193;
  border-radius: 0.9rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  height: 7.1rem;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .p-enrollment__phase-option-button {
    height: 5.1rem;
    font-size: 1.4rem;
  }
}
.p-enrollment__phase-option-button:hover {
  background: #fff;
  color: #004193;
}
.p-enrollment__phase-option-button--hl {
  background: #03bbd5;
  border: 0.1rem solid #03bbd5;
}
.p-enrollment__phase-option-button--hl:hover {
  background: #fff;
  color: #03bbd5;
}
.p-enrollment-navigation__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.924rem;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.p-enrollment-navigation__link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  font-size: 1.814rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 2.45rem 2rem;
  background-color: #c1cad7;
  transition: all 0.3s;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-enrollment-navigation__link {
    padding: 1.2rem 1rem;
    font-size: 1.2rem;
    text-align: center;
  }
}
.p-enrollment-navigation__link--purple {
  background-color: #b7b8d4;
}
.p-enrollment-navigation__link::before {
  content: "";
  width: 2.8rem;
  aspect-ratio: 38/19;
  background: #004193;
  position: absolute;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  bottom: -0.4rem;
  left: 50%;
  transform: translate(-50%, 50%);
  transition: all 0.3s;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .p-enrollment-navigation__link::before {
    width: 3.2rem;
    aspect-ratio: 32/16;
  }
}
.p-enrollment-navigation__link span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  margin-top: 0.3rem;
  letter-spacing: 0.05em;
}
.p-enrollment-navigation__item {
  cursor: pointer;
}
.p-enrollment-navigation__item.is-active .p-enrollment-navigation__link {
  background: #004193;
  color: #fff;
}
.p-enrollment-navigation__item.is-active .p-enrollment-navigation__link::before {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .p-enrollment-navigation__link:hover {
    background: #004193;
    color: #fff;
    border-color: #004193;
  }
}
.p-enrollment-guide {
  margin: 0 0 5.2rem;
  background: #f7f7f7;
}
@media screen and (max-width: 767px) {
  .p-enrollment-guide {
    margin: 0 0 5rem;
  }
}
.p-enrollment-guide .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-enrollment-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 4.2rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-enrollment-banner {
    gap: 2rem;
  }
}
.p-enrollment-banner__item {
  width: calc((100% - 4.2rem) / 2);
}
@media screen and (max-width: 767px) {
  .p-enrollment-banner__item {
    width: 100%;
  }
}
.p-enrollment-banner__link {
  display: block;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .p-enrollment-banner__link:hover {
    opacity: 0.7;
  }
}
.p-enrollment-banner__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 400/125;
  object-fit: cover;
  display: block;
  height: auto;
}

.p-department {
  overflow: clip;
  margin-bottom: 1.6rem;
}
.p-department-tenohira {
  --primary-color: #03bbd5;
  --pace-color: #03bbd5;
  --pace-main-color: #03bbd5;
  --pace-color-sub: rgba(3, 187, 213, 0.7);
  --pace-bg: rgba(3, 187, 213, 0.1);
  --schedule-bg: rgba(3, 187, 213, 0.1);
  --shadow-color: 0 0 1.6rem rgb(0 136 155 / 0.2);
  --head-image: url(../img/department/tenohira/img_head-bg.png);
  --head-image-sp: url(../img/department/tenohira/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/tenohira/img_bg-01.jpg);
  --bg-image-02: url(../img/department/tenohira/img_bg-02.jpg);
  --bg-image-03: url(../img/department/tenohira/img_bg-03.jpg);
  --bg-image-04: url(../img/department/tenohira/img_bg-04.jpg);
  --bg-image-05: url(../img/department/tenohira/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-tenohira .p-department__head {
    height: 26rem;
  }
}
.p-department-tenohira .p-department-banner__body {
  background-color: #47a9b5;
  margin-top: 0;
}
.p-department-tenohira .p-department-cta__btn--light-blue {
  background-color: #03BBD5;
  border-color: #03BBD5;
}
.p-department-tenohira .p-department-cta__btn--light-blue:hover {
  color: #03BBD5;
}
.p-department-illustration {
  --primary-color: #61b6db;
  --pace-color: #008dd6;
  --pace-main-color: #3d83b2;
  --pace-color-sub: #84d2df;
  --pace-bg: #eff8fb;
  --schedule-bg: #eff8fb;
  --shadow-color: 0 0 1.6rem rgb(97 182 219 / 0.2);
  --head-image: url(../img/department/illustration/img_head-bg.png);
  --head-image-sp: url(../img/department/illustration/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/illustration/img_bg-01.jpg);
  --bg-image-02: url(../img/department/illustration/img_bg-02.jpg);
  --bg-image-03: url(../img/department/illustration/img_bg-03.jpg);
  --bg-image-04: url(../img/department/illustration/img_bg-04.jpg);
  --bg-image-05: url(../img/department/illustration/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-illustration .p-department__head {
    height: 32.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-illustration .p-department__head_read_sub {
    max-width: 26rem;
  }
}
.p-department-illustration .p-department-fee__item_top_graph {
  width: 12rem;
}
@media screen and (max-width: 767px) {
  .p-department-illustration .p-department-fee__item_top_graph {
    width: 8rem;
  }
}
.p-department-music {
  --primary-color: #ee7631;
  --pace-color: #ee7631;
  --pace-main-color: #ee7631;
  --pace-color-sub: rgba(238, 118, 49, 0.8);
  --pace-bg: rgba(238, 118, 49, 0.1);
  --shadow-color: 0 0 1.6rem rgb(238 118 49 / 0.2);
  --head-image: url(../img/department/music/img_head-bg.png);
  --head-image-sp: url(../img/department/music/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/music/img_bg-01.jpg);
  --bg-image-02: url(../img/department/music/img_bg-02.jpg);
  --bg-image-03: url(../img/department/music/img_bg-03.jpg);
  --bg-image-04: url(../img/department/music/img_bg-04.jpg);
  --bg-image-05: url(../img/department/music/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-music .p-department__head {
    height: 28rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-music .p-department__head_read_sub {
    max-width: 25rem;
  }
}
.p-department-music .p-department-fee__item_top_graph {
  width: 12rem;
}
@media screen and (max-width: 767px) {
  .p-department-music .p-department-fee__item_top_graph {
    width: 8rem;
  }
}
.p-department-music .p-department-style__teach {
  margin-top: -0.8rem;
  margin-bottom: 5.6rem;
  box-shadow: unset;
}
@media screen and (max-width: 767px) {
  .p-department-music .p-department-style__teach {
    margin-top: -0.4rem;
    margin-bottom: 2.8rem;
  }
}
.p-department-music .p-department-style__teach_text {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-music .p-department-style__teach_text {
    margin-bottom: 1.6rem;
  }
}
.p-department-japanese {
  --primary-color: #f29839;
  --pace-color: #f29839;
  --pace-main-color: #f29839;
  --pace-color-sub: rgba(242, 152, 56, 0.8);
  --pace-bg: rgba(242, 152, 56, 0.1);
  --schedule-bg: #fef5eb;
  --trance-bg-color: #f2983933;
  --shadow-color: 0 0 1.6rem rgb(247 152 57 / 0.2);
  --head-image: url(../img/department/japanese/img_head-bg.png);
  --head-image-sp: url(../img/department/japanese/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/japanese/img_bg-01.jpg);
  --bg-image-02: url(../img/department/japanese/img_bg-02.jpg);
  --bg-image-03: url(../img/department/japanese/img_bg-03.jpg);
  --bg-image-04: url(../img/department/japanese/img_bg-04.jpg);
  --bg-image-05: url(../img/department/japanese/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-japanese .p-department__head {
    height: 26rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-japanese .p-department__head_read_sub {
    max-width: 26rem;
  }
}
.p-department-western {
  --primary-color: #3db26f;
  --pace-color: #3db26f;
  --pace-main-color: #3db26f;
  --pace-color-sub: rgba(61, 178, 111, 0.8);
  --pace-bg: rgba(61, 178, 111, 0.1);
  --schedule-bg: #ecf7f1;
  --trance-bg-color: rgba(61, 178, 111, 0.2);
  --shadow-color: 0 0 1.6rem rgb(61 178 111 / 0.2);
  --head-image: url(../img/department/western/img_head-bg.png);
  --head-image-sp: url(../img/department/western/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/western/img_bg-01.jpg);
  --bg-image-02: url(../img/department/western/img_bg-02.jpg);
  --bg-image-03: url(../img/department/western/img_bg-03.jpg);
  --bg-image-04: url(../img/department/western/img_bg-04.jpg);
  --bg-image-05: url(../img/department/western/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-western .p-department__head {
    height: 28rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-western .p-department__head_read_sub {
    max-width: 26rem;
  }
}
.p-department-ceramics {
  --primary-color: #9c8e93;
  --pace-color: #9c8e93;
  --pace-main-color: #9c8e93;
  --pace-color-sub: rgba(156, 142, 147, 0.8);
  --pace-bg: rgba(156, 142, 147, 0.1);
  --schedule-bg: #f5f4f4;
  --trance-bg-color: rgba(156, 142, 147, 0.2);
  --shadow-color: 0 0 1.6rem rgb(156 142 147 / 0.2);
  --head-image: url(../img/department/ceramics/img_head-bg.png);
  --head-image-sp: url(../img/department/ceramics/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/ceramics/img_bg-01.jpg);
  --bg-image-02: url(../img/department/ceramics/img_bg-02.jpg);
  --bg-image-03: url(../img/department/ceramics/img_bg-03.jpg);
  --bg-image-04: url(../img/department/ceramics/img_bg-04.jpg);
  --bg-image-05: url(../img/department/ceramics/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-ceramics .p-department__head {
    height: 28rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-ceramics .p-department__head_read_sub {
    max-width: 26rem;
  }
}
.p-department-dye {
  --primary-color: #c185b8;
  --pace-color: #c185b8;
  --pace-main-color: #c185b8;
  --pace-color-sub: rgba(193, 133, 184, 0.8);
  --pace-bg: rgba(193, 133, 184, 0.1);
  --schedule-bg: #f9f3f8;
  --trance-bg-color: rgba(193, 133, 184, 0.2);
  --shadow-color: 0 0 1.6rem rgb(193 133 184 / 0.2);
  --head-image: url(../img/department/dye/img_head-bg.png);
  --head-image-sp: url(../img/department/dye/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/dye/img_bg-01.jpg);
  --bg-image-02: url(../img/department/dye/img_bg-02.jpg);
  --bg-image-03: url(../img/department/dye/img_bg-03.jpg);
  --bg-image-04: url(../img/department/dye/img_bg-04.jpg);
  --bg-image-05: url(../img/department/dye/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-dye .p-department__head {
    height: 28rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-dye .p-department__head_read_sub {
    max-width: 26rem;
  }
}
.p-department-photo {
  --primary-color: #33a197;
  --pace-color: #33a197;
  --pace-main-color: #33a197;
  --pace-color-sub: rgba(51, 161, 151, 0.8);
  --pace-bg: rgba(51, 161, 151, 0.1);
  --schedule-bg: #ebf6f5;
  --trance-bg-color: rgba(51, 161, 151, 0.2);
  --shadow-color: 0 0 1.6rem rgb(51 161 151 / 0.2);
  --head-image: url(../img/department/photo/img_head-bg.png);
  --head-image-sp: url(../img/department/photo/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/photo/img_bg-01.jpg);
  --bg-image-02: url(../img/department/photo/img_bg-02.jpg);
  --bg-image-03: url(../img/department/photo/img_bg-03.jpg);
  --bg-image-04: url(../img/department/photo/img_bg-04.jpg);
  --bg-image-05: url(../img/department/photo/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-photo .p-department__head {
    height: 28rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-photo .p-department__head_read_sub {
    max-width: 25rem;
  }
}
.p-department-photo .p-department-style__teach {
  margin-top: -0.8rem;
  margin-bottom: 5.6rem;
  box-shadow: unset;
}
@media screen and (max-width: 767px) {
  .p-department-photo .p-department-style__teach {
    margin-top: -0.4rem;
    margin-bottom: 2.8rem;
  }
}
.p-department-photo .p-department-style__teach_text {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-photo .p-department-style__teach_text {
    margin-bottom: 1.6rem;
  }
}
.p-department-architect {
  --primary-color: #caa158;
  --primary-color: #caa158;
  --pace-color: #caa158;
  --pace-main-color: #caa158;
  --pace-color-sub: rgba(202, 161, 88, 0.8);
  --pace-bg: #faf6ee;
  --schedule-bg: #faf6ee;
  --trance-bg-color: rgba(202, 161, 88, 0.2);
  --shadow-color: 0 0 1.6rem rgb(202 161 88 / 0.2);
  --head-image: url(../img/department/architect/img_head-bg.png);
  --head-image-sp: url(../img/department/architect/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/architect/img_bg-01.jpg);
  --bg-image-02: url(../img/department/architect/img_bg-02.jpg);
  --bg-image-03: url(../img/department/architect/img_bg-03.jpg);
  --bg-image-04: url(../img/department/architect/img_bg-04.jpg);
  --bg-image-05: url(../img/department/architect/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-architect .p-department__head {
    height: 28rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-architect .p-department__head_read_sub {
    max-width: 26rem;
  }
}
.p-department-landscape {
  --primary-color: #96c270;
  --primary-color: #96c270;
  --pace-color: #96c270;
  --pace-main-color: #96c270;
  --pace-color-sub: rgba(150, 194, 112, 0.8);
  --pace-bg: #f4f9f1;
  --schedule-bg: #f4f9f1;
  --trance-bg-color: rgba(150, 194, 112, 0.2);
  --shadow-color: 0 0 1.6rem rgb(150 194 112 / 0.2);
  --head-image: url(../img/department/landscape/img_head-bg.png);
  --head-image-sp: url(../img/department/landscape/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/landscape/img_bg-01.jpg);
  --bg-image-02: url(../img/department/landscape/img_bg-02.jpg);
  --bg-image-03: url(../img/department/landscape/img_bg-03.jpg);
  --bg-image-04: url(../img/department/landscape/img_bg-04.jpg);
  --bg-image-05: url(../img/department/landscape/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-landscape .p-department__head {
    height: 31rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-landscape .p-department__head_read_sub {
    max-width: 26rem;
  }
}
.p-department-spatial {
  --primary-color: #f09197;
  --pace-color: #f09197;
  --pace-main-color: #f09197;
  --pace-color-sub: rgba(240, 145, 151, 0.8);
  --pace-bg: rgba(240, 145, 151, 0.1);
  --schedule-bg: rgba(240, 145, 151, 0.1);
  --trance-bg-color: rgba(240, 145, 151, 0.2);
  --shadow-color: 0 0 1.6rem rgb(240 145 151 / 0.2);
  --head-image: url(../img/department/spatial/img_head-bg.png);
  --head-image-sp: url(../img/department/spatial/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/spatial/img_bg-01.jpg);
  --bg-image-02: url(../img/department/spatial/img_bg-02.jpg);
  --bg-image-03: url(../img/department/spatial/img_bg-03.jpg);
  --bg-image-04: url(../img/department/spatial/img_bg-04.jpg);
  --bg-image-05: url(../img/department/spatial/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-spatial .p-department__head {
    height: 32.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-spatial .p-department__head_read_sub {
    max-width: 26rem;
  }
}
.p-department-film {
  --primary-color: #a85e8e;
  --pace-color: #a85e8e;
  --pace-main-color: #a85e8e;
  --pace-color-sub: rgba(168, 94, 142, 0.8);
  --pace-bg: rgba(168, 94, 142, 0.1);
  --shadow-color: 0 0 1.6rem rgb(168 94 142 / 0.2);
  --head-image: url(../img/department/film/img_head-bg.png);
  --head-image-sp: url(../img/department/film/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/film/img_bg-01.jpg);
  --bg-image-02: url(../img/department/film/img_bg-02.jpg);
  --bg-image-03: url(../img/department/film/img_bg-03.jpg);
  --bg-image-04: url(../img/department/film/img_bg-04.jpg);
  --bg-image-05: url(../img/department/film/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-film .p-department__head {
    height: 28rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-film .p-department__head_read_sub {
    max-width: 26rem;
  }
}
.p-department-film .p-department-fee__item_top_graph {
  width: 12rem;
}
@media screen and (max-width: 767px) {
  .p-department-film .p-department-fee__item_top_graph {
    width: 8rem;
  }
}
.p-department-graphic {
  --primary-color: #499ac2;
  --pace-color: #499ac2;
  --pace-main-color: #499ac2;
  --pace-color-sub: rgba(73, 154, 194, 0.8);
  --pace-bg: rgba(73, 154, 194, 0.1);
  --schedule-bg: #edf5f9;
  --trance-bg-color: rgba(73, 154, 194, 0.2);
  --shadow-color: 0 0 1.6rem rgb(73 154 194 / 0.2);
  --head-image: url(../img/department/graphic/img_head-bg.png);
  --head-image-sp: url(../img/department/graphic/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/graphic/img_bg-01.jpg);
  --bg-image-02: url(../img/department/graphic/img_bg-02.jpg);
  --bg-image-03: url(../img/department/graphic/img_bg-03.jpg);
  --bg-image-04: url(../img/department/graphic/img_bg-04.jpg);
  --bg-image-05: url(../img/department/graphic/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-graphic .p-department__head {
    height: 31rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-graphic .p-department__head_read {
    max-width: 24rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-graphic .p-department__head_read_sub {
    max-width: 24rem;
  }
}
.p-department-graphic .p-department-fee__item_top_graph {
  width: 12rem;
}
@media screen and (max-width: 767px) {
  .p-department-graphic .p-department-fee__item_top_graph {
    width: 8rem;
  }
}
.p-department-graphic .p-department-style__teach {
  margin-top: -0.8rem;
  margin-bottom: 5.6rem;
  box-shadow: unset;
}
@media screen and (max-width: 767px) {
  .p-department-graphic .p-department-style__teach {
    margin-top: -0.4rem;
    margin-bottom: 2.8rem;
  }
}
.p-department-graphic .p-department-style__teach_text {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-graphic .p-department-style__teach_text {
    margin-bottom: 1.6rem;
  }
}
.p-department-calligraphy {
  --primary-color: #6e6892;
  --pace-color: #6e6892;
  --pace-main-color: #6e6892;
  --pace-color-sub: rgba(110, 104, 146, 0.8);
  --pace-bg: rgba(110, 104, 146, 0.1);
  --trance-bg-color: rgba(110, 104, 146, 0.2);
  --shadow-color: 0 0 1.6rem rgb(110 104 146 / 0.2);
  --head-image: url(../img/department/calligraphy/img_head-bg.png);
  --head-image-sp: url(../img/department/calligraphy/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/calligraphy/img_bg-01.jpg);
  --bg-image-02: url(../img/department/calligraphy/img_bg-02.jpg);
  --bg-image-03: url(../img/department/calligraphy/img_bg-03.jpg);
  --bg-image-04: url(../img/department/calligraphy/img_bg-04.jpg);
  --bg-image-05: url(../img/department/calligraphy/img_bg-05.jpg);
  --step-modal-arrow: url(../img/department/calligraphy/step-flow-arrow.svg);
}
@media screen and (max-width: 767px) {
  .p-department-calligraphy .p-department__head {
    height: 28rem;
  }
}
.p-department-calligraphy .p-department__head_read {
  max-width: 26rem;
}
@media screen and (max-width: 767px) {
  .p-department-calligraphy .p-department__head_read_sub {
    max-width: 26rem;
  }
}
.p-department-calligraphy .p-department-fee__item_top_graph {
  width: 12rem;
}
@media screen and (max-width: 767px) {
  .p-department-calligraphy .p-department-fee__item_top_graph {
    width: 8rem;
  }
}
.p-department-food {
  --primary-color: #e2c233;
  --pace-color: #e2c233;
  --pace-main-color: #e2c233;
  --pace-color-sub: rgba(226, 194, 51, 0.8);
  --pace-bg: rgba(226, 194, 51, 0.1);
  --shadow-color: 0 0 1.6rem rgb(226 194 51 / 0.2);
  --head-image: url(../img/department/food/img_head-bg.png);
  --head-image-sp: url(../img/department/food/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/food/img_bg-01.jpg);
  --bg-image-02: url(../img/department/food/img_bg-02.jpg);
  --bg-image-03: url(../img/department/food/img_bg-03.jpg);
  --bg-image-04: url(../img/department/food/img_bg-04.jpg);
  --bg-image-05: url(../img/department/food/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-food .p-department__head {
    height: 32.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-food .p-department__head_read_sub {
    max-width: 22.5rem;
  }
}
.p-department-food .p-department-fee__item_top_graph {
  width: 12rem;
}
@media screen and (max-width: 767px) {
  .p-department-food .p-department-fee__item_top_graph {
    width: 8rem;
  }
}
.p-department-food .p-department-style__teach {
  margin-top: -0.8rem;
  margin-bottom: 5.6rem;
  box-shadow: unset;
}
@media screen and (max-width: 767px) {
  .p-department-food .p-department-style__teach {
    margin-top: -0.4rem;
    margin-bottom: 2.8rem;
  }
}
.p-department-food .p-department-style__teach_text {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-food .p-department-style__teach_text {
    margin-bottom: 1.6rem;
  }
}
.p-department-literary {
  --primary-color: #2a7a91;
  --pace-color: #2a7a91;
  --pace-main-color: #2a7a91;
  --pace-color-sub: rgba(42, 122, 145, 0.8);
  --pace-bg: rgba(42, 122, 145, 0.1);
  --schedule-bg: #e6eff2;
  --trance-bg-color: rgba(42, 122, 145, 0.2);
  --shadow-color: 0 0 1.6rem rgb(42 122 145 / 0.2);
  --head-image: url(../img/department/literary/img_head-bg.png);
  --head-image-sp: url(../img/department/literary/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/literary/img_bg-01.jpg);
  --bg-image-02: url(../img/department/literary/img_bg-02.jpg);
  --bg-image-03: url(../img/department/literary/img_bg-03.jpg);
  --bg-image-04: url(../img/department/literary/img_bg-04.jpg);
  --bg-image-05: url(../img/department/literary/img_bg-05.jpg);
  --step-modal-arrow: url(../img/department/literary/step-flow-arrow.svg);
}
@media screen and (max-width: 767px) {
  .p-department-literary .p-department__head {
    height: 27.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-literary .p-department__head_read_sub {
    max-width: 26rem;
  }
}
.p-department-literary .p-department-fee__item_top_graph {
  width: 12rem;
}
@media screen and (max-width: 767px) {
  .p-department-literary .p-department-fee__item_top_graph {
    width: 8rem;
  }
}
.p-department-literary .p-department-style__teach {
  margin-top: -0.8rem;
  margin-bottom: 5.6rem;
  box-shadow: unset;
}
@media screen and (max-width: 767px) {
  .p-department-literary .p-department-style__teach {
    margin-top: -0.4rem;
    margin-bottom: 2.8rem;
  }
}
.p-department-literary .p-department-style__teach_text {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-literary .p-department-style__teach_text {
    margin-bottom: 1.6rem;
  }
}
.p-department-writing {
  --primary-color: #1d4489;
  --trance-bg-color: rgba(29, 68, 137, 0.2);
  --shadow-color: 0 0 1.6rem rgb(29 68 137 / 0.2);
  --head-image: url(../img/department/writing/img_head-bg.png);
  --head-image-sp: url(../img/department/writing/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/writing/img_bg-01.jpg);
  --bg-image-02: url(../img/department/writing/img_bg-02.jpg);
  --bg-image-03: url(../img/department/writing/img_bg-03.jpg);
  --bg-image-04: url(../img/department/writing/img_bg-04.jpg);
  --bg-image-05: url(../img/department/writing/img_bg-05.jpg);
}
.p-department-studies {
  --primary-color: #ec6762;
  --pace-color: #ec6762;
  --pace-main-color: #ec6762;
  --pace-color-sub: rgba(236, 103, 98, 0.8);
  --pace-bg: rgba(236, 103, 98, 0.1);
  --schedule-bg: #fdf0ef;
  --trance-bg-color: rgba(236, 103, 98, 0.2);
  --shadow-color: 0 0 1.6rem rgb(236 103 98 / 0.2);
  --head-image: url(../img/department/studies/img_head-bg.png);
  --head-image-sp: url(../img/department/studies/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/studies/img_bg-01.jpg);
  --bg-image-02: url(../img/department/studies/img_bg-02.jpg);
  --bg-image-03: url(../img/department/studies/img_bg-03.jpg);
  --bg-image-04: url(../img/department/studies/img_bg-04.jpg);
  --bg-image-05: url(../img/department/studies/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-studies .p-department__head {
    height: 29.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-studies .p-department__head_read_sub {
    max-width: 25rem;
  }
}
.p-department-historical {
  --primary-color: #5c8146;
  --pace-color: #5c8146;
  --pace-main-color: #5c8146;
  --pace-color-sub: rgba(92, 129, 70, 0.8);
  --pace-bg: rgba(92, 129, 70, 0.1);
  --schedule-bg: rgba(92, 129, 70, 0.1);
  --trance-bg-color: rgba(92, 129, 70, 0.2);
  --shadow-color: 0 0 1.6rem rgb(92 129 70 / 0.2);
  --head-image: url(../img/department/historical/img_head-bg.png);
  --head-image-sp: url(../img/department/historical/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/historical/img_bg-01.jpg);
  --bg-image-02: url(../img/department/historical/img_bg-02.jpg);
  --bg-image-03: url(../img/department/historical/img_bg-03.jpg);
  --bg-image-04: url(../img/department/historical/img_bg-04.jpg);
  --bg-image-05: url(../img/department/historical/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-historical .p-department__head {
    height: 29.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-historical .p-department__head_read_sub {
    max-width: 25rem;
  }
}
.p-department-historical .p-department-style__teach {
  margin-top: -0.8rem;
  margin-bottom: 5.6rem;
  box-shadow: unset;
}
@media screen and (max-width: 767px) {
  .p-department-historical .p-department-style__teach {
    margin-top: -0.4rem;
    margin-bottom: 2.8rem;
  }
}
.p-department-historical .p-department-style__teach_text {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-historical .p-department-style__teach_text {
    margin-bottom: 1.6rem;
  }
}
.p-department-traditional {
  --primary-color: #c05042;
  --primary-color: #c05042;
  --pace-color: #c05042;
  --pace-main-color: #c05042;
  --pace-color-sub: rgba(192, 80, 66, 0.8);
  --pace-bg: rgba(192, 80, 66, 0.1);
  --schedule-bg: rgba(240, 145, 151, 0.1);
  --trance-bg-color: rgba(192, 80, 66, 0.2);
  --shadow-color: 0 0 1.6rem rgb(192 80 66 / 0.2);
  --head-image: url(../img/department/traditional/img_head-bg.png);
  --head-image-sp: url(../img/department/traditional/img_head-bg-sp.png);
  --bg-image-01: url(../img/department/traditional/img_bg-01.jpg);
  --bg-image-02: url(../img/department/traditional/img_bg-02.jpg);
  --bg-image-03: url(../img/department/traditional/img_bg-03.jpg);
  --bg-image-04: url(../img/department/traditional/img_bg-04.jpg);
  --bg-image-05: url(../img/department/traditional/img_bg-05.jpg);
}
@media screen and (max-width: 767px) {
  .p-department-traditional .p-department__head {
    height: 29.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-traditional .p-department__head_read_sub {
    max-width: 24rem;
  }
}
.p-department-traditional .p-department-style__teach {
  margin-top: -0.8rem;
  margin-bottom: 5.6rem;
  box-shadow: unset;
}
@media screen and (max-width: 767px) {
  .p-department-traditional .p-department-style__teach {
    margin-top: -0.4rem;
    margin-bottom: 2.8rem;
  }
}
.p-department-traditional .p-department-style__teach_text {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-traditional .p-department-style__teach_text {
    margin-bottom: 1.6rem;
  }
}

.p-department-cta {
  background-color: #edf7ff;
  border-top: 0.1rem solid #dedede;
  padding: 4rem 0;
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-cta {
    margin-top: 4.8rem;
    padding: 3rem 0;
  }
}
.p-department-cta__body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem;
}
.p-department-cta__item {
  width: 40rem;
}
@media screen and (max-width: 767px) {
  .p-department-cta__item {
    width: 90%;
  }
}
.p-department-cta__item_text {
  text-align: center;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-department-cta__item_text {
    margin-bottom: 0.8rem;
  }
}
.p-department-cta__item_text span {
  font-weight: 500;
  font-size: 1.5rem;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-cta__item_text span {
    font-size: 1.3rem;
  }
}
.p-department-cta__item_text span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1rem;
  transform: rotate(-45deg);
  display: inline-block;
  width: 0.1rem;
  height: 1.4rem;
  background-color: #333;
}
.p-department-cta__item_text span:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -1rem;
  transform: rotate(45deg);
  display: inline-block;
  width: 0.1rem;
  height: 1.4rem;
  background-color: #333;
}
.p-department-cta__btn {
  font-weight: 500;
  font-size: 1.6rem;
  color: #fff;
  width: 100%;
  height: 6.4rem;
  border-radius: 0.8rem;
  display: grid;
  place-items: center;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department-cta__btn {
    font-size: 1.4rem;
    height: 4.8rem;
  }
}
.p-department-cta__btn--blue {
  background-color: #004193;
  border: 0.1rem solid #004193;
}
.p-department-cta__btn--blue:hover {
  background-color: #fff;
  color: #004193;
}
.p-department-cta__btn--light-blue {
  background-color: #61b6db;
  border: 0.1rem solid #61b6db;
}
.p-department-cta__btn--light-blue:hover {
  background-color: #fff;
  color: #61b6db;
}
.p-department-cta__btn--green {
  background-color: #4cc764;
  border: 0.1rem solid #4cc764;
}
.p-department-cta__btn--green:hover {
  background-color: #fff;
  color: #4cc764;
}
.p-department-cta__btn--black {
  background-color: #000;
  border: 0.1rem solid #000;
}
.p-department-cta__btn--black-text {
  padding-right: 2rem;
  position: relative;
}
.p-department-cta__btn--black-text:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.4rem;
  background: url(../img/common/icon_x.svg) 50% 50%/contain no-repeat;
}
.p-department-cta__btn--black:hover {
  background-color: #fff;
  color: #000;
}
.p-department-cta__btn--black:hover .p-department-cta__btn--black-text:after {
  background: url(../img/common/icon_x_black.svg) 50% 50%/contain no-repeat;
}
.p-department-cta__btn--insta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  color: #333;
  background-color: #fff;
  border: 0.1rem solid #fff;
}
@media screen and (max-width: 767px) {
  .p-department-cta__btn--insta {
    gap: 0.4rem;
  }
}
.p-department-cta__btn--insta::after {
  content: "";
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  background-image: url(../img/common/icon_instagram_color.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-department-cta__btn--insta::after {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.p-department-cta__btn--insta:hover {
  color: #fff;
  background-color: #333;
}

.p-department__head {
  background-image: var(--head-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  height: 44.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 1.6rem;
  margin-bottom: 10.7rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department__head {
    background-image: var(--head-image-sp);
    padding-bottom: 1.6em;
    margin-bottom: 10rem;
  }
}
.p-department__head_credit {
  position: absolute;
  top: 1.6rem;
  right: 7.6rem;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-shadow: 0 0 0.4rem #000;
}
@media screen and (max-width: 767px) {
  .p-department__head_credit {
    font-size: 1.2rem;
    top: 0.8rem;
    right: 0.8rem;
  }
}
.p-department__head_title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-department__head_title {
    font-size: 2.4rem;
    line-height: 1.3;
  }
}
.p-department__head_title br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-department__head_title br {
    display: block;
  }
}
.p-department__head_title_sub {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-department__head_title_sub {
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
  }
}
.p-department__head_sub {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-department__head_sub {
    font-size: 1rem;
    margin-top: 0.4rem;
  }
}
.p-department__head_sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background-color: #fff;
  vertical-align: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-department__head_sub::before {
    width: 0.6rem;
    height: 0.1rem;
    vertical-align: 0.3rem;
  }
}
.p-department__head_read {
  max-width: 56rem;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department__head_read {
    max-width: 26rem;
    font-size: 1.5rem;
    margin-top: 1.4rem;
  }
}
.p-department__head_read::before {
  content: "";
  display: block;
  width: 55rem;
  height: 0.1rem;
  background: #fff;
  opacity: 0.5;
  margin: 3.2rem 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department__head_read::before {
    width: 25rem;
    margin: 1rem 0;
  }
}
.p-department__head_read_sub {
  max-width: 56rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-department__head_read_sub {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0.6rem;
  }
}
.p-department__head_tags {
  display: flex;
  justify-content: right;
  gap: 0.8rem;
  width: 132rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-department__head_tags {
    gap: 0.4rem;
    width: 100%;
    padding: 0 1rem;
    bottom: -6rem;
  }
}
.p-department__head_tag {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 14.3rem;
  height: 14.3rem;
  background: var(--primary-color);
  border-radius: 50%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department__head_tag {
    flex: 0 0 10rem;
    height: 10rem;
  }
}
.p-department__head_tag span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 13.5rem;
  height: 13.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  border: dashed 0.16rem #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .p-department__head_tag span {
    width: 9.5rem;
    height: 9.5rem;
    font-size: 1.1rem;
  }
}
.p-department__content {
  display: flex;
  gap: 10rem;
  padding-top: 0.5rem;
  margin-bottom: 6.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department__content {
    padding: 0 2rem;
    margin-bottom: 4.8rem;
  }
}
.p-department__content::after {
  content: "";
  width: 52rem;
  height: 40rem;
  background-image: var(--bg-image-05);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  position: absolute;
  bottom: -12rem;
  left: calc(50% - 50vw);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-department__content::after {
    width: 26rem;
    height: 20rem;
    bottom: -4.8rem;
    left: 0;
  }
}
.p-department__side {
  width: 30rem;
}
@media screen and (max-width: 767px) {
  .p-department__side {
    display: none;
  }
}
.p-department__side_sidebar {
  position: sticky;
  top: 12rem;
  width: 30rem;
  background: #fff;
  box-shadow: var(--shadow-color);
  display: flex;
  align-items: center;
  padding: 4rem 0 4rem 8rem;
}
.p-department__side_list {
  display: grid;
  gap: 2.4rem;
}
.p-department__side_list_link {
  font-weight: 500;
  font-size: 1.3rem;
  color: #333;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: -0.4rem;
  transition: color 0.3s;
}
.p-department__side_list_link span {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  border: 0.1rem solid var(--primary-color);
  display: inline-block;
  margin-top: 0.4rem;
  position: relative;
}
.p-department__side_list_link span:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0.4rem;
  transform: translateY(-50%) rotate(45deg);
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.1rem solid var(--primary-color);
  border-right: 0.1rem solid var(--primary-color);
}
.p-department__side_list_link:hover {
  color: var(--primary-color);
}
.p-department__main {
  width: 96rem;
}
@media screen and (max-width: 767px) {
  .p-department__main {
    width: 100%;
  }
}
.p-department__heading2 {
  font-weight: 500;
  font-size: 4.8rem;
  color: var(--primary-color);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department__heading2 {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.p-department__heading2 span {
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  .p-department__heading2 span {
    display: block;
    font-size: 2rem;
  }
}
.p-department__heading2 .br-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-department__heading2 .br-sp {
    display: block;
  }
}
.p-department__heading3 {
  font-weight: 500;
  font-size: 4rem;
  color: var(--primary-color);
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding-top: 1.6rem;
  border-top: 0.1rem solid #dedede;
  position: relative;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department__heading3 {
    font-size: 2rem;
    padding-top: 0.8rem;
    margin-bottom: 1.6rem;
  }
}
.p-department__heading3:before {
  content: "";
  position: absolute;
  top: -0.1rem;
  left: 0;
  width: 3.5rem;
  height: 0.1rem;
  background-color: var(--primary-color);
}
.p-department-section {
  margin-top: 6.4rem;
  padding-top: 8rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-section {
    margin-top: 4.8rem;
    padding-top: 4rem;
  }
}
.p-department-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.6rem;
  background-image: url(../img/department/img_section-border.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.p-department-feature {
  position: relative;
}
.p-department-feature::after {
  content: "";
  width: 60rem;
  height: 52rem;
  background-image: var(--bg-image-01);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  position: absolute;
  top: -14.5rem;
  right: calc(50% - 50vw - 8rem);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-department-feature::after {
    width: 30rem;
    height: 26rem;
    top: -10rem;
    right: -16rem;
  }
}
.p-department-feature__body {
  display: grid;
  gap: 7rem;
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-department-feature__body {
    gap: 4rem;
    margin-top: 4rem;
  }
}
.p-department-feature__item {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.p-department-feature__item:nth-of-type(odd) {
  gap: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-feature__item:nth-of-type(odd) {
    gap: 1.5rem;
  }
}
.p-department-feature__item:nth-of-type(even) {
  gap: 5.2rem;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-department-feature__item:nth-of-type(even) {
    gap: 1.5rem;
  }
}
.p-department-feature__item_textbox {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-department-feature__item_textbox {
    flex: auto;
    width: 100%;
  }
}
.p-department-feature__item_head {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .p-department-feature__item_head {
    margin-bottom: 1.5rem;
  }
}
.p-department-feature__item_number {
  font-weight: 500;
  font-size: 1.785rem;
  color: #fff;
  letter-spacing: 0.05em;
  display: grid;
  place-items: center;
  flex: 0 0 4.8rem;
  height: 7.1rem;
  background-color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .p-department-feature__item_number {
    font-optical-sizing: 1.4rem;
    width: 3.8rem;
    height: 5.4rem;
  }
}
.p-department-feature__item_title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .p-department-feature__item_title {
    font-size: 1.8rem;
  }
}
.p-department-feature__item_text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-department-feature__item_text {
    font-size: 1.3rem;
  }
}
.p-department-feature__item_text_link {
  padding-right: 2.5rem;
  color: #004193;
  font-size: 1.5rem;
  position: relative;
}
.p-department-feature__item_text_link:after {
  content: ">";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 2rem;
}
.p-department-feature__item_text_link:hover {
  opacity: 0.6;
}
.p-department-feature__item_note {
  color: #888;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-feature__item_note {
    font-size: 1rem;
  }
}
.p-department-feature__item_note a {
  color: #001dff;
  text-decoration: underline;
  transition: 0.3s;
}
.p-department-feature__item_note a:hover {
  text-decoration: none;
}
.p-department-feature__item_image {
  width: 47rem;
}
@media screen and (max-width: 767px) {
  .p-department-feature__item_image {
    width: 100%;
  }
}
.p-department-feature__item_image img {
  width: 100%;
  height: auto;
}
.p-department-feature__item .c-common-btn {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-department-feature__item .c-common-btn {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.p-department-feature__more {
  text-align: center;
}
.p-department-feature__more .c-common-btn {
  margin: 4rem auto 0;
}
.p-department-feature__modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
}
.p-department-feature__modal-inner {
  text-align: center;
  max-width: 72rem;
  background: #fff;
  border-radius: 1.4rem;
  padding: 4rem;
  margin: 14rem auto;
}
@media screen and (max-width: 767px) {
  .p-department-feature__modal-inner {
    padding: 2rem;
    margin: 4rem 2rem 12rem;
  }
}
.p-department-feature__modal-block {
  margin: 0 0 4rem;
}
@media screen and (max-width: 767px) {
  .p-department-feature__modal-block {
    margin: 0 0 2rem;
  }
}
.p-department-feature__modal-title {
  color: #fff;
  background: var(--primary-color);
  font-size: 2.3rem;
  line-height: 1.2;
  padding: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-feature__modal-title {
    font-size: 1.7rem;
    padding: 0.4rem;
  }
}
.p-department-feature__modal-title br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-department-feature__modal-title br {
    display: block;
  }
}
.p-department-feature__modal-subtitle {
  margin-top: 1rem;
  color: #3288c9;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-department-feature__modal-subtitle {
    font-size: 1.7rem;
  }
}
.p-department-feature__modal-subtitle span {
  margin-top: 1rem;
  font-size: 1.6rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-department-feature__modal-subtitle span {
    margin-top: 0.5rem;
    font-size: 1.3rem;
  }
}
.p-department-feature__modal-image {
  margin: 1.6rem 0 0;
}
.p-department-feature__modal-desc {
  text-align: left;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-feature__modal-desc {
    font-size: 1.2rem;
    margin: 0.8rem 0 0;
  }
}
.p-department-feature__modal-link {
  width: fit-content;
  display: block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-feature__modal-link {
    font-size: 1.2rem;
    margin: 1.2rem 0 0;
  }
}
.p-department-feature__modal-link::before {
  content: "";
  display: block;
  width: 100%;
  height: 0.1rem;
  background: currentColor;
  position: absolute;
  bottom: 0.4rem;
  transition: 0.3s;
}
.p-department-feature__modal-link::after {
  content: "＞";
  display: inline-block;
  margin: 0 0 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-department-feature__modal-link::after {
    margin: 0 0 0 0.75rem;
  }
}
.p-department-feature__modal-link:hover::before {
  opacity: 0;
}
.p-department-feature__modal-close {
  cursor: pointer;
  height: 4.8rem;
}
.p-department-feature__modal-box {
  margin: 2.4rem 0;
  padding: 2.4rem 1.6rem;
  background-color: #e6f2f7;
}
.p-department-feature__modal-box-title {
  min-width: 28rem;
  display: table;
  margin: 0 auto;
  padding: 0.8rem 1rem;
  background-color: #fff;
  font-size: 1.5rem;
  text-align: center;
  color: #004193;
  position: relative;
}
.p-department-feature__modal-box-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.3rem;
  height: 1.3rem;
  border-top: #004193 1px solid;
  border-left: #004193 1px solid;
}
.p-department-feature__modal-box-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.3rem;
  height: 1.3rem;
  border-bottom: #004193 1px solid;
  border-right: #004193 1px solid;
}
.p-department-feature__modal-box-title--color2 {
  color: #b7488f;
}
.p-department-feature__modal-box-title--color2::before {
  border-color: #b7488f;
}
.p-department-feature__modal-box-title--color2::after {
  border-color: #b7488f;
}
.p-department-feature__modal-box-subtitle {
  color: #489ed6;
  font-size: 1.2rem;
  text-align: center;
  display: table;
  margin: 0 auto 0.8rem;
  position: relative;
}
.p-department-feature__modal-box-subtitle::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background-color: #489ed6;
  transform: translateX(-0.7rem) rotate(-20deg);
}
.p-department-feature__modal-box-subtitle::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 1.2rem;
  background-color: #489ed6;
  transform: translateX(0.7rem) rotate(20deg);
}
.p-department-feature__modal-box-subtitle--color2 {
  color: #c87dab;
}
.p-department-feature__modal-box-subtitle--color2::before {
  background-color: #c87dab;
}
.p-department-feature__modal-box-subtitle--color2::after {
  background-color: #c87dab;
}
.p-department-feature__modal-box--color2 {
  background-color: #efe7f3;
}
.p-department-step__head {
  margin: 4rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-department-step__head {
    margin: 2rem 0;
  }
}
.p-department-step__head_dot .slick-dots {
  position: static;
  display: flex;
  gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__head_dot .slick-dots {
    gap: 0.4rem;
  }
}
.p-department-step__head_dot .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}
.p-department-step__head_dot .slick-dots li button {
  font-size: 1.4rem;
  color: #888;
  width: 8.9rem;
  height: 3.4rem;
  border: 0.1rem solid #888;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 767px) {
  .p-department-step__head_dot .slick-dots li button {
    font-size: 1.2rem;
    width: 7rem;
    height: 2.6rem;
  }
}
.p-department-step__head_dot .slick-dots li button:before {
  display: none;
}
.p-department-step__head_dot .slick-dots li button.warmingup {
  width: 11.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__head_dot .slick-dots li button.warmingup {
    width: 9.8rem;
  }
}
.p-department-step__head_dot .slick-dots li.slick-active button {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.p-department-step__head_arrow {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__head_arrow {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.p-department-step__head_arrow .slick-prev,
.p-department-step__head_arrow .slick-next {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  transition: background-color 0.3s;
  box-shadow: 0 0 0.64rem rgba(0, 0, 0, 0.16);
  transform: none;
}
.p-department-step__head_arrow .slick-prev:before,
.p-department-step__head_arrow .slick-next:before {
  display: none;
}
.p-department-step__head_arrow .slick-prev:after,
.p-department-step__head_arrow .slick-next:after {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 0.3s;
}
.p-department-step__head_arrow .slick-prev:hover,
.p-department-step__head_arrow .slick-next:hover {
  background-color: #004193;
}
.p-department-step__head_arrow .slick-prev:hover:after,
.p-department-step__head_arrow .slick-next:hover:after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-department-step__head_arrow .slick-prev {
  left: inherit;
}
.p-department-step__head_arrow .slick-prev:after {
  transform: scale(-1, 1);
}
.p-department-step__head_arrow .slick-next {
  right: inherit;
}
.p-department-step__slider {
  margin-right: calc(50% - 50cqi);
}
.p-department-step__slider-wrap {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-step__slider-wrap {
    position: relative;
    padding-bottom: 6rem;
  }
}
.p-department-step__slider-wrap::after {
  content: "";
  width: 52.5rem;
  height: 38.2rem;
  background-image: var(--bg-image-02);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  position: absolute;
  bottom: -12rem;
  right: calc(50% - 50vw + 15.4rem);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-department-step__slider-wrap::after {
    width: 26.25rem;
    height: 19.1rem;
    bottom: 0;
    right: -2rem;
  }
}
.p-department-step__slider .slick-track {
  display: flex;
  align-items: stretch;
}
.p-department-step__slider_item {
  min-height: 37.4rem;
  width: 88rem;
  background: #fff;
  padding: 4rem;
  border-radius: 1.6rem;
  border: 0.1rem solid #dedede;
  display: flex !important;
  flex-wrap: wrap;
  gap: 1.5rem 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__slider_item {
    min-height: inherit;
    width: 35rem;
    padding: 2rem;
  }
}
.p-department-step__slider_item:not(:first-child) {
  margin-left: 4rem;
}
.p-department-step__slider_item_img {
  width: 34rem;
  object-fit: cover;
  aspect-ratio: 1/0.668;
}
@media screen and (max-width: 767px) {
  .p-department-step__slider_item_img {
    width: 100%;
  }
}
.p-department-step__slider_textbox {
  display: flex;
  flex-direction: column;
  width: 41rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__slider_textbox {
    width: 100%;
  }
}
.p-department-step__slider_textbox--full {
  width: 100%;
}
.p-department-step__slider_number {
  font-size: 1.2rem;
  color: #fff;
  letter-spacing: 0.1em;
  background-color: var(--primary-color);
  display: grid;
  place-items: center;
  width: 7.2rem;
  height: 2.1rem;
}
.p-department-step__slider_number--md {
  width: 10rem;
}
.p-department-step__slider_number--lg {
  width: 14rem;
}
.p-department-step__slider_title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__slider_title {
    font-size: 1.8rem;
  }
}
.p-department-step__slider_text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 0.7rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__slider_text {
    font-size: 1.3rem;
  }
}
.p-department-step__slider_text_strong {
  width: fit-content;
  color: var(--primary-color);
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border-bottom: 0.1rem solid #dedede;
  padding-bottom: 1rem;
  margin-top: 1.6rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-step__slider_text_strong {
    font-size: 1.5rem;
  }
}
.p-department-step__slider_text_strong::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 1.6rem;
  height: 0.1rem;
  background-color: var(--primary-color);
}
.p-department-step__slider_link {
  text-align: right;
  margin-top: auto;
}
.p-department-step__slider .c-common-btn {
  font-size: 1.3rem;
  height: 4.8rem;
}
.p-department-step__slider_progress {
  position: relative;
  width: 100%;
  height: 0.4rem;
  overflow: hidden;
  margin-top: 4.5rem;
}
.p-department-step__slider_progress:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  z-index: 1;
  background-color: #f2f2f2;
}
.p-department-step__slider_progress_bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  z-index: 2;
  height: 100%;
  background-color: #c1c1c1;
  border-radius: 100vmax;
  transition: width 0.2s;
}
.p-department-step__flow {
  margin: 6.4rem 0 0;
  padding: 0 0 8rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow {
    margin: 3.2rem 0 0;
    padding: 0 0 4rem;
  }
}
.p-department-step__flow .p-department__heading3 {
  letter-spacing: 0;
}
.p-department-step__flow-title {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-top: solid 0.1rem var(--primary-color);
  border-bottom: solid 0.1rem var(--primary-color);
  padding: 0.8rem 0;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-title {
    font-size: 1.5rem;
    padding: 0.4rem 0;
    margin: 0;
  }
}
.p-department-step__flow-wrap {
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-wrap {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-inner {
    width: calc(50% - 1.2rem);
  }
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-inner--no-flex {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-inner--no-flex .p-department-step__flow-list-item {
    flex: 1;
    display: grid;
    grid-template-columns: 10rem 1fr;
    gap: 0 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-inner--no-flex .p-department-step__flow-list-desc {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-inner--no-flex .p-department-step__flow-list-img {
    padding: 0;
  }
}
.p-department-step__flow-list {
  display: flex;
  justify-content: center;
  gap: 4.2rem;
  margin: 2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list {
    flex-direction: column;
    margin: 1rem 0 0;
  }
}
.p-department-step__flow-list-item {
  width: 20rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list-item {
    width: 100%;
  }
}
.p-department-step__flow-list-item::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: var(--step-modal-arrow);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: -3.2rem;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list-item::after {
    top: calc(100% + 1.2rem);
    right: 50%;
    transform: translate(50%, 0) rotate(90deg);
  }
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list-item--first {
    flex: 0 0 16rem;
  }
}
.p-department-step__flow-list-item:last-of-type::after {
  display: none;
}
.p-department-step__flow-list-img {
  height: 8rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list-img {
    grid-row: 1/3;
    padding: 0 2rem;
  }
}
.p-department-step__flow-list-img img {
  margin: 2rem auto;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list-img img {
    margin: 0 auto;
  }
}
.p-department-step__flow-list-desc {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: var(--primary-color);
  margin: 2.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list-desc {
    margin: 0.4rem 0 0;
  }
}
.p-department-step__flow-list-desc--flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list-desc--flex {
    flex-direction: column;
    gap: 0;
  }
}
.p-department-step__flow-list-text {
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 0.8rem 0 0;
}
.p-department-step__flow-list-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  width: 14rem;
  aspect-ratio: 1/1;
  background: var(--primary-color);
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list-circle {
    font-size: 1.5rem;
    max-width: 12rem;
    margin: 0 auto;
  }
}
.p-department-step__flow-list--grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list--grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list--grid .p-department-step__flow-list-item {
    display: grid;
    grid-template-columns: auto 1fr;
  }
}
.p-department-step__flow-list--grid .p-department-step__flow-list-item::after {
  top: 9rem;
  transform: unset;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list--grid .p-department-step__flow-list-item::after {
    top: 100%;
    right: 50%;
    transform: translate(50%, 0) rotate(90deg);
  }
}
.p-department-step__flow-list--grid .p-department-step__flow-list-img {
  width: 12rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list--grid .p-department-step__flow-list-img {
    grid-row: 1/3;
  }
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list--grid .p-department-step__flow-list-desc {
    text-align: left;
    font-size: 1.4rem;
    align-self: self-end;
  }
}
@media screen and (max-width: 767px) {
  .p-department-step__flow-list--grid .p-department-step__flow-list-text {
    font-size: 1.2rem;
    margin: 0.8rem 0 0;
  }
}
.p-department-step__flow:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.6rem;
  background-image: url(../img/department/img_section-border.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.p-department-step__what {
  display: grid;
  gap: 3rem;
  margin-top: 8.5rem;
}
.p-department-step__what--row1 {
  width: calc(50% - 1.5rem);
  margin: 4.8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__what--row1 {
    width: 100%;
    margin: 3rem 0 0;
  }
}
.p-department-step__what--row2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .p-department-step__what--row2 {
    grid-template-columns: 1fr;
  }
}
.p-department-step__what--row3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .p-department-step__what--row3 {
    grid-template-columns: 1fr;
  }
}
.p-department-step__what_item {
  border: 0.1rem solid #dedede;
  padding: 4rem 0;
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__what_item {
    padding: 2.5rem;
  }
}
.p-department-step__what_item_top {
  font-weight: 500;
  font-size: 1.4rem;
  color: var(--primary-color);
  letter-spacing: 0.05em;
  text-align: center;
  position: absolute;
  background-color: #fff;
  display: grid;
  place-items: center;
  top: -2.5rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 1.2rem;
  height: 5rem;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-department-step__what_item_top {
    font-size: 1.2rem;
  }
}
.p-department-step__what_item_top:empty {
  display: none;
}
.p-department-step__what_item_img {
  width: 17rem;
  height: 17rem;
  margin: auto;
  border-radius: 50%;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-department-step__what_item_img {
    width: 14rem;
    height: 14rem;
    margin-bottom: 1.4rem;
  }
}
.p-department-step__what_item_text {
  font-size: 1.4rem;
  color: #888;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-department-step__what_item_text {
    font-size: 1.2rem;
  }
  .p-department-step__what_item_text:empty {
    display: none;
  }
}
.p-department-step__what_item_title {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__what_item_title {
    font-size: 1.8rem;
  }
}
.p-department-step__what_item_link {
  margin-top: 2.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-department-step__what_item_link {
    margin-top: 1.5rem;
  }
}
.p-department-step__what_item .c-common-btn {
  font-size: 1.3rem;
  height: 4.8rem;
}
.p-department-step__what_item--magazine {
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto auto;
  padding: 4rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__what_item--magazine {
    grid-template-columns: auto;
    grid-template-rows: auto;
    padding: 2.5rem;
  }
}
.p-department-step__what_item--magazine .p-department-step__what_item_text {
  align-self: self-end;
}
.p-department-step__what_item--magazine .p-department-step__what_item_img {
  grid-row: 1/5;
  margin-right: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__what_item--magazine .p-department-step__what_item_img {
    grid-row: unset;
    margin: 0 auto 1.6rem;
  }
}
.p-department-step__what_item--magazine .p-department-step__what_item_link {
  grid-row: 3/5;
  margin-top: 2rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__what_item--magazine .p-department-step__what_item_link {
    grid-row: auto;
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
}
.p-department-step__online {
  margin: 6.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__online {
    margin: 3.2rem 0 0;
  }
}
.p-department-step__online .p-department__heading2 {
  text-align: center;
  line-height: 1.3;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__online .p-department__heading2 {
    margin-bottom: 1.6rem;
  }
}
.p-department-step__online .p-department__heading2 span {
  display: block;
  width: fit-content;
  color: #fff;
  background: var(--primary-color);
  line-height: 1;
  padding: 0.8rem 0.8rem 1.2rem 2.4rem;
  margin: 0 auto 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__online .p-department__heading2 span {
    padding: 0.4rem 0.4rem 0.6rem 1.2rem;
    margin: 0 auto 1.2rem;
  }
}
.p-department-step__online .p-department__heading3.big {
  font-size: 4.8rem;
  padding-top: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-department-step__online .p-department__heading3.big {
    font-size: 2.2rem;
  }
}
.p-department-step__modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
}
.p-department-step__modal-inner {
  max-width: 72rem;
  text-align: center;
  background: #fff;
  border-radius: 1.4rem;
  padding: 4rem;
  margin: 14rem auto;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-inner {
    padding: 2rem;
    margin: 4rem 2rem 12rem;
  }
}
.p-department-step__modal-heading {
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border-bottom: solid 0.1rem #888;
  padding: 0 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-heading {
    font-size: 2rem;
    padding: 0 0 1.2rem;
  }
}
.p-department-step__modal-number {
  min-width: 10rem;
  line-height: 2.8rem;
  color: #fff;
  background: var(--primary-color);
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  margin: 3.2rem auto 0;
  display: table;
  padding: 0 1rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-number {
    min-width: 6.8rem;
    line-height: 2rem;
    font-size: 1.1rem;
    margin: 1.6rem auto 0;
  }
}
.p-department-step__modal-title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
  margin: 1.6rem 0 0;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-title {
    font-size: 1.8rem;
    margin: 0.8rem 0 0;
  }
}
.p-department-step__modal-title .br-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-title .br-sp {
    display: block;
  }
}
.p-department-step__modal-title .br-pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-title .br-pc {
    display: none;
  }
}
.p-department-step__modal-subtitle {
  width: fit-content;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 0.1rem var(--primary-color);
  border-bottom: solid 0.1rem var(--primary-color);
  padding: 0.8rem 0;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-subtitle {
    font-size: 1.3rem;
    padding: 0.4rem 0;
    margin: 2rem auto 0;
  }
}
.p-department-step__modal-subject {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-subject {
    font-size: 1.2rem;
    margin: 0.4rem 0 0;
  }
}
.p-department-step__modal-desc {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-desc {
    font-size: 1.2rem;
    margin: 0.8rem 0 0;
  }
}
.p-department-step__modal-list {
  margin: 1.6rem 0 0;
}
.p-department-step__modal-list-item {
  display: flex;
  gap: 0.5em;
  text-align: left;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-list-item {
    font-size: 1.2rem;
    margin: 0.8rem 0 0;
  }
}
.p-department-step__modal-list-item::before {
  content: "■";
}
.p-department-step__modal-caption {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 0.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-caption {
    font-size: 1.2rem;
    margin: 0.2rem 0 0;
  }
}
.p-department-step__modal-note {
  text-align: left;
  color: #888;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-note {
    font-size: 1rem;
    margin: 0.8rem 0 0;
  }
}
.p-department-step__modal-note--center {
  text-align: center;
}
.p-department-step__modal-note--center-box {
  width: fit-content;
  margin: 0.8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-note--center-box {
    margin: 0.4rem auto 0;
  }
}
.p-department-step__modal-note a {
  color: #001dff;
  text-decoration: underline;
  transition: 0.3s;
}
.p-department-step__modal-note a:hover {
  text-decoration: none;
}
.p-department-step__modal-strong {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-strong {
    font-size: 1.3rem;
    margin: 0.4rem 0 0;
  }
}
.p-department-step__modal-bold {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 1.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-bold {
    font-size: 1.2rem;
    margin: 0.9rem 0 0;
  }
}
.p-department-step__modal-big {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-big {
    font-size: 1.5rem;
    margin: 0.8rem 0 0;
  }
}
.p-department-step__modal-link {
  display: block;
  color: #004193;
  text-align: right;
  font-size: 1.5rem;
  text-decoration: underline;
  margin: 2.4rem 0 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-link {
    font-size: 1.2rem;
    margin: 1.2rem 0 0;
  }
}
.p-department-step__modal-link::after {
  content: "＞";
  display: inline-block;
  margin: 0 0 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-link::after {
    margin: 0 0 0 0.75rem;
  }
}
.p-department-step__modal-link:hover {
  text-decoration: none;
}
.p-department-step__modal-image {
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-image {
    margin: 0.8rem 0 0;
  }
}
.p-department-step__modal-image--mt0 {
  margin: 0;
}
.p-department-step__modal-point {
  text-align: left;
  background: var(--trance-bg-color);
  border-radius: 2.4rem;
  padding: 4rem;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-point {
    padding: 2rem;
    margin: 2rem 0 0;
  }
}
.p-department-step__modal-point > :first-child {
  margin: 0;
}
.p-department-step__modal-point-head {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-point-head {
    font-size: 1.5rem;
  }
}
.p-department-step__modal-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 2.4rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.2rem;
    margin: 1.2rem 0 0;
  }
}
.p-department-step__modal-grid .p-department-step__modal-desc {
  margin: 0;
}
.p-department-step__modal-grid--gap0 {
  gap: 0;
}
.p-department-step__modal-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.4rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-flex {
    flex-direction: column;
    gap: 1.2rem;
    margin: 1.2rem 0 0;
  }
}
.p-department-step__modal-flex .p-department-step__modal-desc {
  margin: 0;
}
.p-department-step__modal-flex-w-s {
  max-width: 20rem;
}
.p-department-step__modal-steplist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-steplist {
    grid-template-columns: repeat(1, 1fr);
    margin: 1.2rem 0 0;
  }
}
.p-department-step__modal-steplist-item {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-steplist-item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.p-department-step__modal-steplist-item::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 4rem;
  right: -2.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-steplist-item::before {
    left: calc(50% - 0.9rem);
    top: 100%;
    transform: rotate(90deg);
  }
}
.p-department-step__modal-steplist-item:last-of-type:before {
  display: none;
}
.p-department-step__modal-steplist-img {
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-steplist-img {
    margin: 0;
  }
}
.p-department-step__modal-steplist-text {
  flex-grow: 1;
}
.p-department-step__modal-steplist-text > :first-child {
  margin: 0;
}
.p-department-step__modal-steplist-label {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-steplist-label {
    text-align: left;
    font-size: 1.2rem;
    margin: 0.8rem 0 0;
  }
}
.p-department-step__modal-steplist-desc {
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.5;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-steplist-desc {
    font-size: 1rem;
    margin: 0.8rem 0 0;
  }
}
.p-department-step__modal-color {
  color: var(--primary-color);
}
.p-department-step__modal-mt {
  margin-top: 4rem;
}
.p-department-step__modal-mt-s {
  margin-top: 2.4rem;
}
.p-department-step__modal-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-foot {
    margin: 2rem 0 0;
  }
}
.p-department-step__modal-prev, .p-department-step__modal-next {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 2.4rem;
  color: #004193;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-prev, .p-department-step__modal-next {
    gap: 0.8rem;
    font-size: 0;
  }
}
.p-department-step__modal-icon {
  flex: 0 0 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #004193;
  border: solid 0.1rem #004193;
  border-radius: 50%;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-icon {
    flex: 0 0 4rem;
    height: 4rem;
  }
}
.p-department-step__modal-icon::after {
  content: "";
  display: block;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.45rem;
  height: 0.9rem;
}
.p-department-step__modal-prev:hover .p-department-step__modal-icon, .p-department-step__modal-next:hover .p-department-step__modal-icon {
  background: #fff;
}
.p-department-step__modal-prev:hover .p-department-step__modal-icon::after, .p-department-step__modal-next:hover .p-department-step__modal-icon::after {
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-department-step__modal-prev .p-department-step__modal-icon::after {
  transform: scaleX(-1);
}
.p-department-step__modal-close {
  cursor: pointer;
  height: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__modal-close {
    width: 16rem;
  }
}
.p-department-step__teachers {
  margin-top: 6.4rem;
  background-color: rgba(202, 161, 88, 0.2);
  border-radius: 3.6rem;
  padding: 6rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__teachers {
    padding: 2rem;
    border-radius: 1.6rem;
    margin-top: 4rem;
  }
}
.p-department-step__teachers_title {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  padding: 1rem 0;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-department-step__teachers_title {
    font-size: 1.8rem;
  }
}
.p-department-step__teachers_title::before, .p-department-step__teachers_title::after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  width: 24rem;
  height: 0.1rem;
  background-color: #caa158;
}
.p-department-step__teachers_title::before {
  top: 0;
}
.p-department-step__teachers_title::after {
  bottom: 0;
}
.p-department-step__teachers_content {
  display: grid;
  grid-template-columns: minmax(0, 45.2rem) minmax(0, 1fr);
  gap: 3.6rem;
  align-items: center;
  margin-top: 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__teachers_content {
    display: flex;
    flex-direction: column-reverse;
    gap: 1.5rem;
    margin-top: 2rem;
  }
}
.p-department-step__teachers_description {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-step__teachers_description {
    font-size: 1.4rem;
  }
}
.p-department-movie {
  margin: 8.8rem 0;
}
@media screen and (max-width: 767px) {
  .p-department-movie {
    margin: 5.6rem 0;
  }
}
.p-department-movie__wrap {
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1);
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-department-movie__wrap {
    margin: 2.4rem auto;
  }
}
.p-department-movie__video {
  width: 100%;
  height: auto;
  aspect-ratio: 1214/683;
}
.p-department-pace-box {
  background: #f7f7f7;
  padding: 4.8rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box {
    padding: 2rem;
    margin-top: 2rem;
  }
}
.p-department-pace-box-title {
  color: #004193;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-bottom: solid 0.1rem rgba(0, 0, 0, 0.1);
  padding-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-title {
    font-size: 1.8rem;
    padding-bottom: 1.2rem;
  }
}
.p-department-pace-box-sub {
  color: #374f6f;
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-sub {
    font-size: 1.4rem;
    margin-top: 0.6rem;
  }
}
.p-department-pace-box-list {
  display: grid;
  gap: 4rem;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list {
    margin-top: 1.2rem;
  }
}
.p-department-pace-box-list--row2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list--row2 {
    grid-template-columns: 1fr;
  }
}
.p-department-pace-box-list--row3-1 {
  grid-template-columns: 1fr 24rem;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list--row3-1 {
    grid-template-columns: 1fr;
  }
}
.p-department-pace-box-list-item {
  display: grid;
  grid-template-rows: 5.6rem 1fr;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list-item {
    grid-template-rows: 4.8rem 1fr;
  }
}
.p-department-pace-box-list-item-head {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-department-pace-box-list-item-head-title {
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list-item-head-title {
    font-size: 1.3rem;
  }
}
.p-department-pace-box-list-item-head-title span {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list-item-head-title span {
    font-size: 1rem;
    margin-top: 0.2rem;
  }
}
.p-department-pace-box-list-item-foot {
  display: grid;
  gap: 1.6rem;
  align-items: center;
  text-align: center;
  background: #fff;
  padding: 1.6rem 3.2rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list-item-foot {
    gap: 0.8rem;
    padding: 1.2rem 1.6rem 1.6rem;
  }
}
.p-department-pace-box-list-item-foot--row2 {
  grid-template-columns: repeat(2, 1fr);
}
.p-department-pace-box-list-item-foot--row3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list-item-foot--row3 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list-item-foot--row3 .p-department-pace-box-group {
    width: calc(50% - 0.4rem);
  }
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list-item-foot--row3 .p-department-pace-box-group:last-of-type {
    margin-top: 1.6rem;
  }
}
.p-department-pace-box-list-item:first-of-type {
  position: relative;
}
.p-department-pace-box-list-item:first-of-type::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url(../img/department/icon-plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -3rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list-item:first-of-type::after {
    top: calc(100% + 1rem);
    right: 50%;
    transform: translateX(50%);
  }
}
.p-department-pace-box-list-item:first-of-type .p-department-pace-box-list-item-head {
  background: var(--pace-color);
}
.p-department-pace-box-list-item:last-of-type .p-department-pace-box-list-item-head {
  background: var(--pace-color-sub);
}
.p-department-pace-box-list-item:last-of-type .p-department-pace-box-list-item-foot {
  padding: 3.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list-item:last-of-type .p-department-pace-box-list-item-foot {
    padding: 1.6rem 0;
  }
}
.p-department-pace-box-list-item:last-of-type .p-department-pace-box-group-body {
  width: 20rem;
  background: #fff;
  border: solid 0.1rem var(--pace-main-color);
  padding: 3.2rem 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-list-item:last-of-type .p-department-pace-box-group-body {
    padding: 1.6rem 0;
  }
}
.p-department-pace-box-list-item:last-of-type .p-department-pace-box-group-body-text {
  margin-top: 0;
}
.p-department-pace-box-list-item:last-of-type .p-department-pace-box-group-body-sub {
  margin-top: -1.6rem;
}
.p-department-pace-box-group-desc {
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pace-main-color);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-group-desc {
    font-size: 1.4rem;
  }
}
.p-department-pace-box-group-body {
  text-align: center;
  background: var(--pace-bg);
  border-radius: 1rem;
  padding: 3.4rem 0 2.4rem;
  margin-top: -2.1rem;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-group-body {
    border-radius: 0.5rem;
    padding: 2.8rem 0 1.2rem;
  }
}
.p-department-pace-box-group-body-icon {
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pace-main-color);
  border-radius: 50%;
  margin: 1.2rem auto 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-group-body-icon {
    margin: 0.8rem auto 0;
  }
}
.p-department-pace-box-group-body-icon--01 {
  width: 2.4rem;
}
.p-department-pace-box-group-body-icon--02 {
  width: 2.7rem;
}
.p-department-pace-box-group-body-icon--03 {
  width: 2.3rem;
}
.p-department-pace-box-group-body-sub {
  color: var(--pace-main-color);
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-group-body-sub {
    font-size: 1.1rem;
  }
}
.p-department-pace-box-group-body-text {
  color: var(--pace-main-color);
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-group-body-text {
    font-size: 1.8rem;
  }
}
.p-department-pace-box-group-body-text span {
  font-size: 4rem;
  margin-right: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-group-body-text span {
    font-size: 3.2rem;
    margin-right: 0.2rem;
  }
}
.p-department-pace-box-group-body-foot {
  width: 20rem;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  margin: 1.2rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-group-body-foot {
    font-size: 1rem;
    margin: 0.6rem auto 0;
  }
}
.p-department-pace-box-group-body-foot span {
  display: block;
  color: var(--pace-main-color);
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-pace-box-group-body-foot span {
    font-size: 1.3rem;
    margin-bottom: 0.4rem;
  }
}
.p-department-pace-img {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-department-pace-img {
    width: calc(100% + 2rem);
    height: 40rem;
    margin-top: 2rem;
    overflow: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-department-pace-img img {
    width: auto;
    height: 40rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}
.p-department-schedule {
  margin-top: 6.4rem;
  margin-right: 4rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule {
    margin-top: 3.2rem;
    margin-right: 0;
  }
}
.p-department-schedule-inner {
  display: flex;
  align-items: end;
  gap: 3.2rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-inner {
    flex-direction: column;
    align-items: center;
    gap: 2.4rem;
    margin-top: 2rem;
  }
}
.p-department-schedule-graph {
  max-width: 37.5rem;
}
.p-department-schedule-graph--center {
  align-self: center;
}
.p-department-schedule-body {
  display: grid;
  grid-template-columns: 1fr 18rem;
  align-items: start;
  gap: 2.4rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-body {
    grid-template-columns: 1fr 10rem;
    gap: 0 1.6rem;
  }
}
.p-department-schedule-comment {
  grid-column: 1/3;
  background: var(--schedule-bg);
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  border-radius: 1rem;
  padding: 2rem;
  margin-left: 4.8rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-comment {
    grid-column: 1/2;
    font-size: 1.2rem;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-left: 0;
  }
}
.p-department-schedule-comment::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: var(--schedule-bg);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  right: 6rem;
  bottom: -1.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-comment::after {
    width: 1.6rem;
    height: 1.6rem;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    right: -1.4rem;
    bottom: calc(100% - 5.6rem);
  }
}
.p-department-schedule-comment--left::after {
  right: auto;
  left: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-comment--left::after {
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    right: -1.4rem;
    left: auto;
    bottom: calc(100% - 5.6rem);
  }
}
.p-department-schedule-comment--left-2::after {
  right: auto;
  left: 8rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-comment--left-2::after {
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    right: -1.4rem;
    left: auto;
    bottom: calc(100% - 5.6rem);
  }
}
.p-department-schedule-comment a {
  border-bottom: solid 0.1rem currentColor;
  transition: 0.3s;
}
.p-department-schedule-comment a:hover {
  border-bottom: solid 0.1rem transparent;
}
.p-department-schedule-unit {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-unit {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 767px) {
  .p-department-schedule-people {
    grid-column: 2/3;
  }
}
.p-department-schedule-people--row {
  display: flex;
  align-items: flex-end;
  margin-left: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-people--row {
    display: block;
    margin-left: 0;
  }
}
.p-department-schedule-people--row .p-department-schedule-people-name {
  width: fit-content;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-people--row .p-department-schedule-people-name {
    width: 10rem;
    margin-bottom: 0;
  }
}
.p-department-schedule-people--ml {
  margin-left: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-people--ml {
    margin-left: 0;
  }
}
.p-department-schedule-people-img {
  width: 18rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-people-img {
    width: 10rem;
  }
}
.p-department-schedule-people-name {
  width: 18rem;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  white-space: nowrap;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-people-name {
    width: 10rem;
    font-size: 1.6rem;
    margin-top: 0.6rem;
  }
}
.p-department-schedule-people-name span {
  display: block;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-schedule-people-name span {
    font-size: 1rem;
    margin-top: 0.4rem;
  }
}
.p-department-style .p-department__heading2 {
  margin: 0 0 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-style .p-department__heading2 {
    margin: 0 0 1.6rem;
  }
}
.p-department-style__text {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-style__text {
    font-size: 1.3rem;
  }
}
.p-department-style__slider_show {
  margin-top: 3rem;
  margin-bottom: 8rem;
  margin-right: calc(50% - 50cqi);
}
@media screen and (max-width: 767px) {
  .p-department-style__slider_show {
    margin-top: 1.5rem;
    margin-bottom: 4rem;
  }
}
.p-department-style__slider_show_item {
  width: 53.1rem;
  aspect-ratio: 3/2;
}
@media screen and (max-width: 767px) {
  .p-department-style__slider_show_item {
    width: 33rem;
  }
}
.p-department-style__slider_show_item:not(:first-child) {
  margin-left: 1rem;
}
.p-department-style__slider_show_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-department-style__teach {
  margin-top: 6.4rem;
  margin-bottom: 7.2rem;
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.08);
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach {
    margin-top: 2.5rem;
    margin-bottom: 4rem;
  }
}
.p-department-style__teach::after {
  content: "";
  width: 90rem;
  height: 65rem;
  background-image: var(--bg-image-03);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw - 16rem);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach::after {
    width: 45rem;
    height: 32.5rem;
    left: -2rem;
  }
}
.p-department-style__teach_slider .slick-prev,
.p-department-style__teach_slider .slick-next {
  width: 6.4rem;
  height: 6.4rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
  box-shadow: 0 0 0.64rem rgba(0, 0, 0, 0.16);
  z-index: 5;
  top: 45%;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_slider .slick-prev,
  .p-department-style__teach_slider .slick-next {
    width: 3.5rem;
    height: 3.5rem;
    top: 9.5rem;
  }
}
.p-department-style__teach_slider .slick-prev:before,
.p-department-style__teach_slider .slick-next:before {
  display: none;
}
.p-department-style__teach_slider .slick-prev:after,
.p-department-style__teach_slider .slick-next:after {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_slider .slick-prev:after,
  .p-department-style__teach_slider .slick-next:after {
    background-size: 0.8rem 0.8rem;
  }
}
.p-department-style__teach_slider .slick-prev:hover,
.p-department-style__teach_slider .slick-next:hover {
  background-color: #004193;
}
.p-department-style__teach_slider .slick-prev:hover:after,
.p-department-style__teach_slider .slick-next:hover:after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-department-style__teach_slider .slick-prev {
  left: -8.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_slider .slick-prev {
    left: -4rem;
  }
}
.p-department-style__teach_slider .slick-prev:after {
  transform: scale(-1, 1);
}
.p-department-style__teach_slider .slick-next {
  right: -8.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_slider .slick-next {
    right: -4rem;
  }
}
.p-department-style__teach_title {
  font-weight: 500;
  font-size: 2.1rem;
  color: #fff;
  height: 6.4rem;
  display: grid;
  place-items: center;
  background-color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_title {
    font-size: 1.7rem;
    height: 4.8rem;
  }
}
.p-department-style__teach_body {
  background: #fff;
  padding: 2.4rem 1.5rem 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_body {
    padding: 2rem 1.5rem 3rem;
  }
}
.p-department-style__teach_image {
  width: 66rem;
  margin: 2.5rem auto;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_image {
    width: 100%;
    margin: 0 auto 2.5rem;
  }
}
.p-department-style__teach_text {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_text {
    font-size: 1.4rem;
  }
}
.p-department-style__teach_modal {
  position: fixed;
  z-index: 5000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  overflow-y: auto;
}
.p-department-style__teach_modal_inner {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}
.p-department-style__teach_modal_body {
  width: 95%;
  max-width: 90.8rem;
  background-color: #fff;
  border-radius: 1.4rem;
  padding: 4rem;
  display: none;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_modal_body {
    padding: 2rem;
  }
}
.p-department-style__teach_modal_close {
  text-align: center;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_modal_close button {
    font-size: 1.3rem;
    width: 20rem;
    height: 4.8rem;
  }
}
.p-department-style__teach_slider {
  width: 66rem;
  margin: 2.5rem auto;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_slider {
    width: 28rem;
    margin: 0 auto 2.5rem;
  }
}
.p-department-style__teach_slider_item img {
  aspect-ratio: 1/0.618;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-department-style__teach_slider_item_text {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_slider_item_text {
    font-size: 1.3rem;
  }
}
.p-department-style__teach_slider_item_caption {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-department-style__teach_slider_item_caption {
    font-size: 1.3rem;
  }
}
.p-department-style__teach_link {
  text-align: center;
}
.p-department-point {
  margin: -4.8rem 0 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-point {
    margin: -2.4rem 0 3.2rem;
  }
}
.p-department-point__body {
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.p-department-point__body + .p-department-point__body {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-point__body + .p-department-point__body {
    margin-top: 2.5rem;
  }
}
.p-department-point__item {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3.5rem 4.1rem;
  padding: 4.2rem 4.8rem 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-point__item {
    gap: 1.5rem;
    padding: 2rem 2rem 3rem;
  }
}
.p-department-point__item_title {
  font-weight: 500;
  font-size: 2.1rem;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 6.4rem;
  display: grid;
  place-items: center;
  background-color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .p-department-point__item_title {
    font-size: 1.6rem;
    line-height: 1.3;
    height: 5.5rem;
  }
}
.p-department-point__item_img {
  width: 35.6rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-department-point__item_img {
    width: 100%;
  }
}
.p-department-point__item_textbox {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-department-point__item_textbox {
    flex: auto;
    width: 100%;
  }
}
.p-department-point__item_text {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-point__item_text {
    font-size: 1.5rem;
  }
}
.p-department-point__item_text_sm {
  font-size: 1.2rem;
  line-height: 1.5;
}
.p-department-point__item_box {
  margin-top: 2.5rem;
  border: 0.1rem solid #ccc;
  padding: 2rem;
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-department-point__item_box {
    padding: 2rem 1rem;
    gap: 0.8rem;
    margin-top: 1.5rem;
  }
}
.p-department-point__item_box_head_cate {
  font-size: 1.2rem;
  color: #fff;
  letter-spacing: 0.1em;
  background-color: var(--primary-color);
  display: grid;
  place-items: center;
  width: 7.2rem;
  height: 2.1rem;
}
.p-department-point__item_box_head_desc {
  font-size: 1.2rem;
  margin-top: 1.2rem;
}
.p-department-point__item_box_head_title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 0.6rem;
}
.p-department-point__item_box_text {
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .p-department-point__item_box_text {
    font-size: 1.1rem;
  }
}
.p-department-point__item_list {
  display: grid;
  gap: 0.8rem;
}
.p-department-point__item_list_item {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-department-point__item_list_item {
    font-size: 1rem;
  }
}
.p-department-point__item_list_item:before {
  content: "";
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #dedede;
}
@media screen and (max-width: 767px) {
  .p-department-point__item_list_item:before {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.p-department-point__item_link {
  width: 100%;
  text-align: center;
}
.p-department-point__item .c-common-btn {
  width: 32rem;
}
.p-department-support__block {
  margin-top: 3.3rem;
  background-color: #f7f7f7;
  padding: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-support__block {
    margin-top: 2.5rem;
    padding: 2rem;
  }
}
.p-department-support__body {
  display: grid;
}
.p-department-support__body--row3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 3rem;
}
@media screen and (max-width: 767px) {
  .p-department-support__body--row3 {
    grid-template-columns: 1fr;
  }
}
.p-department-support__body--row4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-support__body--row4 {
    grid-template-columns: 1fr;
  }
}
.p-department-support__item_img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/0.668;
  object-fit: cover;
  display: block;
}
.p-department-support__item_title {
  height: 7.5rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-bottom: 0.1rem solid #dedede;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-department-support__item_title {
    height: auto;
  }
}
.p-department-support__item_title_text {
  padding: 0 1.5rem;
  color: #004193;
  position: relative;
}
.p-department-support__item_title_text:before, .p-department-support__item_title_text:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.2rem;
  height: 1px;
  background-color: #004193;
}
.p-department-support__item_title_text:before {
  left: 0;
  transform: translateY(-50%) rotate(45deg);
}
.p-department-support__item_title_text:after {
  right: 0;
  transform: translateY(-50%) rotate(-45deg);
}
.p-department-support__item_title_small {
  font-size: 1.3rem;
  font-weight: 400;
}
.p-department-support__item_text {
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.p-department-support__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
  margin-top: 2.7rem;
}
@media screen and (max-width: 767px) {
  .p-department-support__link {
    flex-direction: column;
    margin-top: 4rem;
    gap: 2rem;
  }
}
.p-department-fee {
  position: relative;
}
.p-department-fee::after {
  content: "";
  width: 54.6rem;
  height: 59.7rem;
  background-image: var(--bg-image-04);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  position: absolute;
  bottom: -30rem;
  right: calc(50% - 50vw + 16rem);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-department-fee::after {
    width: 38.5rem;
    height: 30rem;
    bottom: -16rem;
    right: -2rem;
  }
}
.p-department-fee__block {
  margin-top: 5rem;
  background-color: #f7f7f7;
  padding: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__block {
    margin-top: 2.5rem;
    padding: 2rem 1rem;
  }
}
.p-department-fee__block_title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .p-department-fee__block_title {
    font-size: 1.8rem;
    padding-bottom: 1rem;
  }
}
.p-department-fee__block_title span {
  font-size: 1.4rem;
  width: fit-content;
  height: 2.6rem;
  display: grid;
  place-items: center;
  border: 0.1rem solid #dedede;
  padding: 0 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__block_title span {
    font-size: 1.2rem;
    width: fit-content;
    height: 2.2rem;
    padding: 0 0.3rem;
  }
}
.p-department-fee__item {
  background-color: #fff;
  padding: 2.3rem 0 4.1rem 8.8rem;
  margin-top: 1.6rem;
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item {
    padding: 1.6rem 1rem 2rem;
    margin-bottom: 2.5rem;
  }
}
.p-department-fee__item_top_title {
  font-weight: 500;
  font-size: 1.8rem;
  color: var(--primary-color);
  line-height: 1.8;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_top_title {
    font-size: 1.5rem;
  }
}
.p-department-fee__item_top_title:before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_top_title:before {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.p-department-fee__item_top_price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_top_price {
    margin-top: 0.7rem;
  }
}
.p-department-fee__item_top_graph {
  width: 6.2rem;
  height: 4rem;
  background-color: var(--primary-color);
  display: inline-block;
  order: 1;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_top_graph {
    width: 4rem;
    height: 2.8rem;
  }
}
.p-department-fee__item_top_graph-lg {
  width: 18.3rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_top_graph-lg {
    width: 7rem;
  }
}
.p-department-fee__item_top_graph-md {
  width: 12.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_top_graph-md {
    width: 5rem;
  }
}
.p-department-fee__item_top_text {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
  margin: 0 2.7rem 0 1rem;
  order: 2;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_top_text {
    font-size: 1.3rem;
  }
}
.p-department-fee__item_top_bubble {
  font-weight: 500;
  font-size: 1.5rem;
  color: #004193;
  width: 27.9rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 0.1rem #004193;
  border-radius: 0.6rem;
  position: relative;
  order: 3;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_top_bubble {
    font-size: 1.3rem;
    width: fit-content;
    border: solid 0.15rem #004193;
    padding: 0 0.8rem;
    margin-left: auto;
    order: 4;
  }
}
.p-department-fee__item_top_bubble::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1.2rem;
  background: #004193;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  position: absolute;
  top: 50%;
  left: -1rem;
  transform: translateY(-50%);
}
.p-department-fee__item_top_bubble:after {
  content: "";
  display: block;
  transform: translateY(-50%);
  width: 0.8rem;
  height: 1rem;
  background: #fff;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  position: absolute;
  top: 50%;
  left: -0.8rem;
  transform: translateY(-50%);
}
.p-department-fee__item_top_bubble-sm {
  text-align: center;
  width: 18.5rem;
  height: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_top_bubble-sm {
    width: fit-content;
    height: 4rem;
  }
}
.p-department-fee__item_top_text_note {
  font-size: 1.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: -0.6rem;
  order: 4;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_top_text_note {
    font-size: 1rem;
    order: 3;
    margin-top: 0;
    margin-bottom: 0.4rem;
  }
}
.p-department-fee__item_bottom {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_bottom {
    margin-top: 1.8rem;
  }
}
.p-department-fee__item_bottom_title {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_bottom_title {
    font-size: 1.3rem;
  }
}
.p-department-fee__item_bottom_title:before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #888;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_bottom_title:before {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.p-department-fee__item_bottom_price {
  display: flex;
  align-items: center;
  margin-top: 0.7rem;
}
.p-department-fee__item_bottom_graph {
  width: 55rem;
  height: 4rem;
  background-color: #888;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_bottom_graph {
    width: 20rem;
  }
}
.p-department-fee__item_bottom_text {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-left: 1rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_bottom_text {
    font-size: 1.3rem;
  }
}
.p-department-fee__item_bottom_text_year {
  margin: 0 0.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_bottom_text_year {
    display: block;
  }
}
.p-department-fee__item_bottom_text_price {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__item_bottom_text_price {
    font-size: 1.8rem;
  }
}
.p-department-fee__half {
  margin-top: 1.6rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem 2.9rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__half {
    grid-template-columns: 1fr;
  }
}
.p-department-fee__half_item:first-child .p-department-fee__half_item_title {
  background-color: #374f6f;
}
.p-department-fee__half_item:nth-of-type(2) .p-department-fee__half_item_title {
  background-color: #7688a0;
}
.p-department-fee__half_item_title {
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  color: #fff;
  height: 4rem;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 767px) {
  .p-department-fee__half_item_title {
    font-size: 1.3rem;
    height: 3.5rem;
  }
}
.p-department-fee__half_item_box {
  background-color: #fff;
  padding: 2.2rem 0 3.2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-department-fee__half_item_box {
    padding-bottom: 2.5rem;
  }
}
.p-department-fee__half_item_text {
  font-weight: 500;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__half_item_text {
    font-size: 1.3rem;
  }
}
.p-department-fee__half_item_price {
  font-weight: 500;
  font-size: 3.2rem;
  margin-top: 0.3rem;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__half_item_price {
    font-size: 2.6rem;
  }
}
.p-department-fee__half_item_price span {
  font-size: 1.8rem;
  display: inline-block;
  margin-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__half_item_price span {
    font-size: 1.5rem;
  }
}
.p-department-fee__half-box {
  background: #f7f7f7;
  padding: 1.4rem;
  margin: 0 2rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__half-box {
    padding: 1.6rem;
  }
}
.p-department-fee__half-box-subtitle {
  width: 6rem;
  color: #004193;
  background: #fff;
  line-height: 2.3rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border: solid 0.1rem #004193;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-department-fee__half-box-subtitle {
    width: 6.4rem;
    line-height: 2.4rem;
    font-size: 1rem;
  }
}
.p-department-fee__half-box-list-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 1rem;
  margin: 0.94rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-fee__half-box-list-item {
    font-size: 1.5rem;
    padding: 1.2rem;
    margin: 1.2rem 0 0;
  }
}
.p-department-fee__half-box-list-desc {
  text-align: right;
}
.p-department-fee__half-box-list-desc span {
  display: block;
  color: #888;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-fee__half-box-list-desc span {
    font-size: 1.3rem;
    margin: 0.4rem 0 0;
  }
}
.p-department-fee__half-box-note {
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-fee__half-box-note {
    font-size: 1rem;
    margin: 1.2rem 0 0;
  }
}
.p-department-fee__half .c-common-btn {
  font-size: 1.3rem;
  height: 4.8rem;
}
.p-department-fee__modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
}
.p-department-fee__modal-inner {
  max-width: 72rem;
  text-align: center;
  background: #fff;
  border-radius: 1.4rem;
  padding: 4rem;
  margin: 14rem auto;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-inner {
    padding: 2rem;
    margin: 4rem 2rem;
  }
}
.p-department-fee__modal-heading {
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border-bottom: solid 0.1rem #888;
  padding: 0 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-heading {
    font-size: 2rem;
    padding: 0 0 1.2rem;
  }
}
.p-department-fee__modal-title--01 {
  width: 18rem;
  line-height: 3.5rem;
  color: #fff;
  background: #374f6f;
  font-size: 2rem;
  letter-spacing: 0.1em;
  margin: 2.4rem auto;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-title--01 {
    width: 12rem;
    line-height: 2.4rem;
    font-size: 1.3rem;
    margin: 1.6rem auto;
  }
}
.p-department-fee__modal-title--02 {
  width: 18rem;
  line-height: 3.5rem;
  color: #fff;
  background: #7688a0;
  font-size: 2rem;
  letter-spacing: 0.1em;
  margin: 2.4rem auto;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-title--02 {
    width: 12rem;
    line-height: 2.4rem;
    font-size: 1.3rem;
    margin: 1.6rem auto;
  }
}
.p-department-fee__modal-total {
  font-size: 1.8rem;
  font-weight: 500;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-total {
    font-size: 1.5rem;
  }
}
.p-department-fee__modal-price {
  font-weight: 500;
  font-size: 3.2rem;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-price {
    font-size: 2.8rem;
    margin-top: 0.4rem;
    margin-bottom: 1.8rem;
  }
}
.p-department-fee__modal-price span {
  font-size: 1.8rem;
  font-weight: 400;
  margin: 0 0 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-price span {
    font-size: 1.5rem;
  }
}
.p-department-fee__modal-box {
  background: #f7f7f7;
  padding: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-box {
    padding: 1.6rem;
  }
}
.p-department-fee__modal-subtitle {
  width: 8rem;
  color: #004193;
  background: #fff;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  border: solid 0.1rem #004193;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-subtitle {
    width: 6.4rem;
    line-height: 2.4rem;
    font-size: 1rem;
  }
}
.p-department-fee__modal-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 1.6rem;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-list-item {
    font-size: 1.5rem;
    padding: 1.2rem;
    margin: 1.2rem 0 0;
  }
}
.p-department-fee__modal-list-desc {
  text-align: right;
}
.p-department-fee__modal-list-desc span {
  display: block;
  color: #888;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-list-desc span {
    font-size: 1.3rem;
    margin: 0.4rem 0 0;
  }
}
.p-department-fee__modal-note {
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-note {
    font-size: 1rem;
    margin: 1.2rem 0 0;
  }
}
.p-department-fee__modal-close {
  cursor: pointer;
  height: 4.8rem;
  margin: 3.2rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-department-fee__modal-close {
    margin: 1.6rem auto 0;
  }
}
.p-department-fee__link {
  margin-top: 4rem;
  text-align: center;
}
.p-department-fee .c-common-btn {
  width: 32rem;
}
.p-department-voice-btn {
  margin: 0 auto;
}
.p-department-voice__text {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: -2.4rem;
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-voice__text {
    font-size: 1.3rem;
    margin-top: -1rem;
    line-height: 1.5;
  }
}
.p-department-voice__body {
  margin-top: 5rem;
  display: grid;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-department-voice__body {
    margin-top: 2.5rem;
    gap: 3rem;
  }
}
.p-department-voice__item {
  display: flex;
  align-items: flex-start;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-department-voice__item {
    gap: 1rem;
  }
}
.p-department-voice__item_img {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-department-voice__item_img {
    width: 7rem;
    height: 7rem;
  }
}
.p-department-voice__item_textbox {
  flex: 1;
  padding-top: 1.4rem;
}
.p-department-voice__item_head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-department-voice__item_head {
    gap: 0.5rem;
  }
}
.p-department-voice__item_name {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-voice__item_name {
    font-size: 1.3rem;
    width: 100%;
  }
}
.p-department-voice__item_tag {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-department-voice__item_tag {
    gap: 0.5rem;
  }
}
.p-department-voice__item_tag span {
  font-size: 1.1rem;
  color: #888;
  border-radius: 0.4rem;
  border: 0.1rem solid #ccc;
  padding: 0.3rem 1.1rem;
}
.p-department-voice__item_text {
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 0.8rem;
  width: 100%;
  background-color: #f7f7f7;
  padding: 2.4rem 3.2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-voice__item_text {
    font-size: 1.2rem;
    padding: 1.5rem 1.6rem;
  }
}
.p-department-voice__item_text:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.5rem;
  width: 0;
  height: 0;
  border-top: 1.6rem solid #f7f7f7;
  border-right: 1.6rem solid #f7f7f7;
  border-bottom: 1.6rem solid transparent;
  border-left: 1.6rem solid transparent;
}
.p-department-voice__link {
  margin-top: 4rem;
  text-align: center;
}
.p-department-voice .c-common-btn {
  width: 32rem;
}
.p-department-banner {
  margin-block: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-banner {
    margin-block: 3.2rem;
  }
}
.p-department-banner__link {
  transition: 0.3s;
}
.p-department-banner__link:hover {
  opacity: 0.7;
}
.p-department-banner__link img {
  width: 100%;
  height: auto;
  display: block;
}
.p-department-banner__body {
  display: flex;
  align-items: center;
  gap: 4rem;
  padding: 4rem 5.6rem;
  background-color: var(--primary-color);
  margin-top: 4.8rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department-banner__body {
    padding: 1rem;
    flex-direction: column;
    align-items: center;
    margin-top: 2.5rem;
    gap: 1.5rem;
  }
}
.p-department-banner__body:hover {
  opacity: 0.7;
}
.p-department-banner__textbox {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-department-banner__textbox {
    flex: auto;
  }
}
.p-department-banner__text {
  font-size: 1.4rem;
  color: var(--primary-color);
  letter-spacing: 0.05em;
  text-align: center;
  background-color: #fff;
  padding: 0.5rem 0;
}
@media screen and (max-width: 767px) {
  .p-department-banner__text {
    font-size: 1.1rem;
  }
}
.p-department-banner__title {
  font-weight: 500;
  font-size: 3.2rem;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-department-banner__title {
    font-size: 2.6rem;
  }
}
.p-department-banner__image {
  width: 53.3rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-banner__image {
    width: 100%;
  }
}
.p-department-banner__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-banner__image img {
    border-radius: 0.2rem;
  }
}
.p-department-teacher__slider {
  margin-top: 5rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider {
    margin-top: 2.5rem;
    margin-bottom: 2.4rem;
  }
}
.p-department-teacher__slider_item {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item {
    height: auto;
  }
}
.p-department-teacher__slider_item_tag {
  width: 22rem;
  height: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--primary-color);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_tag {
    width: 15rem;
    height: 3.2rem;
    font-size: 1.2rem;
    margin-top: 3.2rem;
    position: static;
  }
}
.p-department-teacher__slider_item_image {
  position: relative;
}
.p-department-teacher__slider_item_info {
  width: 27.8rem;
  height: 16.4rem;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  padding: 0 4.4rem;
  position: absolute;
  left: 2.4rem;
  bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_info {
    width: 19.5rem;
    height: 11.5rem;
    padding: 0 2.4rem;
    left: 1.6rem;
    bottom: 1.6rem;
  }
}
.p-department-teacher__slider_item_row {
  display: flex;
  flex-direction: column;
}
.p-department-teacher__slider_item_name {
  font-weight: 500;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_name {
    font-size: 1.6rem;
  }
}
.p-department-teacher__slider_item_name_en {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_name_en {
    font-size: 1.1rem;
    margin-top: 0.6rem;
  }
}
.p-department-teacher__slider_item_position {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_position {
    font-size: 1.1rem;
    margin-top: 1.2rem;
  }
}
.p-department-teacher__slider_item_profile {
  position: absolute;
  top: 8rem;
  right: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_profile {
    position: static;
  }
}
.p-department-teacher__slider_item_profile--center {
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_profile--center {
    position: static;
    transform: unset;
  }
}
.p-department-teacher__slider_item_title {
  color: var(--primary-color);
  text-align: right;
  font-size: 2.4rem;
  font-weight: 500;
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
  line-height: 1.5;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_title {
    text-align: left;
    font-size: 1.6rem;
    margin-top: 1.6rem;
  }
}
.p-department-teacher__slider_item_title::after {
  content: "";
  display: block;
  width: 42rem;
  height: 0.1rem;
  background: #c1c1c1;
  margin-top: 1.6rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_title::after {
    width: 100%;
    margin-top: 1.2rem;
    margin-left: 0;
  }
}
.p-department-teacher__slider_item_text {
  width: 42rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 2rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_text {
    width: 100%;
    font-size: 1.3rem;
    margin-top: 1.6rem;
    margin-left: 0;
  }
}
.p-department-teacher__slider_item_text--small {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_text--small {
    font-size: 1.3rem;
  }
}
.p-department-teacher__slider_item_text--medium {
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__slider_item_text--medium {
    font-size: 1.3rem;
  }
}
.p-department-teacher__other {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__other {
    margin-top: 2.4rem;
  }
}
.p-department-teacher__other_title {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: var(--primary-color);
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__other_title {
    gap: 0.4rem;
    font-size: 1.6rem;
    margin-top: 2rem;
  }
}
.p-department-teacher__other_title::before {
  content: "";
  display: block;
  background: var(--primary-color);
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__other_title::before {
    width: 1.3rem;
    height: 1.3rem;
  }
}
.p-department-teacher__other_text {
  font-weight: 500;
  font-size: 2.1rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__other_text {
    font-size: 1.4rem;
  }
}
.p-department-teacher__other_text span {
  color: #888;
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__other_text span {
    font-size: 1.2rem;
  }
}
.p-department-teacher__other_text span::after {
  content: "、";
}
@media screen and (max-width: 767px) {
  .p-department-teacher__other_text span::after {
    content: "";
  }
}
.p-department-teacher__other_text span:last-of-type::after {
  content: "";
}
.p-department-teacher__other_text--last {
  display: inline;
  font-weight: 500;
  font-size: 2.1rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-department-teacher__other_text--last {
    display: block;
    text-align: right;
    font-size: 1.4rem;
  }
}
.p-department-further__block {
  margin-top: 5rem;
  background-color: #f7f7f7;
  padding: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-further__block {
    margin-top: 2.5rem;
    padding: 1rem;
  }
}
.p-department-further__block_head {
  display: flex;
  gap: 1.6rem;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .p-department-further__block_head {
    padding-bottom: 1rem;
  }
}
.p-department-further__block_tag {
  height: 2.6rem;
  font-size: 1.4rem;
  display: grid;
  place-items: center;
  border: 0.1rem solid #dedede;
  padding: 0 0 0 0.8rem;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-department-further__block_tag {
    height: fit-content;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 0.4rem 0;
  }
}
.p-department-further__block_title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: -0.7rem;
}
@media screen and (max-width: 767px) {
  .p-department-further__block_title {
    font-size: 1.6rem;
    margin-top: -0.3rem;
  }
}
.p-department-further__body {
  margin-top: 1.6rem;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.8rem;
  padding: 3rem 0 4.8rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-department-further__body {
    display: flex;
    padding: 2rem 0 3rem;
  }
}
.p-department-further__body_text {
  grid-column: 1/-1;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-department-further__body_text {
    font-size: 1.3rem;
  }
}
.p-department-further__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 27.8rem;
  padding: 1rem;
}
.p-department-further__item:first-of-type {
  background-color: #67b6ff;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-department-further__item:first-of-type {
    margin: 0 auto;
  }
}
.p-department-further__item:last-of-type {
  background-color: #008dd6;
}
.p-department-further__item_title {
  font-weight: 500;
  font-size: 2.45rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-further__item_title {
    font-size: 1.8rem;
  }
}
.p-department-further__item_text {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-department-further__item_text {
    font-size: 1.1rem;
  }
}
.p-department-further__item_box {
  background-color: #fff;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 11.1rem;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-further__item_box {
    min-height: 10rem;
  }
}
.p-department-further__item_box_text_top {
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-further__item_box_text_top {
    font-size: 1.6rem;
  }
}
.p-department-further__item_box_text_sm {
  font-size: 1.1rem;
  color: #888;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-department-further__item_box_text_sm {
    font-size: 1rem;
  }
}
.p-department-further__item_box_text_bottom {
  text-align: center;
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0.05em;
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .p-department-further__item_box_text_bottom {
    font-size: 1.6rem;
  }
}
.p-department-further__arrow {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 11.6rem;
}
.p-department-further__arrow_title {
  font-weight: 500;
  font-size: 1.77rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-department-further__arrow_title {
    font-size: 1.6rem;
  }
}
.p-department-further__arrow_img {
  width: 10.5rem;
  margin: 1.6rem auto 2.1rem;
  display: block;
}
.p-department-further__arrow_text {
  font-weight: 500;
  font-size: 1.3rem;
  text-align: center;
  width: 100%;
  border: 0.1rem solid #ccc;
  padding: 1.1rem;
}
.p-department-further__arrow_text span {
  font-size: 1.5rem;
  display: inline-block;
}
.p-department-further__banner {
  margin-top: 4rem;
}
.p-department-further__banner_text {
  text-align: center;
  margin-bottom: 1rem;
}
.p-department-further__banner_text span {
  font-weight: 500;
  font-size: 1.6rem;
  color: #004193;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-further__banner_text span {
    font-size: 1.4rem;
  }
}
.p-department-further__banner_text span:before {
  content: "";
  position: absolute;
  bottom: 0.5rem;
  left: -3rem;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url(../img/department/img_further-banner-text-left.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.p-department-further__banner_text span:after {
  content: "";
  position: absolute;
  bottom: 0.5rem;
  right: -3rem;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url(../img/department/img_further-banner-text-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.p-department-further__banner_link {
  transition: opacity 0.3s;
  display: block;
}
.p-department-further__banner_link:hover {
  opacity: 0.7;
}
.p-department-further__banner_link img {
  width: 100%;
  height: auto;
  display: block;
}
.p-department-further__banner_link + .p-department-further__banner_link {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-further__banner_link + .p-department-further__banner_link {
    margin-top: 1.2rem;
  }
}
.p-department-further__link {
  display: block;
  color: #fff;
  background: #004193;
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 4.8rem;
  margin: 4rem 0 0;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department-further__link {
    font-size: 2rem;
    line-height: 1.5;
    padding: 2.4rem;
    margin: 2rem 0 0;
  }
}
.p-department-further__link::before {
  content: "";
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 4.8rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department-further__link::before {
    right: 2.4rem;
  }
}
.p-department-further__link::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 6.4rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department-further__link::after {
    right: 4rem;
  }
}
.p-department-further__link:hover {
  color: #004193;
  background: #fff;
}
.p-department-further__link:hover::before {
  background: #004193;
}
.p-department-further__link:hover::after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-department-faq_list {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-department-faq_list {
    margin-top: 2.5rem;
  }
}
.p-department-faq_list_item {
  padding: 1.6rem 0;
  border-bottom: 0.1rem solid #dedede;
}
@media screen and (max-width: 767px) {
  .p-department-faq_list_item {
    padding: 1.2rem;
  }
}
.p-department-faq_list_item:first-child {
  padding-top: 0;
}
.p-department-faq_list_item_question {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding-right: 3.4rem;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-department-faq_list_item_question {
    gap: 1rem;
  }
}
.p-department-faq_list_item_question:before {
  content: "Q";
  font-weight: 500;
  font-size: 1.4rem;
  color: #fff;
  width: 3.5rem;
  height: 3.5rem;
  display: grid;
  place-items: center;
  background-color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .p-department-faq_list_item_question:before {
    font-size: 1.2rem;
    width: 3rem;
    height: 3rem;
  }
}
.p-department-faq_list_item_question:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url(../img/department/icon_faq-plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.7rem;
  height: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-department-faq_list_item_question:after {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.p-department-faq_list_item_question.open:after {
  background-image: url(../img/department/icon_faq-minus.svg);
}
.p-department-faq_list_item_question_text {
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-department-faq_list_item_question_text {
    font-size: 1.4rem;
  }
}
.p-department-faq_list_item_accordion {
  display: none;
}
.p-department-faq_list_item_answer {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-department-faq_list_item_answer {
    gap: 1rem;
    margin-top: 1.2rem;
  }
}
.p-department-faq_list_item_answer:before {
  content: "A";
  font-weight: 500;
  font-size: 1.5rem;
  color: #004193;
  width: 3.5rem;
  height: 3.5rem;
  display: grid;
  place-items: center;
  background-color: #f2f2f2;
}
@media screen and (max-width: 767px) {
  .p-department-faq_list_item_answer:before {
    font-size: 1.3rem;
    width: 3rem;
    height: 3rem;
  }
}
.p-department-faq_list_item_answer_text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-department-faq_list_item_answer_text {
    font-size: 1.4rem;
  }
}
.p-department-faq__link {
  margin-top: 4.8rem;
  text-align: center;
}
.p-department-faq .c-common-btn {
  width: 32rem;
}
.p-department-flow__body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3.2rem;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-department-flow__body {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2.5rem;
  }
}
.p-department-flow__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 2rem;
  border: 0.1rem solid var(--primary-color);
  text-align: center;
  padding: 2.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-flow__item {
    padding: 2rem 1rem;
  }
}
.p-department-flow__item:not(:first-child)::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: -2.5rem;
  transform: translateY(-50%) rotate(45deg);
  width: 1.1rem;
  height: 1.1rem;
  border-top: 0.2rem solid var(--primary-color);
  border-right: 0.2rem solid var(--primary-color);
}
.p-department-flow__item_number {
  font-size: 1.3rem;
  color: #fff;
  letter-spacing: 0.05em;
  background-color: var(--primary-color);
  display: grid;
  place-items: center;
  width: 8.2rem;
  height: 2.4rem;
  border-radius: 100vmax;
  margin: auto;
}
.p-department-flow__item_text {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-flow__item_text {
    font-size: 1.3rem;
  }
}
.p-department-flow__item:first-child img {
  width: 4.1rem;
  display: block;
  margin: auto;
}
.p-department-flow__item:nth-child(2) img {
  width: 8.2rem;
  display: block;
  margin: auto;
}
.p-department-flow__item:nth-child(3) img {
  width: 5.1rem;
  display: block;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .p-department-flow__item:nth-child(3):before {
    display: none;
  }
}
.p-department-flow__item:nth-child(4) img {
  width: 4.9rem;
  display: block;
  margin: auto;
}
.p-department-flow__link {
  margin-top: 4.8rem;
  text-align: center;
}
.p-department-flow .c-common-btn {
  width: 32rem;
}
.p-department__block {
  padding: 8rem 0;
}
@media screen and (max-width: 767px) {
  .p-department__block {
    padding: 6rem 0;
  }
}
.p-department__block--gray {
  background-color: #f7f7f7;
}
.p-department__block_banner {
  transition: opacity 0.3s;
  margin-top: 6.4rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-department__block_banner {
    margin-top: 4.8rem;
  }
}
.p-department__block_banner:hover {
  opacity: 0.7;
}
.p-department__block_banner img {
  width: 100%;
  height: auto;
  display: block;
}
.p-department .p-department__slider {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__slider {
    margin-top: 2rem;
    margin-right: calc(50% - 50vw);
  }
}
.p-department .p-department__slider_item {
  width: 40.5rem;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__slider_item {
    width: 28rem;
  }
}
.p-department .p-department__slider_item:not(:first-child) {
  margin-left: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__slider_item:not(:first-child) {
    margin-left: 2rem;
  }
}
.p-department .p-department__slider_item_image {
  aspect-ratio: 1/0.667;
  overflow: hidden;
}
.p-department .p-department__slider_item_image img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.3s;
}
.p-department .p-department__slider_item:hover .p-department__slider_item_image img {
  transform: scale(1.1);
}
.p-department .p-department__slider_item_info {
  padding-top: 1.6rem;
}
.p-department .p-department__slider_item_category {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.p-department .p-department__slider_item_category_tag {
  font-size: 1.1rem;
  color: #ccc;
  line-height: 1;
  padding: 0.6rem 1rem;
  border: 0.1rem solid #ccc;
  border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__slider_item_category_tag {
    font-size: 0.9rem;
    padding: 0.4rem 0.7rem;
  }
}
.p-department .p-department__slider_item_title {
  font-weight: 500;
  font-size: 1.7rem;
  color: #292f4a;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__slider_item_title {
    font-size: 1.5rem;
  }
}
.p-department .p-department__slider_item_info_bottom {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 2rem;
}
.p-department .p-department__slider_item_date {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  transition: color 0.3s;
}
.p-department .p-department__slider_item_date time {
  font-size: 2.4rem;
  color: #333;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__slider_item_date time {
    font-size: 1.8rem;
  }
}
.p-department .p-department__slider_item_date span {
  font-size: 1.5rem;
  color: #292f4a;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__slider_item_date span {
    font-size: 1.3rem;
  }
}
.p-department .p-department__slider_item_time {
  font-size: 1.5rem;
  color: #292f4a;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__slider_item_time {
    font-size: 1.3rem;
  }
}
.p-department .p-department__slider_item_time:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(../img/top/icon_clock.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__slider_item_time:before {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.p-department .p-department__slider_item:hover .p-department__slider_item_title,
.p-department .p-department__slider_item:hover .p-department__slider_item_date,
.p-department .p-department__slider_item:hover .p-department__slider_item_date time,
.p-department .p-department__slider_item:hover .p-department__slider_item_date span,
.p-department .p-department__slider_item:hover .p-department__slider_item_time {
  color: #004193;
}
.p-department .p-department__slider_progress {
  position: relative;
  width: 100%;
  height: 0.4rem;
  overflow: hidden;
  margin-top: 4.5rem;
}
.p-department .p-department__slider_progress:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  z-index: 1;
  background-color: #f2f2f2;
}
.p-department .p-department__slider_progress_bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  z-index: 2;
  height: 100%;
  background-color: #c1c1c1;
  border-radius: 100vmax;
  transition: width 0.2s;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__event .l-inner {
    padding: 0;
  }
}
.p-department .p-department__event_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid #dedede;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__event_head {
    padding-bottom: 0.8rem;
  }
}
.p-department .p-department__event_head:before {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 7.1rem;
  height: 0.1rem;
  background-color: var(--primary-color);
}
.p-department .p-department__event_title {
  font-weight: 500;
  font-size: 2.3rem;
  color: #004193;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__event_title {
    font-size: 1.9rem;
    line-height: 1.5;
  }
}
.p-department .p-department__blog {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__blog {
    margin-top: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-department .p-department__blog .l-inner {
    padding: 0;
  }
}
.p-department .p-department__blog_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid #dedede;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__blog_head {
    padding-bottom: 0.8rem;
  }
}
.p-department .p-department__blog_head:before {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 7.1rem;
  height: 0.1rem;
  background-color: var(--primary-color);
}
.p-department .p-department__blog_title {
  font-weight: 500;
  font-size: 2.3rem;
  color: #004193;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department .p-department__blog_title {
    font-size: 1.9rem;
  }
}
.p-department .p-department__blog .p-department__slider_item_date {
  font-size: 1.5rem;
  color: #ccc;
  letter-spacing: 0.05em;
  margin-top: 2rem;
}
.p-department-course__title {
  font-weight: 500;
  font-size: 2.3rem;
  color: #004193;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid #dedede;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-department-course__title {
    font-size: 1.9rem;
    padding-bottom: 0.8rem;
  }
}
.p-department-course__title:before {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 7.1rem;
  height: 0.1rem;
  background-color: var(--primary-color);
}
.p-department-course__text_lg {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 1.6rem 0 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-department-course__text_lg {
    font-size: 1.5rem;
  }
}
.p-department-course__text {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-department-course__text {
    font-size: 1.3rem;
  }
}
.p-department-course__body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
  margin-top: 1.7rem;
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-course__body {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 4.8rem;
  }
}
.p-department-course__item {
  position: relative;
}
.p-department-course__item:hover .p-department-course__item_img {
  filter: brightness(1.4);
}
.p-department-course__item_img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.3s;
}
.p-department-course__item_text {
  font-weight: 500;
  font-size: 2.4rem;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-department-course__item_text {
    font-size: 2rem;
  }
}
.p-department-course__link {
  text-align: center;
}
.p-department-course__link .c-common-btn {
  width: 32rem;
}
.p-department-course__link .c-common-btn:before {
  right: inherit;
  left: 2rem;
  transform: scale(-1, 1) translateY(-50%);
}
.p-department-bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2rem;
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-bottom {
    grid-template-columns: 1fr;
    margin-top: 4.8rem;
  }
}
.p-department-bottom__link {
  transition: 0.3s;
}
.p-department-bottom__link:hover {
  opacity: 0.7;
}
.p-department-bottom__link img {
  width: 100%;
  height: auto;
  display: block;
}

.p-department-step__slider-wrap::after {
  top: 30rem;
}

.p-department-step__slider_item {
  width: 100%;
  margin-top: 4rem;
  min-height: auto;
}
@media screen and (max-width: 767px) {
  .p-department-step__slider_item {
    margin-top: 2rem;
  }
}
.p-department-step__slider_item:not(:first-child) {
  margin-left: 0;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-department-step__slider_item:not(:first-child) {
    margin-top: 2rem;
  }
}
.p-department-step__slider_item .c-common-btn {
  height: 5.15rem;
}

@media screen and (max-width: 767px) {
  .p-department-step__slider-wrap {
    padding-bottom: 0;
  }
}

body.is-modal-open {
  overflow: hidden;
}

.p-department-top {
  --primary-color: #004193;
  --shadow-color: 0 0 .8rem rgb(0 0 0 / .08);
  --head-image: url(../img/department/top/img_head-bg.png);
  margin-bottom: 1.6rem;
}
.p-department-top__head {
  background-image: var(--head-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  height: 44.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 10.7rem;
}
@media screen and (max-width: 767px) {
  .p-department-top__head {
    height: 20rem;
    margin-bottom: 4rem;
  }
}
.p-department-top__head_title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-top__head_title {
    font-size: 2.4rem;
  }
}
.p-department-top__head_title_sub {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-department-top__head_title_sub {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
.p-department-top__head_title_sub br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-department-top__head_title_sub br {
    display: block;
  }
}
.p-department-top__head_sub {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin-top: 1.1rem;
  text-transform: capitalize;
}
@media screen and (max-width: 767px) {
  .p-department-top__head_sub {
    font-size: 1.2rem;
  }
}
.p-department-top__head_sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background-color: #759dcf;
  margin-inline: 0.45rem 0.8rem;
  vertical-align: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-top__head_sub::before {
    width: 0.6rem;
    height: 0.1rem;
    margin-inline: 0.3rem 0.6rem;
    vertical-align: 0.3rem;
  }
}
.p-department-top__head_read {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-department-top__head_read {
    font-size: 1.3rem;
    margin-top: 2rem;
  }
}
.p-department-top .p-department__content {
  margin-bottom: 16rem;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-department-top .p-department__content {
    margin-bottom: 8rem;
  }
}
.p-department-top .p-department__side_sidebar {
  height: 32.6rem;
}
.p-department-top .p-department__main {
  width: 84rem;
}
@media screen and (max-width: 767px) {
  .p-department-top .p-department__main {
    width: 100%;
  }
}
.p-department-top__block:not(:first-child) {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-department-top__block:not(:first-child) {
    margin-top: 4rem;
  }
}
.p-department-top__body {
  position: relative;
}
.p-department-top__body:after {
  position: absolute;
  bottom: 2rem;
  right: 4.35rem;
}
.p-department-top__body img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department-top__body img {
    height: 28rem;
    object-fit: cover;
  }
}
.p-department-top__body_head {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4.35rem;
  right: 4.35rem;
}
@media screen and (max-width: 767px) {
  .p-department-top__body_head {
    left: 2rem;
    right: 2rem;
  }
}
.p-department-top__body_head_title {
  font-weight: 500;
  font-size: 2.8rem;
  color: #fff;
  letter-spacing: 0.05em;
  border-bottom: solid 0.1rem #fff;
  padding: 0 0 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-department-top__body_head_title {
    font-size: 2rem;
  }
}
.p-department-top__body_head_sub {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-department-top__body_head_sub {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 1.2rem;
  }
}
.p-department-top__body_head_text {
  font-weight: 500;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-department-top__body_head_text {
    font-size: 1.2rem;
  }
}
.p-department-top__body_head_arrow {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department-top__body_head_arrow {
    width: 2.2rem;
    height: 2.2rem;
  }
}
.p-department-top__body_head_arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 0.3s;
}
.p-department-top__body-link:hover img {
  opacity: 0.7;
}
.p-department-top__body-link:hover .p-department-top__body_head_arrow {
  background-color: #004193;
}
.p-department-top__body-link:hover .p-department-top__body_head_arrow:before {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-department-top__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem 2.5rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-department-top__grid {
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }
}
.p-department-top__grid_item img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.3s;
}
.p-department-top__grid_item_title {
  font-weight: 500;
  font-size: 1.8rem;
  color: #004193;
  letter-spacing: -0.05em;
  margin-bottom: 1.2rem;
  margin-top: 1.2rem;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid #DEDEDE;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-department-top__grid_item_title {
    font-size: 1.5rem;
    margin-bottom: 0.8rem;
    margin-top: 1rem;
    padding-bottom: 0.8rem;
  }
}
.p-department-top__grid_item_title:after {
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 0.1rem solid #004193;
  display: inline-block;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 0.6rem 0.6rem;
  transition: 0.3s;
}
.p-department-top__grid_item_text {
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.p-department-top__grid_item:hover img {
  opacity: 0.7;
}
.p-department-top__grid_item:hover .p-department-top__grid_item_title:after {
  background-color: #004193;
  background-image: url(../img/common/icon_arrow-right-white.svg);
}

.p-correspon {
  position: relative;
}
.p-correspon .p-distance-content {
  padding-block: 6.4rem 0;
  margin-bottom: 12rem;
}
@media screen and (max-width: 767px) {
  .p-correspon .p-distance-content {
    padding-block: 4.8rem 0;
    margin-bottom: 4rem;
  }
}
.p-correspon .p-distance-content__section:not(:last-child) {
  margin-bottom: 16rem;
}
@media screen and (max-width: 767px) {
  .p-correspon .p-distance-content__section:not(:last-child) {
    margin-bottom: 5rem;
  }
}
.p-correspon .p-distance-sidebar {
  margin-bottom: 7.8rem;
}
@media screen and (max-width: 767px) {
  .p-correspon .p-distance-sidebar {
    margin-bottom: 0;
  }
}
.p-correspon .p-distance-intro {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-correspon .p-distance-intro {
    margin-top: 1.5rem;
  }
}
.p-correspon-benefit__list {
  margin-top: 5.5rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-benefit__list {
    margin-top: 2.5rem;
  }
}
.p-correspon-benefit__item {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  border-top: 1px solid #dedede;
  padding-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-benefit__item {
    padding-top: 1.5rem;
  }
}
.p-correspon-benefit__item:not(:first-child) {
  margin-top: 6.3rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-benefit__item:not(:first-child) {
    margin-top: 2.5rem;
  }
}
.p-correspon-benefit__content, .p-correspon-benefit__image {
  width: calc(50% - 1rem);
}
@media screen and (max-width: 767px) {
  .p-correspon-benefit__content, .p-correspon-benefit__image {
    width: 100%;
  }
}
.p-correspon-benefit__image {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-benefit__image {
    margin-top: 0;
  }
}
.p-correspon-benefit__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 471/290;
  object-fit: cover;
}
.p-correspon-benefit__text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 2.7rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-benefit__text {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
}
.p-correspon-benefit__action {
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-benefit__action {
    margin-top: 2rem;
  }
}
.p-correspon-benefit__action .c-button-border {
  padding: 1.2rem 2.9rem 1.4rem 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-benefit__action .c-button-border {
    max-width: 100%;
  }
}
.p-correspon-data {
  padding-block: 0 7.8rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data {
    padding-block: 0 4rem;
  }
}
.p-correspon-data::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: var(--before-height, 100%);
  background-color: #edf7ff;
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-correspon-data::before {
    left: 0;
    width: 100%;
    transform: translateX(0);
  }
}
.p-correspon-data .c-title-highlight {
  padding-top: 9rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data .c-title-highlight {
    padding-top: 4rem;
  }
}
.p-correspon-data__summary {
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__summary {
    margin-top: 1.5rem;
  }
}
.p-correspon-data__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__stats {
    gap: 1rem;
  }
}
.p-correspon-data__stats-item, .p-correspon-data__highlight {
  flex: 1;
  background-color: #fff;
  padding: 2.3rem 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__stats-item, .p-correspon-data__highlight {
    padding: 1.5rem 2rem;
  }
}
.p-correspon-data__stats-label, .p-correspon-data__highlight-label {
  font-weight: 500;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__stats-label, .p-correspon-data__highlight-label {
    font-size: 1.4rem;
  }
}
.p-correspon-data__stats-value, .p-correspon-data__highlight-value {
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 1;
  letter-spacing: 0.15em;
  color: #004193;
  font-family: brandon-grotesque, sans-serif;
  margin-top: 1.1rem;
  margin-left: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__stats-value, .p-correspon-data__highlight-value {
    font-size: 2.2rem;
    margin-left: 0;
    margin-top: 0.8rem;
  }
}
.p-correspon-data__highlight {
  width: 100%;
  margin-top: 1.7rem;
  padding: 3rem 3rem 3.3rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__highlight {
    padding: 1.5rem 2rem 2rem;
    margin-top: 1rem;
  }
}
.p-correspon-data__highlight-value {
  font-size: 5.9rem;
  margin-top: 2.5rem;
  margin-left: 13.4rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__highlight-value {
    font-size: 2.6rem;
    margin-top: 1rem;
    margin-left: 4rem;
  }
}
.p-correspon-data__highlight-note {
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.15em;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-left: 0.3rem;
  vertical-align: -0.2rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__highlight-note {
    font-size: 1.3rem;
    margin-left: 0.5rem;
    vertical-align: baseline;
  }
}
.p-correspon-data__row {
  display: flex;
  gap: 1.7rem;
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__row {
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1rem;
  }
}
.p-correspon-data__section {
  background-color: #fff;
  margin-top: 1.7rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__section {
    margin-top: 1rem;
  }
}
.p-correspon-data__section--half {
  flex: 1;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__section--half {
    width: 100%;
    flex: unset;
  }
}
.p-correspon-data__section--half .p-correspon-data__title {
  text-align: left;
  margin-left: 3.4rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__section--half .p-correspon-data__title {
    margin-left: 1.5rem;
  }
}
.p-correspon-data__section--half:first-child .p-correspon-data__figure {
  padding: 3.4rem 7.5rem 5.2rem 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__section--half:first-child .p-correspon-data__figure {
    padding: 2rem 6rem 3rem 4rem;
  }
}
.p-correspon-data__section--half:nth-child(2) .p-correspon-data__figure {
  padding: 7.9rem 8.4rem 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__section--half:nth-child(2) .p-correspon-data__figure {
    padding: 4rem 5rem 3rem;
  }
}
.p-correspon-data__section--map .p-correspon-data__figure {
  padding: 6.4rem 1.4rem 0rem 3.4rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__section--map .p-correspon-data__figure {
    padding: 4rem 0 0 0;
  }
}
.p-correspon-data__title {
  position: absolute;
  text-align: center;
  left: 0;
  width: 100%;
  font-weight: 500;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #004193;
  top: 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__title {
    font-size: 1.6rem;
    top: 1.8rem;
  }
}
.p-correspon-data__figure {
  padding: 4rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__figure {
    padding: 2rem;
  }
}
.p-correspon-data__figure img {
  width: 100%;
  height: auto;
}
.p-correspon-data__figure--column {
  padding: 7rem 9.8rem 4.1rem 7.8rem;
}
@media screen and (max-width: 767px) {
  .p-correspon-data__figure--column {
    padding: 5rem 2rem 2rem;
  }
}
.p-correspon .c-breadcrumbs {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-correspon .c-breadcrumbs {
    margin-top: 3rem;
  }
}

.p-course {
  overflow: clip;
  --primary-color: #e16b2a;
}
.p-course .p-distance-hero {
  background-image: url(../img/course/bg-hero.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  padding-block: 7.2rem 6rem;
}
@media screen and (max-width: 767px) {
  .p-course .p-distance-hero {
    padding-block: 3.2rem 4.8rem;
    background-image: url(../img/course/bg-hero-sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .p-course .p-distance-hero__lead {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course .p-distance-hero__title {
    margin-top: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-course .p-distance-hero__text-en {
    margin-top: 0.4rem;
  }
}
.p-course .p-distance-hero__text-jp {
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-course .p-distance-hero__text-jp {
    max-width: 25rem;
    font-size: 1.5rem;
    margin-top: 1.4rem;
  }
}
.p-course .p-distance-hero__text-jp::before {
  content: "";
  display: block;
  width: 52rem;
  height: 0.1rem;
  background: #fff;
  opacity: 0.5;
  margin: 3.2rem 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course .p-distance-hero__text-jp::before {
    width: 25rem;
    margin: 1rem 0;
  }
}
.p-course .p-distance-hero__text-en::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.p-course-container {
  max-width: 108rem;
  margin-inline: auto;
  padding-inline: 2rem;
}
.p-course-common {
  padding-block: 9rem 8rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-course-common {
    padding-block: 4rem 5rem;
  }
}
.p-course-common::before {
  content: "";
  width: 60rem;
  height: 52rem;
  position: absolute;
  background: url(../img/course/decor-course-01.png) no-repeat center center/contain;
  top: -4.8rem;
  right: calc(50% - 50vw - 24.5rem);
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-course-common::before {
    width: 30rem;
    height: 26rem;
    top: -12rem;
    right: -14.3rem;
  }
}
.p-course-common::after {
  content: "";
  background: url(../img/course/decor-course-02.png) no-repeat center center/cover;
  width: 50.3rem;
  aspect-ratio: 503/382;
  position: absolute;
  top: 234rem;
  right: 0;
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-course-common::after {
    width: 30rem;
    top: 194rem;
  }
}
.p-course-common__title {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #e16b2a;
}
@media screen and (max-width: 767px) {
  .p-course-common__title {
    gap: 0.8rem;
    font-size: 2.4rem;
  }
}
.p-course-common__title::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 4.4rem;
  background: #e16b2a;
  border-radius: 4rem;
}
@media screen and (max-width: 767px) {
  .p-course-common__title::before {
    width: 0.25rem;
    height: 2.4rem;
  }
}
.p-course-common__desc {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 2rem;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-course-common__desc {
    font-size: 1.3rem;
    margin-top: 1.5rem;
    text-align: left;
  }
}
.p-course-diagram {
  display: flex;
  justify-content: center;
  gap: 7.8rem;
  margin-top: 3.4rem;
  max-width: 78.6rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-course-diagram {
    flex-direction: column;
    gap: 5rem;
    margin-top: 2.5rem;
  }
}
.p-course-diagram__box {
  padding: 1.2rem 3.6rem 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 0.8rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-course-diagram__box {
    min-width: 100%;
    padding: 1.5rem 2rem;
  }
}
.p-course-diagram__box:first-child {
  position: relative;
  z-index: 1;
}
.p-course-diagram__box:first-child::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='14' x2='30' y2='14' stroke='%23333333' stroke-width='2'/%3E%3Cline x1='14' y1='30' x2='14' y2='1.95106e-06' stroke='%23333333' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  left: calc(100% + 3.9rem);
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-course-diagram__box:first-child::before {
    width: 2.4rem;
    height: 2.4rem;
    left: 50%;
    top: calc(100% + 2.5rem);
  }
}
.p-course-diagram__box--blue {
  background: #60b4dc;
}
.p-course-diagram__box--gray {
  background: #a7b7c1;
  padding: 0.8rem 3.6rem 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course-diagram__box--gray {
    padding: 0.8rem 2rem 1.6rem;
  }
}
.p-course-diagram__box-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p-course-diagram__box-head {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-course-diagram__box-head {
    font-size: 1.6rem;
  }
}
.p-course-diagram__box-label {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  color: #004193;
  background: #fff;
  width: 100%;
  padding: 1rem;
  margin-top: 0.7rem;
  border-radius: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-course-diagram__box-label {
    font-size: 1.4rem;
    padding: 0.8rem;
    margin-top: 0.5rem;
    border-radius: 0.4rem;
  }
}
.p-course-diagram__box-content {
  width: 100%;
  margin-top: 0.5rem;
}
.p-course-diagram__box-text {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 0.9;
  letter-spacing: 0.05em;
  background: #fff;
  color: #004193;
  text-align: center;
  padding: 0.8rem 0.8rem 0.4rem;
  border-radius: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-course-diagram__box-text {
    font-size: 1.4rem;
    padding: 0.6rem 0.6rem 0.3rem;
    border-radius: 0.4rem;
  }
}
.p-course-diagram__box-text--gradient {
  display: block;
  background: linear-gradient(90deg, #fd6101 0%, #f5483d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-course-diagram__box-text small {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-course-diagram__box-text small {
    font-size: 1.2rem;
  }
}
.p-course-video {
  margin-top: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-course-video {
    margin-top: 2rem;
  }
}
.p-course-video__label {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-course-video__label {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }
}
.p-course-video__label::before, .p-course-video__label::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-1' x2='24' y2='-1' transform='matrix(-0.642788 -0.766044 -0.766044 0.642788 15.4258 19.6699)' stroke='%23333333' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 1.7rem;
  height: 2rem;
  display: block;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-course-video__label::before, .p-course-video__label::after {
    width: 1.4rem;
    height: 1.6rem;
  }
}
.p-course-video__label::after {
  transform: scaleX(-1);
}
.p-course-video__wrapper {
  position: relative;
  max-width: 78.5rem;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .p-course-video__wrapper {
    max-width: 100%;
  }
}
.p-course-video__frame {
  position: relative;
  width: 100%;
  background: #f5f5f5;
}
.p-course-video__frame iframe {
  width: 100%;
  aspect-ratio: 786/439;
  height: auto;
}
.p-course-video__tag {
  padding: 0.5rem 1.2rem;
  border-radius: 2rem;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-course-video__tag {
    padding: 0.4rem 0.8rem;
    font-size: 1rem;
  }
}
.p-course-video__tag--green {
  background: #3c9a5f;
  color: #fff;
}
.p-course-video__tag--orange {
  background: #f58220;
  color: #fff;
}
.p-course-video__tag--blue {
  background: #4da6d9;
  color: #fff;
}
.p-course-video__icon {
  width: 3rem;
  height: 3rem;
  background: #4da6d9;
  border: 0.2rem solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.4rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-course-video__icon {
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.2rem;
  }
}
.p-course-video__link {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: 4.2rem;
  padding: 1.3rem 4.5rem;
  border: 0.1rem solid #004193;
  color: #004193;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  text-align: center;
  background: #fff;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-course-video__link {
    font-size: 1.2rem;
    padding: 1rem 2rem;
    margin-top: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .p-course-video__link:hover {
    background: #004193;
    color: #fff;
  }
  .p-course-video__link:hover .p-course-video__link-icon::before {
    background: #fff;
  }
}
.p-course-video__link-icon {
  font-size: 0;
}
.p-course-video__link-icon::before {
  content: "";
  width: 1.6rem;
  aspect-ratio: 1/1;
  mask: 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%3Cg clip-path='url(%23clip0_8152_21951)'%3E%3Cpath d='M11.8268 0H6.51066H6.09872L5.80763 0.291063L1.78325 4.31569L1.49219 4.60675V5.0185V13.3158C1.49219 14.7958 2.69619 16 4.17644 16H11.8268C13.3066 16 14.5106 14.7958 14.5106 13.3158V2.68425C14.5106 1.204 13.3066 0 11.8268 0ZM13.5169 13.3158C13.5169 14.2494 12.7602 15.0061 11.8268 15.0061H4.17644C3.24256 15.0061 2.48588 14.2494 2.48588 13.3158V5.01847H5.102C5.87966 5.01847 6.51066 4.38791 6.51066 3.61003V0.993875H11.8268C12.7602 0.993875 13.5169 1.75056 13.5169 2.68425V13.3158Z' fill='%23004193'/%3E%3Cpath d='M5.37391 7.90039H4.48238C4.31263 7.90039 4.21094 8.0108 4.21094 8.17617V10.481C4.21094 10.6806 4.34231 10.8122 4.52472 10.8122C4.70319 10.8122 4.83453 10.6806 4.83453 10.481V9.7808C4.83453 9.76377 4.84325 9.75527 4.86028 9.75527H5.37391C6.00188 9.75527 6.37978 9.3732 6.37978 8.82989C6.37981 8.27808 6.00625 7.90039 5.37391 7.90039ZM5.33553 9.21611H4.86028C4.84325 9.21611 4.83453 9.20761 4.83453 9.1908V8.46486C4.83453 8.44783 4.84325 8.43936 4.86028 8.43936H5.33553C5.59866 8.43936 5.75575 8.59645 5.75575 8.82992C5.75578 9.06336 5.59866 9.21611 5.33553 9.21611Z' fill='%23004193'/%3E%3Cpath d='M7.81809 7.90039H7.13472C6.96497 7.90039 6.86328 8.0108 6.86328 8.17617V10.515C6.86328 10.6806 6.96494 10.7867 7.13472 10.7867H7.81809C8.43341 10.7867 8.81569 10.5914 8.96841 10.1203C9.02341 9.95467 9.0535 9.75527 9.0535 9.34352C9.0535 8.9318 9.02338 8.73236 8.96841 8.56677C8.81566 8.09567 8.43341 7.90039 7.81809 7.90039ZM8.37012 9.90386C8.29769 10.133 8.08997 10.2307 7.80106 10.2307H7.51263C7.49559 10.2307 7.48687 10.2222 7.48687 10.2052V8.48189C7.48687 8.46486 7.49559 8.45636 7.51263 8.45636H7.80106C8.08997 8.45636 8.29769 8.55411 8.37012 8.78323C8.39981 8.88098 8.42075 9.05073 8.42075 9.34355C8.42075 9.63636 8.39978 9.80611 8.37012 9.90386Z' fill='%23004193'/%3E%3Cpath d='M11.2894 7.90039H9.88906C9.71931 7.90039 9.61719 8.0108 9.61719 8.17617V10.481C9.61719 10.6806 9.749 10.8122 9.93141 10.8122C10.1094 10.8122 10.2412 10.6806 10.2412 10.481V9.65752C10.2412 9.6407 10.2495 9.6322 10.2665 9.6322H11.0817C11.2641 9.6322 11.3702 9.52183 11.3702 9.3647C11.3702 9.20758 11.2641 9.09742 11.0817 9.09742H10.2665C10.2495 9.09742 10.2412 9.08892 10.2412 9.07189V8.46486C10.2412 8.44783 10.2495 8.43936 10.2665 8.43936H11.2894C11.4636 8.43936 11.5783 8.3248 11.5783 8.17208C11.5783 8.01492 11.4635 7.90039 11.2894 7.90039Z' fill='%23004193'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8152_21951'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  display: block;
  background: #004193;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-course-video__link-icon::before {
    width: 1.4rem;
  }
}
.p-course-tabs {
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-course-tabs {
    margin-top: 6rem;
  }
}
.p-course-tabs__nav {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-course-tabs__nav {
    border-bottom: none;
    gap: 0.5rem;
  }
}
.p-course-tabs__nav-item {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-course-tabs__nav-item {
    width: calc(50% - 0.5rem);
  }
}
.p-course-tabs__nav-button {
  display: block;
  padding: 2.8rem 3rem;
  font-weight: 500;
  width: 100%;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  text-align: center;
  background: #cdcdcd;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-course-tabs__nav-button {
    width: 100%;
    height: 100%;
    line-height: 1.6;
    padding: 1.5rem 1rem;
    font-size: 1.1rem;
    margin-bottom: 0;
  }
}
.p-course-tabs__nav-button::before {
  content: "";
  background: #cdcdcd;
  position: absolute;
  width: 2.4rem;
  aspect-ratio: 24/17;
  position: absolute;
  left: 50%;
  top: calc(100% - 0.4rem);
  transform: translateX(-50%);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-course-tabs__nav-button::before {
    width: 2rem;
    aspect-ratio: 20/13;
    top: calc(100% - 0.3rem);
  }
}
@media screen and (min-width: 768px) {
  .p-course-tabs__nav-button:hover {
    background: #e16b2a;
    color: #fff;
    border-color: #e16b2a;
  }
  .p-course-tabs__nav-button:hover::before {
    background: #e16b2a;
  }
}
.p-course-tabs__nav-button.is-active {
  background: #e16b2a;
  color: #fff;
  border-color: #e16b2a;
}
.p-course-tabs__nav-button.is-active::before {
  background: #e16b2a;
}
@media screen and (min-width: 768px) {
  .p-course-tabs__nav-button.is-active:hover {
    background: #e16b2a;
  }
}
.p-course-tabs__content {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-course-tabs__content {
    margin-top: 5rem;
  }
}
.p-course-tabs__title {
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-course-tabs__title {
    font-size: 1.8rem;
    margin-top: 2rem;
  }
}
.p-course-tabs__body {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-course-tabs__body {
    margin-top: 1.5rem;
  }
}
.p-course-tabs__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-course-tabs__text {
    font-size: 1.3rem;
  }
}
.p-course-tabs #tab1 {
  position: relative;
}
.p-course-tabs #tab1::before {
  content: "";
  width: 89.2rem;
  aspect-ratio: 892/650;
  background: url(../img/course/decor-course-03.png) no-repeat center/contain;
  position: absolute;
  top: 17.5rem;
  left: calc(50% - 50vw - 23.5rem);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-course-tabs #tab1::before {
    width: 44.6rem;
    top: 4rem;
    left: -14.5rem;
  }
}
.p-course-tabs #teacher {
  position: relative;
}
.p-course-tabs #teacher::after {
  content: "";
  width: 69.4rem;
  aspect-ratio: 694/598;
  background: url(../img/course/decor-course-04.png) no-repeat center/contain;
  position: absolute;
  top: 8rem;
  right: calc(50% - 50vw + 1.2rem);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-course-tabs #teacher::after {
    width: 34.7rem;
    top: 4rem;
    right: -2rem;
  }
}
.p-course-category {
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-course-category {
    margin-top: 3rem;
  }
}
.p-course-category__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course-category__list {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
}
.p-course-category__item {
  background: #f7f7f7;
  border-radius: 1.6rem;
  padding: 2.6rem 2.4rem 3.1rem;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-course-category__item {
    padding: 2rem 1.5rem;
    border-radius: 0.8rem;
  }
}
.p-course-category__number {
  display: block;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.7;
  letter-spacing: 0.05em;
  color: #e16b2a;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-course-category__number {
    font-size: 2rem;
  }
}
.p-course-category__number::before {
  content: "";
  width: 2rem;
  height: 1px;
  background: #e16b2a;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-course-category__number::before {
    width: 1.6rem;
  }
}
.p-course-category__title {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-course-category__title {
    font-size: 1.6rem;
  }
}
.p-course-category__title-wrap {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-course-category__title-wrap {
    gap: 1.6rem;
  }
}
.p-course-category__content {
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-course-category__content {
    margin: 1.5rem 0 0;
  }
}
.p-course-category__desc {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-course-category__desc {
    font-size: 1.3rem;
  }
}
.p-course-category__subjects {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-course-category__subjects {
    margin-top: 1.5rem;
  }
}
.p-course-category__label {
  display: inline-block;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #e16b2a;
  background: #fff;
  border: 0.1rem solid #e16b2a;
  padding: 0rem 0.7rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .p-course-category__label {
    font-size: 1.1rem;
  }
}
.p-course-category__subject-list {
  display: flex;
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-course-category__subject-list {
    flex-direction: column;
    gap: 0;
  }
}
.p-course-category__subject-item {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #333;
  padding-left: 1.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-course-category__subject-item {
    font-size: 1.3rem;
  }
}
.p-course-category__subject-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.2rem;
  width: 0.6rem;
  height: 0.6rem;
  background: #e16b2a;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-course-category__subject-item::before {
    top: 1rem;
    width: 0.4rem;
    height: 0.4rem;
  }
}
.p-course-pickup {
  margin-top: 5.5rem;
  padding-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup {
    margin-top: 4rem;
    padding-bottom: 2rem;
  }
}
.p-course-pickup__heading {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #e16b2a;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__heading {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
}
.p-course-pickup__slider-wrap {
  position: relative;
  padding-inline: 5rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__slider-wrap {
    padding-inline: 0;
  }
}
.p-course-pickup__slider {
  border: 0.1rem solid #dedede;
  border-radius: 1.6rem;
  overflow: hidden;
  margin-inline: 1rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__slider {
    margin-inline: 0;
    border-radius: 0.8rem;
  }
}
.p-course-pickup__slide {
  outline: none;
}
.p-course-pickup__slide-card {
  background: #fff;
  padding: 4rem;
  border-radius: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__slide-card {
    flex-direction: column;
    gap: 2rem;
    padding: 2rem 2.6rem;
    min-height: auto;
    border-radius: 0.8rem;
  }
}
.p-course-pickup__slide-card-body {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__slide-card-body {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.p-course-pickup__slide-card-content {
  width: calc(100% - 32.4rem);
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__slide-card-content {
    width: 100%;
    margin-top: 0;
  }
}
.p-course-pickup__slide-card-image {
  width: 30rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__slide-card-image {
    width: 100%;
    margin-inline: auto;
  }
}
.p-course-pickup__slide-card-image img {
  width: 100%;
  aspect-ratio: 300/200;
  object-fit: cover;
  height: auto;
  display: block;
}
.p-course-pickup__slide-card-title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  font-feature-settings: "palt";
  margin-block: 1.4rem 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__slide-card-title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}
.p-course-pickup__slide-card-desc {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__slide-card-desc {
    font-size: 1.3rem;
  }
}
.p-course-pickup__tag {
  display: inline-block;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #fff;
  background: #e16b2a;
  padding-inline: 0.9rem;
  margin-right: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__tag {
    font-size: 1.1rem;
    padding: 0 1rem;
  }
}
.p-course-pickup__lists {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__lists {
    gap: 1.2rem;
  }
}
.p-course-pickup__list {
  width: calc(50% - 1.2rem);
  border: 0.1rem solid #dedede;
  border-radius: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__list {
    width: 100%;
    border-radius: 0.8rem;
  }
}
.p-course-pickup__list-card {
  background: #fff;
  padding: 4rem;
  border-radius: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__list-card {
    flex-direction: column;
    gap: 2rem;
    padding: 2rem 2.6rem;
    min-height: auto;
    border-radius: 0.8rem;
  }
}
.p-course-pickup__list-card-content {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__list-card-content {
    margin-top: 1.5rem;
  }
}
.p-course-pickup__list-card-title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  font-feature-settings: "palt";
  margin-block: 1.4rem 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__list-card-title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}
.p-course-pickup__list-card-desc {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__list-card-desc {
    font-size: 1.3rem;
  }
}
.p-course-pickup__voice {
  margin-top: 3rem;
  background: #f7f7f7;
  border-radius: 1rem;
  padding: 2.5rem 3rem 2.7rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__voice {
    margin-top: 1.5rem;
    padding: 1.2rem;
    border-radius: 0.5rem;
  }
}
.p-course-pickup__voice-label {
  display: block;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  color: #e16b2a;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__voice-label {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
  }
}
.p-course-pickup__voice-text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__voice-text {
    font-size: 1.2rem;
  }
}
.p-course-pickup__arrow {
  position: absolute;
  top: 45.5%;
  transform: translateY(-50%);
  width: 4rem;
  height: 4rem;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 10;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__arrow {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.p-course-pickup__arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.p-course-pickup__arrow:hover {
  opacity: 0.7;
}
.p-course-pickup__arrow--prev {
  left: -1rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__arrow--prev {
    left: 0;
  }
}
.p-course-pickup__arrow--prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='42' viewBox='0 0 23 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4141 0.707031L1.41406 20.707L21.4141 40.707' stroke='%23E16B2A' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.p-course-pickup__arrow--next {
  right: -1rem;
}
@media screen and (max-width: 767px) {
  .p-course-pickup__arrow--next {
    right: 0;
  }
}
.p-course-pickup__arrow--next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='42' viewBox='0 0 23 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 0.707031L20.707 20.707L0.707031 40.707' stroke='%23E16B2A' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.p-course-pickup__arrow.slick-disabled {
  opacity: 0.3;
  cursor: default;
}
.p-course-banner {
  padding-bottom: 9.7rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-course-banner {
    padding-bottom: 5rem;
  }
}
.p-course .p-department-point__body {
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-course .p-department-point__body {
    margin-top: 6rem;
  }
}
.p-course .p-department-point__item {
  align-items: center;
}
.p-course .p-department-point__item_title {
  background: #E16B2A;
}
.p-course .p-department-point__item_text_md {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .p-course .p-department-point__item_text_md {
    font-size: 1.3rem;
  }
}
.p-course .p-department-section {
  margin-top: 0;
}
.p-course .p-department-section:before {
  display: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.p-attendant {
  overflow: clip;
}
.p-attendant .p-distance-hero {
  background: url(../img/attendant/bg-hero.png) no-repeat center center/cover;
  padding-block: 8.9rem 9.2rem;
}
@media screen and (min-width: 1441px) {
  .p-attendant .p-distance-hero {
    background-image: url(../img/attendant/bg-hero.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-hero {
    background-image: url(../img/attendant/bg-hero-sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    padding-block: 3.2rem 8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-hero__lead {
    font-size: 1.2rem;
  }
}
.p-attendant .p-distance-hero__title {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-hero__title {
    margin-top: 0.4rem;
  }
}
.p-attendant .p-distance-hero__title small {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-hero__title small {
    font-size: 1.6rem;
  }
}
.p-attendant .p-distance-hero__text-en {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-hero__text-en {
    margin-top: 0.6rem;
  }
}
.p-attendant .p-distance-hero__text-jp {
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-hero__text-jp {
    width: 25rem;
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.p-attendant .p-distance-hero__text-jp::before {
  content: "";
  display: block;
  width: 58rem;
  height: 0.1rem;
  background: #fff;
  opacity: 0.5;
  margin: 3.2rem 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-hero__text-jp::before {
    width: 25rem;
    margin: 1.4rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-sidebar {
    background-color: transparent;
  }
}
.p-attendant .p-distance-sidebar__inner {
  padding-right: 3rem;
}
@media screen and (min-width: 768px) {
  .p-attendant .p-distance-sidebar__inner {
    background: #fff;
  }
}
@media screen and (min-width: 768px) {
  .p-attendant .p-distance-sidebar__link:hover {
    color: #03bbd5;
  }
}
.p-attendant .p-distance-sidebar__link.is-active {
  color: #03bbd5;
}
.p-attendant .p-distance-sidebar__link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8.5' stroke='%2303BBD5'/%3E%3Cpath d='M8 12L10.75 9.25L8 6.5' stroke='%2303BBD5'/%3E%3C/svg%3E%0A");
}
.p-attendant .p-distance-intro {
  margin-top: 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-intro {
    margin-top: 1.8rem;
  }
}
.p-attendant .p-distance-intro__text {
  margin-top: 0;
}
.p-attendant .p-distance-intro__image {
  margin-top: 4.1rem;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-intro__image {
    margin-top: 2.8rem;
  }
}
.p-attendant .p-distance-content {
  padding-bottom: 11.9rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-content {
    padding-bottom: 5rem;
  }
}
.p-attendant .p-distance-content__section .c-title-highlight--large {
  font-weight: 500;
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-content__section .c-title-highlight--large {
    font-size: 2.4rem;
  }
}
.p-attendant .p-distance-content__section .c-title-highlight--primary {
  color: #004193;
}
.p-attendant .p-distance-content__body {
  margin-top: 0.7rem;
}
.p-attendant .p-distance-content__decor {
  position: absolute;
  z-index: -1;
}
.p-attendant .p-distance-content__decor img {
  width: 100%;
  height: auto;
}
.p-attendant .p-distance-content__decor--01 {
  width: 60rem;
  top: 1.5rem;
  right: calc(50% - 50vw - 25rem);
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-content__decor--01 {
    width: 30rem;
    top: -6rem;
    right: -14rem;
  }
}
.p-attendant .p-distance-content__decor--02 {
  right: 0;
  top: 216rem;
  width: 50.3rem;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-content__decor--02 {
    width: 27rem;
  }
}
.p-attendant .p-distance-content__decor--03 {
  left: 0;
  top: 365rem;
  width: 56.8rem;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-content__decor--03 {
    width: 28rem;
    top: 390rem;
  }
}
.p-attendant .p-distance-content__decor--04 {
  bottom: -18rem;
  right: 0;
  width: 54.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant .p-distance-content__decor--04 {
    width: 30rem;
  }
}
.p-attendant-benefit__list {
  margin-top: 3.9rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__list {
    margin-top: 2.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__list--center {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__list--center .p-pros-benefit__list-text,
  .p-attendant-benefit__list--center .p-pros-benefit__list-title {
    text-align: left;
  }
}
.p-attendant-benefit__list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4.9rem 0;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__list-item {
    gap: 2.8rem;
    flex-direction: column;
  }
}
.p-attendant-benefit__list-item:first-child .p-attendant-benefit__list-content {
  margin-top: -0.8rem;
}
.p-attendant-benefit__list-item:first-child .p-attendant-benefit__list-text {
  padding-right: 1rem;
}
.p-attendant-benefit__list-item:nth-child(3) .p-attendant-benefit__list-text {
  padding-right: 1rem;
}
.p-attendant-benefit__list-item:not(:first-child) {
  margin-top: 10.4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__list-item:not(:first-child) {
    margin-top: 5rem;
  }
}
.p-attendant-benefit__list-item:nth-child(2n+2) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__list-item:nth-child(2n+2) {
    flex-direction: column;
  }
}
.p-attendant-benefit__list-content {
  width: 100%;
  max-width: 44rem;
}
.p-attendant-benefit__list-content .c-button-border {
  margin-top: 3.3rem;
  padding: 1.2rem 3.7rem 1.4rem 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__list-content .c-button-border {
    max-width: 100%;
    padding: 1.2rem 2.8rem 1.4rem 1.6rem;
    margin-top: 2rem;
  }
}
.p-attendant-benefit__list-title {
  font-weight: 500;
  font-size: 2.4rem;
  min-height: 4.8rem;
  display: flex;
  align-items: center;
  line-height: 1.5;
  letter-spacing: 0.15em;
  padding-left: 6.6rem;
  position: relative;
  z-index: 1;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__list-title {
    font-size: 1.8rem;
    padding-left: 4.8rem;
  }
}
.p-attendant-benefit__list-title small {
  font-size: 1.4rem;
  transform: translateY(-0.4rem);
}
.p-attendant-benefit__list-number {
  position: absolute;
  width: 4.8rem;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  background: #004193;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__list-number {
    width: 3.6rem;
    font-size: 1.4rem;
    height: calc(100% - 0.8rem);
    top: 50%;
    transform: translateY(-50%);
  }
}
.p-attendant-benefit__list-text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 3.1rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__list-text {
    font-size: 1.4rem;
    margin-top: 1.8rem;
  }
}
.p-attendant-benefit__list-image {
  width: 100%;
  max-width: 47rem;
}
.p-attendant-benefit__list-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 470/290;
  object-fit: cover;
}
.p-attendant-benefit__subcontent {
  width: 100%;
  padding: 4.8rem 4.8rem 4.3rem;
  background: #edf7ff;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__subcontent {
    padding: 2rem;
  }
}
.p-attendant-benefit__subcontent-list {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__subcontent-list {
    gap: 1rem;
  }
}
.p-attendant-benefit__subcontent-item {
  width: 100%;
}
.p-attendant-benefit__subcontent-image {
  width: 100%;
}
.p-attendant-benefit__subcontent-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 272/181;
  object-fit: cover;
}
.p-attendant-benefit__subcontent-caption {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #888;
  margin-top: 0.9rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__subcontent-caption {
    font-size: 1rem;
    margin-top: 0.6rem;
  }
}
.p-attendant-benefit__subcontent-text {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #292f4a;
  margin-top: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__subcontent-text {
    font-size: 1.1rem;
    margin-top: 0;
  }
}
.p-attendant-benefit__airu {
  display: flex;
  gap: 4.3rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__airu {
    gap: 2rem;
    flex-direction: column;
  }
}
.p-attendant-benefit__airu-image {
  width: 27.2rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__airu-image {
    width: 100%;
  }
}
.p-attendant-benefit__airu-content {
  width: 46.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__airu-content {
    width: 100%;
  }
}
.p-attendant-benefit__airu-label {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8;
  margin-top: -0.7rem;
  letter-spacing: 0.05em;
  color: #888;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__airu-label {
    font-size: 1rem;
  }
}
.p-attendant-benefit__airu-title {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #292f4a;
  margin-top: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__airu-title {
    font-size: 1.3rem;
  }
}
.p-attendant-benefit__airu-list {
  border: 1px solid #ccc;
  padding: 1.4rem 2rem 2.3rem;
  width: 100%;
  margin-top: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__airu-list {
    padding: 1rem 1rem 1.6rem;
    margin-top: 1.2rem;
  }
}
.p-attendant-benefit__airu-item {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0;
  position: relative;
  z-index: 1;
  padding-left: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__airu-item {
    font-size: 1rem;
    padding-left: 1.2rem;
  }
}
.p-attendant-benefit__airu-item:not(:first-child) {
  margin-top: 0.3rem;
}
.p-attendant-benefit__airu-item::before {
  content: "";
  width: 0.7rem;
  aspect-ratio: 1/1;
  background: #dedede;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__airu-item::before {
    width: 0.5rem;
    top: 0.5rem;
  }
}
.p-attendant-benefit__notes {
  margin-top: 2.7rem;
  padding-right: 2rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__notes {
    margin-top: 1.8rem;
    padding-right: 0;
  }
}
.p-attendant-benefit__notes-item {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-attendant-benefit__notes-item {
    font-size: 1.2rem;
  }
}
.p-attendant-flow__lead {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__lead {
    font-size: 1.4rem;
    margin-top: 1.8rem;
  }
}
.p-attendant-flow__list {
  display: flex;
  gap: 2.9rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__list {
    flex-direction: column;
    margin-top: 2.4rem;
  }
}
.p-attendant-flow__item {
  flex: 1;
  overflow: hidden;
  padding: 0 1.2rem 1.2rem;
  display: flex;
  flex-direction: column;
}
.p-attendant-flow__item--purple {
  background: #b2b4e6;
}
.p-attendant-flow__item--purple .p-attendant-flow__count {
  color: #b2b4e6;
}
.p-attendant-flow__item--blue {
  background: #67b6ff;
}
.p-attendant-flow__item--blue .p-attendant-flow__count {
  color: #67b6ff;
}
.p-attendant-flow__item--cyan {
  background: #80d9e8;
}
.p-attendant-flow__item--cyan .p-attendant-flow__count {
  color: #80d9e8;
}
.p-attendant-flow__head {
  padding: 2rem 2rem 1.5rem;
  text-align: center;
  min-height: 9.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__head {
    min-height: unset;
    padding: 1.6rem;
  }
}
.p-attendant-flow__title {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__title {
    font-size: 1.6rem;
  }
}
.p-attendant-flow__subtitle {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #fff;
  margin-block: 0.8rem 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__subtitle {
    font-size: 1.2rem;
  }
}
.p-attendant-flow__body {
  background: #fff;
  border-top: none;
  padding: 3rem 1rem 1rem;
  text-align: center;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__body {
    min-height: unset;
    padding: 2rem 1.6rem;
  }
}
.p-attendant-flow__count {
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__count {
    font-size: 1.6rem;
  }
}
.p-attendant-flow__label {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__label {
    font-size: 1.2rem;
  }
}
.p-attendant-flow__tags {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__tags {
    flex-wrap: wrap;
  }
}
.p-attendant-flow__tag {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  flex: 1;
  background: #f7f7f7;
  padding: 1.4rem 1.2rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__tag {
    font-size: 1.2rem;
    padding: 1rem;
  }
}
.p-attendant-flow__action {
  display: flex;
  justify-content: center;
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__action {
    margin-top: 3.2rem;
  }
}
.p-attendant-flow__action .c-button-border {
  max-width: 40.8rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.7rem 2rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-flow__action .c-button-border {
    padding: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .p-attendant-flow__action .c-button-border:hover::before {
    background-color: #fff;
  }
}
.p-attendant-flow__action .c-button-border::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  mask-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%3Cg clip-path='url(%23clip0_7516_24797)'%3E%3Cpath d='M11.8268 0H6.51066H6.09872L5.80763 0.291063L1.78325 4.31569L1.49219 4.60675V5.0185V13.3158C1.49219 14.7958 2.69619 16 4.17644 16H11.8268C13.3066 16 14.5106 14.7958 14.5106 13.3158V2.68425C14.5106 1.204 13.3066 0 11.8268 0ZM13.5169 13.3158C13.5169 14.2494 12.7602 15.0061 11.8268 15.0061H4.17644C3.24256 15.0061 2.48588 14.2494 2.48588 13.3158V5.01847H5.102C5.87966 5.01847 6.51066 4.38791 6.51066 3.61003V0.993875H11.8268C12.7602 0.993875 13.5169 1.75056 13.5169 2.68425V13.3158Z' fill='%23004193'/%3E%3Cpath d='M5.37391 7.89844H4.48238C4.31263 7.89844 4.21094 8.00884 4.21094 8.17422V10.479C4.21094 10.6787 4.34231 10.8103 4.52472 10.8103C4.70319 10.8103 4.83453 10.6787 4.83453 10.479V9.77884C4.83453 9.76181 4.84325 9.75331 4.86028 9.75331H5.37391C6.00188 9.75331 6.37978 9.37125 6.37978 8.82794C6.37981 8.27612 6.00625 7.89844 5.37391 7.89844ZM5.33553 9.21416H4.86028C4.84325 9.21416 4.83453 9.20566 4.83453 9.18884V8.46291C4.83453 8.44587 4.84325 8.43741 4.86028 8.43741H5.33553C5.59866 8.43741 5.75575 8.5945 5.75575 8.82797C5.75578 9.06141 5.59866 9.21416 5.33553 9.21416Z' fill='%23004193'/%3E%3Cpath d='M7.822 7.89844H7.13863C6.96888 7.89844 6.86719 8.00884 6.86719 8.17422V10.5131C6.86719 10.6787 6.96884 10.7847 7.13863 10.7847H7.822C8.43731 10.7847 8.81959 10.5894 8.97231 10.1183C9.02731 9.95272 9.05741 9.75331 9.05741 9.34156C9.05741 8.92984 9.02728 8.73041 8.97231 8.56481C8.81956 8.09372 8.43731 7.89844 7.822 7.89844ZM8.37403 9.90191C8.30159 10.131 8.09387 10.2288 7.80497 10.2288H7.51653C7.4995 10.2288 7.49078 10.2202 7.49078 10.2032V8.47994C7.49078 8.46291 7.4995 8.45441 7.51653 8.45441H7.80497C8.09387 8.45441 8.30159 8.55216 8.37403 8.78128C8.40372 8.87903 8.42466 9.04878 8.42466 9.34159C8.42466 9.63441 8.40369 9.80416 8.37403 9.90191Z' fill='%23004193'/%3E%3Cpath d='M11.2894 7.89844H9.88906C9.71931 7.89844 9.61719 8.00884 9.61719 8.17422V10.479C9.61719 10.6787 9.749 10.8103 9.93141 10.8103C10.1094 10.8103 10.2412 10.6787 10.2412 10.479V9.65556C10.2412 9.63875 10.2495 9.63025 10.2665 9.63025H11.0817C11.2641 9.63025 11.3702 9.51988 11.3702 9.36275C11.3702 9.20563 11.2641 9.09547 11.0817 9.09547H10.2665C10.2495 9.09547 10.2412 9.08697 10.2412 9.06994V8.46291C10.2412 8.44587 10.2495 8.43741 10.2665 8.43741H11.2894C11.4636 8.43741 11.5783 8.32284 11.5783 8.17013C11.5783 8.01297 11.4635 7.89844 11.2894 7.89844Z' fill='%23004193'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7516_24797'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  position: unset;
  transform: unset;
  transition: all 0.3s;
}
.p-attendant-fee {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-fee {
    margin-top: 2.4rem;
  }
}
.p-attendant-fee__title {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #292f4a;
}
@media screen and (max-width: 767px) {
  .p-attendant-fee__title {
    font-size: 1.6rem;
  }
}
.p-attendant-fee__table-wrap {
  margin-top: 1.6rem;
  overflow-x: auto;
  background-color: #EDF7FF;
  padding: 2.4rem 1rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-fee__table-wrap {
    margin-top: 1.6rem;
    padding: 1.6rem 0.5rem;
  }
}
.p-attendant-fee__table {
  border-collapse: collapse;
  min-width: 70rem;
  width: 100%;
}
.p-attendant-fee__th, .p-attendant-fee__td {
  padding: 0 0.8rem;
  text-align: center;
  border-inline: 1px solid #dedede;
  vertical-align: middle;
}
.p-attendant-fee__th:first-child, .p-attendant-fee__td:first-child {
  border-left: none;
}
.p-attendant-fee__th:last-child, .p-attendant-fee__td:last-child {
  border-right: none;
}
.p-attendant-fee__th {
  position: relative;
  z-index: 1;
  width: 16.6666666667%;
}
.p-attendant-fee__th::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 0.8rem;
  background: #fff;
  z-index: -1;
}
.p-attendant-fee__th-label {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #004193;
  padding: 1.1rem 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-fee__th-label {
    font-size: 1.2rem;
  }
}
.p-attendant-fee__td {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 1.1rem 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-fee__td {
    font-size: 1.3rem;
  }
}
.p-attendant-fee__td--highlight {
  font-weight: 700;
  font-size: 2rem;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-attendant-fee__td--highlight {
    font-size: 1.6rem;
  }
}
.p-attendant-fee__note {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 2.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-fee__note {
    font-size: 1.2rem;
    margin-top: 1.2rem;
  }
}
.p-attendant-voice {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-voice {
    margin-top: 2.4rem;
  }
}
.p-attendant-voice__role {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #292f4a;
}
@media screen and (max-width: 767px) {
  .p-attendant-voice__role {
    font-size: 1.6rem;
  }
}
.p-attendant-voice__content {
  display: flex;
  gap: 5rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-voice__content {
    flex-direction: column;
    gap: 2.4rem;
    margin-top: 1.6rem;
  }
}
.p-attendant-voice__body {
  flex: 1;
}
.p-attendant-voice__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-attendant-voice__text {
    font-size: 1.4rem;
  }
}
.p-attendant-voice__profile {
  width: 30rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-attendant-voice__profile {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    align-items: flex-start;
  }
}
.p-attendant-voice__image {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-attendant-voice__image {
    width: 100%;
    flex-shrink: 0;
  }
}
.p-attendant-voice__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  background: #f7f7f7;
}
.p-attendant-voice__info {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-voice__info {
    margin-top: 0;
  }
}
.p-attendant-voice__name {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-attendant-voice__name {
    font-size: 1.4rem;
  }
}
.p-attendant-voice__meta {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #888;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-voice__meta {
    font-size: 1.1rem;
  }
}
.p-attendant-teacher {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-teacher {
    margin-top: 3rem;
  }
}
.p-attendant-teacher__content {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-teacher__content {
    flex-direction: column;
    gap: 2.4rem 0;
  }
}
.p-attendant-teacher__content + .p-attendant-teacher__content {
  margin-top: 4.8rem;
  gap: 0 5rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-teacher__content + .p-attendant-teacher__content {
    margin-top: 3.2rem;
    gap: 2.4rem 0;
  }
}
.p-attendant-teacher__body {
  flex: 1;
}
.p-attendant-teacher__question {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-attendant-teacher__question {
    font-size: 1.6rem;
  }
}
.p-attendant-teacher__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-teacher__text {
    font-size: 1.4rem;
    margin-top: 0;
  }
}
.p-attendant-teacher__profile {
  width: 30rem;
  flex-shrink: 0;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-teacher__profile {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    align-items: flex-start;
    margin-top: 0;
  }
}
.p-attendant-teacher__image {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-attendant-teacher__image {
    width: 100%;
    flex-shrink: 0;
  }
}
.p-attendant-teacher__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  background: #f7f7f7;
}
.p-attendant-teacher__info {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-teacher__info {
    margin-top: 0;
  }
}
.p-attendant-teacher__position {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0;
  color: #888;
  padding: 0.7rem 1rem;
  border: 1px solid #ccc;
  display: inline-block;
  border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-teacher__position {
    font-size: 1rem;
    padding: 0.5rem 0.8rem;
  }
}
.p-attendant-teacher__name {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-teacher__name {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}
.p-attendant-teacher__bio {
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 1.45;
  letter-spacing: 0;
  color: #888;
  margin-top: 1.3rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-teacher__bio {
    margin-top: 0.8rem;
    font-size: 1rem;
  }
}
.p-attendant-qualification__lead {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 2.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__lead {
    font-size: 1.4rem;
    margin-top: 1.8rem;
  }
}
.p-attendant-qualification__title {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__title {
    font-size: 2rem;
  }
}
.p-attendant-qualification__table {
  border-left: solid 0.1rem #E6E6E6;
  border-top: solid 0.1rem #E6E6E6;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__table {
    table-layout: fixed;
    width: 88rem;
  }
}
.p-attendant-qualification__table-wrap {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__table-wrap {
    padding-inline: 2rem;
    margin-inline: -2rem;
    margin-top: 0.8rem;
    overflow: auto;
  }
}
.p-attendant-qualification__table-heading {
  text-align: center;
  background: #EDF7FF;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  white-space: nowrap;
  vertical-align: middle;
  border-right: solid 0.1rem #E6E6E6;
  border-bottom: solid 0.1rem #E6E6E6;
  padding: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__table-heading {
    font-size: 1.3rem;
    padding: 0.4rem;
  }
  .p-attendant-qualification__table-heading[colspan="2"] {
    width: 50rem;
  }
}
.p-attendant-qualification__table-heading--first {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__table-heading--first {
    width: 8.8rem;
    font-size: 1.2rem;
  }
}
.p-attendant-qualification__table-heading-sub {
  width: 29.5rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__table-heading-sub {
    width: 25rem;
  }
}
.p-attendant-qualification__table-heading-sub--01 {
  background: #004193;
}
.p-attendant-qualification__table-heading-sub--02 {
  background: #03BBD5;
}
.p-attendant-qualification__table-title {
  text-align: center;
  align-self: center;
  background: #F6F6F6;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  white-space: nowrap;
  vertical-align: middle;
  border-right: solid 0.1rem #E6E6E6;
  border-bottom: solid 0.1rem #E6E6E6;
  padding: 1.2rem 0.8rem 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__table-title {
    width: 8.8rem;
    font-size: 1.1rem;
    padding: 1.2rem 0 0.8rem;
  }
}
.p-attendant-qualification__table-title img {
  display: block;
  width: 3rem;
  margin: 0 auto 0.4rem;
}
.p-attendant-qualification__table-body {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  vertical-align: middle;
  border-right: solid 0.1rem #E6E6E6;
  border-bottom: solid 0.1rem #E6E6E6;
  padding: 0.8rem 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__table-body {
    font-size: 1.3rem;
    padding: 0.4rem 0.8rem;
  }
}
.p-attendant-qualification__table-note {
  font-size: 1.3rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__table-note {
    font-size: 1.1rem;
  }
}
.p-attendant-qualification__notes {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__notes {
    margin-top: 1.8rem;
  }
}
.p-attendant-qualification__notes-item {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-attendant-qualification__notes-item {
    font-size: 1.1rem;
  }
}
.p-attendant-guide {
  position: relative;
  z-index: 1;
}
.p-attendant-guide .p-distance-guide__banner {
  margin-bottom: 9.6rem;
}
@media screen and (max-width: 767px) {
  .p-attendant-guide .p-distance-guide__banner {
    margin-bottom: 5rem;
  }
}

.p-about {
  overflow: clip;
}
.p-about__head {
  background-image: url(../img/about/img_head-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  padding: 10.6rem 0 13.9rem;
}
@media screen and (max-width: 767px) {
  .p-about__head {
    padding: 3rem 0 5rem;
  }
}
.p-about__head-read {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-about__head-read {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0 0 1.8rem;
  }
}
.p-about__head-read br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-about__head-read br {
    display: block;
  }
}
.p-about__head-title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-about__head-title {
    font-size: 2.4rem;
  }
}
.p-about__head-sub {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  opacity: 0.5;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-about__head-sub {
    margin: 1.4rem 0 0 0.45rem;
  }
}
.p-about__head-sub::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background: #fff;
}
.p-about__head-text {
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-about__head-text {
    font-size: 1.3rem;
    margin-top: 2.4rem;
  }
}
.p-about-content {
  display: flex;
  gap: 10rem;
  padding-top: 0.5rem;
  margin-top: 10rem;
  margin-bottom: 10.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-content {
    padding: 0 2rem;
    margin-top: 4rem;
    margin-bottom: 4.8rem;
  }
}
.p-about-side {
  width: 30rem;
}
@media screen and (max-width: 767px) {
  .p-about-side {
    display: none;
  }
}
.p-about-side__sidebar {
  position: sticky;
  top: 12rem;
  width: 30rem;
  height: 39rem;
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  padding-left: 8rem;
  background-color: #fff;
}
.p-about-side__list {
  display: grid;
  gap: 2.4rem;
}
.p-about-side__list_link {
  font-weight: 500;
  font-size: 1.3rem;
  color: #333;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  transition: color 0.3s;
}
.p-about-side__list_link span {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  border: 0.1rem solid #004193;
  display: inline-block;
  position: relative;
}
.p-about-side__list_link span:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0.4rem;
  transform: translateY(-50%) rotate(45deg);
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.1rem solid #004193;
  border-right: 0.1rem solid #004193;
}
.p-about-side__list_link:hover {
  color: #004193;
}
.p-about-main {
  width: 96rem;
}
@media screen and (max-width: 767px) {
  .p-about-main {
    width: 100%;
  }
}
.p-about-top__read {
  margin: 10rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about-top__read {
    margin: 5rem 0 0;
  }
}
.p-about-top__read_title {
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
  font-weight: 500;
  font-size: 3.2rem;
  color: #004193;
  line-height: 1.2;
  letter-spacing: 0.15em;
  text-align: center;
  margin: 0 0 8rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__read_title {
    font-size: 1.8rem;
    line-height: 1.8;
    letter-spacing: 0.25em;
    margin: 0 0 4rem;
  }
}
.p-about-top__read_text {
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
  font-size: 2.1rem;
  font-weight: 500;
  color: #004193;
  line-height: 2.3;
  letter-spacing: 0.15em;
  text-align: center;
  margin: 6.4rem 0;
}
@media screen and (max-width: 767px) {
  .p-about-top__read_text {
    font-size: 1.5rem;
    line-height: 2.1;
    letter-spacing: 0.1em;
    margin: 3.2rem 0;
  }
}
.p-about-top__slider {
  margin-top: 10rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__slider {
    margin-top: 4rem;
  }
}
.p-about-top__slider_img {
  max-width: 40rem;
  margin-right: 1rem;
  aspect-ratio: 1/1;
}
.p-about-top__sec01 {
  margin: 12rem 0;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec01 {
    margin: 6rem 0;
  }
}
.p-about-top__sec01_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec01_grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.p-about-top__sec01_grid_item {
  background-color: #fff;
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.16);
  padding: 4rem 4.8rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec01_grid_item {
    padding: 2.4rem 1.8rem;
  }
}
.p-about-top__sec01_grid_item:hover {
  background-color: #004193;
}
.p-about-top__sec01_grid_item:hover .p-about-top__sec01_grid_item_title {
  color: #fff;
}
.p-about-top__sec01_grid_item:hover .p-about-top__sec01_grid_item_title:after {
  border-color: #fff;
  background-color: #fff;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-about-top__sec01_grid_item:hover .p-about-top__sec01_grid_item_text {
  color: #fff;
}
.p-about-top__sec01_grid_item_title {
  font-weight: 500;
  font-size: 2.1rem;
  color: #004193;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec01_grid_item_title {
    font-size: 1.8rem;
  }
}
.p-about-top__sec01_grid_item_title:after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 55% 50%;
  background-size: 0.6rem 0.6rem;
  border-radius: 50%;
  border: 0.1rem solid #004193;
  background-color: #004193;
  transition: 0.3s;
}
.p-about-top__sec01_grid_item_text {
  font-size: 1.5rem;
  color: #333;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.1rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec01_grid_item_text {
    font-size: 1.3rem;
  }
}
.p-about-top__sec01-links {
  margin-top: 2rem;
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec01-links {
    flex-direction: column;
    gap: 1rem;
  }
}
.p-about-top__sec01-links-item-link {
  font-size: 1.4rem;
  color: #004193;
  text-decoration: underline;
}
.p-about-top__sec01-links-item-link:hover {
  opacity: 0.6;
}
.p-about-top__sec02 {
  background-color: #f7f7f7;
  padding: 8rem 0 12rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec02 {
    padding: 4rem 0 6rem;
  }
}
.p-about-top__sec02_inner {
  max-width: 104rem;
  margin: auto;
  padding: 0 2rem;
}
.p-about-top__sec02_title_en {
  font-family: brandon-grotesque, sans-serif;
  font-size: 6.4rem;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.25em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec02_title_en {
    font-size: 4rem;
  }
}
.p-about-top__sec02_title_ja {
  font-size: 1.6rem;
  color: #004193;
  letter-spacing: 0.15em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec02_title_ja {
    font-size: 1.3rem;
  }
}
.p-about-top__sec02_body {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec02_body {
    gap: 4rem;
    margin-top: 4rem;
  }
}
.p-about-top__sec02_textbox_text {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec02_textbox_text {
    font-size: 1.3rem;
  }
}
.p-about-top__sec02_textbox_read {
  font-size: 1.4rem;
  border-bottom: solid 0.1rem #004193;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec02_textbox_read {
    font-size: 1.2rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}
.p-about-top__sec02_image {
  position: relative;
}
.p-about-top__sec02_image_catch {
  color: #004193;
  text-align: right;
  font-size: 3.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  position: absolute;
  top: 50%;
  right: 6rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-about-top__sec02_image_catch {
    font-size: 1.8rem;
    top: 8rem;
    right: 0;
    transform: unset;
  }
}
.p-about-top__sec02_name {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec02_name {
    margin-top: 1.6rem;
  }
}
.p-about-top__sec02_name_text {
  font-size: 1.3rem;
  color: #888;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec02_name_text {
    font-size: 1.1rem;
  }
}
.p-about-top__sec02_name_title {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec02_name_title {
    font-size: 1.8rem;
  }
}
.p-about-top__sec03 {
  padding: 12rem 0;
  margin-bottom: 24rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03 {
    padding: 6rem 0;
    margin-bottom: 12rem;
  }
}
.p-about-top__sec03:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: #edf7ff;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03:before {
    width: calc(100vw + 4rem);
    left: -2rem;
    transform: none;
  }
}
.p-about-top__sec03_inner {
  max-width: 104rem;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_inner {
    padding: 0 2rem;
  }
}
.p-about-top__sec03_title {
  font-weight: 500;
  font-size: 4.8rem;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_title {
    font-size: 2.4rem;
  }
}
.p-about-top__sec03_body {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_body {
    gap: 0.8rem;
    margin-top: 2rem;
  }
}
.p-about-top__sec03_item {
  width: 100%;
  background-color: #fff;
  text-align: center;
  position: relative;
}
.p-about-top__sec03_item--half {
  width: calc((100% - 1.6rem) / 2);
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item--half {
    width: 100%;
  }
}
.p-about-top__sec03_item_title {
  font-weight: 500;
  font-size: 3.2rem;
  color: #004193;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item_title {
    font-size: 1.6rem;
  }
}
.p-about-top__sec03_item_img {
  width: 100%;
  display: block;
}
.p-about-top__sec03_item:nth-of-type(1) {
  background-image: url(../img/about/feature/img_deco_1-1.svg), url(../img/about/feature/img_deco_1-2.svg);
  background-repeat: no-repeat;
  background-position: left 6.8rem bottom 2.7rem, right 7.7rem bottom 2.65rem;
  background-size: 5rem, 4rem;
  padding: 2.4rem 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(1) {
    background-position: left 4.8rem bottom 2.2rem, right 4.7rem bottom 1.65rem;
    background-size: 4rem, 3rem;
  }
}
.p-about-top__sec03_item:nth-of-type(1) .p-about-top__sec03_item_title {
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(1) .p-about-top__sec03_item_title {
    font-size: 1.6rem;
  }
}
.p-about-top__sec03_item:nth-of-type(1) p {
  font-family: brandon-grotesque, sans-serif;
  font-weight: bold;
  font-size: 4.8rem;
  color: #004193;
  letter-spacing: 0.15em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(1) p {
    font-size: 2.4rem;
    margin-top: 0.6rem;
  }
}
.p-about-top__sec03_item:nth-of-type(2) {
  background-image: url(../img/about/feature/img_deco_2-1.svg), url(../img/about/feature/img_deco_2-2.svg);
  background-repeat: no-repeat;
  background-position: left 7.2rem bottom 2.9rem, right 7.2rem bottom 2.9rem;
  background-size: 4.5rem, 4.5rem;
  padding: 2.4rem 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(2) {
    background-position: left 5.2rem bottom 1.9rem, right 5.2rem bottom 1.9rem;
    background-size: 3.5rem, 3.5rem;
  }
}
.p-about-top__sec03_item:nth-of-type(2) .p-about-top__sec03_item_title {
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(2) .p-about-top__sec03_item_title {
    font-size: 1.6rem;
  }
}
.p-about-top__sec03_item:nth-of-type(2) p {
  font-family: brandon-grotesque, sans-serif;
  font-weight: bold;
  font-size: 4.8rem;
  color: #004193;
  letter-spacing: 0.15em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(2) p {
    font-size: 2.4rem;
    margin-top: 0.6rem;
  }
}
.p-about-top__sec03_item:nth-of-type(3) {
  background-image: url(../img/about/feature/img_deco_3-1.svg), url(../img/about/feature/img_deco_3-2.svg);
  background-repeat: no-repeat;
  background-position: left 19.2rem bottom 4rem, right 10.4rem bottom 4rem;
  background-size: 7.4rem, 6.6rem;
  padding: 3.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(3) {
    background-position: left 2.2rem bottom 3rem, right 2.4rem bottom 3rem;
    background-size: 4.2rem, 4rem;
    padding: 1.8rem 0;
  }
}
.p-about-top__sec03_item:nth-of-type(3) p {
  font-family: brandon-grotesque, sans-serif;
  font-weight: bold;
  font-size: 6.4rem;
  color: #004193;
  letter-spacing: 0.15em;
  margin-top: 2.4rem;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(3) p {
    font-size: 3.2rem;
    margin-top: 1.2rem;
  }
}
.p-about-top__sec03_item:nth-of-type(3) p span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  color: #333;
  letter-spacing: 0.15em;
  position: absolute;
  bottom: 1rem;
  left: calc(100% + 1.2rem);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(3) p span {
    display: block;
    font-size: 1rem;
    margin-top: 0.4rem;
    position: static;
  }
}
.p-about-top__sec03_item:nth-of-type(4) .p-about-top__sec03_item_title {
  position: absolute;
  top: 4rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(4) .p-about-top__sec03_item_title {
    top: 2rem;
  }
}
.p-about-top__sec03_item:nth-of-type(5) .p-about-top__sec03_item_title {
  position: absolute;
  top: 4rem;
  left: 4rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(5) .p-about-top__sec03_item_title {
    top: 2rem;
    left: 2rem;
  }
}
.p-about-top__sec03_item:nth-of-type(6) .p-about-top__sec03_item_title {
  position: absolute;
  top: 4rem;
  left: 4rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(6) .p-about-top__sec03_item_title {
    top: 2rem;
    left: 2rem;
  }
}
.p-about-top__sec03_item:nth-of-type(7) .p-about-top__sec03_item_title {
  position: absolute;
  top: 4rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(7) .p-about-top__sec03_item_title {
    top: 2rem;
  }
}
.p-about-top__sec03_item:nth-of-type(8) {
  display: grid;
  grid-template-columns: 45rem 1fr;
  gap: 3.2rem;
  padding: 4.4rem 5.6rem 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(8) {
    display: block;
    padding: 2rem;
  }
}
.p-about-top__sec03_item:nth-of-type(8) .p-about-top__sec03_item_title {
  grid-column: 1/3;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(8) .p-about-top__sec03_item_title {
    gap: 1.2rem;
    margin-bottom: 1.6rem;
  }
}
.p-about-top__sec03_item:nth-of-type(8) .p-about-top__sec03_item_title::before, .p-about-top__sec03_item:nth-of-type(8) .p-about-top__sec03_item_title::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.p-about-top__sec03_item:nth-of-type(8) .p-about-top__sec03_item_title::before {
  width: 3.85rem;
  aspect-ratio: 39/44;
  background-image: url(../img/about/feature/img_deco_4-1.svg);
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(8) .p-about-top__sec03_item_title::before {
    width: 2.25rem;
  }
}
.p-about-top__sec03_item:nth-of-type(8) .p-about-top__sec03_item_title::after {
  width: 4.7rem;
  aspect-ratio: 41/33;
  background-image: url(../img/about/feature/img_deco_4-2.svg);
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item:nth-of-type(8) .p-about-top__sec03_item_title::after {
    width: 3.1rem;
  }
}
.p-about-top__sec03_item_note {
  text-align: right;
  font-size: 1.6rem;
  letter-spacing: 0.15em;
  margin-right: 6rem;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item_note {
    font-size: 1.1rem;
    margin-top: 1.6rem;
    margin-right: 0;
  }
}
.p-about-top__sec03_item_text {
  grid-column: 2/3;
  grid-row: 2/4;
  align-self: center;
}
.p-about-top__sec03_item_text p {
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 0.1rem #004193;
  border-bottom: solid 0.1rem #004193;
  padding: 2.4rem 0;
}
@media screen and (max-width: 767px) {
  .p-about-top__sec03_item_text p {
    font-size: 1.3rem;
    padding: 1.2rem 0;
    margin-top: 1.6rem;
  }
}
.p-about-feature .p-about-side__sidebar {
  height: 34rem;
}
.p-about-feature__title {
  font-weight: 500;
  font-size: 4rem;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-feature__title {
    font-size: 2.4rem;
  }
}
.p-about-feature__title span {
  color: #333;
}
.p-about-feature__sec01 {
  border-bottom: 0.1rem solid #dedede;
  padding: 0 0 10rem;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec01 {
    padding: 0 0 5rem;
  }
}
.p-about-feature__sec01_catch {
  text-align: center;
  color: #004193;
  font-size: 3.2rem;
  font-weight: 600;
  font-family: "fot-tsukuaoldmin-pr6n", serif;
  letter-spacing: 0.25em;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec01_catch {
    font-size: 2.4rem;
  }
}
.p-about-feature__sec01_catch span {
  display: block;
  color: #333;
  font-size: 2.4rem;
  margin: 1.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec01_catch span {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0.8rem 0 0;
  }
}
.p-about-feature__sec01_img {
  width: 100%;
  display: block;
  margin: 1.2rem auto 4rem;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec01_img {
    margin: 1.2rem auto 2.4rem;
  }
}
.p-about-feature__sec01_text {
  color: #004193;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec01_text {
    font-size: 1.3rem;
    margin: 1.6rem 0 0;
  }
}
.p-about-feature__sec02 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5.4rem;
  margin: 10rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec02 {
    grid-template-columns: 1fr;
    gap: 2.7rem;
    margin: 5rem 0 0;
  }
}
.p-about-feature__sec02-btn {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec02-btn .c-common-btn {
    width: 30rem;
  }
}
.p-about-feature__item_text {
  font-size: 2.4rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin: 3.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-about-feature__item_text {
    font-size: 1.6rem;
    margin: 1.6rem 0;
  }
}
.p-about-feature__item_image {
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about-feature__item_image {
    margin: 1.6rem 0 0;
  }
}
.p-about-feature__sec06 {
  padding-top: 9rem;
  margin-top: 16rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06 {
    padding-top: 4rem;
    margin-top: 8rem;
  }
}
.p-about-feature__sec06:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: calc(100% + 8rem);
  background-color: #edf7ff;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06:before {
    left: -2rem;
    transform: none;
    height: calc(100% + 4rem);
  }
}
.p-about-feature__sec06_body {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_body {
    gap: 0.8rem;
  }
}
.p-about-feature__sec06_item {
  width: 100%;
  background-color: #fff;
  text-align: center;
  position: relative;
}
.p-about-feature__sec06_item--half {
  width: calc((100% - 1.6rem) / 2);
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item--half {
    width: calc((100% - 0.8rem) / 2);
  }
}
.p-about-feature__sec06_item_title {
  font-weight: 500;
  font-size: 3rem;
  color: #004193;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item_title {
    font-size: 1.6rem;
  }
}
.p-about-feature__sec06_item_img {
  width: 100%;
  display: block;
}
.p-about-feature__sec06_item:nth-of-type(1) {
  padding: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item:nth-of-type(1) {
    padding: 1.2rem 0;
  }
}
.p-about-feature__sec06_item:nth-of-type(1) p {
  font-family: brandon-grotesque, sans-serif;
  font-weight: bold;
  font-size: 4.8rem;
  color: #004193;
  letter-spacing: 0.15em;
  margin-top: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item:nth-of-type(1) p {
    font-size: 2.8rem;
  }
}
.p-about-feature__sec06_item:nth-of-type(2) {
  padding: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item:nth-of-type(2) {
    padding: 1.2rem 0;
  }
}
.p-about-feature__sec06_item:nth-of-type(2) p {
  font-family: brandon-grotesque, sans-serif;
  font-weight: bold;
  font-size: 4.8rem;
  color: #004193;
  letter-spacing: 0.15em;
  margin-top: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item:nth-of-type(2) p {
    font-size: 2.8rem;
  }
}
.p-about-feature__sec06_item:nth-of-type(3) {
  padding: 3.3rem 0;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item:nth-of-type(3) {
    padding: 1.8rem 0;
  }
}
.p-about-feature__sec06_item:nth-of-type(3) p {
  font-family: brandon-grotesque, sans-serif;
  font-weight: bold;
  font-size: 5.9rem;
  color: #004193;
  letter-spacing: 0.15em;
  margin-top: 1rem;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item:nth-of-type(3) p {
    font-size: 3.2rem;
  }
}
.p-about-feature__sec06_item:nth-of-type(3) p span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 1.48rem;
  color: #333;
  letter-spacing: 0.15em;
  position: absolute;
  bottom: 0.4rem;
  left: calc(100% + 1.2rem);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item:nth-of-type(3) p span {
    font-size: 1rem;
    left: calc(100% + 0.4rem);
  }
}
.p-about-feature__sec06_item:nth-of-type(4) .p-about-feature__sec06_item_title {
  position: absolute;
  top: 2.8rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item:nth-of-type(4) .p-about-feature__sec06_item_title {
    top: 1.6rem;
  }
}
.p-about-feature__sec06_item:nth-of-type(5) .p-about-feature__sec06_item_title {
  position: absolute;
  top: 3rem;
  left: 3.7rem;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item:nth-of-type(5) .p-about-feature__sec06_item_title {
    top: 0.5rem;
    left: 1rem;
  }
}
.p-about-feature__sec06_item:nth-of-type(6) .p-about-feature__sec06_item_title {
  position: absolute;
  top: 3rem;
  left: 3.7rem;
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item:nth-of-type(6) .p-about-feature__sec06_item_title {
    top: 0.5rem;
    left: 1rem;
  }
}
.p-about-feature__sec06_item:nth-of-type(7) .p-about-feature__sec06_item_title {
  position: absolute;
  top: 2.8rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-about-feature__sec06_item:nth-of-type(7) .p-about-feature__sec06_item_title {
    top: 1.6rem;
  }
}
.p-about-support .p-about__head {
  padding-bottom: 9.2rem;
}
.p-about-support__sec {
  padding-top: 6.3rem;
  position: relative;
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-about-support__sec {
    margin-top: 4rem;
    padding-top: 4rem;
  }
}
.p-about-support__sec:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.7rem;
  background-image: url(../img/about/support/img_sec-border.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}
.p-about-support__text {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-support__text {
    font-size: 1.3rem;
  }
}
.p-about-support__title {
  display: flex;
  gap: 1.6rem;
  font-weight: 500;
  font-size: 4.8rem;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 0.5rem;
  margin-bottom: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-support__title {
    gap: 0.8rem;
    font-size: 2.4rem;
    margin-bottom: 2.8rem;
  }
}
.p-about-support__title::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 4.4rem;
  background: #004193;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-support__title::before {
    width: 0.3rem;
    height: 2.2rem;
    margin-top: 0.8rem;
  }
}
.p-about-support__item {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 6.3rem;
}
@media screen and (max-width: 767px) {
  .p-about-support__item {
    gap: 2rem;
  }
}
.p-about-support__item + .p-about-support__item {
  margin-top: 6.4rem;
  padding-top: 6.4rem;
  border-top: 0.1rem solid #dedede;
}
@media screen and (max-width: 767px) {
  .p-about-support__item + .p-about-support__item {
    margin-top: 3rem;
    padding-top: 3rem;
  }
}
.p-about-support__item_title {
  font-weight: 500;
  font-size: 2.4rem;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-support__item_title {
    font-size: 1.8rem;
  }
}
.p-about-support__item_title span {
  font-size: 1.4rem;
}
.p-about-support__item_text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-support__item_text {
    font-size: 1.3rem;
    margin-top: 1.2rem;
  }
}
.p-about-support__item_text span {
  color: #004193;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-support__item_text span {
    display: block;
    margin-top: 0.8rem;
  }
}
.p-about-support__item_link {
  font-size: 1.3rem;
  color: #004193;
  text-decoration: underline;
  margin-top: 2.7rem;
  display: inline-block;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-about-support__item_link {
    font-size: 1.1rem;
    margin-top: 1.6rem;
  }
}
.p-about-support__item_link:hover {
  opacity: 0.7;
  text-decoration: none;
}
.p-about-support__item_cap {
  font-size: 1.1rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-weight: 400;
  margin-top: 0.5rem;
}
.p-about-support__textbox {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-about-support__textbox {
    flex: auto;
    width: 100%;
  }
}
.p-about-support__image {
  width: 43rem;
}
@media screen and (max-width: 767px) {
  .p-about-support__image {
    width: 100%;
  }
}
.p-about-support__sec03 .p-about-support__item:last-of-type {
  padding-bottom: 6.4rem;
  border-bottom: 0.1rem solid #dedede;
}
@media screen and (max-width: 767px) {
  .p-about-support__sec03 .p-about-support__item:last-of-type {
    padding-bottom: 3rem;
  }
}
.p-about-support__link {
  text-align: center;
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-about-support__link {
    margin-top: 4rem;
  }
}
.p-about-policy__title {
  font-weight: 500;
  font-size: 3.2rem;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-policy__title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-about-policy__title {
    font-size: 2.2rem;
  }
}
.p-about-policy__sec01 {
  margin-top: 10rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec01 {
    margin-top: 4rem;
  }
}
.p-about-policy__sec01_list {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec01_list {
    flex-direction: column;
    margin-top: 2rem;
  }
}
.p-about-policy__sec01_list_item {
  flex: 0 0 33.3333333333%;
  text-align: center;
  background-color: #edf7ff;
  padding: 3.2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec01_list_item {
    padding: 2rem 1rem;
  }
}
.p-about-policy__sec01_list_item span {
  width: 4rem;
  height: 4rem;
  display: grid;
  place-items: center;
  color: #fff;
  background-color: #004193;
  font-size: 2rem;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec01_list_item span {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.6rem;
  }
}
.p-about-policy__sec01_list_item_title {
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #004193;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec01_list_item_title {
    height: auto;
    font-size: 1.9rem;
  }
}
.p-about-policy__sec01_list_item_img {
  width: 10rem;
  margin: 2.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec01_list_item_img {
    margin: 1.6rem auto 0;
  }
}
.p-about-policy__sec01_list_item p {
  text-align: left;
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec01_list_item p {
    font-size: 1.3rem;
    margin-top: 0.8rem;
  }
}
.p-about-policy__sec02 {
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec02 {
    margin-top: 6rem;
  }
}
.p-about-policy__sec02_text {
  text-align: justify;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 3.6rem 0;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec02_text {
    font-size: 1.3rem;
    margin: 2rem 0;
  }
}
.p-about-policy__sec02-body {
  border-top: solid 0.1rem #dedede;
}
.p-about-policy__sec02-list {
  display: flex;
  border-left: solid 0.1rem #dedede;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec02-list {
    display: block;
  }
}
.p-about-policy__sec02-list-head {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #004193;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  white-space: nowrap;
  border-right: solid 0.1rem #dedede;
  border-bottom: solid 0.1rem #dedede;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec02-list-head {
    font-size: 1.2rem;
    padding: 1.2rem;
  }
}
.p-about-policy__sec02-list-item {
  display: grid;
  grid-template-columns: 18rem 1fr;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  border-bottom: solid 0.1rem #dedede;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec02-list-item {
    display: block;
    font-size: 1.2rem;
  }
}
.p-about-policy__sec02-list-item-label {
  height: 100%;
  display: flex;
  align-items: center;
  color: #004193;
  background: #EDF7FF;
  border-right: solid 0.1rem #dedede;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec02-list-item-label {
    padding: 1.2rem;
  }
}
.p-about-policy__sec02-list-item-desc {
  display: flex;
  align-items: center;
  border-right: solid 0.1rem #dedede;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec02-list-item-desc {
    padding: 1.2rem;
  }
}
.p-about-policy__sec03 {
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec03 {
    margin-top: 6rem;
  }
}
.p-about-policy__sec03_text {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 3.6rem 0;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec03_text {
    font-size: 1.3rem;
    margin: 2rem 0;
  }
}
.p-about-policy__sec03_list {
  background-color: #edf7ff;
  padding: 3.2rem 3.2rem 3.2rem 4.7rem;
  display: grid;
  gap: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec03_list {
    padding: 2rem 1.6rem 2rem 3.2rem;
    gap: 1rem;
  }
}
.p-about-policy__sec03_list_item {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  list-style-type: disc;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec03_list_item {
    font-size: 1.4rem;
  }
}
.p-about-policy__sec03_list_item::marker {
  color: #004193;
}
.p-about-policy__sec04 {
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec04 {
    margin-top: 6rem;
  }
}
.p-about-policy__sec04_text {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 3.6rem 0;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec04_text {
    font-size: 1.3rem;
    margin: 2rem 0;
  }
}
.p-about-policy__sec04_list {
  background-color: #edf7ff;
  padding: 3.2rem 3.2rem 3.2rem 4.7rem;
  display: grid;
  gap: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec04_list {
    padding: 2rem 1.6rem 2rem 3.2rem;
    gap: 1rem;
  }
}
.p-about-policy__sec04_list_item {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  list-style-type: disc;
}
@media screen and (max-width: 767px) {
  .p-about-policy__sec04_list_item {
    font-size: 1.4rem;
  }
}
.p-about-policy__sec04_list_item::marker {
  color: #004193;
}
.p-about-policy__banner {
  object-fit: cover;
  height: 40rem;
  display: block;
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-about-policy__banner {
    height: auto;
    margin-top: 6rem;
  }
}
.p-about-campus .p-about__head {
  background-image: url(../img/about/campus/img_head-bg.png);
}
.p-about-campus .p-about-side__sidebar {
  height: 34.8rem;
}
.p-about-campus .p-about-side__list_link p {
  line-height: 1.8rem;
}
.p-about-campus .p-about-side__list_link p:first-of-type {
  flex: 1;
}
.p-about-campus .p-about-side__list_link p:nth-of-type(2) {
  width: 100%;
  padding-left: 2.6rem;
}
.p-about-campus__sec {
  padding-top: 6.3rem;
  position: relative;
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__sec {
    margin-top: 4rem;
    padding-top: 4rem;
  }
}
.p-about-campus__sec:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.7rem;
  background-image: url(../img/about/campus/img_sec-border.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}
.p-about-campus__title {
  font-weight: 500;
  font-size: 4rem;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-campus__title {
    font-size: 2.2rem;
  }
}
.p-about-campus__text {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__text {
    font-size: 1.3rem;
    margin-top: 1.5rem;
  }
}
.p-about-campus__image {
  display: block;
  margin: 4rem auto;
}
@media screen and (max-width: 767px) {
  .p-about-campus__image {
    margin: 2rem auto;
  }
}
.p-about-campus__body {
  padding: 5.6rem 4.8rem 7.2rem;
  background-color: #edf7ff;
}
@media screen and (max-width: 767px) {
  .p-about-campus__body {
    padding: 2.4rem 2rem 4rem;
  }
}
.p-about-campus__body_title {
  font-weight: 500;
  font-size: 2rem;
  color: #004193;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__body_title {
    font-size: 1.6rem;
    gap: 0.8rem;
  }
}
.p-about-campus__body_title:before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: rgba(0, 65, 147, 0.3);
}
@media screen and (max-width: 767px) {
  .p-about-campus__body_title:before {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.p-about-campus__grid {
  margin-top: 4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4.5rem 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__grid {
    margin-top: 2rem;
    grid-template-columns: 1fr;
    gap: 2rem 0;
  }
}
.p-about-campus__grid_item {
  cursor: pointer;
}
.p-about-campus__grid_item:hover .p-about-campus__grid_image img {
  transform: scale(1.1);
}
.p-about-campus__grid_image {
  position: relative;
  display: block;
  aspect-ratio: 1/0.667;
  overflow: hidden;
}
.p-about-campus__grid_image:before {
  content: "";
  position: absolute;
  bottom: 1.3rem;
  right: 1.3rem;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: #004193;
  background-image: url(../img/about/campus/icon_plus.svg);
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  background-position: center;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-about-campus__grid_image:before {
    width: 4rem;
    height: 4rem;
    background-size: 1.2rem 1.2rem;
  }
}
.p-about-campus__grid_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.p-about-campus__grid_text {
  font-size: 1.3rem;
  color: #888;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__grid_text {
    font-size: 1.1rem;
  }
}
.p-about-campus__grid_title {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__grid_title {
    font-size: 1.4rem;
    margin-top: 0.3rem;
  }
}
.p-about-campus__link {
  text-align: center;
  margin-top: 4rem;
}
.p-about-campus__link .c-common-btn {
  width: 32rem;
}
.p-about-campus__sec03 .p-about-campus__image img {
  border: solid 0.1rem #dedede;
  padding: 4rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__sec03 .p-about-campus__image img {
    padding: 2rem;
  }
}
.p-about-campus__sec04_body {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 6.3rem;
  margin-top: 9rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__sec04_body {
    margin-top: 3rem;
  }
}
.p-about-campus__sec04_textbox {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-about-campus__sec04_textbox {
    flex: auto;
    width: 100%;
  }
}
.p-about-campus__sec04_title {
  font-weight: 500;
  font-size: 2.4rem;
  color: #004193;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-campus__sec04_title {
    font-size: 1.8rem;
  }
}
.p-about-campus__sec04_text {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__sec04_text {
    font-size: 1.3rem;
    margin-top: 2rem;
  }
}
.p-about-campus__sec04_img {
  width: 47rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__sec04_img {
    width: 100%;
  }
}
.p-about-campus__banner {
  border-top: 0.1rem solid #dedede;
  margin-top: 12.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__banner {
    margin-top: 6rem;
  }
}
.p-about-campus__banner_body {
  width: 100%;
  height: 12rem;
  max-width: 86.1rem;
  margin: 8rem auto 0;
  background-image: url(../img/about/campus/img_banner01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__banner_body {
    height: 10rem;
    gap: 2rem;
    padding: 0 1rem;
    margin: 4rem auto 0;
  }
}
.p-about-campus__banner_body:hover .p-about-campus__banner_icon {
  background-color: #004193;
}
.p-about-campus__banner_body:hover .p-about-campus__banner_icon:before {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-about-campus__banner_text {
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 1.5;
  color: #fff;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-campus__banner_text {
    font-size: 1.8rem;
  }
}
.p-about-campus__banner_icon {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-about-campus__banner_icon {
    width: 3.6rem;
    height: 3.6rem;
  }
}
.p-about-campus__banner_icon:before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-about-campus__banner_icon:before {
    width: 1rem;
    height: 1rem;
  }
}
.p-about-campus__modal {
  position: fixed;
  z-index: 5000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  overflow-y: auto;
}
.p-about-campus__modal_inner {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}
.p-about-campus__modal_body {
  width: 95%;
  max-width: 72rem;
  background-color: #fff;
  border-radius: 1.4rem;
  padding: 4rem;
  display: none;
}
@media screen and (max-width: 767px) {
  .p-about-campus__modal_body {
    padding: 2rem;
  }
}
.p-about-campus__modal_body--sec03 {
  min-width: 120rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__modal_body--sec03 {
    min-width: auto;
  }
}
.p-about-campus__modal_body--sec03 .p-about-campus__modal_slider {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-about-campus__modal_body--sec03 .p-about-campus__modal_slider {
    width: 28rem;
  }
}
.p-about-campus__modal_slider {
  width: 49.6rem;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .p-about-campus__modal_slider {
    width: 28rem;
  }
}
.p-about-campus__modal_slider .slick-prev,
.p-about-campus__modal_slider .slick-next {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  top: 16.5rem;
  transition: background-color 0.3s;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  .p-about-campus__modal_slider .slick-prev,
  .p-about-campus__modal_slider .slick-next {
    width: 3.2rem;
    height: 3.5rem;
    top: 9.5rem;
  }
}
.p-about-campus__modal_slider .slick-prev:before,
.p-about-campus__modal_slider .slick-next:before {
  content: "";
}
.p-about-campus__modal_slider .slick-prev:after,
.p-about-campus__modal_slider .slick-next:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  background-size: 1rem 1rem;
  border-radius: 50%;
  transform-origin: center;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-about-campus__modal_slider .slick-prev:after,
  .p-about-campus__modal_slider .slick-next:after {
    width: 3.5rem;
    height: 3.5rem;
    background-size: 0.8rem 0.8rem;
  }
}
.p-about-campus__modal_slider .slick-prev:hover,
.p-about-campus__modal_slider .slick-next:hover {
  background-color: #004193;
}
.p-about-campus__modal_slider .slick-prev:hover:after,
.p-about-campus__modal_slider .slick-next:hover:after {
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-about-campus__modal_slider .slick-prev {
  left: -7.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__modal_slider .slick-prev {
    left: -4rem;
  }
}
.p-about-campus__modal_slider .slick-prev:after {
  transform: scale(-1, 1) translateY(-50%);
}
.p-about-campus__modal_slider .slick-next {
  right: -7.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__modal_slider .slick-next {
    right: -4rem;
  }
}
.p-about-campus__modal_slider_item {
  position: relative;
}
.p-about-campus__modal_slider_item span {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  font-size: 1.2rem;
  padding: 0.2rem 0.4rem;
  position: absolute;
  bottom: 0.8rem;
  left: 0.8rem;
}
.p-about-campus__modal_slider_img {
  aspect-ratio: 1/0.667;
  object-fit: cover;
}
.p-about-campus__modal_slider_text {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-campus__modal_slider_text {
    font-size: 1.3rem;
  }
}
.p-about-campus__modal_slider_link {
  border-bottom: solid 0.1rem currentColor;
  transition: 0.3s;
}
.p-about-campus__modal_slider_link:hover {
  border-bottom: solid 0.1rem transparent;
}
.p-about-campus__modal_close {
  text-align: center;
  margin-top: 2.4rem;
}
.p-about-campus__modal_close button {
  font-size: 1.3rem;
  width: 20rem;
  height: 4.8rem;
}
.p-about-access__tab {
  margin-top: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__tab {
    margin-top: 4rem;
    gap: 1rem;
  }
}
.p-about-access__tab_item {
  font-weight: 500;
  font-size: 1.5rem;
  color: #333;
  width: 23.3rem;
  height: 6.6rem;
  background-color: #edf7ff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__tab_item {
    font-size: 1.2rem;
    width: 18rem;
    height: 5.5rem;
    padding: 0 1.2rem;
  }
}
.p-about-access__tab_item span {
  font-size: 1.2rem;
  display: inline-block;
  margin-right: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__tab_item span {
    font-size: 1rem;
    margin-right: 0.4rem;
  }
}
.p-about-access__tab_item:after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: #fff;
  border: 0.1rem solid #004193;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-size: 0.6rem 0.6rem;
  background-position: 55% 50%;
  transform: rotate(90deg);
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-about-access__tab_item:after {
    width: 1.6rem;
    height: 1.6rem;
    background-size: 0.5rem 0.5rem;
  }
}
.p-about-access__tab_item:hover:after {
  background-color: #004193;
  background-image: url(../img/common/icon_arrow-right-white.svg);
}
.p-about-access__sec01 {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec01 {
    margin-top: 4rem;
  }
}
.p-about-access__sec02 {
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec02 {
    margin-top: 6rem;
  }
}
.p-about-access__sec {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3rem 8rem;
}
.p-about-access__sec_info {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_info {
    flex: auto;
  }
}
.p-about-access__sec_image {
  width: 59.3rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_image {
    width: 100%;
  }
}
.p-about-access__sec_image img + img {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_image img + img {
    margin-top: 1.6rem;
  }
}
.p-about-access__sec_title {
  font-weight: 500;
  font-size: 3.2rem;
  color: #004193;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_title {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
}
.p-about-access__sec_text {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_text {
    font-size: 1.3rem;
  }
}
.p-about-access__sec_text + .p-about-access__sec_text {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_text + .p-about-access__sec_text {
    margin-top: 1.6rem;
  }
}
.p-about-access__sec_text span {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.p-about-access__sec_text span:before {
  content: "";
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #004193;
}
.p-about-access__sec_link {
  width: 32rem;
  display: grid;
  gap: 1.6rem;
  margin-top: 3.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_link {
    width: 100%;
    gap: 1rem;
    margin-top: 2rem;
  }
}
.p-about-access__sec_access_text {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
  padding-left: 1.6rem;
  border-left: 0.2rem solid #004193;
  margin-top: 4.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_access_text {
    font-size: 1.4rem;
    margin-top: 3rem;
    padding-left: 1.2rem;
  }
}
.p-about-access__sec_icon_text {
  font-weight: 500;
  font-size: 1.8rem;
  color: #004193;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: 3.2rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_icon_text {
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}
.p-about-access__sec_icon_text:before {
  content: "";
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #edf7ff;
  background-repeat: no-repeat;
  background-size: 2.4rem 2.4rem;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_icon_text:before {
    width: 3.4rem;
    height: 3.4rem;
    background-size: 2rem 2rem;
  }
}
.p-about-access__sec_icon_text--bus:before {
  background-image: url(../img/about/access/icon_bus.svg);
}
.p-about-access__sec_icon_text--walk:before {
  background-image: url(../img/about/access/icon_walk.svg);
}
.p-about-access__sec_item {
  background-color: #f7f7f7;
}
.p-about-access__sec_item + .p-about-access__sec_item {
  margin-top: 0.8rem;
}
.p-about-access__sec_no_accordion {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  padding: 1.8rem 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_no_accordion {
    font-size: 1.3rem;
    padding: 1.2rem 1.6rem;
  }
}
.p-about-access__sec_accordion {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  padding: 1.8rem 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_accordion {
    font-size: 1.3rem;
    padding: 1.2rem 1.6rem;
  }
}
.p-about-access__sec_accordion:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(../img/about/access/icon_plus.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_accordion:after {
    width: 1rem;
    height: 1rem;
  }
}
.p-about-access__sec_accordion.active:after {
  background-image: url(../img/about/access/icon_minus.svg);
}
.p-about-access__sec_accordion_content {
  padding: 1.8rem 2.4rem;
  display: none;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_accordion_content {
    padding: 1.2rem 1.6rem;
  }
}
.p-about-access__sec_accordion_text {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_accordion_text {
    font-size: 1.3rem;
  }
}
.p-about-access__sec_accordion_text:first-of-type {
  margin: 0;
}
.p-about-access__sec_accordion_text_sm {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_accordion_text_sm {
    font-size: 1.2rem;
  }
}
.p-about-access__sec_accordion_text_link {
  font-size: 1.4rem;
  color: #004193;
  line-height: 1.5;
  text-decoration: underline;
  transition: 0.3s;
  margin-top: 1.4rem;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-about-access__sec_accordion_text_link {
    font-size: 1.2rem;
  }
}
.p-about-access__sec_accordion_text_link:hover {
  opacity: 0.7;
  text-decoration: none;
}
.p-about-learn .p-about__head {
  background-image: url(../img/about/learn/img_head-bg.png);
}
.p-about-learn__sec01 {
  margin-top: 10.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec01 {
    margin-top: 4rem;
  }
}
.p-about-learn__sec01:after {
  content: "";
  display: block;
  width: 73rem;
  height: 64rem;
  background-image: url(../img/about/img-bg01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 50vw - 15.8rem);
  top: 26rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec01:after {
    width: 37rem;
    height: 32rem;
    left: calc(50% - 50vw - 8.6rem);
    top: 2.5rem;
  }
}
.p-about-learn__sec01_img {
  width: 100%;
  max-width: 86.7rem;
  display: block;
  margin: auto;
}
.p-about-learn__sec01_title {
  font-family: fot-tsukuaoldmin-pr6n, sans-serif;
  color: #004193;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.25em;
  text-align: center;
  margin: 3.2rem 0 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec01_title {
    font-size: 2.2rem;
    margin: 2.2rem 0 2.4rem;
  }
}
.p-about-learn__sec01_text {
  font-size: 1.6rem;
  color: #004193;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec01_text {
    font-size: 1.3rem;
  }
}
.p-about-learn__sec02 {
  margin-top: 15rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02 {
    margin-top: 8rem;
  }
}
.p-about-learn__sec02_item {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02_item {
    flex-direction: column;
  }
}
.p-about-learn__sec02_item + .p-about-learn__sec02_item {
  margin-top: 8.8rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02_item + .p-about-learn__sec02_item {
    margin-top: 6rem;
  }
}
.p-about-learn__sec02_item:nth-of-type(odd) {
  gap: 3.2rem 5rem;
}
.p-about-learn__sec02_item:nth-of-type(even) {
  flex-direction: row-reverse;
  gap: 3.2rem 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02_item:nth-of-type(even) {
    flex-direction: column;
  }
}
.p-about-learn__sec02_textbox {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02_textbox {
    flex: auto;
    width: 100%;
  }
}
.p-about-learn__sec02_top {
  display: flex;
  align-items: center;
  gap: 2.2rem;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02_top {
    gap: 1.8rem;
    margin-bottom: 2.2rem;
  }
}
.p-about-learn__sec02_number {
  font-family: brandon-grotesque, sans-serif;
  font-weight: bold;
  font-size: 2.3rem;
  color: #004193;
  letter-spacing: 0.15em;
  border-top: 0.1rem solid #004193;
  border-bottom: 0.1rem solid #004193;
  padding: 0.6rem 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02_number {
    font-size: 1.84rem;
  }
}
.p-about-learn__sec02_title {
  font-weight: 500;
  font-size: 2.4rem;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02_title {
    font-size: 1.9rem;
  }
}
.p-about-learn__sec02_text {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02_text {
    font-size: 1.3rem;
  }
}
.p-about-learn__sec02_link {
  width: fit-content;
  display: block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02_link {
    font-size: 1.2rem;
    margin: 1.2rem 0 0;
  }
}
.p-about-learn__sec02_link::before {
  content: "";
  display: block;
  width: 100%;
  height: 0.1rem;
  background: currentColor;
  position: absolute;
  bottom: 0.4rem;
  transition: 0.3s;
}
.p-about-learn__sec02_link::after {
  content: "＞";
  display: inline-block;
  margin: 0 0 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02_link::after {
    margin: 0 0 0 0.75rem;
  }
}
.p-about-learn__sec02_link:hover::before {
  opacity: 0;
}
.p-about-learn__sec02_image {
  width: 55rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn__sec02_image {
    width: 100%;
  }
}
.p-about-learn__sec02_image img {
  width: 100%;
  height: auto;
  display: block;
}
.p-about-learn__schedule {
  margin: 10rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-about-learn__schedule {
    margin: 5rem 0 0;
  }
}
.p-about-learn__schedule-tab {
  display: grid;
  line-height: 1.5;
  margin: 4rem 0 0;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn__schedule-tab {
    margin: 2rem 0 0;
  }
}
.p-about-learn__schedule-tab br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-about-learn__schedule-tab br {
    display: block;
  }
}
.p-about-learn__schedule-tab-btn {
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 1.2rem 0 1.6rem;
  transform-origin: top center;
  transition: 0.3s;
}
.p-about-learn__schedule-tab-btn span {
  display: block;
  font-size: 1.6rem;
  opacity: 0.5;
}
.p-about-learn__schedule-tab-btn::before {
  content: "";
  display: block;
  width: 3.2rem;
  height: 1.8rem;
  background: transparent;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  bottom: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.p-about-learn__schedule-tab-btn:hover {
  cursor: pointer;
  background: #004193;
}
.p-about-learn__schedule-tab-btn.active {
  cursor: auto;
  background: #004193;
  position: relative;
}
.p-about-learn__schedule-tab-btn.active::before {
  background: #004193;
}
.p-about-learn__schedule-tab-btn--01 {
  background: #C1CAD7;
}
.p-about-learn__schedule-tab-btn--02 {
  background: #C1CAD7;
}
.p-about-learn__schedule-tab-btn--02.is-change {
  background: #B7B8D4;
}
.p-about-learn__schedule-tab-btn--03 {
  background: #B7B8D4;
}
.p-about-learn__schedule-tab-list {
  margin: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about-learn__schedule-tab-list {
    margin: 2rem 0 0;
  }
}
.p-about-learn__schedule-tab-list-item {
  display: none;
  background: #f7f7f7;
  padding: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn__schedule-tab-list-item {
    padding: 2rem;
  }
}
.p-about-learn__schedule-tab-list-item.active {
  display: block;
}
.p-about-learn__schedule-tab-list-item img {
  width: 100%;
}
.p-about-learn__schedule-tab-list-heading {
  display: flex;
  align-items: center;
  gap: 4rem;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn__schedule-tab-list-heading {
    flex-direction: column;
    gap: 2.4rem;
  }
}
.p-about-learn__schedule-tab-list-head img {
  display: block;
  width: 10rem;
  margin: 0 auto;
}
.p-about-learn__schedule-tab-list-head-desc {
  text-align: center;
  color: #004193;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
  white-space: nowrap;
  margin: 1.6rem 0 0;
}
.p-about-learn__schedule-tab-list-title {
  color: #004193;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-about-learn__schedule-tab-list-title {
    font-size: 1.9rem;
  }
}
.p-about-learn__schedule-tab-list-desc {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 2.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about-learn__schedule-tab-list-desc {
    margin: 1.6rem 0 0;
  }
}
.p-about-learn-banner {
  width: 99.5rem;
  display: flex;
  align-items: flex-start;
  gap: 4rem;
  padding: 4.8rem;
  background-color: rgba(237, 247, 255, 0.8);
  background-image: url(../img/about/feature/img_banner-bg.png);
  background-size: cover;
  border: 0.1rem solid #30aaf0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-about-learn-banner {
    width: 100%;
    padding: 1rem;
    flex-direction: column;
    align-items: center;
    margin-top: 2.5rem;
    gap: 1.5rem;
  }
}
.p-about-learn-banner__textbox {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-about-learn-banner__textbox {
    width: 100%;
    flex: auto;
  }
}
.p-about-learn-banner__text {
  font-weight: 500;
  font-size: 2rem;
  color: #fff;
  letter-spacing: 0.05em;
  display: flex;
  gap: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn-banner__text {
    font-size: 1.6rem;
    justify-content: center;
  }
}
.p-about-learn-banner__text span {
  width: 3.2rem;
  height: 3.2rem;
  display: grid;
  place-items: center;
}
.p-about-learn-banner__text span:nth-of-type(odd) {
  background-color: #30aaf0;
}
.p-about-learn-banner__text span:nth-of-type(even) {
  background-color: rgba(48, 170, 240, 0.77);
}
.p-about-learn-banner__title {
  font-weight: 500;
  font-size: 3.2rem;
  color: #30aaf0;
  line-height: 1.3;
  letter-spacing: 0.05em;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn-banner__title {
    font-size: 2.6rem;
    text-align: center;
  }
}
.p-about-learn-banner__link {
  font-weight: 500;
  font-size: 1.4rem;
  color: #004193;
  letter-spacing: 0.05em;
  margin-top: 1.4rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn-banner__link {
    font-size: 1.2rem;
    justify-content: center;
    margin-top: 0.8rem;
  }
}
.p-about-learn-banner__link span {
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 0.4rem;
}
.p-about-learn-banner__link:after {
  content: "";
  display: inline-block;
  width: 1.9rem;
  height: 1.9rem;
  background-image: url(../img/common/icon_arrow-right-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 55% 50%;
  background-size: 0.6rem 0.6rem;
  border-radius: 50%;
  border: 0.1rem solid #004193;
  background-color: #004193;
  transition: 0.3s;
}
.p-about-learn-banner__image {
  width: 53.3rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-about-learn-banner__image {
    width: 100%;
  }
}
.p-about-learn-banner__image img {
  width: 100%;
  height: auto;
  display: block;
}
.p-about-learn-banner:hover .p-feature-banner__link:after {
  background-color: #fff;
  background-image: url(../img/common/icon_arrow-right-blue.svg);
}
.p-about-learn-banner:hover .p-feature-banner__link span {
  text-decoration: none;
}
.p-about-learn .c-cta {
  margin: 12rem 0 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-about-learn .c-cta {
    margin: 6rem 0 0;
  }
}
.p-about-learn .c-cta:after {
  content: "";
  display: block;
  width: 86rem;
  height: 56rem;
  background-image: url(../img/about/img-bg02.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: calc(50% - 50vw - 19rem);
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-about-learn .c-cta:after {
    width: 43rem;
    height: 28rem;
    right: calc(50% - 50vw - 10rem);
    top: -15rem;
  }
}
.p-about-learn .p-about__footer {
  margin: 12rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about-learn .p-about__footer {
    margin: 6rem 0 0;
  }
}
.p-about__footer {
  background-color: #fff;
  background-image: url(../img/about/bg-foot.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 16rem 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-about__footer {
    padding: 8rem 0 1.6rem;
  }
}
.p-about__cta {
  margin: 0 0 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-about__cta {
    padding: 0 0 2.8rem;
  }
}
.p-about__cta-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-about__cta-list {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.p-about__cta-list-item {
  width: calc(50% - 2.1rem);
}
@media screen and (max-width: 767px) {
  .p-about__cta-list-item {
    width: 100%;
  }
}

.p-contact .p-distance-hero {
  padding-block: 7.7rem 15.2rem;
  background-position: center bottom;
}
@media screen and (max-width: 767px) {
  .p-contact .p-distance-hero {
    padding-block: 5.7rem 10.2rem;
  }
}
.p-contact__title {
  text-align: center;
  font-weight: 500;
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .p-contact__title {
    font-size: 2.4rem;
  }
}
.p-contact-content {
  padding-block: 7.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-contact-content {
    padding-block: 5rem 0;
  }
}
.p-contact-content--form {
  padding-block: 6.6rem 11.3rem;
}
@media screen and (max-width: 767px) {
  .p-contact-content--form {
    padding-block: 5.8rem 8.2rem;
  }
}
.p-contact-content__container {
  max-width: 108rem;
  padding-inline: 2rem;
  margin-inline: auto;
  width: 100%;
}
.p-contact-intro {
  text-align: center;
  margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .p-contact-intro {
    margin-bottom: 4rem;
  }
}
.p-contact-intro__text {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__text {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: left;
  }
}
.p-contact-intro__text-strong {
  width: fit-content;
  border-top: solid 0.1rem #004193;
  border-bottom: solid 0.1rem #004193;
  padding: 2.4rem 0;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__text-strong {
    padding: 1.2rem 0;
    margin: 2rem auto 0;
  }
}
.p-contact-intro__note {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-intro__note {
    font-size: 1.3rem;
    margin-top: 2rem;
    text-align: left;
  }
}
.p-contact-intro__link {
  color: #004193;
  border-bottom: solid 0.1rem #004193;
  transition: 0.3s ease;
}
@media (hover: hover) {
  .p-contact-intro__link:hover {
    border-bottom: solid 0.1rem transparent;
  }
}
.p-contact-phone {
  margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .p-contact-phone {
    margin-bottom: 4rem;
  }
}
.p-contact-phone__box {
  background-color: #edf7ff;
  padding: 4.8rem 5.5rem 5.3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-phone__box {
    padding: 2.4rem 2rem;
  }
}
.p-contact-phone__info {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #292f4a;
}
@media screen and (max-width: 767px) {
  .p-contact-phone__info {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }
}
.p-contact-phone__info-time {
  color: #888;
}
.p-contact-phone__number {
  font-weight: 500;
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  text-decoration: none;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-contact-phone__number {
    gap: 0.8rem;
    margin-top: 0.8rem;
    font-size: 2.4rem;
  }
}
@media (hover: hover) {
  .p-contact-phone__number:hover {
    opacity: 0.7;
  }
}
.p-contact-phone__number::before {
  content: "";
  width: 4.8rem;
  aspect-ratio: 48/51;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='51' viewBox='0 0 48 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.2178 4.84733C31.8098 5.00671 30.6898 6.15421 30.4978 7.55671L28.0338 17.9798C27.6818 19.4461 28.4178 20.9761 29.7938 21.6136L31.6818 22.4742C30.2738 26.1398 27.1698 28.658 27.1698 28.658C27.1698 28.658 24.6098 31.7498 20.9618 33.1523L20.0978 31.2717C19.7861 30.6052 19.2526 30.0666 18.5877 29.7471C17.9229 29.4276 17.1676 29.3468 16.4498 29.5186L5.98582 31.973C4.57782 32.1642 3.42582 33.2798 3.26582 34.6823C2.94582 37.2961 3.04182 41.3761 5.98582 43.5436C5.98582 43.5436 19.2658 52.8511 35.3938 36.7861C51.5218 20.7211 42.1778 7.49296 42.1778 7.49296C39.9698 4.56046 35.8738 4.49671 33.2818 4.78358L33.2178 4.84733Z' fill='%23004193'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-contact-phone__number::before {
    width: 2.8rem;
  }
}
.p-contact-phone__tel {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-contact-phone__tel {
    font-size: 2.4rem;
  }
}
.p-contact-direct {
  margin-bottom: 6.5rem;
}
@media screen and (max-width: 767px) {
  .p-contact-direct {
    margin-bottom: 4rem;
  }
}
.p-contact-direct__box {
  background-color: #edf7ff;
  padding: 4rem 3rem;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-contact-direct__box {
    padding: 2.4rem 2rem;
  }
}
@media (hover: hover) {
  .p-contact-direct__box:hover {
    opacity: 0.75;
  }
}
.p-contact-direct__button {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #292f4a;
  padding: 1rem 7.5rem;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-contact-direct__button {
    gap: 1.2rem;
    font-size: 1.6rem;
    padding: 1rem 4rem;
  }
}
.p-contact-direct__button::before {
  content: "";
  width: 1rem;
  aspect-ratio: 10/16;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.710938 14.7109L7.71094 7.71094L0.71094 0.710938' stroke='%23004193' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .p-contact-direct__button::before {
    width: 0.8rem;
  }
}
.p-contact-guide {
  padding: 5.6rem 0 5.2rem;
}
@media screen and (max-width: 767px) {
  .p-contact-guide {
    padding: 4rem 0;
  }
}
@media screen and (max-width: 767px) {
  .p-contact-form {
    padding-bottom: 4rem;
  }
}
.p-contact-form__title {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-form__title {
    font-size: 2.4rem;
  }
}
.p-contact-form__steps {
  margin-top: 5.6rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__steps {
    margin-top: 2.8rem;
    margin-bottom: 4rem;
  }
}
.p-contact-form__steps-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5.1rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__steps-list {
    gap: 3.2rem;
  }
}
.p-contact-form__steps-item {
  position: relative;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #374660;
  opacity: 0.2;
  padding-bottom: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__steps-item {
    font-size: 1.3rem;
  }
}
.p-contact-form__steps-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 1.2rem);
  height: 1px;
  background: #333;
}
@media screen and (max-width: 767px) {
  .p-contact-form__steps-item::after {
    width: calc(100% + 0.8rem);
  }
}
.p-contact-form__steps-item.is-active {
  color: #004193;
  opacity: 1;
}
.p-contact-form__steps-item.is-active::after {
  background-color: #004193;
}
.p-contact-form__body {
  width: 100%;
}
.p-contact-form__row {
  display: flex;
  border-bottom: 1px solid #ddd;
  padding: 2.4rem 0;
}
@media screen and (max-width: 767px) {
  .p-contact-form__row {
    flex-direction: column;
    padding: 1.6rem 0;
  }
}
.p-contact-form__row:first-child {
  padding-block: 2.8rem 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__row:first-child {
    padding: 1.6rem 0;
  }
}
.p-contact-form__row:first-child .p-contact-form__label {
  margin-top: 0;
}
.p-contact-form__row.is-error .p-contact-form__input,
.p-contact-form__row.is-error .p-contact-form__textarea {
  border-color: #d32f2f;
  background-color: #fff5f5;
}
.p-contact-form__label {
  flex-shrink: 0;
  width: 24.9rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.3rem;
  margin-right: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__label {
    width: 100%;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 1.2rem;
    padding-top: 0;
  }
}
.p-contact-form__label-text {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-contact-form__label-text {
    font-size: 1.3rem;
  }
}
.p-contact-form__label-required {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  background-color: #be0000;
  padding: 0 0.7rem;
  margin-top: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__label-required {
    font-size: 1rem;
  }
}
.p-contact-form__field {
  flex: 1;
  width: 100%;
}
.p-contact-form__input {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  background-color: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 1.2rem 1.6rem;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-contact-form__input {
    font-size: 1.3rem;
    padding: 1rem 1.2rem;
  }
}
.p-contact-form__input::placeholder {
  color: #888;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-contact-form__input::placeholder {
    font-size: 1.2rem;
  }
}
.p-contact-form__input:focus {
  outline: none;
  border-color: #004193;
  background-color: #fff;
}
.p-contact-form__input.is-error {
  border-color: #d32f2f;
  background-color: #fff5f5;
}
.p-contact-form__input.is-valid {
  border-color: #4caf50;
}
.p-contact-form__textarea {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  background-color: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 1.2rem 1.6rem;
  resize: vertical;
  height: 15rem;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-contact-form__textarea {
    font-size: 1.3rem;
    padding: 1rem 1.2rem;
    height: 12rem;
  }
}
.p-contact-form__textarea::placeholder {
  color: #888;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-contact-form__textarea::placeholder {
    font-size: 1.2rem;
  }
}
.p-contact-form__textarea:focus {
  outline: none;
  border-color: #004193;
  background-color: #fff;
}
.p-contact-form__textarea.is-error {
  border-color: #d32f2f;
  background-color: #fff5f5;
}
.p-contact-form__textarea.is-valid {
  border-color: #4caf50;
}
.p-contact-form__counter {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #888;
  text-align: right;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__counter {
    font-size: 1.2rem;
    margin-top: 0.6rem;
  }
}
.p-contact-form__counter.is-warning {
  color: #d32f2f;
}
.p-contact-form__radio-group {
  border: none;
  padding: 0;
  margin: 0;
}
.p-contact-form__radio-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1.9rem 2.4rem;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .p-contact-form__radio-wrapper {
    gap: 1.2rem 1.6rem;
    width: 100%;
    flex-direction: column;
  }
}
.p-contact-form__radio {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
}
.p-contact-form__radio-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.p-contact-form__radio-input:checked + .p-contact-form__radio-text::before {
  border-color: #004193;
}
.p-contact-form__radio-input:checked + .p-contact-form__radio-text::after {
  background-color: #004193;
  content: "";
  position: absolute;
  width: 0.8rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  top: 0.7rem;
  left: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__radio-input:checked + .p-contact-form__radio-text::after {
    top: 0.6rem;
  }
}
.p-contact-form__radio-input:focus + .p-contact-form__radio-indicator {
  box-shadow: 0 0 0 2px rgba(0, 65, 147, 0.2);
}
.p-contact-form__radio-text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding-left: 2.4rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-contact-form__radio-text {
    font-size: 1.3rem;
  }
}
.p-contact-form__radio-text::before {
  content: "";
  width: 1.6rem;
  aspect-ratio: 1/1;
  position: absolute;
  left: 0;
  top: 0.3rem;
  border: 1px solid #ddd;
  border-radius: 50%;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-contact-form__radio-text::before {
    top: 0.2rem;
  }
}
.p-contact-form__note {
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__note {
    font-size: 1.2rem;
    margin-top: 2.4rem;
  }
}
.p-contact-form__stop {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__stop {
    font-size: 1.2rem;
    margin-top: 1.2rem;
  }
}
.p-contact-form__stop-link {
  color: #004193;
  border-bottom: solid 0.1rem currentColor;
  transition: 0.3s;
}
.p-contact-form__stop-link:hover {
  border-bottom: solid 0.1rem transparent;
}
.p-contact-form__error {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #d32f2f;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__error {
    font-size: 1.2rem;
  }
}
.p-contact-form__error:empty {
  margin-top: 0;
  min-height: 0;
}
.p-contact-form__agreement {
  text-align: center;
  margin: 7.1rem 0 6.2rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__agreement {
    margin: 2.4rem 0;
  }
}
.p-contact-form__agreement-text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .p-contact-form__agreement-text {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }
}
.p-contact-form__agreement-link {
  text-decoration: underline;
  text-underline-offset: 0.3em;
  transition: color 0.3s ease;
}
@media (hover: hover) {
  .p-contact-form__agreement-link:hover {
    color: #004193;
  }
}
.p-contact-form__agreement .p-contact-form__error {
  text-align: center;
}
.p-contact-form__checkbox {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
  cursor: pointer;
  margin-top: 1.3rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__checkbox {
    margin-top: 1rem;
  }
}
.p-contact-form__checkbox-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.p-contact-form__checkbox-input:checked + .p-contact-form__checkbox-indicator {
  background-color: #004193;
  border-color: #004193;
}
.p-contact-form__checkbox-input:checked + .p-contact-form__checkbox-indicator::after {
  opacity: 1;
}
.p-contact-form__checkbox-input:focus + .p-contact-form__checkbox-indicator {
  box-shadow: 0 0 0 2px rgba(0, 65, 147, 0.2);
}
.p-contact-form__checkbox-indicator {
  position: relative;
  width: 2rem;
  height: 2rem;
  border: 1px solid #333;
  border-radius: 0.2rem;
  background-color: #fff;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-contact-form__checkbox-indicator {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.p-contact-form__checkbox-indicator::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 1rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -60%) rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease;
}
@media screen and (max-width: 767px) {
  .p-contact-form__checkbox-indicator::after {
    width: 0.5rem;
    height: 0.8rem;
  }
}
.p-contact-form__checkbox-text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-contact-form__checkbox-text {
    font-size: 1.3rem;
  }
}
.p-contact-form__submit {
  text-align: center;
}
.p-contact-form__submit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 27.1rem;
  font-weight: 700;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.15em;
  color: #fff;
  background-color: #333;
  border: none;
  padding: 1.4rem 4rem;
  border: 1px solid #333;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-contact-form__submit-button {
    min-width: 100%;
    padding: 1.4rem 2rem;
  }
}
@media (hover: hover) {
  .p-contact-form__submit-button:hover {
    background: #fff;
    color: #333;
  }
}
.p-contact-form__submit-button.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.p-contact-form__confirm {
  text-align: center;
  max-width: 80rem;
  margin: 0 auto;
}
.p-contact-form__confirm-title {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .p-contact-form__confirm-title {
    font-size: 1.3rem;
  }
}
.p-contact-form__confirm-text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-contact-form__confirm-text {
    font-size: 1.3rem;
  }
}
.p-contact-form__confirm-list {
  width: 100%;
  margin: 4rem 0 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__confirm-list {
    margin: 2rem 0 3.2rem;
  }
}
.p-contact-form__confirm-list-item {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__confirm-list-item {
    display: block;
  }
}
.p-contact-form__confirm-list-label, .p-contact-form__confirm-list-content {
  text-align: left;
  border-bottom: 1px solid #ddd;
  padding: 2.4rem 0;
}
.p-contact-form__confirm-list-label {
  flex: 0 0 20rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__confirm-list-label {
    justify-content: flex-start;
    border: 0;
    padding: 1.6rem 0 0;
  }
}
.p-contact-form__confirm-list-content {
  flex-grow: 1;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-contact-form__confirm-list-content {
    font-size: 1.3rem;
    padding: 0.4rem 0 1.6rem;
  }
}
.p-contact-form__confirm-submit {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__confirm-submit {
    flex-direction: column;
    gap: 1.2rem;
  }
}
.p-contact-form__confirm-submit-button--back {
  background: #fff;
  color: #333;
}
@media (hover: hover) {
  .p-contact-form__confirm-submit-button--back:hover {
    color: #fff;
    background-color: #333;
  }
}
.p-contact-form__complete {
  text-align: center;
}
.p-contact-form__complete-title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.p-contact-form__complete-text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .p-contact-form__complete-text {
    font-size: 1.8rem;
  }
}
.p-contact-form__complete-text {
  font-size: 2rem;
  letter-spacing: 0.05em;
  margin: 3.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-contact-form__complete-text {
    font-size: 1.4rem;
    margin: 1.6rem 0 0;
  }
}
.p-contact-form__complete-submit {
  text-align: center;
  margin: 10rem 0 0;
}
.p-contact--404 .p-contact-intro__text {
  text-align: center;
}
.p-contact--404 .p-contact-intro__text:nth-of-type(1) {
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-contact--404 .p-contact-intro__text:nth-of-type(1) {
    text-align: left;
  }
}
.p-contact--404 .p-contact-intro__text:nth-of-type(2) {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-contact--404 .p-contact-intro__text:nth-of-type(2) {
    margin-top: 4rem;
  }
}

.p-schooling .p-distance-hero {
  margin-bottom: 10.4rem;
}
.p-schooling .p-about-learn__sec01 {
  margin-top: 0;
}
.p-schooling .p-about-learn__sec01_title {
  letter-spacing: 0.13em;
}
.p-schooling .p-about-learn__sec01_img {
  aspect-ratio: 867/525;
  width: 100%;
  height: auto;
}
.p-schooling .p-about-learn__sec02 {
  margin-top: 12.3rem;
}
@media screen and (max-width: 767px) {
  .p-schooling .p-about-learn__sec02 {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-schooling .p-about-learn__sec02_top {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-schooling .p-about-learn__sec02_item + .p-about-learn__sec02_item {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-schooling .p-about-learn__sec02_item:nth-of-type(odd) {
    gap: 2rem 5rem;
  }
}
.p-schooling .p-about-learn__sec02_image img {
  aspect-ratio: 55/34;
  object-fit: cover;
}
.p-schooling .p-about-learn__sec02_text {
  letter-spacing: 0.05em;
}
.p-schooling-flow {
  margin-top: 10rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow {
    margin-top: 4rem;
  }
}
.p-schooling-flow:after {
  content: "";
  display: block;
  width: 86rem;
  height: 56rem;
  background-image: url(../img/about/img-bg02.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: calc(50% - 50vw - 19rem);
  top: -37rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow:after {
    width: 43rem;
    height: 28rem;
    right: calc(50% - 50vw - 10rem);
    top: -14rem;
  }
}
.p-schooling-flow .p-enrollment__flow {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow .p-enrollment__flow {
    padding-top: 0;
  }
}
.p-schooling-flow .p-enrollment__flow-list {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow .p-enrollment__flow-list {
    margin-top: 1.6rem;
  }
}
.p-schooling-flow .p-enrollment__flow-main {
  padding: 4rem 4.8rem 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow .p-enrollment__flow-main {
    padding: 2rem 2rem 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-schooling-flow .p-enrollment__flow-box::after {
    width: 6rem;
    height: 2rem;
    bottom: -5.2rem;
  }
}
.p-schooling-flow__title {
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow__title {
    font-size: 2.4rem;
  }
}
.p-schooling-flow__title-desc {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  padding-left: 1.8rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow__title-desc {
    font-size: 1.6rem;
    padding-left: 1.4rem;
  }
}
.p-schooling-flow__title-desc::before {
  content: "";
  width: 0.8rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #004193;
  position: absolute;
  left: -0.2rem;
  top: 1.2rem;
  opacity: 0.3;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow__title-desc::before {
    width: 0.6rem;
    top: 1rem;
  }
}
.p-schooling-flow__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow__text {
    font-size: 1.3rem;
    margin-top: 0.8rem;
  }
}
.p-schooling-flow__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.7rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow__list {
    gap: 2rem;
    margin-top: 1.6rem;
    flex-direction: column;
  }
}
.p-schooling-flow__item {
  width: calc((100% - 5.4rem) / 3);
}
@media screen and (max-width: 767px) {
  .p-schooling-flow__item {
    width: 100%;
  }
}
.p-schooling-flow__image img {
  width: 100%;
  aspect-ratio: 296/197;
  object-fit: cover;
}
.p-schooling-flow__image-caption {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #292f4a;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow__image-caption {
    font-size: 1.2rem;
    margin-top: 0.8rem;
  }
}
.p-schooling-flow__image-caption small {
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-flow__image-caption small {
    font-size: 1rem;
  }
}

.p-schooling-class {
  margin-top: 10.2rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-class {
    margin-top: 4rem;
  }
}
.p-schooling-class__title {
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-schooling-class__title {
    font-size: 2.2rem;
  }
}
.p-schooling-class__note {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  padding: 1.1rem 2rem;
  text-align: center;
  margin-top: 6rem;
  border: 1px solid #ccc;
  color: #888;
  border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-class__note {
    font-size: 1.2rem;
    margin-top: 2.9rem;
    padding: 1rem 1.6rem;
    border-radius: 0.2rem;
  }
}
.p-schooling-class__cards {
  display: flex;
  gap: 3.5rem;
  margin-top: 2.9rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-class__cards {
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 1.6rem;
  }
}
.p-schooling-class__card {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.p-schooling-class__card-header {
  padding: 0.8rem 2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-schooling-class__card-header {
    padding: 0.4rem 1.6rem;
  }
}
.p-schooling-class__card-header--blue {
  background-color: #008dd6;
}
.p-schooling-class__card-header--purple {
  background-color: #84d2df;
}
.p-schooling-class__card-header--purple + .p-schooling-class__card-body {
  border-color: #84d2df;
}
.p-schooling-class__card-title {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-schooling-class__card-title {
    font-size: 1.4rem;
  }
}
.p-schooling-class__card-body {
  padding: 4.2rem 4rem 3rem;
  background-color: #fff;
  border: 1px solid #008dd6;
  border-top: unset;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-schooling-class__card-body {
    padding: 1.6rem;
  }
}
.p-schooling-class__card-unit {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 0.6rem 1.6rem;
  background-color: #f2f2f2;
  color: #292f4a;
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-schooling-class__card-unit {
    font-size: 1.3rem;
    padding: 0.2rem 1.2rem;
  }
}
.p-schooling-class__card-schedule {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-class__card-schedule {
    font-size: 1.2rem;
    margin-top: 1.2rem;
  }
}
.p-schooling-class__card-evaluation {
  margin-top: 2.6rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-class__card-evaluation {
    margin-top: 1.2rem;
  }
}
.p-schooling-class__card-evaluation-label {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  color: #5557bc;
  padding: 0.6rem 1.2rem;
  background-color: #d4d5ff;
}
@media screen and (max-width: 767px) {
  .p-schooling-class__card-evaluation-label {
    font-size: 1.1rem;
    padding: 0.2rem 1.2rem;
  }
}
.p-schooling-class__card-evaluation-text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-class__card-evaluation-text {
    font-size: 1.2rem;
    margin-top: 0.8rem;
  }
}

.p-schooling-schedule {
  padding: 0 0 14rem;
  margin-top: 10.1rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-schedule {
    padding: 0 0 7rem;
    margin-top: 4rem;
  }
}
.p-schooling-schedule__table-wrapper {
  margin-top: 3.6rem;
  max-width: 72.1rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-schooling-schedule__table-wrapper {
    margin-top: 2.4rem;
  }
}
.p-schooling-schedule__table {
  width: 100%;
  border-spacing: 1px;
  border-collapse: separate;
}
.p-schooling-schedule__th {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: left;
  background: #004193;
  color: #fff;
  padding: 0.8rem 1.5rem;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .p-schooling-schedule__th {
    font-size: 1.4rem;
    padding: 0.6rem 1rem;
  }
}
.p-schooling-schedule__td {
  background: #edf7ff;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 0.8rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-schooling-schedule__td {
    font-size: 1.2rem;
    padding: 0.6rem 1rem;
  }
}

.p-distance-education .p-distance-hero {
  margin-bottom: 10.4rem;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-distance-hero {
    margin-bottom: 5rem;
  }
}
.p-distance-education .p-about-learn__sec01 {
  margin-top: 0;
}
.p-distance-education .p-about-learn__sec01::after {
  top: auto;
  bottom: -26rem;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec01::after {
    width: 34rem;
    height: 28rem;
    top: 50rem;
    bottom: auto;
  }
}
.p-distance-education .p-about-learn__sec01-imgs {
  display: flex;
  flex-wrap: wrap;
}
.p-distance-education .p-about-learn__sec01-imgs-item {
  width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec01-imgs-item {
    width: 50%;
  }
}
.p-distance-education .p-about-learn__sec02 {
  margin-top: 9.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02 {
    margin-top: 5rem;
  }
}
.p-distance-education .p-about-learn__sec02:after {
  content: "";
  width: 62rem;
  height: 49rem;
  background-image: url(../../assets/img/about/distance/img_bg-02.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  position: absolute;
  right: -40rem;
  bottom: -30rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_item:nth-of-type(odd) {
    gap: 2rem 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_item:nth-of-type(even) {
    gap: 2rem 5rem;
  }
}
.p-distance-education .p-about-learn__sec02_item + .p-about-learn__sec02_item {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_item + .p-about-learn__sec02_item {
    margin-top: 4rem;
  }
}
.p-distance-education .p-about-learn__sec02_top {
  gap: 1.8rem;
  margin-bottom: 2.4rem;
  padding-left: 6.6rem;
  position: relative;
  padding-block: 0.4rem 0.6rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_top {
    padding-left: 5rem;
    padding-block: 0.2rem;
    margin-bottom: 2rem;
  }
}
.p-distance-education .p-about-learn__sec02_number {
  font-family: brandon-grotesque, sans-serif;
  font-weight: bold;
  font-size: 2.3rem;
  color: #004193;
  letter-spacing: 0.15em;
  border-top: 0.1rem solid #004193;
  border-bottom: 0.1rem solid #004193;
  padding: 0.6rem 0.7rem;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_number {
    font-size: 1.4rem;
    width: 3.6rem;
    min-height: 3.6rem;
  }
}
.p-distance-education .p-about-learn__sec02_title {
  letter-spacing: 0.15em;
}
.p-distance-education .p-about-learn__sec02_text {
  letter-spacing: 0.1em;
}
.p-distance-education .p-about-learn__sec02_image--type1 {
  position: relative;
  height: 34rem;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_image--type1 {
    height: 20rem;
  }
}
.p-distance-education .p-about-learn__sec02_image--type1-item1 {
  width: 29rem;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_image--type1-item1 {
    width: 20rem;
  }
}
.p-distance-education .p-about-learn__sec02_image--type1-item2 {
  width: 33rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_image--type1-item2 {
    width: 20rem;
  }
}
.p-distance-education .p-about-learn__sec02_image--type2 {
  position: relative;
  height: 34rem;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_image--type2 {
    height: 24rem;
  }
}
.p-distance-education .p-about-learn__sec02_image--type2-item1 {
  width: 34rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_image--type2-item1 {
    width: 20rem;
  }
}
.p-distance-education .p-about-learn__sec02_image--type2-item2 {
  width: 23.7rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_image--type2-item2 {
    width: 17rem;
  }
}
.p-distance-education .p-about-learn__sec02_action {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-about-learn__sec02_action {
    margin-top: 2rem;
  }
}
.p-distance-education .p-schooling-guide {
  margin-top: 16rem;
}
@media screen and (max-width: 767px) {
  .p-distance-education .p-schooling-guide {
    margin-top: 5rem;
  }
}
.p-distance-education .c-breadcrumbs {
  margin-top: 9.4rem;
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-distance-education .c-breadcrumbs {
    margin-top: 4rem;
  }
}

.p-learning-pattern {
  margin-top: 8rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern {
    margin-top: 4rem;
  }
}
.p-learning-pattern:after {
  content: "";
  width: 62rem;
  height: 49rem;
  background-image: url(../../assets/img/about/distance/img_bg-03.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  position: absolute;
  left: -34rem;
  bottom: -23rem;
  z-index: -1;
}
.p-learning-pattern__item {
  margin-top: 5.9rem;
  padding-top: 4rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__item {
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
.p-learning-pattern__item::before, .p-learning-pattern__item::after {
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
}
.p-learning-pattern__item::before {
  width: calc(100% - 8rem);
  background: #dedede;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__item::before {
    width: 100%;
  }
}
.p-learning-pattern__item::after {
  background: #004193;
  width: 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__item::after {
    width: 2.5rem;
  }
}
.p-learning-pattern__item + .p-learning-pattern__item {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__item + .p-learning-pattern__item {
    margin-top: 4rem;
  }
}
.p-learning-pattern__lead {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__lead {
    font-size: 1.3rem;
  }
}
.p-learning-pattern__title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  color: #004193;
  margin-top: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__title {
    font-size: 2rem;
    margin-top: 0.4rem;
  }
}
.p-learning-pattern__box {
  margin-top: 3.2rem;
  padding: 4rem 4.8rem 4.7rem;
  background-color: #f7f7f7;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__box {
    margin-top: 1.6rem;
    padding: 2rem;
  }
}
.p-learning-pattern__desc {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__desc {
    font-size: 1.3rem;
  }
}
.p-learning-pattern__columns {
  display: flex;
  align-items: flex-start;
  gap: 4.8rem;
  margin-top: 3.2rem;
  margin-inline: 4rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__columns {
    flex-direction: column;
    gap: 3rem;
    margin-top: 2rem;
    margin-inline: 0;
  }
}
.p-learning-pattern__column {
  width: calc((100% - 4.8rem) / 2);
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__column {
    width: 100%;
  }
}
.p-learning-pattern__column-label {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #004193;
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__column-label {
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
  }
}
.p-learning-pattern__plus {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1;
  color: #888;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__plus {
    padding-top: 0;
    font-size: 2rem;
  }
}
.p-learning-pattern__card {
  position: relative;
  background: #fff;
}
.p-learning-pattern__card-tag {
  display: block;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  padding: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__card-tag {
    font-size: 1rem;
  }
}
.p-learning-pattern__card-tag--blue {
  background-color: #008dd6;
}
.p-learning-pattern__card-tag--green {
  background-color: #84d2df;
}
.p-learning-pattern__card-image img {
  width: 100%;
  aspect-ratio: 407/183;
  object-fit: cover;
  display: block;
}
.p-learning-pattern__card-title {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__card-title {
    font-size: 1.6rem;
    margin-top: 1.2rem;
  }
}
.p-learning-pattern__card-text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__card-text {
    font-size: 1.2rem;
    margin-top: 0.6rem;
  }
}
.p-learning-pattern__departments {
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__departments {
    margin-top: 2.4rem;
  }
}
.p-learning-pattern__departments-title {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__departments-title {
    font-size: 1.4rem;
  }
}
.p-learning-pattern__departments-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 1.9rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__departments-list {
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.2rem;
  }
}
.p-learning-pattern__departments-item {
  width: calc((100% - 2rem) / 2);
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__departments-item {
    width: 100%;
  }
}
.p-learning-pattern__departments-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  padding: 1rem 2.6rem 1rem 1.6rem;
  background: #fff;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__departments-link {
    font-size: 1.2rem;
    padding: 1rem 2.6rem 1rem 1.6rem;
  }
}
.p-learning-pattern__departments-link::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.28125 0.28125L6.28125 6.28125L0.28125 12.2812' stroke='%23004193' stroke-width='0.79462'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 0.7rem;
  aspect-ratio: 7/13;
  height: auto;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  right: 0.9rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__departments-link::after {
    width: 0.6rem;
  }
}
@media (hover: hover) {
  .p-learning-pattern__departments-link:hover {
    background-color: #edf7ff;
    border-color: #004193;
  }
}
.p-learning-pattern__departments-note {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #888;
  margin-top: 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__departments-note {
    font-size: 1rem;
    margin-top: 1.2rem;
  }
}
.p-learning-pattern__window {
  margin-top: 7.8rem;
  padding: 4rem 6rem 0;
  border-top: 1px solid #dedede;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__window {
    margin-top: 3rem;
    padding: 2rem 0 0;
  }
}
.p-learning-pattern__window-title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__window-title {
    font-size: 1.6rem;
  }
}
.p-learning-pattern__window-title::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.0166 8.56457L0.136719 7.4707' stroke='%23004193'/%3E%3Cpath d='M6.48111 5.45952L3.66797 2.57227' stroke='%23004193'/%3E%3Cpath d='M10.0844 4.03304L10.0664 0.00195312' stroke='%23004193'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.2rem;
  aspect-ratio: 12/10;
  height: auto;
  display: inline-block;
  vertical-align: top;
  margin-right: -0.5rem;
}
.p-learning-pattern__window-button {
  border: 1px solid #dedede;
  background: #f7f7f7;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 3.8rem;
  margin-top: 1.9rem;
  text-align: center;
  color: #292f4a;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__window-button {
    font-size: 1.4rem;
    padding: 2rem;
    margin-top: 1.2rem;
  }
}
@media (hover: hover) {
  .p-learning-pattern__window-button:hover {
    background-color: #292f4a;
    border-color: #292f4a;
    color: #f7f7f7;
  }
  .p-learning-pattern__window-button:hover .p-learning-pattern__window-icon {
    background-color: #f7f7f7;
  }
  .p-learning-pattern__window-button:hover .p-learning-pattern__window-icon::before {
    background-color: #292f4a;
  }
}
.p-learning-pattern__window-icon {
  width: 2.4rem;
  aspect-ratio: 1/1;
  height: auto;
  border-radius: 50%;
  background: #292f4a;
  font-size: 0;
  position: relative;
  z-index: 1;
  margin-right: -0.5rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__window-icon {
    width: 1.8rem;
  }
}
.p-learning-pattern__window-icon::before {
  content: "";
  width: 1rem;
  aspect-ratio: 1/1;
  height: auto;
  mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5' width='1' height='10' fill='%23D9D9D9'/%3E%3Crect y='5.5' width='1' height='10' transform='rotate(-90 0 5.5)' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__window-icon::before {
    width: 0.8rem;
  }
}
.p-learning-pattern__links {
  padding-top: 8rem;
  margin-top: 4.8rem;
  border-top: 1px solid #dedede;
  display: flex;
  flex-wrap: wrap;
  gap: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__links {
    padding-top: 3rem;
    margin-top: 3rem;
    gap: 2rem;
  }
}
.p-learning-pattern__links-item {
  display: block;
  background: #000;
  position: relative;
  z-index: 1;
  width: calc((100% - 3.6rem) / 2);
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__links-item {
    width: 100%;
  }
}
.p-learning-pattern__links-item .c-icon-hover__arrow {
  width: 4rem;
  position: absolute;
  right: 3rem;
  bottom: 3rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__links-item .c-icon-hover__arrow {
    width: 3rem;
    right: 2rem;
    bottom: 2rem;
  }
}
.p-learning-pattern__links-image img {
  width: 100%;
  aspect-ratio: 502/318;
  object-fit: cover;
  display: block;
}
.p-learning-pattern__links-content {
  inset: 0;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 3rem 10rem 2.5rem 3rem;
  position: absolute;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__links-content {
    padding: 2rem 2rem 1.6rem 2rem;
  }
}
.p-learning-pattern__links-content::before {
  content: "";
  left: -3.8rem;
  right: -3.8rem;
  bottom: -5rem;
  height: 16.2rem;
  position: absolute;
  background: #000;
  opacity: 0.23;
  z-index: -1;
  pointer-events: none;
  filter: blur(5.4rem);
}
.p-learning-pattern__links-title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.72;
  letter-spacing: 0.1em;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__links-title {
    font-size: 2rem;
  }
}
.p-learning-pattern__links-text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  display: block;
  margin-top: 1.6rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-learning-pattern__links-text {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}

.p-learning-support {
  margin-top: 10.3rem;
  padding-block: 8.5rem 9rem;
  background-color: #edf7ff;
}
@media screen and (max-width: 767px) {
  .p-learning-support {
    margin-top: 5rem;
    padding-block: 4rem 5rem;
  }
}
.p-learning-support .p-schooling-flow__title {
  text-align: left;
}
.p-learning-support__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.1rem;
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-learning-support__list {
    flex-direction: column;
    gap: 2.4rem;
    margin-top: 2.4rem;
  }
}
.p-learning-support__item {
  width: calc((100% - 4.2rem) / 3);
}
@media screen and (max-width: 767px) {
  .p-learning-support__item {
    width: 100%;
  }
}
.p-learning-support__image img {
  width: 100%;
  aspect-ratio: 332/205;
  object-fit: cover;
  display: block;
}
.p-learning-support__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-learning-support__text {
    font-size: 1.3rem;
    margin-top: 1rem;
  }
}
.p-learning-support__buttons {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-top: 5.8rem;
}
@media screen and (max-width: 767px) {
  .p-learning-support__buttons {
    flex-direction: column;
    gap: 1.2rem;
    margin-top: 2.4rem;
  }
}
.p-learning-support__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  text-align: center;
  color: #004193;
  background: #fff;
  border: 1px solid #004193;
  padding: 1.6rem 7.3rem;
  min-width: 24rem;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-learning-support__button {
    font-size: 1.3rem;
    padding: 1.2rem 2rem;
    min-width: unset;
    width: 100%;
  }
}
.p-learning-support__button-icon {
  width: 0.8rem;
  aspect-ratio: 6/10;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.332031 0.332031L5.33203 5.33203L0.332031 10.332' stroke='%23004193' stroke-width='0.9375'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .p-learning-support__button:hover {
    background-color: #004193;
    color: #fff;
  }
  .p-learning-support__button:hover .p-learning-support__button-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.332031 0.332031L5.33203 5.33203L0.332031 10.332' stroke='white' stroke-width='0.9375'/%3E%3C/svg%3E%0A");
  }
}

.p-learning-others {
  padding-top: 7rem;
}
@media screen and (max-width: 767px) {
  .p-learning-others {
    padding-top: 5rem;
  }
}
.p-learning-others__title {
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-learning-others__title {
    font-size: 2rem;
  }
}
.p-learning-others__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.1rem;
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-learning-others__list {
    flex-direction: column;
    gap: 3.2rem;
    margin-top: 2.4rem;
  }
}
.p-learning-others__item {
  width: calc((100% - 4.2rem) / 3);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-learning-others__item {
    width: 100%;
  }
}
.p-learning-others__image img {
  width: 100%;
  aspect-ratio: 332/205;
  object-fit: cover;
  display: block;
}
.p-learning-others__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: 1.1rem;
}
@media screen and (max-width: 767px) {
  .p-learning-others__content {
    margin-top: 0.8rem;
  }
}
.p-learning-others__subtitle {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
}
@media screen and (max-width: 767px) {
  .p-learning-others__subtitle {
    font-size: 1.4rem;
  }
}
.p-learning-others__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 1.2rem;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-learning-others__text {
    font-size: 1.3rem;
    margin-top: 0.8rem;
  }
}
.p-learning-others__text--narrow {
  letter-spacing: 0.01em;
}
.p-learning-others__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #004193;
  background: #fff;
  border: 1px solid #004193;
  padding: 1rem 2rem;
  margin-top: 3rem;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .p-learning-others__button {
    font-size: 1.2rem;
    padding: 0.8rem 1.6rem;
    margin-top: 1.6rem;
  }
}
.p-learning-others__button span {
  width: 0.6rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23004193' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s;
  flex-shrink: 0;
}
@media (hover: hover) {
  .p-learning-others__button:hover {
    background-color: #004193;
    color: #fff;
  }
  .p-learning-others__button:hover span {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E");
  }
}

.p-faq .p-distance-hero {
  background-position: center bottom;
}
@media screen and (max-width: 767px) {
  .p-faq .p-distance-hero__lead {
    line-height: 1.8;
  }
}
.p-faq .p-tuition-materials__title {
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-faq .p-tuition-materials__title {
    font-size: 2.4rem;
  }
}
.p-faq .p-tuition-materials__section02 {
  display: none;
}
.p-faq .p-tuition-materials__section02.is-active {
  display: block;
}
.p-faq .p-tuition-materials__section02.is-active + .p-tuition-materials__section02.is-active {
  margin-top: 10rem;
}
@media screen and (max-width: 767px) {
  .p-faq .p-tuition-materials__section02.is-active + .p-tuition-materials__section02.is-active {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-faq .p-tuition-materials__section02.c-inner {
    margin-inline: 0;
  }
}
.p-faq .p-tuition-materials__section02-faq {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-faq .p-tuition-materials__section02-faq {
    margin-top: 2.4rem;
  }
}
.p-faq .p-tuition-materials__section02-faq + .p-faq__subtitle {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-faq .p-tuition-materials__section02-faq + .p-faq__subtitle {
    margin-top: 4rem;
  }
}
.p-faq .p-tuition-materials__section02-faq-question {
  position: relative;
  z-index: 1;
  padding-right: 6rem;
}
@media screen and (max-width: 767px) {
  .p-faq .p-tuition-materials__section02-faq-question {
    line-height: 1.6;
  }
}
.p-faq .p-tuition-materials__section02-faq-question::before {
  padding-bottom: 0.3rem;
}
.p-faq .p-tuition-materials__section02-faq-question::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='9.55469' x2='19' y2='9.55469' stroke='%23004193' stroke-width='2'/%3E%3Cline x1='8.85156' y1='19.7031' x2='8.85156' y2='-0.000577927' stroke='%23004193' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.9rem;
  aspect-ratio: 19/20;
  position: absolute;
  right: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-faq .p-tuition-materials__section02-faq-question::after {
    right: 1.4rem;
    width: 1.4rem;
  }
}
.p-faq .p-tuition-materials__section02-faq-question.active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='2' viewBox='0 0 19 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='19' y2='1' stroke='%23004193' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.p-faq .p-tuition-materials__section02-faq-answer {
  line-height: 1.5;
}
.p-faq .p-tuition-materials__section02-faq-answer::before {
  font-weight: 500;
  padding-bottom: 0.2rem;
}
.p-faq .p-tuition-materials__section02-faq-answer:hover {
  opacity: 1;
}
.p-faq .p-tuition-materials__section02-faq-answer p + p {
  margin-top: 1em;
}
.p-faq .p-news-archive__container {
  margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .p-faq .p-news-archive__container {
    margin-top: 0;
    margin-bottom: 5rem;
    display: flex;
    flex-direction: column-reverse;
    gap: 5rem;
  }
}
.p-faq .p-news-archive__nav-list-item {
  font-feature-settings: "palt";
}
.p-faq__subtitle {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  background: #edf7ff;
  color: #004193;
  margin-top: 3rem;
  padding: 1.7rem 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-faq__subtitle {
    font-size: 1.6rem;
    padding: 1.1rem 2rem;
    margin-top: 2.4rem;
  }
}
.p-faq-guide {
  margin-top: 14rem;
}
@media screen and (max-width: 767px) {
  .p-faq-guide {
    margin-top: 5rem;
  }
}
.p-faq-guide .p-distance-guide__banner {
  border-top: 1px solid #dedede;
  padding-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-faq-guide .p-distance-guide__banner {
    padding-top: 5rem;
  }
}
.p-faq-guide + .c-breadcrumbs {
  margin-top: 5.8rem;
}
@media screen and (max-width: 767px) {
  .p-faq-guide + .c-breadcrumbs {
    margin-top: 3.8rem;
  }
}

.p-support .p-distance-hero {
  padding-block: 11.3rem 12.2rem;
  background: url("../../assets/img/support/bg-hero.png") no-repeat center bottom/cover;
}
@media screen and (max-width: 767px) {
  .p-support .p-distance-hero {
    padding-block: 2.8rem 9rem;
    background: url("../../assets/img/support/bg-hero-sp.png") no-repeat center top/cover;
  }
}
.p-support .p-distance-hero__text-jp {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #fff;
  margin-top: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-support .p-distance-hero__text-jp {
    font-size: 1.3rem;
    margin-top: 2.4rem;
  }
}
.p-support .p-distance-content {
  padding-block: 9.6rem 0;
}
@media screen and (max-width: 767px) {
  .p-support .p-distance-content {
    padding-block: 0 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-support .p-distance-content__main {
    padding-top: 0;
  }
}
.p-support .p-distance-content .c-title-highlight--primary {
  color: #004193;
}
.p-support .p-distance-content .c-title-highlight--large {
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-support .p-distance-content .c-title-highlight--large {
    font-size: 2.4rem;
  }
}
.p-support .p-distance-sidebar__inner {
  min-height: 18.8rem;
}
@media screen and (max-width: 767px) {
  .p-support .p-distance-sidebar__inner {
    min-height: unset;
    padding: 4rem 2rem;
  }
}
.p-support .p-distance-sidebar__list {
  width: 100%;
}
.p-support__lead {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-support__lead {
    font-size: 1.3rem;
  }
}
.p-support__list {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-support__list {
    margin-top: 1.6rem;
  }
}
.p-support__item {
  display: flex;
  align-items: flex-start;
  gap: 7rem;
}
@media screen and (max-width: 767px) {
  .p-support__item {
    flex-direction: column;
    gap: 1.2rem;
  }
}
.p-support__item:not(:last-child) {
  border-bottom: 1px solid #dedede;
  margin-bottom: 5rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .p-support__item:not(:last-child) {
    margin-bottom: 3rem;
    padding-bottom: 3.6rem;
  }
}
.p-support__item:last-child {
  padding-bottom: 0;
}
.p-support__item-content {
  flex: 1;
}
.p-support__item-title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  color: #004193;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .p-support__item-title {
    font-size: 1.6rem;
  }
}
.p-support__item-text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-top: 2.3rem;
}
@media screen and (max-width: 767px) {
  .p-support__item-text {
    font-size: 1.3rem;
    margin-top: 1.2rem;
  }
}
.p-support__item-image {
  width: 43rem;
  flex-shrink: 0;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-support__item-image {
    width: 100%;
    margin-top: 0;
  }
}
.p-support__item-image img {
  width: 100%;
  aspect-ratio: 430/265;
  object-fit: cover;
  display: block;
}
.p-support__notes {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #888;
  margin-top: 3.4rem;
}
@media screen and (max-width: 767px) {
  .p-support__notes {
    font-size: 1rem;
    margin-top: 1.6rem;
  }
}
.p-support__action {
  margin-top: 7.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-support__action {
    margin-top: 2.4rem;
  }
}
.p-support__action .c-button-border {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  text-align: center;
  padding: 1.5rem 7.4rem 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-support__action .c-button-border {
    padding: 1.2rem 3.4rem 1.3rem;
    max-width: 100%;
    font-size: 1.3rem;
  }
}

.p-support-guide {
  margin-top: 14rem;
  padding-top: 15.7rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-support-guide {
    margin-top: 4rem;
    padding-top: 7rem;
    padding-bottom: 1.6rem;
  }
}
.p-support-guide::before {
  content: "";
  width: 100%;
  height: calc(100% + 8.2rem);
  position: absolute;
  z-index: -1;
  pointer-events: none;
  top: 0;
  left: 0;
  background: url("../../assets/img/support/bg-guide.png") no-repeat center top/100% auto;
}
@media screen and (max-width: 767px) {
  .p-support-guide::before {
    background: url("../../assets/img/support/bg-guide-sp.png") no-repeat center top/100% auto;
    height: calc(100% + 6.8rem);
  }
}
.p-support-guide + .c-breadcrumbs {
  margin-top: 5rem;
  padding-bottom: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-support-guide + .c-breadcrumbs {
    margin-top: 3.5rem;
  }
}

.p-virtual .p-distance-hero {
  padding-block: 8.3rem 15.2rem;
  background: url("../../assets/img/support/bg-hero.png") no-repeat center bottom/cover;
}
@media screen and (max-width: 767px) {
  .p-virtual .p-distance-hero {
    padding-block: 2.8rem 8rem;
    background: url("../../assets/img/support/bg-hero-sp.png") no-repeat center top/cover;
  }
}
.p-virtual .p-distance-hero__text-jp {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #fff;
  margin-top: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-virtual .p-distance-hero__text-jp {
    font-size: 1.3rem;
    margin-top: 2.4rem;
  }
}

.p-virtual-download {
  margin-top: 11.9rem;
}
@media screen and (max-width: 767px) {
  .p-virtual-download {
    margin-top: 5rem;
  }
}

.p-virtual-section:not(:first-child) {
  margin-top: 7.3rem;
}
@media screen and (max-width: 767px) {
  .p-virtual-section:not(:first-child) {
    margin-top: 4rem;
  }
}
.p-virtual-section__title {
  font-weight: 500;
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  padding-top: 1rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-virtual-section__title {
    padding-top: 0.8rem;
    font-size: 2rem;
  }
}
.p-virtual-section__title::before, .p-virtual-section__title::after {
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
}
.p-virtual-section__title::before {
  width: calc(100% - 8rem);
  background: #dedede;
}
@media screen and (max-width: 767px) {
  .p-virtual-section__title::before {
    width: calc(100% - 4rem);
  }
}
.p-virtual-section__title::after {
  width: 3.5rem;
  background: #004193;
}
.p-virtual-section__list {
  display: flex;
  flex-wrap: wrap;
  gap: 3.1rem 4rem;
  margin-top: 3.7rem;
}
@media screen and (max-width: 767px) {
  .p-virtual-section__list {
    gap: 1.5rem 2rem;
    margin-top: 2rem;
  }
}
.p-virtual-section__item {
  width: calc((100% - 8rem) / 3);
}
@media screen and (max-width: 767px) {
  .p-virtual-section__item {
    width: calc((100% - 2rem) / 2);
  }
}
.p-virtual-section__link {
  display: block;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  .p-virtual-section__link:hover {
    opacity: 0.7;
  }
}
.p-virtual-section__image img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}
.p-virtual-section__caption {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-virtual-section__caption {
    font-size: 1.2rem;
    margin-top: 0.8rem;
  }
}
.p-virtual-section__credit {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-virtual-section__credit {
    margin-top: 2rem;
  }
}
.p-virtual-section__credit-title, .p-virtual-section__credit-text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #888;
}
@media screen and (max-width: 767px) {
  .p-virtual-section__credit-title, .p-virtual-section__credit-text {
    font-size: 1.1rem;
  }
}

.p-virtual-notes {
  margin-top: 6.2rem;
}
@media screen and (max-width: 767px) {
  .p-virtual-notes {
    margin-top: 4rem;
  }
}
.p-virtual-notes__text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-virtual-notes__text {
    font-size: 1.1rem;
  }
}

.p-virtual-banner {
  margin-top: 15.2rem;
}
@media screen and (max-width: 767px) {
  .p-virtual-banner {
    margin-top: 5rem;
  }
}
.p-virtual-banner img {
  width: 100%;
  height: 40rem;
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-virtual-banner img {
    height: 15rem;
  }
}

.p-virtual-guide {
  margin-top: 14rem;
  padding-top: 15.7rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-virtual-guide {
    margin-top: 4rem;
    padding-top: 7rem;
    padding-bottom: 1.6rem;
  }
}
.p-virtual-guide::before {
  content: "";
  width: 100%;
  height: calc(100% + 8.2rem);
  position: absolute;
  z-index: -1;
  pointer-events: none;
  top: 0;
  left: 0;
  background: url("../../assets/img/support/bg-guide.png") no-repeat center top/100% auto;
}
@media screen and (max-width: 767px) {
  .p-virtual-guide::before {
    background: url("../../assets/img/support/bg-guide-sp.png") no-repeat center top/100% auto;
    height: calc(100% + 6.8rem);
  }
}
.p-virtual-guide + .c-breadcrumbs {
  margin-top: 5rem;
  padding-bottom: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-virtual-guide + .c-breadcrumbs {
    margin-top: 3.5rem;
  }
}

.p-diagnostic {
  background: url(../../assets/img/diagnostic/bg-diagnostic.jpg) no-repeat center top/cover;
  padding-block: 0.8rem 24rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-diagnostic {
    padding-block: 1rem 15rem;
    overflow: hidden;
  }
}
.p-diagnostic::before {
  content: "";
  width: 100%;
  height: 5.7rem;
  background: url(../../assets/img/diagnostic/mask-top.svg) no-repeat center top/100% auto;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -1px;
  z-index: 2;
  pointer-events: none;
}
@media screen and (min-width: 1441px) {
  .p-diagnostic::before {
    height: 3.9583333333vw;
  }
}
.p-diagnostic .c-breadcrumbs__list-text {
  color: #fff;
}
.p-diagnostic .c-breadcrumbs__list-item:not(:last-child)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.370701' y1='6.99346' x2='6.3707' y2='0.333217' stroke='white'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.p-diagnostic .c-breadcrumbs__list-item:last-child {
  color: #fff;
}
.p-diagnostic-init, .p-diagnostic-step1, .p-diagnostic-step2, .p-diagnostic-result {
  display: none;
}
.p-diagnostic-init.is-show, .p-diagnostic-step1.is-show, .p-diagnostic-step2.is-show, .p-diagnostic-result.is-show {
  display: block;
}
.p-diagnostic-intro__inner, .p-diagnostic-step__inner {
  margin-top: 11.6rem;
  background: #fff;
  border-radius: 1.6rem;
  position: relative;
  z-index: 1;
  max-width: 104rem;
  margin-inline: auto;
}
.p-diagnostic-intro__inner {
  padding: 8.7rem 4rem 10rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__inner {
    padding-inline: 2rem;
    margin-top: 6.6rem;
  }
}
.p-diagnostic-intro__title {
  padding-right: 1.5rem;
  position: relative;
  z-index: 1;
}
.p-diagnostic-intro__title img {
  width: 44.1rem;
  height: auto;
  margin-inline: auto;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__title img {
    width: 21.2rem;
  }
}
.p-diagnostic-intro__title::before {
  content: "";
  width: 35.8rem;
  aspect-ratio: 398/38;
  background: url(../../assets/img/diagnostic/decor-main.png) no-repeat center center/cover;
  position: absolute;
  left: 48.3%;
  bottom: 16%;
  transform: translate(-50%, 50%) rotate(-2.46deg);
  z-index: -1;
  pointer-events: none;
  opacity: 0.25;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__title::before {
    width: 21rem;
    bottom: 20%;
  }
}
.p-diagnostic-intro__sub {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__sub {
    margin-top: 1rem;
  }
}
.p-diagnostic-intro__sub img {
  width: 54.5rem;
  height: auto;
  margin-inline: auto;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__sub img {
    width: 25.9rem;
  }
}
.p-diagnostic-intro__decor {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.p-diagnostic-intro__decor-item {
  position: absolute;
}
.p-diagnostic-intro__decor-item--01 {
  top: -7.7rem;
  left: 17.4rem;
  width: 9.2rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__decor-item--01 {
    width: 5rem;
    left: 9rem;
    top: -4rem;
  }
}
.p-diagnostic-intro__decor-item--02 {
  top: -4.8rem;
  left: 6rem;
  width: 13.8rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__decor-item--02 {
    width: 7.5rem;
    left: 3.5rem;
    top: -2rem;
  }
}
.p-diagnostic-intro__decor-item--02::before {
  content: "";
  width: calc(100% + 1.9rem);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #67B6FF;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
  opacity: 0.5;
  filter: blur(2.5rem);
}
.p-diagnostic-intro__decor-item--03 {
  top: 9.2rem;
  left: -16.4rem;
  width: 14.8rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__decor-item--03 {
    width: 8rem;
    left: -5rem;
    top: 5rem;
  }
}
.p-diagnostic-intro__decor-item--04 {
  top: 32.4rem;
  left: -9rem;
  width: 19.8rem;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__decor-item--04 {
    width: 10rem;
    left: -5rem;
    top: 27rem;
  }
}
.p-diagnostic-intro__decor-item--05 {
  top: 43.8rem;
  left: 6.4rem;
  width: 11rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__decor-item--05 {
    width: 5.5rem;
    left: 3rem;
    top: 31.5rem;
  }
}
.p-diagnostic-intro__decor-item--05::before {
  content: "";
  background: #D4D5FF;
  position: absolute;
  bottom: 90%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
  opacity: 0.9;
  filter: blur(2.5rem);
  aspect-ratio: 1/1;
  border-radius: 50%;
  width: calc(100% + 0.9rem);
  height: auto;
}
.p-diagnostic-intro__decor-item--06 {
  top: -2.5rem;
  right: 8.7rem;
  width: 10.1rem;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__decor-item--06 {
    width: 5.5rem;
    right: 3rem;
    top: -3rem;
  }
}
.p-diagnostic-intro__decor-item--07 {
  top: 2.6rem;
  right: -5.3rem;
  width: 19.6rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__decor-item--07 {
    width: 8rem;
    right: -1rem;
    top: 1rem;
  }
}
.p-diagnostic-intro__decor-item--07::before {
  content: "";
  background: #008DD6;
  position: absolute;
  left: -25%;
  top: -50%;
  z-index: -1;
  pointer-events: none;
  opacity: 0.2;
  filter: blur(2.5rem);
  aspect-ratio: 1/1;
  border-radius: 50%;
  width: calc(100% + 5.2rem);
}
.p-diagnostic-intro__decor-item--08 {
  top: 28.5rem;
  right: -15.7rem;
  width: 13.8rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__decor-item--08 {
    width: 6.5rem;
    right: -4rem;
    top: 24rem;
  }
}
.p-diagnostic-intro__decor-item--09 {
  top: 39rem;
  right: 9.6rem;
  width: 12.8rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__decor-item--09 {
    width: 6rem;
    right: 5rem;
    top: 30rem;
  }
}
.p-diagnostic-intro__decor-item--09::before {
  content: "";
  background: #004193;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
  opacity: 0.5;
  filter: blur(2.5rem);
  width: calc(100% + 0.2rem);
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.p-diagnostic-intro__decor-item img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
}
.p-diagnostic-intro__buttons {
  margin-top: 5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__buttons {
    gap: 2rem;
    margin-top: 3rem;
  }
}
.p-diagnostic-intro__button {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
  background: #03BBD5;
  border: 1px solid #03BBD5;
  box-shadow: 0 0.8rem 0 #007B8C;
  padding: 2.4rem 3rem;
  border-radius: 4rem;
  display: block;
  width: 100%;
  max-width: 54.2rem;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__button {
    font-size: 1.4rem;
    padding: 1.5rem 2rem;
    box-shadow: 0 0.6rem 0 #007B8C;
  }
}
.p-diagnostic-intro__button::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='17.0625' cy='17.0626' rx='17.0625' ry='17.0626' fill='white'/%3E%3Cpath d='M22.3125 18L14.4375 24.4952V11.5048L22.3125 18Z' fill='%2303BBD5'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 3.5rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translate(0, -50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-intro__button::before {
    width: 2rem;
    right: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-diagnostic-intro__button:hover {
    box-shadow: 0 0 0 #007B8C;
    background: #fff;
    color: #03BBD5;
  }
}
.p-diagnostic-intro__button.is-disabled {
  cursor: not-allowed;
  pointer-events: auto;
}
@media screen and (min-width: 768px) {
  .p-diagnostic-intro__button.is-disabled:hover {
    background: #03BBD5;
    color: #fff;
  }
}
.p-diagnostic-intro__button--outline {
  border: 1px solid #004193;
  color: #004193;
  background: #fff;
  box-shadow: none;
}
.p-diagnostic-intro__button--outline::before {
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='17.0625' cy='17.0626' rx='17.0625' ry='17.0626' fill='%23004193'/%3E%3Cpath d='M11.8125 16.5L19.6875 22.9952V10.0048L11.8125 16.5Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  left: 1.5rem;
  right: unset;
}
@media screen and (min-width: 768px) {
  .p-diagnostic-intro__button--outline:hover {
    background: #004193;
    color: #fff;
  }
}
.p-diagnostic-step__inner {
  overflow: hidden;
}
.p-diagnostic-step__head {
  padding: 8.1rem 4rem 2.9rem;
  border-bottom: 1px solid #EAEAEB;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__head {
    padding: 6rem 2rem 2rem;
  }
}
.p-diagnostic-step__subtitle {
  position: absolute;
  top: 2.4rem;
  left: 16.8rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__subtitle {
    left: 50%;
    transform: translateX(-50%);
    top: 1.5rem;
  }
}
.p-diagnostic-step__subtitle img {
  width: 14.5rem;
  height: auto;
  aspect-ratio: 145/67;
  max-width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__subtitle img {
    width: 8rem;
  }
}
.p-diagnostic-step__title img {
  width: 47.4rem;
  height: auto;
  aspect-ratio: 474/68;
  max-width: 100%;
  object-fit: cover;
  margin-inline: auto;
}
.p-diagnostic-step__body {
  padding: 3.2rem 10rem 4rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__body {
    padding: 2rem 2rem 3rem;
  }
}
.p-diagnostic-step__body .p-diagnostic-intro__button {
  max-width: 32rem;
  margin-top: 4rem;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 2.1rem;
  box-shadow: 0 0.6rem 0 #007B8C;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__body .p-diagnostic-intro__button {
    font-size: 1.4rem;
    padding: 1.5rem 2rem;
    box-shadow: 0 0.6rem 0 #007B8C;
    max-width: 24rem;
  }
}
.p-diagnostic-step__body .p-diagnostic-intro__button::before {
  right: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-diagnostic-step__body .p-diagnostic-intro__button:hover {
    box-shadow: 0 0 0 #007B8C;
  }
}
.p-diagnostic-step__body .p-diagnostic-intro__button--outline {
  box-shadow: none;
}
.p-diagnostic-step__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 1.6rem;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__list {
    gap: 1.2rem 0.8rem;
  }
}
.p-diagnostic-step__list-button {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  background: #EDF7FF;
  border-radius: 4rem;
  color: #292F4A;
  padding: 1.2rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__list-button {
    font-size: 1.2rem;
    padding: 0.8rem 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .p-diagnostic-step__list-button:hover {
    background: #004193;
    color: #fff;
  }
}
.p-diagnostic-step__list-button.is-selected {
  background: #004193;
  color: #fff;
}
.p-diagnostic-step__decor {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
.p-diagnostic-step__decor-item {
  position: absolute;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.p-diagnostic-step__strong {
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  color: #11152F;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__strong {
    font-size: 1.8rem;
  }
}
.p-diagnostic-step__text {
  font-weight: 400;
  font-size: 2.34rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__text {
    font-size: 1.6rem;
    margin-top: 1.6rem;
  }
}
.p-diagnostic-step__label {
  display: block;
  margin-inline: auto;
  width: fit-content;
  background: #EE7631;
  color: #fff;
  padding: 0.7rem 3.4rem 1.2rem;
  border-radius: 0.6rem;
  font-weight: 400;
  font-size: 3.2rem;
  line-height: 1;
  letter-spacing: 0;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__label {
    font-size: 2.4rem;
    padding: 0.5rem 2.4rem 0.8rem;
    margin-top: 0.8rem;
    line-height: 1.4;
  }
}
.p-diagnostic-step__image {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__image {
    margin-top: 1.6rem;
  }
}
.p-diagnostic-step__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 928/522;
  border-radius: 1.6rem;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__image img {
    border-radius: 0.8rem;
  }
}
.p-diagnostic-step__content {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__content {
    margin-top: 1.6rem;
  }
}
.p-diagnostic-step__content-text {
  text-align: center;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__content-text {
    font-size: 1.2rem;
  }
}
.p-diagnostic-step__options {
  margin-top: 4.1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__options {
    gap: 1.2rem;
    flex-direction: column;
    align-items: center;
    margin-top: 2.4rem;
  }
}
.p-diagnostic-step__options-button {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  text-align: center;
  padding: 1.5rem 2.4rem;
  transition: all 0.3s;
  background: #008DD6;
  border: 1px solid #008DD6;
  color: #fff;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 32rem;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__options-button {
    font-size: 1.4rem;
    padding: 1.5rem 2rem;
    max-width: 24rem;
  }
}
.p-diagnostic-step__options-button::before {
  content: "";
  mask-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.332031 0.332031L5.33203 5.33203L0.332031 10.332' stroke='white' stroke-width='0.9375'/%3E%3C/svg%3E%0A");
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 0.6rem;
  height: auto;
  aspect-ratio: 6/11;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 1.8rem;
  transform: translateY(-50%);
  z-index: -1;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-diagnostic-step__options-button:hover {
    background: #fff;
    color: #008DD6;
  }
}
@media screen and (min-width: 768px) {
  .p-diagnostic-step__options-button:hover::before {
    background: #008DD6;
  }
}
.p-diagnostic-step__options-button--lighter {
  background: #67B6FF;
  border-color: #67B6FF;
}
@media screen and (min-width: 768px) {
  .p-diagnostic-step__options-button--lighter:hover {
    background: #fff;
    color: #67B6FF;
  }
}
@media screen and (min-width: 768px) {
  .p-diagnostic-step__options-button--lighter:hover::before {
    background: #67B6FF;
  }
}
.p-diagnostic-step__recommend {
  margin-top: 7.8rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__recommend {
    margin-top: 5rem;
  }
}
.p-diagnostic-step__recommend-title {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding-inline: 2.4rem;
}
.p-diagnostic-step__recommend-title::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #004193;
  z-index: -1;
  pointer-events: none;
}
.p-diagnostic-step__recommend-title-label {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 0.875;
  text-align: center;
  color: #004193;
  padding-inline: 1.6rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__recommend-title-label {
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
.p-diagnostic-step__recommend-list {
  margin-top: 2.6rem;
  display: flex;
  flex-wrap: wrap;
  max-width: 82rem;
  margin-inline: auto;
  justify-content: center;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__recommend-list {
    gap: 2.4rem;
    flex-direction: column;
  }
}
.p-diagnostic-step__recommend-item {
  width: calc((100% - 4rem) / 2);
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__recommend-item {
    width: 100%;
  }
}
.p-diagnostic-step__recommend-head {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.p-diagnostic-step__recommend-head-title {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  min-height: 4.3rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__recommend-head-title {
    font-size: 1.8rem;
    min-height: 0;
  }
}
.p-diagnostic-step__recommend-head-label {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  width: fit-content;
  margin-inline: auto;
  margin-top: 0.1rem;
  position: relative;
  z-index: 1;
  padding: 0.9rem 2.7rem;
  display: block;
  background: #03BBD5;
  border-radius: 0.5rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__recommend-head-label {
    font-size: 1.8rem;
    padding: 0.5rem 2.4rem 0.8rem;
    margin-top: 0.8rem;
  }
}
.p-diagnostic-step__recommend-image {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__recommend-image {
    margin-top: 1.6rem;
  }
}
.p-diagnostic-step__recommend-image img {
  width: 100%;
  aspect-ratio: 320/212;
  border-radius: 0.8rem;
  object-fit: cover;
  height: auto;
  display: block;
}
.p-diagnostic-step__recommend-options {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
  margin-top: 1.6em;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__recommend-options {
    gap: 1.2rem;
    margin-top: 1.6rem;
    align-items: center;
  }
}
.p-diagnostic-step__recommend-options .p-diagnostic-step__options-button {
  max-width: none;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step__recommend-options .p-diagnostic-step__options-button {
    max-width: 24rem;
  }
}
.p-diagnostic-step1 .p-diagnostic-step__decor-item--01 {
  background: #67B6FF;
  width: 16.3rem;
  top: -4.1rem;
  left: 3.2rem;
  opacity: 0.17;
  filter: blur(1.7rem);
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step1 .p-diagnostic-step__decor-item--01 {
    width: 10rem;
    top: -2.5rem;
    left: 2rem;
  }
}
.p-diagnostic-step1 .p-diagnostic-step__decor-item--02 {
  width: 19.2rem;
  opacity: 0.3;
  filter: blur(2.15rem);
  top: -5.2rem;
  right: -2.3rem;
  background: #80D9E8;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step1 .p-diagnostic-step__decor-item--02 {
    width: 10rem;
    top: -2.5rem;
    right: -1rem;
  }
}
.p-diagnostic-step1 .p-diagnostic-step__decor-item--03 {
  width: 18.2rem;
  opacity: 0.4;
  filter: blur(2.15rem);
  bottom: 9.7rem;
  left: -4.3rem;
  background: #D4D5FF;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step1 .p-diagnostic-step__decor-item--03 {
    width: 10rem;
    bottom: 5rem;
    left: -2rem;
  }
}
.p-diagnostic-step1 .p-diagnostic-step__decor-item--04 {
  width: 21.3rem;
  opacity: 0.3;
  filter: blur(2.15rem);
  bottom: 0;
  right: -6.6rem;
  background: #A7CAFF;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step1 .p-diagnostic-step__decor-item--04 {
    width: 10rem;
    bottom: 0;
    right: -3rem;
  }
}
.p-diagnostic-step1 .p-diagnostic-step__decor-item--05 {
  width: 14.2rem;
  opacity: 0.15;
  filter: blur(2.15rem);
  right: 11rem;
  bottom: -4rem;
  background: #008DD6;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step1 .p-diagnostic-step__decor-item--05 {
    width: 8rem;
    right: 6rem;
    bottom: -2rem;
  }
}
.p-diagnostic-step2 .p-diagnostic-step__title img {
  width: 66.9rem;
  aspect-ratio: 669/68;
}
@media screen and (min-width: 768px) {
  .p-diagnostic-step2 .p-diagnostic-step__subtitle {
    left: 9.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step2 .p-diagnostic-step__body .p-diagnostic-intro__button {
    margin-top: 0;
  }
}
.p-diagnostic-step2 .p-diagnostic-step__decor-item--01 {
  width: 16.3rem;
  left: 3.2rem;
  top: -4.1rem;
  opacity: 0.17;
  filter: blur(1.7rem);
  background: #67B6FF;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step2 .p-diagnostic-step__decor-item--01 {
    width: 10rem;
    top: -2.5rem;
    left: 2rem;
  }
}
.p-diagnostic-step2 .p-diagnostic-step__decor-item--02 {
  width: 19.2rem;
  right: -2.3rem;
  top: -5.2rem;
  opacity: 0.3;
  filter: blur(2.15rem);
  background: #80D9E8;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step2 .p-diagnostic-step__decor-item--02 {
    width: 10rem;
    top: -2.5rem;
    right: -1rem;
  }
}
.p-diagnostic-step2 .p-diagnostic-step__decor-item--03 {
  width: 18.2rem;
  bottom: -3.8rem;
  left: -4.3rem;
  opacity: 0.4;
  filter: blur(2.15rem);
  background: #D4D5FF;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step2 .p-diagnostic-step__decor-item--03 {
    width: 10rem;
    bottom: -2rem;
    left: -2rem;
  }
}
.p-diagnostic-step2 .p-diagnostic-step__decor-item--04 {
  width: 21.3rem;
  bottom: -3.8rem;
  right: -6.6rem;
  opacity: 0.3;
  filter: blur(2.15rem);
  background: #A7CAFF;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step2 .p-diagnostic-step__decor-item--04 {
    width: 10rem;
    bottom: -2rem;
    right: -3rem;
  }
}
.p-diagnostic-step2 .p-diagnostic-step__decor-item--05 {
  width: 14.2rem;
  right: 11.2rem;
  bottom: -8rem;
  opacity: 0.15;
  filter: blur(2.15rem);
  background: #008DD6;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-step2 .p-diagnostic-step__decor-item--05 {
    width: 8rem;
    right: 6rem;
    bottom: -4rem;
  }
}
@media screen and (min-width: 768px) {
  .p-diagnostic-result .p-diagnostic-step__head {
    padding: 6.3rem 4rem 4.7rem;
  }
}
@media screen and (max-width: 767px) {
  .p-diagnostic-result .p-diagnostic-step__head {
    padding: 4rem 2rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  .p-diagnostic-result .p-diagnostic-step__body {
    padding: 3.5rem 5.6rem 6.5rem;
  }
}
.p-diagnostic-result .p-diagnostic-step__title {
  position: relative;
  z-index: 1;
}
.p-diagnostic-result .p-diagnostic-step__title::before {
  content: "";
  width: 53.6rem;
  aspect-ratio: 536/53;
  position: absolute;
  left: 49.7%;
  transform: translateX(-50%);
  background: url(../../assets/img/diagnostic/result-decor.svg) no-repeat center center/cover;
  bottom: -2.5rem;
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-result .p-diagnostic-step__title::before {
    width: 31.6rem;
    bottom: -1.5rem;
  }
}
.p-diagnostic-result .p-diagnostic-step__title img {
  width: 53.2rem;
  aspect-ratio: 532/45;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-result .p-diagnostic-step__title img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .p-diagnostic-result .p-diagnostic-intro__buttons {
    margin-top: 5.4rem;
  }
}
.p-diagnostic-result .p-diagnostic-intro__buttons .p-diagnostic-intro__button {
  max-width: 32rem;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 2.1rem;
  box-shadow: 0 0.6rem 0 #007B8C;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-result .p-diagnostic-intro__buttons .p-diagnostic-intro__button {
    font-size: 1.4rem;
    padding: 1.5rem 2rem;
    box-shadow: 0 0.6rem 0 #007B8C;
    max-width: 24rem;
  }
}
@media screen and (min-width: 768px) {
  .p-diagnostic-result .p-diagnostic-intro__buttons .p-diagnostic-intro__button:hover {
    box-shadow: 0 0 0 #007B8C;
  }
}
.p-diagnostic-result .p-diagnostic-intro__buttons .p-diagnostic-intro__button::before {
  display: none;
}
.p-diagnostic-result .p-tuition-fee__cta-buttons {
  max-width: 104rem;
  margin-inline: auto;
  margin-top: 5.4rem;
}
.p-diagnostic-result .p-diagnostic-step__decor-item--01 {
  width: 16.3rem;
  left: 3.2rem;
  top: -4.1rem;
  opacity: 0.17;
  filter: blur(1.7rem);
  background: #67B6FF;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-result .p-diagnostic-step__decor-item--01 {
    width: 10rem;
    top: -2.5rem;
    left: 2rem;
  }
}
.p-diagnostic-result .p-diagnostic-step__decor-item--02 {
  width: 19.2rem;
  right: -2.3rem;
  top: 25.2rem;
  opacity: 0.3;
  filter: blur(2.15rem);
  background: #80D9E8;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-result .p-diagnostic-step__decor-item--02 {
    width: 10rem;
    top: 15.2rem;
    right: -1rem;
  }
}
.p-diagnostic-result .p-diagnostic-step__decor-item--03 {
  width: 18.2rem;
  bottom: 43.7rem;
  left: -4.3rem;
  opacity: 0.4;
  filter: blur(2.15rem);
  background: #D4D5FF;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-result .p-diagnostic-step__decor-item--03 {
    width: 10rem;
    bottom: 28.7rem;
    left: -2rem;
  }
}
.p-diagnostic-result .p-diagnostic-step__decor-item--04 {
  width: 21.3rem;
  bottom: -8rem;
  right: -3.4rem;
  opacity: 0.3;
  filter: blur(2.15rem);
  background: #A7CAFF;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-result .p-diagnostic-step__decor-item--04 {
    width: 10rem;
    bottom: 18.7rem;
    right: -3rem;
  }
}
.p-diagnostic-result .p-diagnostic-step__decor-item--05 {
  width: 14.2rem;
  bottom: 8.8rem;
  right: -5.1rem;
  opacity: 0.15;
  filter: blur(2.15rem);
  background: #008DD6;
}
@media screen and (max-width: 767px) {
  .p-diagnostic-result .p-diagnostic-step__decor-item--05 {
    width: 8rem;
    bottom: 5.8rem;
    right: -3rem;
  }
}

.p-alumni {
  padding-top: 12rem;
}
@media screen and (max-width: 767px) {
  .p-alumni .pc-only {
    display: none;
  }
}
.p-alumni .sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-alumni .sp-only {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-alumni {
    padding-top: 5.8rem;
  }
}
.p-alumni .l-container {
  width: 132rem;
  max-width: 100%;
  padding-inline: 2rem;
  margin: 0 auto;
}
.p-alumni-hero {
  padding-block: 8.5rem 12.2rem;
  background-image: url(../img/considering/bg-hero.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
@media screen and (min-width: 1441px) {
  .p-alumni-hero {
    background-image: url(../img/considering/bg-hero.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .p-alumni-hero {
    padding-block: 5.6rem 6.4rem;
    background-image: url(../img/considering/bg-hero-sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
}
.p-alumni-hero__lead, .p-alumni-hero__title {
  color: #fff;
}
.p-alumni-hero__lead {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-alumni-hero__lead {
    font-size: 1.3rem;
  }
}
.p-alumni-hero__title {
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-hero__title {
    font-size: 2.4rem;
    margin-top: 0.4rem;
  }
}
.p-alumni-hero__text-en {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-hero__text-en {
    font-size: 1rem;
    margin-top: 1.2rem;
  }
}
.p-alumni-hero__text-en::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.1rem;
  background-color: #759dcf;
  margin-inline: 0.45rem 0.8rem;
  vertical-align: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-hero__text-en::before {
    width: 0.6rem;
    height: 0.1rem;
    margin-inline: 0.3rem 0.6rem;
    vertical-align: 0.3rem;
  }
}
.p-alumni-hero__content {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-top: 4.2rem;
  padding-left: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-hero__content {
    margin-top: 2.4rem;
    font-size: 1.3rem;
  }
}
.p-alumni-hero__anchor {
  display: flex;
  gap: 3.6rem;
  color: #fff;
  margin-top: 2.4rem;
  padding-left: 0.3rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-hero__anchor {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.2rem;
    margin-top: 1.2rem;
    text-shadow: 0 0.1rem 0.2rem rgb(0, 0, 0);
  }
}
.p-alumni-hero__anchor a {
  font-size: 1.3rem;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  letter-spacing: 0.05em;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .p-alumni-hero__anchor a {
    font-size: 1rem;
  }
}
.p-alumni-hero__anchor a:hover {
  opacity: 0.8;
}
.p-alumni-content {
  padding-block: 4rem 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content {
    padding-block: 2rem 4rem;
  }
}
.p-alumni-content .l-container {
  width: 128rem;
}
.p-alumni-content__title {
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__title {
    font-size: 2.4rem;
  }
}
.p-alumni-content__subtitle {
  color: #004193;
  background-color: #edf7ff;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 2rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__subtitle {
    padding: 1rem;
    font-size: 1.6rem;
    margin-top: 2rem;
  }
}
.p-alumni-content__nav-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.8rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__nav-list {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2rem;
  }
}
.p-alumni-content__nav-list-item {
  height: 7.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #fff;
  background: #004193;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__nav-list-item {
    height: 4.8rem;
    font-size: 1.5rem;
  }
}
.p-alumni-content__nav-list-item img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.p-alumni-content__nav-list-item:nth-of-type(1) img {
  width: 3.4rem;
  left: 3rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__nav-list-item:nth-of-type(1) img {
    width: 2.6rem;
    left: 1.4rem;
  }
}
.p-alumni-content__nav-list-item:nth-of-type(2) img {
  width: 4rem;
  left: 3.1rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__nav-list-item:nth-of-type(2) img {
    width: 3.2rem;
    left: 1.9rem;
  }
}
.p-alumni-content__nav-list-item:nth-of-type(3) img {
  width: 4.7rem;
  left: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__nav-list-item:nth-of-type(3) img {
    width: 3.9rem;
    left: 0.9rem;
  }
}
.p-alumni-content__nav-list-item:nth-of-type(4) img {
  width: 4rem;
  left: 3.1rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__nav-list-item:nth-of-type(4) img {
    width: 3.2rem;
    left: 1.9rem;
  }
}
.p-alumni-content__nav-list-item:nth-of-type(5) img {
  width: 3.6rem;
  left: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__nav-list-item:nth-of-type(5) img {
    width: 2.8rem;
    left: 1.4rem;
  }
}
.p-alumni-content__head {
  display: flex;
  gap: 2.4rem;
  background-color: #f7f7f7;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__head {
    font-size: 1.5rem;
    gap: 1.2rem;
    padding: 1.2rem;
  }
}
.p-alumni-content__head-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__head-wrap {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    margin-top: 2rem;
  }
}
.p-alumni-content__detail {
  margin-top: 6.5rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__detail {
    margin-top: 4rem;
  }
}
.p-alumni-content__description {
  padding: 3.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__description {
    padding: 1.6rem 0;
  }
}
.p-alumni-content__description-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__description-text {
    font-size: 1.4rem;
  }
}
.p-alumni-content__description-text-link {
  border-bottom: solid 0.1rem currentColor;
  transition: 0.3s;
}
.p-alumni-content__description-text-link:hover {
  border-bottom: solid 0.1rem transparent;
}
.p-alumni-content__description-note {
  text-align: left;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__description-note {
    font-size: 1.1rem;
  }
}
.p-alumni-content__description-marker {
  display: flex;
  align-items: flex-start;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__description-marker {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }
}
.p-alumni-content__description-marker::before {
  content: "・";
}
.p-alumni-content__description-list {
  list-style-type: decimal;
  padding-left: 2.6rem;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__description-list {
    padding-left: 2.4rem;
    margin-bottom: 1.6rem;
  }
}
.p-alumni-content__description-list-item {
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__description-list-item {
    font-size: 1.4rem;
    margin-top: 1.2rem;
  }
}
.p-alumni-content__description-list-item::marker {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__description-list-item::marker {
    font-size: 1.8rem;
  }
}
.p-alumni-content__description-list-item:first-of-type {
  margin-top: 0;
}
.p-alumni-content__description-banner {
  display: block;
  width: fit-content;
  margin: auto;
}
.p-alumni-content__description-banner--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7.2rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__description-banner--grid {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-top: 1.6rem;
  }
}
.p-alumni-content__description-banner img {
  max-width: 104rem;
  transition: 0.3s;
}
.p-alumni-content__description-banner img:hover {
  opacity: 0.7;
}
.p-alumni-content__box {
  box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.16);
  background: #fff;
}
.p-alumni-content__box--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box--grid {
    display: block;
  }
  .p-alumni-content__box--grid .p-alumni-content__box {
    margin-top: 1.6rem;
  }
}
.p-alumni-content__box--community {
  margin-top: 2.4rem;
}
.p-alumni-content__box--community .p-alumni-content__box-main {
  display: grid;
  grid-template-columns: 1fr 50rem;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box--community .p-alumni-content__box-main {
    grid-template-columns: 1fr;
  }
}
.p-alumni-content__box--community .p-alumni-content__box-main-strong {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.p-alumni-content__box--community .p-alumni-content__box-main-strong::before {
  content: "";
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  background: #004193;
  border-radius: 50%;
}
.p-alumni-content__box-head {
  display: grid;
  grid-template-columns: minmax(0, 5.6rem) minmax(0, 1fr);
  align-items: center;
  gap: 2.4rem;
  background: #f7f7f7;
  padding: 1.9rem 2.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-head {
    grid-template-columns: minmax(0, 4rem) minmax(0, 1fr);
    gap: 1.2rem;
    padding: 0.8rem 1rem;
  }
}
.p-alumni-content__box-title {
  font-size: 2rem;
  font-weight: 500;
  color: #004193;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-title {
    font-size: 1.6rem;
  }
}
.p-alumni-content__box-main {
  color: #292F4A;
  padding: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-main {
    padding: 1.6rem 2rem 2.4rem;
  }
}
.p-alumni-content__box-main-title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-main-title {
    font-size: 1.6rem;
    margin-top: 1.6rem;
  }
}
.p-alumni-content__box-main-title:first-of-type {
  margin-top: 0;
}
.p-alumni-content__box-main-text {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-main-text {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }
}
.p-alumni-content__box-main-text:first-of-type {
  margin-top: 0;
}
.p-alumni-content__box-main-link {
  font-weight: 500;
  border-bottom: solid 0.1rem currentColor;
  transition: 0.3s;
}
.p-alumni-content__box-main-link:hover {
  border-bottom: solid 0.1rem transparent;
}
.p-alumni-content__box-main-strong {
  color: #004193;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-main-strong {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
}
.p-alumni-content__box-main-ano {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-main-ano {
    font-size: 1.4rem;
    gap: 0.8rem;
    margin-top: 1.6rem;
  }
}
.p-alumni-content__box-main-ano img {
  width: 3rem;
  height: 3rem;
}
.p-alumni-content__box-main-marker {
  display: flex;
  align-items: flex-start;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-main-marker {
    font-size: 1.4rem;
  }
}
.p-alumni-content__box-main-marker::before {
  content: "・";
}
.p-alumni-content__box-button {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-button {
    width: 100%;
  }
}
.p-alumni-content__box-button--mt {
  margin-top: 10rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-button--mt {
    margin-top: 1.6rem;
  }
}
.p-alumni-content__box-app {
  text-align: center;
  border-left: solid 0.1rem #dedede;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-app {
    border: 0;
  }
}
.p-alumni-content__box-app-link {
  display: block;
}
.p-alumni-content__box-app-link img {
  height: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-app-link img {
    height: auto;
  }
}
.p-alumni-content__box-app-row {
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-app-row {
    font-size: 1.4rem;
    margin-top: 1rem;
  }
}
.p-alumni-content__box-app-text {
  letter-spacing: 0.1em;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box-app-text {
    margin-top: 0.6rem;
  }
}
.p-alumni-content__box .p-alumni-content__box-main-title {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__box .p-alumni-content__box-main-title {
    margin-top: 1rem;
  }
}
.p-alumni-content__contact {
  max-width: 104rem;
  background-color: #edf7ff;
  text-align: center;
  padding: 4.8rem 0 6.4rem;
  margin: 3.2rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__contact {
    padding: 2.4rem 3.2rem;
    margin: 1.6rem auto 0;
  }
}
.p-alumni-content__contact-title {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #292f4a;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__contact-title {
    font-size: 1.3rem;
  }
}
.p-alumni-content__contact-number {
  font-weight: 500;
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004193;
  text-decoration: none;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__contact-number {
    gap: 0.8rem;
    margin-top: 0.8rem;
    font-size: 2rem;
  }
}
.p-alumni-content__contact-number img {
  width: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-alumni-content__contact-number img {
    width: 2.8rem;
  }
}
@media (hover: hover) {
  .p-alumni-content__contact a:hover {
    opacity: 0.7;
  }
}/*# sourceMappingURL=style.css.map */