@charset "UTF-8";
html {
  font-size: 1.0666666667vw;
}
@media (min-width: 768px) and (max-width: 1500px) {
  html {
    font-size: 1.0666666667vw;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 3.5897435897vw;
  }
}

@media (max-width: 768px) {
  .sp_none {
    display: none;
  }
}

@media (min-width: 768px) {
  .pc_none {
    display: none;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Zen Maru Gothic", sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  color: #422C1C;
}
@media (max-width: 768px) {
  body {
    font-size: 1rem;
  }
}

@media (max-width: 768px) {
  :target {
    scroll-margin-top: 0;
  }
}

a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

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

a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
@media (max-width: 768px) {
  a[href*="tel:"] {
    pointer-events: auto;
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  a.fax[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

.inner {
  width: 100%;
  max-width: 81.25rem;
  padding: 0 1.5625rem;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .inner {
    max-width: 42.8571428571rem;
    padding: 0 1.1428571429rem;
  }
}

/* body
------------------------------ */
.sub_body {
  background-color: #FBF9EB;
}

.body.is_open {
  overflow: hidden;
}

/* main
------------------------------ */
.sub_main {
  padding-bottom: 10.625rem;
}
@media (max-width: 768px) {
  .sub_main {
    padding-bottom: 7.1428571429rem;
  }
}

/* Header
------------------------------ */
.header {
  position: fixed;
  width: 100%;
  min-height: 6.25rem;
  top: 0;
  left: 0;
  z-index: 100;
}
@media (max-width: 1300px) {
  .header {
    min-height: 5rem;
  }
}
@media (max-width: 768px) {
  .header {
    min-height: 4.2857142857rem;
  }
}

.header.header_fixed {
  min-height: 5.875rem;
}
@media (max-width: 1300px) {
  .header.header_fixed {
    min-height: 5rem;
  }
}
@media (max-width: 768px) {
  .header.header_fixed {
    min-height: 4.2857142857rem;
  }
}

.customize-support .header {
  top: 32px;
}

.header_inner {
  min-height: inherit;
}

.header_hamburger {
  display: block;
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
  z-index: 999;
  width: 7.25rem;
  height: 7.25rem;
  background-color: #06B021;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (max-width: 768px) {
  .header_hamburger {
    width: 4.2857142857rem;
    height: 4.2857142857rem;
    right: 1.1428571429rem;
    top: 1.1428571429rem;
  }
}

@media (min-width: 768px) {
  .header_hamburger:hover {
    -webkit-transform: scale(1.12);
            transform: scale(1.12);
  }
}

.header_hamburger.is_open {
  background-color: transparent;
}

.header_hamburger_bar {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 3rem;
  height: 0.25rem;
  background-color: #fff;
  border-radius: 0.625rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .header_hamburger_bar {
    width: 1.9285714286rem;
    height: 0.2142857143rem;
    border-radius: 0.3571428571rem;
  }
}

.header_hamburger_bar:nth-of-type(1) {
  top: -1.25rem;
}
@media (max-width: 768px) {
  .header_hamburger_bar:nth-of-type(1) {
    top: -0.7857142857rem;
  }
}

.header_hamburger_bar:nth-of-type(2) {
  top: -0.625rem;
}
@media (max-width: 768px) {
  .header_hamburger_bar:nth-of-type(2) {
    top: -0.2857142857rem;
  }
}

.header_hamburger_bar:nth-of-type(3) {
  top: 0;
}
@media (max-width: 768px) {
  .header_hamburger_bar:nth-of-type(3) {
    top: 0.2142857143rem;
  }
}

.header_hamburger.is_open .header_hamburger_bar:nth-of-type(1) {
  top: 0;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  background-color: #fff;
}
@media (max-width: 768px) {
  .header_hamburger.is_open .header_hamburger_bar:nth-of-type(1) {
    top: -0.3571428571rem;
  }
}

.header_hamburger.is_open .header_hamburger_bar:nth-of-type(2) {
  opacity: 0;
}

.header_hamburger.is_open .header_hamburger_bar:nth-of-type(3) {
  top: -0.5625rem;
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
  background-color: #fff;
}
@media (max-width: 768px) {
  .header_hamburger.is_open .header_hamburger_bar:nth-of-type(3) {
    top: -0.7857142857rem;
  }
}

.header_hamburger_title {
  position: absolute;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #fff;
  width: 100%;
  left: 50%;
  bottom: 1.5625rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .header_hamburger_title {
    font-size: 0.9285714286rem;
    bottom: 0.6428571429rem;
  }
}

.header_hamburger.is_open .header_hamburger_title {
  color: #fff;
}

.header_drawer {
  position: absolute;
  z-index: 900;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(6, 176, 33, 0.95);
  opacity: 0;
  visibility: hidden;
}

.header_drawer.is_open {
  opacity: 1;
  visibility: visible;
  background-color: rgba(66, 44, 28, 0.3);
}

.header_drawer_wrapper {
  max-width: 46.875rem;
  padding: 5rem 5rem;
  margin-left: auto;
  background-color: #06B021;
}
@media (max-width: 768px) {
  .header_drawer_wrapper {
    padding: 5.7142857143rem 1.1428571429rem;
  }
}

.header_drawer::-webkit-scrollbar {
  display: none;
}

.header_drawer_nav {
  padding: 0 0 6.25rem;
  height: 100vh;
  max-width: 29.75rem;
  overflow-y: scroll;
  scrollbar-width: none;
}
@media (max-width: 768px) {
  .header_drawer_nav {
    padding: 0 0 11.4285714286rem;
  }
}

.header_drawer_list {
  border-bottom: 1px solid #fff;
}

.header_drawer_list_link {
  position: relative;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  padding: 1.25rem 1.25rem 1.25rem 0;
}
@media (max-width: 768px) {
  .header_drawer_list_link {
    font-size: 1.1428571429rem;
    padding: 1.1428571429rem 1.1428571429rem 1.1428571429rem 0;
  }
}

@media (min-width: 768px) {
  .header_drawer_list_link:hover {
    color: #FFFB1A;
  }
}

.header_drawer_list_link::after {
  position: absolute;
  content: "";
  width: 0.6875rem;
  height: 0.9375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  background: url(../images/common/icon_triangle_arrow_right_white.png) no-repeat center center/contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .header_drawer_list_link::after {
    width: 0.6428571429rem;
    height: 0.8571428571rem;
  }
}

@media (min-width: 768px) {
  .header_drawer_list_link:hover::after {
    background: url(../images/common/icon_triangle_arrow_right_yellow.png) no-repeat center center/contain;
  }
}

.header_drawer_list_menus {
  padding: 0 0 1.25rem 1rem;
}
@media (max-width: 768px) {
  .header_drawer_list_menus {
    padding: 0 0 1.1428571429rem 0.8571428571rem;
  }
}

.header_drawer_list_menu_link {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 768px) {
  .header_drawer_list_menu_link {
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  .header_drawer_list_menu_link:hover {
    color: #FFFB1A;
  }
}

.header_drawer_logo {
  width: 100%;
  max-width: 29.6875rem;
  margin-top: 4.5rem;
}
@media (max-width: 768px) {
  .header_drawer_logo {
    max-width: 17.1428571429rem;
    margin: 2.8571428571rem auto 0;
  }
}

/* scroll_area
------------------------------ */
@media (max-width: 768px) {
  .scroll_area {
    position: relative;
  }
}

.scroll_area_hint {
  display: none;
}
@media (max-width: 768px) {
  .scroll_area_hint {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.1428571429rem;
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-animation: scrollHintBlink 1.2s ease-in-out infinite;
            animation: scrollHintBlink 1.2s ease-in-out infinite;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    color: #fff;
    background-color: rgba(0, 189, 242, 0.8);
    padding: 1.4285714286rem 1.4285714286rem;
    z-index: 1;
    border-radius: 1.7142857143rem;
  }
}

.scroll_area_hint::before {
  display: block;
  content: "";
  width: 2.1428571429rem;
  height: 2.1428571429rem;
  background: url(../images/common/icon_hand_white.png) no-repeat center center/contain;
}

.scroll_area_hint.is_hidden {
  opacity: 0;
  pointer-events: none;
  -webkit-animation: none;
          animation: none;
}

@-webkit-keyframes scrollHintBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

@keyframes scrollHintBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
@media (max-width: 768px) {
  .scroll_area_inner {
    overflow-x: auto;
  }
}

.scroll_area_inner table {
  min-width: 43.75rem;
}

/* top - mw
------------------------------ */
.mw_inner {
  position: relative;
}

.mw_lists {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 3.625rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.75rem;
}
@media (max-width: 768px) {
  .mw_lists {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.9285714286rem 1.0714285714rem;
  }
}

.mw_list {
  width: 15.875rem;
  height: 15.875rem;
}
@media (max-width: 768px) {
  .mw_list {
    width: 11.7142857143rem;
    height: auto;
  }
}

.mw_list.mw_list_fees {
  margin-top: 5.375rem;
}
@media (max-width: 768px) {
  .mw_list.mw_list_fees {
    margin-top: 0;
  }
}

.mw_list.mw_list_association {
  margin-top: 5.375rem;
}
@media (max-width: 768px) {
  .mw_list.mw_list_association {
    margin-top: 0;
  }
}

.mw_list_link {
  position: relative;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  background-color: #fff;
  border-radius: 50%;
  height: 100%;
  text-align: center;
  font-weight: 700;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (max-width: 768px) {
  .mw_list_link {
    border-radius: 3.1428571429rem;
  }
}

@media (min-width: 768px) {
  .mw_list_link:hover {
    -webkit-transform: scale(1.12);
            transform: scale(1.12);
  }
}

@media (min-width: 768px) {
  .mw_list_schools .mw_list_link:hover {
    border-color: #FF6994;
  }
}

@media (min-width: 768px) {
  .mw_list_fees .mw_list_link:hover {
    border-color: #FFB508;
  }
}

@media (min-width: 768px) {
  .mw_list_association .mw_list_link:hover {
    border-color: #06B021;
  }
}

@media (min-width: 768px) {
  .mw_list_appeal .mw_list_link:hover {
    border-color: #00BDF2;
  }
}

.mw_list_link::before {
  position: absolute;
  content: "";
  width: 3.75rem;
  height: 3.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0.625rem;
}
@media (max-width: 768px) {
  .mw_list_link::before {
    display: none;
  }
}

.mw_list_schools .mw_list_link::before {
  background: url(../images/top/mw_list_schools_icon.png) no-repeat center center/contain;
}

.mw_list_fees .mw_list_link::before {
  background: url(../images/top/mw_list_fees_icon.png) no-repeat center center/contain;
}

.mw_list_association .mw_list_link::before {
  background: url(../images/top/mw_list_association_icon.png) no-repeat center center/contain;
}

.mw_list_appeal .mw_list_link::before {
  background: url(../images/top/mw_list_appeal_icon.png) no-repeat center center/contain;
}

.mw_list_link::after {
  position: absolute;
  content: "";
  width: 1.0625rem;
  height: 0.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 2rem;
}
@media (max-width: 768px) {
  .mw_list_link::after {
    width: 0.6428571429rem;
    height: 0.4285714286rem;
    bottom: -0.4285714286rem;
  }
}

.mw_list_schools .mw_list_link::after {
  background: url(../images/common/icon_triangle_arrow_bottom_pink.png) no-repeat center center/contain;
}

.mw_list_fees .mw_list_link::after {
  background: url(../images/common/icon_triangle_arrow_bottom_yellow.png) no-repeat center center/contain;
}

.mw_list_association .mw_list_link::after {
  background: url(../images/common/icon_triangle_arrow_bottom_green.png) no-repeat center center/contain;
}

.mw_list_appeal .mw_list_link::after {
  background: url(../images/common/icon_triangle_arrow_bottom_blue.png) no-repeat center center/contain;
}

.mw_list_link_wrapper {
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .mw_list_link_wrapper {
    font-size: 0.9285714286rem;
  }
}

.mw_list_link_xs {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .mw_list_link_xs {
    font-size: 0.9285714286rem;
  }
}

.mw_list_link_sm {
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .mw_list_link_sm {
    font-size: 0.9285714286rem;
  }
}

.mw_list_link_md {
  font-size: 1.375rem;
}
@media (max-width: 768px) {
  .mw_list_link_md {
    font-size: 0.8571428571rem;
  }
}

.mw_list_link_lg {
  font-size: 2.125rem;
  font-weight: 900;
}
@media (max-width: 768px) {
  .mw_list_link_lg {
    font-size: 0.9285714286rem;
  }
}

.mw_list_link_xl {
  font-size: 2.5rem;
  font-weight: 900;
}
@media (max-width: 768px) {
  .mw_list_link_xl {
    font-size: 0.9285714286rem;
  }
}

.mw_list_link_xxl {
  font-size: 3.5rem;
  font-weight: 900;
  line-height: 0.5;
}
@media (max-width: 768px) {
  .mw_list_link_xxl {
    font-size: 1.2857142857rem;
  }
}

.mw_list_link_pink {
  color: #FF6994;
}

.mw_list_link_yellow {
  color: #FFB508;
}

.mw_list_link_blue {
  color: #00BDF2;
}

.mw_list_link_green {
  color: #06B021;
}

/* introduction
------------------------------ */
.introduction {
  background-color: #FBF9EB;
}

.introduction_head_inner {
  position: relative;
  z-index: 0;
}

.introduction_head_title {
  position: relative;
  font-size: 3rem;
  font-weight: 700;
  line-height: 160%;
  width: 100%;
  max-width: 53.8125rem;
  padding: 4.75rem 1.25rem 6.8125rem 7.8125rem;
}
@media (max-width: 768px) {
  .introduction_head_title {
    font-size: 1.4285714286rem;
    padding: 1.7142857143rem 1.1428571429rem 4.8571428571rem 2.8571428571rem;
  }
}

.introduction_head_title::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/introduction_head_title_bg_pc.png) no-repeat left top/contain;
  z-index: -1;
}

.introduction_head_title_pink {
  color: #FF6994;
}

.introduction_head_title_yellow {
  color: #FFB508;
}

.introduction_head_img {
  position: absolute;
  width: 100%;
  max-width: 46rem;
  right: 1.375rem;
  top: 2.8125rem;
}
@media (max-width: 768px) {
  .introduction_head_img {
    position: relative;
    max-width: 25.0714285714rem;
    right: 0.5714285714rem;
    top: 0;
    margin-left: auto;
    margin-top: -4.8571428571rem;
  }
}

.introduction_middle {
  margin-top: 1.4375rem;
}
@media (max-width: 768px) {
  .introduction_middle {
    margin-top: 0.8571428571rem;
  }
}

.introduction_middle_text {
  line-height: 220%;
  letter-spacing: 0.15em;
}
@media (max-width: 768px) {
  .introduction_middle_text {
    line-height: 200%;
    letter-spacing: 0.16em;
  }
}

.introduction_middle_title {
  width: 100%;
  max-width: 42.3125rem;
  margin-top: 4.4375rem;
}
@media (max-width: 768px) {
  .introduction_middle_title {
    margin-top: 1.1428571429rem;
  }
}

.introduction_middle_title_img {
  width: 100%;
  max-width: 27.5625rem;
  margin-left: auto;
}

.introduction_middle_menu {
  position: relative;
  margin-top: -5.125rem;
}
@media (max-width: 768px) {
  .introduction_middle_menu {
    margin-top: 0.2142857143rem;
  }
}

.introduction_middle_menu::before {
  position: absolute;
  content: "";
  width: 24.4375rem;
  height: 24rem;
  left: -2.8125rem;
  bottom: -18.5625rem;
  background: url(../images/top/introduction_middle_menu_pic_pc.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .introduction_middle_menu::before {
    display: none;
  }
}

.introduction_middle_illust_wrapper {
  width: 100%;
  max-width: 47.4375rem;
  margin-left: auto;
  margin-top: -0.9375rem;
}

.introduction_middle_illust {
  width: 100%;
  max-width: 42.125rem;
}

.introduction_food {
  background: url(../images/top/introduction_food_bg_pc.png) no-repeat top center/cover;
  padding: 14.75rem 0 7.5rem;
  margin-top: -5.5rem;
}
@media (max-width: 768px) {
  .introduction_food {
    background: url(../images/top/introduction_food_bg_sp.png) no-repeat top center/cover;
    padding: 7.9285714286rem 0 2.8571428571rem;
    margin-top: -4.3571428571rem;
  }
}

.introduction_food_nav {
  position: relative;
  background-color: #fff;
  border-radius: 1rem;
  padding: 4.125rem 5.5625rem 4.1875rem;
}
@media (max-width: 768px) {
  .introduction_food_nav {
    padding: 2.7142857143rem 1.7142857143rem 2.8571428571rem 1.7142857143rem;
  }
}

.introduction_food_nav::before {
  position: absolute;
  content: "";
  width: 12.1875rem;
  height: 9.0625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -6rem;
  background: url(../images/top/introduction_food_nav_title_pc.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .introduction_food_nav::before {
    width: 8.5rem;
    height: 6.2857142857rem;
    background: url(../images/top/introduction_food_nav_title_sp.png) no-repeat center center/contain;
    left: 1.1428571429rem;
    -webkit-transform: none;
            transform: none;
    top: -3.5714285714rem;
  }
}

.introduction_food_lists {
  display: grid;
  grid-template-columns: repeat(3, auto);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.625rem;
}
@media (max-width: 768px) {
  .introduction_food_lists {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.introduction_food_list a {
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 170%;
  padding-right: 1.75rem;
  padding-bottom: 0.375rem;
}
@media (max-width: 768px) {
  .introduction_food_list a {
    width: 100%;
    padding: 0.7142857143rem 0;
  }
}

@media (min-width: 768px) {
  .introduction_food_list a:hover {
    color: #06B021;
    padding-right: 0;
    padding-left: 1.75rem;
  }
}

.introduction_food_list a::before {
  position: absolute;
  content: "";
  width: 0.75rem;
  height: 1.0625rem;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/common/icon_triangle_arrow_right_green.png) no-repeat right center/contain;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 768px) {
  .introduction_food_list a:hover::before {
    opacity: 1;
  }
}

.introduction_food_list a::after {
  position: absolute;
  content: "";
  background-image: radial-gradient(circle, #422C1C 1px, transparent 1px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 0.4375rem 0.125rem;
  padding-bottom: 0.375rem;
  width: calc(100% - 1.75rem);
  left: 0;
  bottom: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 768px) {
  .introduction_food_list:hover a::after {
    width: 100%;
  }
}

/* appeal
------------------------------ */
.appeal {
  position: relative;
  padding: 0 0 7.5rem;
  z-index: 1;
  background: #FFF7F2 repeating-linear-gradient(120deg, #FDF2EE 0, #FDF2EE 0.625rem, transparent 0.625rem, transparent 1.25rem);
}
@media (max-width: 768px) {
  .appeal {
    padding: 0 0 2.8571428571rem;
  }
}

.appeal_title {
  position: relative;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 5rem 0 6.0625rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .appeal_title {
    font-size: 2.2857142857rem;
    padding: 1.7142857143rem 0 2.5rem;
  }
}

.appeal_title::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/appeal_title_bg_pc.png) no-repeat center bottom/cover;
  z-index: -1;
}

.appeal_inner {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .appeal_inner {
    margin-top: 1.7142857143rem;
  }
}

.appeal_comics {
  width: 100%;
  max-width: 62.5rem;
  margin-inline: auto;
}

.appeal_navigation_wrapper {
  position: relative;
  width: 100%;
  max-width: 62.5rem;
  margin: 4.625rem auto 0;
}
@media (max-width: 768px) {
  .appeal_navigation_wrapper {
    margin: 4.7142857143rem auto 0;
  }
}

.appeal_navigation_illust {
  position: absolute;
  width: 100%;
  max-width: 15rem;
  right: -4rem;
  top: -3.125rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .appeal_navigation_illust {
    max-width: 7.2857142857rem;
    right: 0;
    top: -4.4285714286rem;
  }
}

.appeal_navigation {
  position: relative;
  width: 100%;
  max-width: 56rem;
  padding: 3rem 3rem 3rem;
  background-color: #fff;
  border-radius: 1rem;
}
@media (max-width: 768px) {
  .appeal_navigation {
    padding: 3.2142857143rem 1.7142857143rem 1.7142857143rem;
  }
}

.appeal_navigation_title {
  position: absolute;
  content: "";
  width: 100%;
  max-width: 13.0625rem;
  top: -2.125rem;
  left: 1rem;
}
@media (max-width: 768px) {
  .appeal_navigation_title {
    max-width: 11.3571428571rem;
    top: -2.4285714286rem;
    left: 1.1428571429rem;
  }
}

.appeal_navigation_text {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 200%;
  letter-spacing: 0.07em;
}
@media (max-width: 768px) {
  .appeal_navigation_text {
    font-size: 1rem;
    line-height: 180%;
  }
}

.appeal_main {
  background-color: #fff;
  border-radius: 2rem;
  padding: 4rem 5rem 5rem;
  margin-top: 7.5rem;
}
@media (max-width: 768px) {
  .appeal_main {
    padding: 1.7142857143rem 1.1428571429rem 2.8571428571rem;
    margin-top: 2.8571428571rem;
  }
}

.appeal_subtitle {
  position: relative;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
  background-color: #FDEEED;
  border-radius: 1.25rem;
  padding: 0.5625rem 1rem;
}
@media (max-width: 768px) {
  .appeal_subtitle {
    font-size: 1.4285714286rem;
    padding: 1rem 0.5714285714rem;
  }
}

.appeal_subtitle::before {
  content: "";
  position: absolute;
  top: -0.25rem;
  bottom: -0.25rem;
  left: 0;
  width: 8.75rem;
  border: 0.25rem solid #422C1C;
  border-radius: 1.125rem;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(1.875rem, #422C1C), color-stop(1.875rem, transparent));
  -webkit-mask-image: linear-gradient(90deg, #422C1C 1.875rem, transparent 1.875rem);
  mask-image: -webkit-gradient(linear, left top, right top, color-stop(1.875rem, #422C1C), color-stop(1.875rem, transparent));
  mask-image: linear-gradient(90deg, #422C1C 1.875rem, transparent 1.875rem);
}

.appeal_subtitle::after {
  content: "";
  position: absolute;
  top: -0.25rem;
  bottom: -0.25rem;
  right: 0;
  width: 8.75rem;
  border: 0.25rem solid #422C1C;
  border-radius: 1.125rem;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(1.875rem, #422C1C), color-stop(1.875rem, transparent));
  -webkit-mask-image: linear-gradient(90deg, #422C1C 1.875rem, transparent 1.875rem);
  mask-image: -webkit-gradient(linear, left top, right top, color-stop(1.875rem, #422C1C), color-stop(1.875rem, transparent));
  mask-image: linear-gradient(90deg, #422C1C 1.875rem, transparent 1.875rem);
}

.appeal_about_lists {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .appeal_about_lists {
    margin-top: 1.1428571429rem;
  }
}

.appeal_about_list {
  position: relative;
  line-height: 200%;
  padding-left: 1.25rem;
}

.appeal_about_list::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0.625rem;
  left: 0;
  width: 0.875rem;
  height: 0.875rem;
  background-color: #FF6994;
  border-radius: 50%;
}

.appeal_comparison {
  position: relative;
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .appeal_comparison {
    margin-top: 3.4285714286rem;
  }
}

.appeal_comparison_items {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.25rem;
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .appeal_comparison_items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.appeal_comparison_items::after {
  position: absolute;
  content: "";
  background-image: radial-gradient(circle, #FF6994 1px, transparent 1px);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 0.125rem 0.375rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 0.125rem;
}
@media (max-width: 768px) {
  .appeal_comparison_items::after {
    display: none;
  }
}

.appeal_comparison_item {
  width: 100%;
  max-width: 31.875rem;
}

.appeal_types {
  margin-top: 4rem;
}

.appeal_types_table {
  overflow: hidden;
  margin-top: 2.5rem;
}

.appeal_types_table .scroll_area_hint {
  background-color: rgba(255, 105, 148, 0.8);
}

.appeal_types_table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.appeal_types_table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.appeal_types_table th {
  padding: 0.875rem 1rem;
  vertical-align: middle;
  text-align: left;
}

.appeal_types_table thead th {
  font-weight: 700;
  color: #fff;
  background-color: #FF6994;
  text-align: center;
}

.appeal_types_table thead th:not(:last-of-type) {
  border-right: 2px solid #fff;
}

.appeal_types_table thead th:nth-child(1) {
  border-radius: 1.25rem 0 0 0;
  width: 15%;
}

.appeal_types_table thead th:nth-child(2) {
  width: 18%;
}

.appeal_types_table thead th:nth-child(3) {
  width: 32%;
}

.appeal_types_table thead th:nth-child(4) {
  width: 35%;
  border-radius: 0 1.25rem 0 0;
}

.appeal_types_table tbody th {
  background-color: #FCF3DE;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.appeal_types_table tbody tr:last-of-type th {
  border-bottom: 2px solid #FCF3DE;
}

.appeal_types_table .appeal_types_table_col_category {
  text-align: center;
}

.appeal_types_table tbody tr:nth-of-type(3) .appeal_types_table_col_category {
  border-bottom: 2px solid #FCF3DE;
  border-radius: 0 0 0 1.25rem;
}

.appeal_types_table td {
  padding: 0.875rem 1rem;
  border: 2px solid #fff;
  vertical-align: middle;
  text-align: left;
}

.appeal_types_table tbody td {
  background-color: #fff;
  border-right: 2px solid #FDEEED;
}

.appeal_types_table tbody tr:not(:first-of-type) td {
  border-top: 2px solid #FDEEED;
}

.appeal_types_table tbody tr:last-of-type td {
  border-bottom: 2px solid #FDEEED;
}

.appeal_types_table tbody tr:last-of-type td:last-of-type {
  border-radius: 0 0 1.25rem 0;
}

.appeal_classification {
  margin-top: 4rem;
}

.appeal_classification_table {
  overflow: hidden;
  margin-top: 2.5rem;
}

.appeal_classification_table .scroll_area_hint {
  background-color: rgba(255, 105, 148, 0.8);
}

.appeal_classification_table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.appeal_classification_table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.appeal_classification_table th {
  padding: 0.875rem 1rem;
  vertical-align: middle;
  text-align: left;
}

.appeal_classification_table thead th {
  font-weight: 700;
  color: #fff;
  background-color: #FF6994;
  text-align: center;
}

.appeal_classification_table thead th:not(:last-of-type) {
  border-right: 2px solid #fff;
}

.appeal_classification_table thead th:nth-child(1) {
  border-radius: 1.25rem 0 0 0;
  width: 15%;
}

.appeal_classification_table thead th:nth-child(2) {
  width: 51%;
}

.appeal_classification_table thead th:nth-child(3) {
  width: 34%;
  border-radius: 0 1.25rem 0 0;
}

.appeal_classification_table tbody th {
  font-weight: 700;
  background-color: #FCF3DE;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.appeal_classification_table tbody tr:last-of-type th {
  border-bottom: 2px solid #FCF3DE;
  border-radius: 0 0 0 1.25rem;
}

.appeal_classification_table td {
  padding: 0.875rem 1rem;
  border: 2px solid #fff;
  vertical-align: middle;
  text-align: left;
}

.appeal_classification_table tbody td {
  background-color: #fff;
  border-right: 2px solid #FDEEED;
}

.appeal_classification_table tbody tr:not(:first-of-type) td {
  border-top: 2px solid #FDEEED;
}

.appeal_classification_table tbody tr:last-of-type td {
  border-bottom: 2px solid #FDEEED;
}

.appeal_classification_table tbody tr:last-of-type td:last-of-type {
  border-radius: 0 0 1.25rem 0;
}

.appeal_selection {
  margin-top: 4rem;
}

.appeal_selection_items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .appeal_selection_items {
    grid-template-columns: 1fr;
    gap: 0.8571428571rem;
    margin-top: 1rem;
  }
}

.appeal_selection_item {
  border: 0.125rem solid #FF6994;
  border-radius: 2rem;
  padding: 0.75rem 2.5rem 1rem;
}
@media (max-width: 768px) {
  .appeal_selection_item {
    padding: 0.8571428571rem 1.7142857143rem 0.8571428571rem;
  }
}

.appeal_selection_item_title {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #FF6994;
  text-align: center;
}
@media (max-width: 768px) {
  .appeal_selection_item_title {
    font-size: 1.1428571429rem;
  }
}

.appeal_selection_item_list {
  position: relative;
  font-size: 1.25rem;
  letter-spacing: 0.06em;
  line-height: 200%;
  padding-left: 1.25rem;
}
@media (max-width: 768px) {
  .appeal_selection_item_list {
    font-size: 1rem;
  }
}

.appeal_selection_item_list::before {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #FF6994;
  border-radius: 50%;
  left: 0;
  top: 0.875rem;
}
@media (max-width: 768px) {
  .appeal_selection_item_list::before {
    width: 0.8571428571rem;
    height: 0.8571428571rem;
    top: 0.7142857143rem;
  }
}

/* lunch
------------------------------ */
.lunch {
  background-color: #FBF9EB;
  padding: 0 0 7.5rem;
}
@media (max-width: 768px) {
  .lunch {
    padding: 0 0 2.8571428571rem;
  }
}

.lunch_head {
  position: relative;
  padding: 5rem 1rem 6.0625rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .lunch_head {
    padding: 1.7142857143rem 1.1428571429rem 3.0714285714rem;
  }
}

.lunch_head::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/lunch_head_bg_pc.png) no-repeat center bottom/cover;
  z-index: -1;
}

.lunch_title {
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  .lunch_title {
    font-size: 1.7142857143rem;
  }
}

.lunch_lead {
  font-size: 1.1875rem;
  letter-spacing: 0.03em;
  line-height: 180%;
  color: #fff;
  margin-top: 1rem;
  text-align: center;
}
@media (max-width: 768px) {
  .lunch_lead {
    font-size: 1rem;
    margin-top: 1.1428571429rem;
  }
}

.lunch_inner {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .lunch_inner {
    margin-top: 1.7142857143rem;
  }
}

.lunch_comics img {
  border-radius: 2rem;
}

/* life
------------------------------ */
.life {
  background-color: #FBF9EB;
  padding: 0 0 7.5rem;
}
@media (max-width: 768px) {
  .life {
    padding: 0 0 2.8571428571rem;
  }
}

.life_title {
  position: relative;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 5rem 1rem 6.0625rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .life_title {
    font-size: 1.7142857143rem;
    padding: 1.7142857143rem 0.0714285714rem 3.0714285714rem;
  }
}

.life_title::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/life_title_bg_pc.png) no-repeat center bottom/cover;
  z-index: -1;
}

.life_inner {
  margin-top: 5rem;
}

.life_commute {
  position: relative;
  background-color: #fff;
  padding: 3.5rem 3.5rem 3.75rem;
  border-radius: 2.8125rem;
  border: 0.25rem solid #84D223;
}
@media (max-width: 768px) {
  .life_commute {
    padding: 7.7857142857rem 1.1428571429rem 1rem;
  }
}

.life_commute::before {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: 20.125rem;
  height: 9.1875rem;
  background: url(../images/top/life_commute_annotation.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .life_commute::before {
    width: 15.7142857143rem;
    height: 7.1428571429rem;
  }
}

.life_commute_title {
  font-size: 2.5rem;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  .life_commute_title {
    font-size: 1.7142857143rem;
  }
}

.life_commute_lead {
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  line-height: 180%;
  margin-top: 1.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .life_commute_lead {
    font-size: 1rem;
    margin-top: 1.1428571429rem;
    text-align: left;
  }
}

.life_commute_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.8125rem;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .life_commute_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.7857142857rem;
    margin-top: 1.1428571429rem;
  }
}

.life_commute_content {
  width: 100%;
  max-width: 49.25rem;
}

.life_commute_lists img {
  border-radius: 2rem;
}

.life_commute_text {
  font-size: 1.4375rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 170%;
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .life_commute_text {
    font-size: 0.9285714286rem;
    margin-top: 1.1428571429rem;
  }
}

.life_commute_illust {
  width: 100%;
  max-width: 17.5625rem;
  margin-top: 1.8125rem;
}
@media (max-width: 768px) {
  .life_commute_illust {
    max-width: 9.7857142857rem;
    margin-left: auto;
    margin-top: 0.7857142857rem;
  }
}

.life_routine {
  position: relative;
  background-color: #fff;
  padding: 3.5rem 3.5rem 3.75rem;
  border-radius: 2.8125rem;
  border: 0.25rem solid #FFB508;
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .life_routine {
    padding: 7.7857142857rem 0.5714285714rem 2.2857142857rem;
    margin-top: 1.7142857143rem;
  }
}

.life_routine::before {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: 20.3125rem;
  height: 8.625rem;
  background: url(../images/top/life_routine_annotation.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .life_routine::before {
    width: 15.7142857143rem;
    height: 6.6428571429rem;
  }
}

.life_routine_title {
  font-size: 2.5rem;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  .life_routine_title {
    font-size: 1.7142857143rem;
  }
}

.life_routine_lead {
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  line-height: 180%;
  margin-top: 1.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .life_routine_lead {
    font-size: 1rem;
    margin-top: 1.1428571429rem;
    text-align: left;
  }
}

.life_routine_lists_wrapper {
  width: 100%;
  max-width: 64.0625rem;
  margin: 1.25rem auto 0;
}
@media (max-width: 768px) {
  .life_routine_lists_wrapper {
    margin-top: 0.7142857143rem;
  }
}

.life_routine_lists_wrapper .scroll_area_hint {
  background-color: rgba(255, 181, 8, 0.8);
}

@media (max-width: 768px) {
  .life_routine_lists {
    min-width: 124.9285714286rem;
  }
}

.life_routine_text {
  max-width: 64.0625rem;
  margin: 1rem auto 0;
}
@media (max-width: 768px) {
  .life_routine_text {
    margin-top: 1.1428571429rem;
  }
}

/* flow
------------------------------ */
.flow {
  position: relative;
  background-color: #FBF9EB;
  padding: 0 0 7.5rem;
  z-index: 0;
}
@media (max-width: 768px) {
  .flow {
    padding: 0 0 2.8571428571rem;
  }
}

.flow_head {
  position: relative;
  padding: 5rem 1rem 6.0625rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .flow_head {
    padding: 2rem 1.1428571429rem 3.8571428571rem;
  }
}

.flow_head::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/flow_head_bg_pc.png) no-repeat center bottom/cover;
  z-index: -1;
}

.flow_subtitle {
  width: 100%;
  max-width: 38rem;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .flow_subtitle {
    max-width: 20.7857142857rem;
  }
}

.flow_title {
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .flow_title {
    font-size: 2.2857142857rem;
    margin-top: 1.8571428571rem;
  }
}

.flow_inner {
  margin-top: 3.4375rem;
}
@media (max-width: 768px) {
  .flow_inner {
    margin-top: 2.8571428571rem;
  }
}

.flow_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5rem;
  max-width: 75rem;
  margin-left: auto;
}
@media (max-width: 768px) {
  .flow_wrapper {
    position: relative;
  }
}

.flow_lead {
  width: 100%;
  max-width: 48.125rem;
}

.flow_illust {
  width: 100%;
  max-width: 16.875rem;
}
@media (max-width: 768px) {
  .flow_illust {
    position: absolute;
    max-width: 7.5714285714rem;
    top: -5.7857142857rem;
    right: -1.2142857143rem;
    z-index: 1;
  }
}

.flow_items {
  counter-reset: flow;
  max-width: 67.5rem;
  margin: 3.625rem auto 0;
}
@media (max-width: 768px) {
  .flow_items {
    margin-top: 1.7142857143rem;
  }
}

.flow_item {
  position: relative;
  width: 100%;
}

@media (max-width: 768px) {
  .flow_item::before {
    position: absolute;
    content: "";
    top: 3.4285714286rem;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 1.7142857143rem;
    z-index: -1;
  }
}

@media (max-width: 768px) {
  .flow_item::after {
    position: absolute;
    content: "";
    top: 3.7857142857rem;
    right: -0.3571428571rem;
    bottom: -0.3571428571rem;
    left: 0.3571428571rem;
    background: #FFF8E2 repeating-linear-gradient(120deg, #FDF6D8 0, #FDF6D8 0.7142857143rem, transparent 0.7142857143rem, transparent 1.4285714286rem);
    border-radius: 1.7142857143rem;
    z-index: -2;
  }
}

.flow_item_title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 3rem;
  font-size: 2.375rem;
  letter-spacing: 0.09em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .flow_item_title {
    font-size: 1.7142857143rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.1428571429rem;
    width: 100%;
  }
}

.flow_item_title::before {
  counter-increment: flow;
  content: counter(flow);
  font-size: 3rem;
  line-height: 1;
  width: 5.75rem;
  height: 6.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}
@media (max-width: 768px) {
  .flow_item_title::before {
    font-size: 2.2857142857rem;
    width: 5.0714285714rem;
    height: 5.5rem;
  }
}

.flow_item:nth-of-type(odd) .flow_item_title::before {
  background: url(../images/top/flow_item_step_yellow.png) no-repeat center center/contain;
}

.flow_item:nth-of-type(even) .flow_item_title::before {
  background: url(../images/top/flow_item_step_green.png) no-repeat center center/contain;
}

.flow_item_text {
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  line-height: 176%;
  margin-top: 0.9375rem;
}
@media (max-width: 768px) {
  .flow_item_text {
    font-size: 1rem;
    line-height: 180%;
    margin-top: 1.1428571429rem;
  }
}

.flow_item_text p + p {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .flow_item_text p + p {
    margin-top: 0.5714285714rem;
  }
}

.flow_item.flow_item_research {
  max-width: 57.1875rem;
  padding: 0 2.5rem 6.25rem 6.875rem;
  background: url(../images/top/flow_item_research_bg_pc.png) no-repeat center bottom/contain;
}
@media (max-width: 768px) {
  .flow_item.flow_item_research {
    max-width: 100%;
    background: none;
    padding: 0 1.1428571429rem 2.8571428571rem 1.1428571429rem;
  }
}

.flow_item.flow_item_research::after {
  position: absolute;
  content: "";
  width: 13.5625rem;
  height: 15.8125rem;
  background: url(../images/top/flow_item_research_after.png) no-repeat center center/contain;
  left: 13.5625rem;
  bottom: -5.9375rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .flow_item.flow_item_research::after {
    top: 3.7857142857rem;
    right: -0.3571428571rem;
    bottom: -0.3571428571rem;
    left: 0.3571428571rem;
    width: auto;
    height: auto;
    background: #FFF8E2 repeating-linear-gradient(120deg, #FDF6D8 0, #FDF6D8 0.7142857143rem, transparent 0.7142857143rem, transparent 1.4285714286rem);
    border-radius: 1.7142857143rem;
    z-index: -2;
  }
}

.flow_item_research .flow_item_title::after {
  position: absolute;
  content: "";
  width: 9.875rem;
  height: 4.1875rem;
  background: url(../images/top/flow_item_research_title_after.png) no-repeat center center/contain;
  right: -11.75rem;
  top: -1.0625rem;
}
@media (max-width: 768px) {
  .flow_item_research .flow_item_title::after {
    width: 7.0714285714rem;
    height: 3rem;
    right: 0.6428571429rem;
    top: 0.5rem;
  }
}

.flow_item_research_check {
  width: 100%;
  max-width: 40.6875rem;
  margin-top: 1.75rem;
}
@media (max-width: 768px) {
  .flow_item_research_check {
    max-width: 14rem;
    margin-top: 1.7142857143rem;
  }
}

.flow_item_research_illust {
  position: absolute;
  width: 100%;
  max-width: 17.625rem;
  right: -9.625rem;
  bottom: 5rem;
}
@media (max-width: 768px) {
  .flow_item_research_illust {
    max-width: 8.7857142857rem;
    right: 0.2142857143rem;
    bottom: -2.6428571429rem;
  }
}

.flow_item.flow_item_visit {
  max-width: 51.0625rem;
  padding: 0 2.5rem 5.125rem 5.6875rem;
  background: url(../images/top/flow_item_visit_bg_pc.png) no-repeat center bottom/contain;
  margin-top: 1.6875rem;
  margin-left: auto;
}
@media (max-width: 768px) {
  .flow_item.flow_item_visit {
    max-width: 100%;
    background: none;
    padding: 0 1.1428571429rem 2.6428571429rem 1.1428571429rem;
    margin-top: 2.0714285714rem;
  }
}

.flow_item.flow_item_visit::after {
  position: absolute;
  content: "";
  width: 10.0625rem;
  height: 15.6875rem;
  background: url(../images/top/flow_item_visit_after.png) no-repeat center center/contain;
  right: 3.1875rem;
  bottom: -12.5rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .flow_item.flow_item_visit::after {
    top: 3.7857142857rem;
    right: -0.3571428571rem;
    bottom: -0.3571428571rem;
    left: 0.3571428571rem;
    width: auto;
    height: auto;
    background: #FFF8E2 repeating-linear-gradient(120deg, #FDF6D8 0, #FDF6D8 0.7142857143rem, transparent 0.7142857143rem, transparent 1.4285714286rem);
    border-radius: 1.7142857143rem;
    z-index: -2;
  }
}

.flow_item_visit .flow_item_title::after {
  position: absolute;
  content: "";
  width: 10.3125rem;
  height: 4.375rem;
  background: url(../images/top/flow_item_visit_title_after.png) no-repeat center center/contain;
  right: -6.6875rem;
  top: -1.0625rem;
}
@media (max-width: 768px) {
  .flow_item_visit .flow_item_title::after {
    width: 7.0714285714rem;
    height: 3rem;
    right: 0.2857142857rem;
    top: 0.5rem;
  }
}

.flow_item_visit_illust {
  position: absolute;
  width: 100%;
  max-width: 13.75rem;
  left: -12.125rem;
  bottom: 5rem;
}
@media (max-width: 768px) {
  .flow_item_visit_illust {
    position: relative;
    max-width: 10.0714285714rem;
    margin: 0.5714285714rem auto 0;
    left: auto;
    bottom: auto;
  }
}

.flow_item.flow_item_requirements {
  max-width: 55.625rem;
  padding: 0 2.5rem 5.0625rem 4.25rem;
  background: url(../images/top/flow_item_requirements_bg_pc.png) no-repeat center bottom/contain;
  margin: 3rem auto 0;
}
@media (max-width: 768px) {
  .flow_item.flow_item_requirements {
    max-width: 100%;
    background: none;
    padding: 0 1.1428571429rem 2.6428571429rem 1.1428571429rem;
    margin-top: 2.0714285714rem;
  }
}

.flow_item.flow_item_requirements::after {
  position: absolute;
  content: "";
  width: 10.0625rem;
  height: 15.625rem;
  background: url(../images/top/flow_item_requirements_after.png) no-repeat center center/contain;
  left: -1.25rem;
  bottom: -11.25rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .flow_item.flow_item_requirements::after {
    top: 3.7857142857rem;
    right: -0.3571428571rem;
    bottom: -0.3571428571rem;
    left: 0.3571428571rem;
    width: auto;
    height: auto;
    background: #FFF8E2 repeating-linear-gradient(120deg, #FDF6D8 0, #FDF6D8 0.7142857143rem, transparent 0.7142857143rem, transparent 1.4285714286rem);
    border-radius: 1.7142857143rem;
    z-index: -2;
  }
}

.flow_item_requirements .flow_item_title::after {
  position: absolute;
  content: "";
  width: 11.25rem;
  height: 4.5625rem;
  background: url(../images/top/flow_item_requirements_title_after.png) no-repeat center center/contain;
  right: -13.4375rem;
  top: -1.0625rem;
}
@media (max-width: 768px) {
  .flow_item_requirements .flow_item_title::after {
    width: 7.3571428571rem;
    height: 2.9285714286rem;
    right: 0.3571428571rem;
    top: 0.5rem;
  }
}

.flow_item.flow_item_preparation {
  max-width: 67.375rem;
  padding: 0 2.5rem 7.6875rem 6.6875rem;
  background: url(../images/top/flow_item_preparation_bg_pc.png) no-repeat center bottom/contain;
  margin: 2.5625rem auto 0;
}
@media (max-width: 768px) {
  .flow_item.flow_item_preparation {
    max-width: 100%;
    background: none;
    padding: 0 1.1428571429rem 2.6428571429rem 1.1428571429rem;
    margin-top: 2.0714285714rem;
  }
}

.flow_item.flow_item_preparation::after {
  position: absolute;
  content: "";
  width: 8rem;
  height: 17.3125rem;
  background: url(../images/top/flow_item_preparation_after.png) no-repeat center center/contain;
  right: 1.75rem;
  bottom: -7.3125rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .flow_item.flow_item_preparation::after {
    top: 3.7857142857rem;
    right: -0.3571428571rem;
    bottom: -0.3571428571rem;
    left: 0.3571428571rem;
    width: auto;
    height: auto;
    background: #FFF8E2 repeating-linear-gradient(120deg, #FDF6D8 0, #FDF6D8 0.7142857143rem, transparent 0.7142857143rem, transparent 1.4285714286rem);
    border-radius: 1.7142857143rem;
    z-index: -2;
  }
}

.flow_item_preparation .flow_item_title::after {
  position: absolute;
  content: "";
  width: 10.1875rem;
  height: 4.3125rem;
  background: url(../images/top/flow_item_preparation_title_after.png) no-repeat center center/contain;
  right: -10.9375rem;
  top: -1.0625rem;
}
@media (max-width: 768px) {
  .flow_item_preparation .flow_item_title::after {
    width: 7rem;
    height: 2.9285714286rem;
    right: 0.3571428571rem;
    top: 0.5rem;
  }
}

.flow_item.flow_item_application {
  max-width: 50.5625rem;
  padding: 0 3.125rem 5.625rem 5.4375rem;
  background: url(../images/top/flow_item_application_bg_pc.png) no-repeat center bottom/contain;
  margin-top: 2rem;
  margin-left: auto;
}
@media (max-width: 768px) {
  .flow_item.flow_item_application {
    max-width: 100%;
    background: none;
    padding: 0 1.1428571429rem 2.6428571429rem 1.1428571429rem;
    margin-top: 2.0714285714rem;
  }
}

.flow_item.flow_item_application::after {
  position: absolute;
  content: "";
  width: 11.75rem;
  height: 14.0625rem;
  background: url(../images/top/flow_item_application_after.png) no-repeat center center/contain;
  left: 4.5625rem;
  bottom: -8.6875rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .flow_item.flow_item_application::after {
    top: 3.7857142857rem;
    right: -0.3571428571rem;
    bottom: -0.3571428571rem;
    left: 0.3571428571rem;
    width: auto;
    height: auto;
    background: #FFF8E2 repeating-linear-gradient(120deg, #FDF6D8 0, #FDF6D8 0.7142857143rem, transparent 0.7142857143rem, transparent 1.4285714286rem);
    border-radius: 1.7142857143rem;
    z-index: -2;
  }
}

.flow_item_application .flow_item_title::after {
  position: absolute;
  content: "";
  width: 10.125rem;
  height: 4.3125rem;
  background: url(../images/top/flow_item_application_title_after.png) no-repeat center center/contain;
  right: -9.75rem;
  top: -1.0625rem;
}
@media (max-width: 768px) {
  .flow_item_application .flow_item_title::after {
    width: 7rem;
    height: 2.9285714286rem;
    right: 0.3571428571rem;
    top: 0.5rem;
  }
}

.flow_item_application_illust {
  position: absolute;
  width: 100%;
  max-width: 12.125rem;
  left: -8rem;
  bottom: 5.625rem;
}
@media (max-width: 768px) {
  .flow_item_application_illust {
    position: relative;
    max-width: 6.9285714286rem;
    margin: 1.1428571429rem auto 0;
    left: auto;
    bottom: auto;
  }
}

.flow_item.flow_item_admission {
  max-width: 54rem;
  padding: 0 3.125rem 6.8125rem 4.375rem;
  background: url(../images/top/flow_item_admission_bg_pc.png) no-repeat center bottom/contain;
  margin-top: 2.1875rem;
}
@media (max-width: 768px) {
  .flow_item.flow_item_admission {
    max-width: 100%;
    background: none;
    padding: 0 1.1428571429rem 2.6428571429rem 1.1428571429rem;
    margin-top: 2.0714285714rem;
  }
}

.flow_item.flow_item_admission::after {
  position: absolute;
  content: "";
  width: 9.8125rem;
  height: 15.3125rem;
  background: url(../images/top/flow_item_admission_after.png) no-repeat center center/contain;
  right: 5.625rem;
  bottom: -13.125rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .flow_item.flow_item_admission::after {
    top: 3.7857142857rem;
    right: -0.3571428571rem;
    bottom: -0.3571428571rem;
    left: 0.3571428571rem;
    width: auto;
    height: auto;
    background: #FFF8E2 repeating-linear-gradient(120deg, #FDF6D8 0, #FDF6D8 0.7142857143rem, transparent 0.7142857143rem, transparent 1.4285714286rem);
    border-radius: 1.7142857143rem;
    z-index: -2;
  }
}

.flow_item_admission .flow_item_title::after {
  position: absolute;
  content: "";
  width: 10.875rem;
  height: 4.5625rem;
  background: url(../images/top/flow_item_admission_title_after.png) no-repeat center center/contain;
  right: -15rem;
  top: -1.0625rem;
}
@media (max-width: 768px) {
  .flow_item_admission .flow_item_title::after {
    width: 7rem;
    height: 2.9285714286rem;
    right: 0.3571428571rem;
    top: 0.5rem;
  }
}

.flow_item_admission_illust {
  position: absolute;
  width: 100%;
  max-width: 10.625rem;
  right: -9.375rem;
  bottom: 6rem;
}
@media (max-width: 768px) {
  .flow_item_admission_illust {
    max-width: 7rem;
    right: 0.7142857143rem;
    bottom: -4.0714285714rem;
    z-index: 1;
  }
}

.flow_item.flow_item_enrollment {
  max-width: 32.8125rem;
  padding: 0 3.125rem 4.4375rem 5.875rem;
  background: url(../images/top/flow_item_enrollment_bg_pc.png) no-repeat center bottom/contain;
  margin-top: 2.1875rem;
  margin-left: auto;
}
@media (max-width: 768px) {
  .flow_item.flow_item_enrollment {
    max-width: 100%;
    background: none;
    padding: 0 1.1428571429rem 6.7857142857rem 1.1428571429rem;
    margin-top: 2.0714285714rem;
  }
}

.flow_item_enrollment .flow_item_title::after {
  position: absolute;
  content: "";
  width: 10.8125rem;
  height: 4.5625rem;
  background: url(../images/top/flow_item_enrollment_title_after.png) no-repeat center center/contain;
  right: -13.3125rem;
  top: -1.0625rem;
}
@media (max-width: 768px) {
  .flow_item_enrollment .flow_item_title::after {
    top: 3.7857142857rem;
    right: -0.3571428571rem;
    bottom: -0.3571428571rem;
    left: 0.3571428571rem;
    width: auto;
    height: auto;
    background: #FFF8E2 repeating-linear-gradient(120deg, #FDF6D8 0, #FDF6D8 0.7142857143rem, transparent 0.7142857143rem, transparent 1.4285714286rem);
    border-radius: 1.7142857143rem;
    z-index: -2;
  }
}

.flow_item_enrollment_illust {
  position: absolute;
  width: 100%;
  max-width: 25rem;
  left: -27.5rem;
  bottom: -1.25rem;
}
@media (max-width: 768px) {
  .flow_item_enrollment_illust {
    max-width: 17rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -3.9285714286rem;
  }
}

.flow_food {
  font-size: 1.125rem;
  letter-spacing: 0.01em;
  line-height: 180%;
  text-align: center;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .flow_food {
    font-size: 1rem;
    margin-top: 5.0714285714rem;
    text-align: left;
  }
}

.flow_food span {
  color: #FF6994;
}

/* tuition
------------------------------ */
.tuition {
  position: relative;
  padding: 0 0 7.5rem;
  z-index: 1;
  background: #FCFFDF repeating-linear-gradient(120deg, #F3F7DE 0, #F3F7DE 0.625rem, transparent 0.625rem, transparent 1.25rem);
}
@media (max-width: 768px) {
  .tuition {
    padding: 0 0 2.8571428571rem;
  }
}

.tuition_title {
  position: relative;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 5rem 1rem 6.0625rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .tuition_title {
    font-size: 1.7142857143rem;
    padding: 2.2857142857rem 1.1428571429rem 3.5rem;
  }
}

.tuition_title::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/tuition_title_bg_pc.png) no-repeat center bottom/cover;
  z-index: -1;
}

.tuition_inner {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .tuition_inner {
    margin-top: 1.7142857143rem;
  }
}

.tuition_main {
  background-color: #fff;
  border-radius: 2rem;
  padding: 3.5rem 5rem 5rem;
}
@media (max-width: 768px) {
  .tuition_main {
    padding: 1.7142857143rem 1.1428571429rem 2.8571428571rem;
  }
}

.tuition_eligibility_title_wrapper {
  position: relative;
}

.tuition_eligibility_title_wrapper::after {
  position: absolute;
  content: "";
  width: 13.5rem;
  height: 5.1875rem;
  background: url(../images/top/tuition_eligibility_title_after.png) no-repeat center center/contain;
  right: 2.375rem;
  bottom: -1.875rem;
}
@media (max-width: 768px) {
  .tuition_eligibility_title_wrapper::after {
    display: none;
  }
}

.tuition_eligibility_title {
  position: relative;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0;
  width: 100%;
  max-width: 24.125rem;
  padding: 0.875rem 0.5rem;
  text-align: center;
  z-index: 1;
}
@media (max-width: 768px) {
  .tuition_eligibility_title {
    font-size: 1.4285714286rem;
    max-width: 22.6428571429rem;
    padding: 1rem 1.1428571429rem;
  }
}

.tuition_eligibility_title::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/tuition_subtitle_bg.png) no-repeat center center/contain;
  z-index: -1;
}

.tuition_eligibility_table {
  overflow: hidden;
  margin-top: 1.8125rem;
}
@media (max-width: 768px) {
  .tuition_eligibility_table {
    margin-top: 1.0714285714rem;
  }
}

.tuition_eligibility_table .scroll_area_hint {
  background-color: rgba(6, 176, 33, 0.8);
}

.tuition_eligibility_table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.tuition_eligibility_table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.tuition_eligibility_table th {
  padding: 0.875rem 1rem;
  vertical-align: middle;
  text-align: left;
}

.tuition_eligibility_table thead th {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  background-color: #8DC44A;
  text-align: center;
}

.tuition_eligibility_table thead th:not(:last-of-type) {
  border-right: 2px solid #fff;
}

.tuition_eligibility_table thead th:nth-child(1) {
  border-radius: 1.25rem 0 0 0;
  width: 21%;
}

.tuition_eligibility_table thead th:nth-child(2) {
  width: 23%;
}

.tuition_eligibility_table thead th:nth-child(3) {
  width: 56%;
  border-radius: 0 1.25rem 0 0;
}

.tuition_eligibility_table tbody th {
  font-weight: 700;
  background-color: #F5F8E4;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.tuition_eligibility_table tbody tr:last-of-type th {
  border-bottom: 2px solid #F5F8E4;
  border-radius: 0 0 0 1.25rem;
}

.tuition_eligibility_table td {
  padding: 0.875rem 1rem;
  border: 2px solid #fff;
  vertical-align: middle;
  text-align: left;
}

.tuition_eligibility_table tbody td {
  background-color: #fff;
  border-right: 2px solid #F5F8E4;
}

.tuition_eligibility_table tbody tr:not(:first-of-type) td {
  border-top: 2px solid #F5F8E4;
}

.tuition_eligibility_table tbody tr:last-of-type td {
  border-bottom: 2px solid #F5F8E4;
}

.tuition_eligibility_table tbody tr:last-of-type td:last-of-type {
  border-radius: 0 0 1.25rem 0;
}

.tuition_eligibility_table_note {
  position: relative;
  display: inline-block;
  padding-left: 1rem;
}

.tuition_eligibility_table_note::before {
  position: absolute;
  content: "※";
  color: #8DC44A;
  left: 0;
}

.tuition_coverage {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .tuition_coverage {
    margin-top: 3.0714285714rem;
  }
}

.tuition_coverage_title_wrapper {
  position: relative;
}

.tuition_coverage_title_wrapper::after {
  position: absolute;
  content: "";
  width: 9.25rem;
  height: 5.6875rem;
  background: url(../images/top/tuition_coverage_title_after.png) no-repeat center center/contain;
  right: 2.375rem;
  bottom: -1.0625rem;
}
@media (max-width: 768px) {
  .tuition_coverage_title_wrapper::after {
    display: none;
  }
}

.tuition_coverage_title {
  position: relative;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0;
  width: 100%;
  max-width: 24.125rem;
  padding: 0.875rem 0.5rem;
  text-align: center;
  z-index: 1;
}
@media (max-width: 768px) {
  .tuition_coverage_title {
    font-size: 1.4285714286rem;
    max-width: 22.6428571429rem;
    padding: 1rem 1.1428571429rem;
  }
}

.tuition_coverage_title::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/tuition_subtitle_bg.png) no-repeat center center/contain;
  z-index: -1;
}

.tuition_coverage_table {
  overflow: hidden;
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .tuition_coverage_table {
    margin-top: 1.0714285714rem;
  }
}

.tuition_coverage_table .scroll_area_hint {
  background-color: rgba(6, 176, 33, 0.8);
}

.tuition_coverage_table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.tuition_coverage_table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.tuition_coverage_table th {
  padding: 0.875rem 1rem;
  vertical-align: middle;
  text-align: left;
}

.tuition_coverage_table thead th {
  font-weight: 700;
  color: #fff;
  background-color: #8DC44A;
  text-align: center;
}

.tuition_coverage_table thead th:not(:last-of-type) {
  border-right: 2px solid #fff;
}

.tuition_coverage_table thead th:nth-child(1) {
  border-radius: 1.25rem 0 0 0;
  width: 23%;
}

.tuition_coverage_table thead th:nth-child(2) {
  width: 21%;
}

.tuition_coverage_table thead th:nth-child(3) {
  width: 56%;
  border-radius: 0 1.25rem 0 0;
}

.tuition_coverage_table tbody th {
  font-weight: 700;
  background-color: #F5F8E4;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.tuition_coverage_table tbody tr:last-of-type th {
  border-bottom: 2px solid #F5F8E4;
  border-radius: 0 0 0 1.25rem;
}

.tuition_coverage_table td {
  padding: 0.875rem 1rem;
  border: 2px solid #fff;
  vertical-align: middle;
  text-align: left;
}

.tuition_coverage_table tbody td {
  background-color: #fff;
  border-right: 2px solid #F5F8E4;
}

.tuition_coverage_table tbody tr:not(:first-of-type) td {
  border-top: 2px solid #F5F8E4;
}

.tuition_coverage_table tbody tr:last-of-type td {
  border-bottom: 2px solid #F5F8E4;
}

.tuition_coverage_table tbody tr:last-of-type td:last-of-type {
  border-radius: 0 0 1.25rem 0;
}

.tuition_coverage_table_amount {
  font-weight: 700;
}

.tuition_coverage_table_mark {
  color: #8DC44A;
}

.tuition_coverage_notes {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .tuition_coverage_notes {
    margin-top: 0.5714285714rem;
  }
}

.tuition_coverage_note {
  position: relative;
  font-size: 1.125rem;
  line-height: 180%;
  letter-spacing: 0.05em;
  padding-left: 1.125rem;
}
@media (max-width: 768px) {
  .tuition_coverage_note {
    font-size: 1rem;
    padding-left: 1.1428571429rem;
  }
}

.tuition_coverage_note::before {
  position: absolute;
  content: "※";
  color: #84C733;
  left: 0;
}

.tuition_coverage_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.25rem;
  margin-top: 4.0625rem;
}
@media (max-width: 768px) {
  .tuition_coverage_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 2.8571428571rem;
  }
}

.tuition_coverage_cost {
  width: 100%;
  max-width: 25.9375rem;
}

.tuition_coverage_procedure {
  width: 100%;
  max-width: 40.25rem;
}

.tuition_coverage_procedure_title {
  position: relative;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding: 0.125rem 3rem;
}
@media (max-width: 768px) {
  .tuition_coverage_procedure_title {
    font-size: 1.4285714286rem;
    padding: 0.1428571429rem 1.1428571429rem;
  }
}

.tuition_coverage_procedure_title::before {
  position: absolute;
  content: "";
  width: 0.1875rem;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #422C1C;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}

.tuition_coverage_procedure_title::after {
  position: absolute;
  content: "";
  width: 0.1875rem;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #422C1C;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}

.tuition_coverage_procedure_table {
  overflow: hidden;
  margin-top: 0.625rem;
}

.tuition_coverage_procedure_table .scroll_area_hint {
  background-color: rgba(6, 176, 33, 0.8);
}

.tuition_coverage_procedure_table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.tuition_coverage_procedure_table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.tuition_coverage_procedure_table th {
  padding: 0.875rem 1rem;
  vertical-align: middle;
  text-align: left;
}

.tuition_coverage_procedure_table thead th {
  font-weight: 700;
  color: #fff;
  background-color: #8DC44A;
  text-align: center;
}

.tuition_coverage_procedure_table thead th:not(:last-of-type) {
  border-right: 2px solid #fff;
}

.tuition_coverage_procedure_table thead th:nth-child(1) {
  border-radius: 1.25rem 0 0 0;
  width: 43%;
}

.tuition_coverage_procedure_table thead th:nth-child(2) {
  width: 57%;
  border-radius: 0 1.25rem 0 0;
}

.tuition_coverage_procedure_table tbody th {
  font-weight: 700;
  background-color: #F5F8E4;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.tuition_coverage_procedure_table tbody tr:last-of-type th {
  border-bottom: 2px solid #F5F8E4;
  border-radius: 0 0 0 1.25rem;
}

.tuition_coverage_procedure_table td {
  padding: 0.875rem 1rem;
  border: 2px solid #fff;
  vertical-align: middle;
  text-align: left;
}

.tuition_coverage_procedure_table tbody td {
  background-color: #fff;
  border-right: 2px solid #F5F8E4;
}

.tuition_coverage_procedure_table tbody tr:not(:first-of-type) td {
  border-top: 2px solid #F5F8E4;
}

.tuition_coverage_procedure_table tbody tr:last-of-type td {
  border-bottom: 2px solid #F5F8E4;
  border-radius: 0 0 1.25rem 0;
}

.tuition_official {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2.5rem;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .tuition_official {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.1428571429rem;
    margin-top: 2.8571428571rem;
  }
}

.tuition_official_text {
  position: relative;
  font-size: 1.25rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 3.3125rem;
}
@media (max-width: 768px) {
  .tuition_official_text {
    font-size: 1.4285714286rem;
    padding-left: 0;
  }
}

.tuition_official_text::before {
  position: absolute;
  content: "";
  width: 2.375rem;
  height: 3.3125rem;
  bottom: 0;
  left: 0;
  background: url(../images/top/tuition_illust_pencil.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .tuition_official_text::before {
    display: none;
  }
}

.tuition_official_text span {
  position: relative;
  display: inline-block;
  padding-right: 2.5rem;
  padding-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .tuition_official_text span {
    padding: 0;
  }
}

.tuition_official_text span::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #06B021;
}
@media (max-width: 768px) {
  .tuition_official_text span::before {
    display: none;
  }
}

.tuition_official_text span::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 1.4375rem;
  bottom: 0;
  right: 0;
  background-color: #06B021;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
@media (max-width: 768px) {
  .tuition_official_text span::after {
    display: none;
  }
}

.tuition_official_btn {
  width: 100%;
  max-width: 11.25rem;
}

.tuition_official_btn a {
  position: relative;
  display: inline-block;
  color: #fff;
  background-color: #06B021;
  border: 1px solid #06B021;
  width: 100%;
  border-radius: 2.25rem;
  padding: 0.5rem 1rem;
}

@media (min-width: 768px) {
  .tuition_official_btn a:hover {
    color: #06B021;
    background-color: #fff;
  }
}

.tuition_official_btn a::after {
  position: absolute;
  content: "";
  width: 0.375rem;
  height: 0.5625rem;
  right: 0.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/common/icon_triangle_arrow_right_white.png) no-repeat center center/contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 768px) {
  .tuition_official_btn a:hover::after {
    background: url(../images/common/icon_triangle_arrow_right_green.png) no-repeat center center/contain;
  }
}

/* program
------------------------------ */
.program {
  position: relative;
  padding: 0 0 7.5rem;
  z-index: 1;
  background: #EFFAFA repeating-linear-gradient(120deg, #D8EDEA 0, #D8EDEA 0.625rem, transparent 0.625rem, transparent 1.25rem);
}
@media (max-width: 768px) {
  .program {
    padding: 0 0 2.8571428571rem;
  }
}

.program_head {
  position: relative;
  padding: 5rem 1rem 6.0625rem;
}
@media (max-width: 768px) {
  .program_head {
    padding: 1.6428571429rem 1.1428571429rem 2.5714285714rem;
  }
}

.program_head::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/program_head_bg_pc.png) no-repeat center bottom/cover;
  z-index: -1;
}

.program_subtitle {
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding: 0 2.5rem;
}
@media (max-width: 768px) {
  .program_subtitle {
    font-size: 1.1428571429rem;
    padding: 0 1.1428571429rem;
    text-align: center;
  }
}

.program_subtitle::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 1px;
  height: 2rem;
  background-color: #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
@media (max-width: 768px) {
  .program_subtitle::before {
    height: 1.4285714286rem;
    top: auto;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: -0.1428571429rem;
  }
}

.program_subtitle::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 1px;
  height: 2rem;
  background-color: #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
@media (max-width: 768px) {
  .program_subtitle::after {
    height: 1.4285714286rem;
    top: auto;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    bottom: -0.1428571429rem;
  }
}

.program_title {
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  z-index: 1;
}
@media (max-width: 768px) {
  .program_title {
    font-size: 1.7142857143rem;
    text-align: center;
  }
}

.program_inner {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .program_inner {
    margin-top: 1.7142857143rem;
  }
}

.program_main {
  background-color: #fff;
  border-radius: 2rem;
  padding: 3.5rem 5rem 5rem;
}
@media (max-width: 768px) {
  .program_main {
    padding: 1.7142857143rem 1.1428571429rem 2.8571428571rem;
  }
}

.program_lead {
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  line-height: 180%;
  text-align: center;
}
@media (max-width: 768px) {
  .program_lead {
    font-size: 1rem;
    text-align: left;
  }
}

.program_usage {
  position: relative;
  margin-top: 3.6875rem;
}
@media (max-width: 768px) {
  .program_usage {
    margin-top: 2.7142857143rem;
  }
}

.program_usage::after {
  position: absolute;
  content: "";
  width: 19.3125rem;
  height: 10.5625rem;
  right: 0.75rem;
  top: -0.5625rem;
  background: url(../images/top/program_usage_illust..png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .program_usage::after {
    display: none;
  }
}

.program_usage_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
}
@media (max-width: 768px) {
  .program_usage_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1.1428571429rem;
  }
}

.program_usage_title {
  position: relative;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0;
  width: 100%;
  max-width: 24.125rem;
  text-align: center;
  padding: 0.625rem 0.25rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .program_usage_title {
    font-size: 1.4285714286rem;
    max-width: 21.2142857143rem;
    padding: 0.7857142857rem 1.1428571429rem;
  }
}

.program_usage_title::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/program_subtitle_bg.png) no-repeat center center/cover;
  z-index: -1;
}

.program_usage_title::after {
  position: absolute;
  content: "";
  width: 3.1875rem;
  height: 4.125rem;
  right: -1.5625rem;
  top: -1.6875rem;
  background: url(../images/top/program_usage_title_illust.png) no-repeat center center/contain;
  z-index: 1;
}
@media (max-width: 768px) {
  .program_usage_title::after {
    width: 2.8571428571rem;
    height: 3.5714285714rem;
    right: -0.8571428571rem;
    top: -1rem;
  }
}

.program_usage_text {
  font-size: 1.25rem;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .program_usage_text {
    font-size: 1rem;
  }
}

.program_eligibility {
  margin-top: 7.6875rem;
}
@media (max-width: 768px) {
  .program_eligibility {
    margin-top: 3.3571428571rem;
  }
}

.program_eligibility_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: self-start;
      -ms-flex-align: self-start;
          align-items: self-start;
  gap: 3rem;
}
@media (max-width: 768px) {
  .program_eligibility_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1.1428571429rem;
  }
}

.program_eligibility_title {
  position: relative;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0;
  width: 100%;
  max-width: 24.125rem;
  text-align: center;
  padding: 0.625rem 0.25rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .program_eligibility_title {
    font-size: 1.4285714286rem;
    max-width: 22.2857142857rem;
    padding: 0.9285714286rem 1.1428571429rem;
  }
}

.program_eligibility_title::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/program_subtitle_bg.png) no-repeat center center/cover;
  z-index: -1;
}

.program_eligibility_title::after {
  position: absolute;
  content: "";
  width: 3.125rem;
  height: 4.0625rem;
  right: -0.375rem;
  top: -1.75rem;
  background: url(../images/top/program_eligibility_title_illust.png) no-repeat center center/contain;
  z-index: 1;
}
@media (max-width: 768px) {
  .program_eligibility_title::after {
    width: 2.7142857143rem;
    height: 3.5rem;
    right: -0.4285714286rem;
    top: -0.7142857143rem;
  }
}

.program_eligibility_text_list {
  position: relative;
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  padding-left: 1.25rem;
}
@media (max-width: 768px) {
  .program_eligibility_text_list {
    font-size: 1rem;
    padding-left: 1.1428571429rem;
  }
}

.program_eligibility_text_list::before {
  position: absolute;
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  left: 0;
  top: 0.5rem;
  background-color: #00BDF2;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .program_eligibility_text_list::before {
    width: 0.8571428571rem;
    height: 0.8571428571rem;
    top: 0.3571428571rem;
  }
}

.program_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.6875rem;
  margin-top: 4.9375rem;
}
@media (max-width: 768px) {
  .program_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.7142857143rem;
    margin-top: 2.8571428571rem;
  }
}

.program_flow {
  width: 100%;
  max-width: 38.25rem;
}

.program_details {
  width: 100%;
  max-width: 26.1875rem;
}

.program_official {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2.5rem;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .program_official {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.1428571429rem;
    margin-top: 2.8571428571rem;
  }
}

.program_official_text {
  position: relative;
  font-size: 1.25rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 3.3125rem;
}
@media (max-width: 768px) {
  .program_official_text {
    font-size: 1.4285714286rem;
    padding-left: 0;
  }
}

.program_official_text::before {
  position: absolute;
  content: "";
  width: 2.375rem;
  height: 3.3125rem;
  bottom: 0;
  left: 0;
  background: url(../images/top/program_illust_pencil.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .program_official_text::before {
    display: none;
  }
}

.program_official_text span {
  position: relative;
  display: inline-block;
  padding-right: 2.5rem;
  padding-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .program_official_text span {
    padding: 0;
  }
}

.program_official_text span::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #00BDF2;
}
@media (max-width: 768px) {
  .program_official_text span::before {
    display: none;
  }
}

.program_official_text span::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 1.4375rem;
  bottom: 0;
  right: 0;
  background-color: #00BDF2;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
@media (max-width: 768px) {
  .program_official_text span::after {
    display: none;
  }
}

.program_official_btn {
  width: 100%;
  max-width: 11.25rem;
}

.program_official_btn a {
  position: relative;
  display: inline-block;
  color: #fff;
  background-color: #00BDF2;
  border: 1px solid #00BDF2;
  width: 100%;
  border-radius: 2.25rem;
  padding: 0.5rem 1rem;
}

@media (min-width: 768px) {
  .program_official_btn a:hover {
    color: #00BDF2;
    background-color: #fff;
  }
}

.program_official_btn a::after {
  position: absolute;
  content: "";
  width: 0.375rem;
  height: 0.5625rem;
  right: 0.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/common/icon_triangle_arrow_right_white.png) no-repeat center center/contain;
}

@media (min-width: 768px) {
  .program_official_btn a:hover::after {
    background: url(../images/common/icon_triangle_arrow_right_blue.png) no-repeat center center/contain;
  }
}

/* childcare
------------------------------ */
.childcare {
  position: relative;
  padding: 0 0 7.5rem;
  z-index: 1;
  background: #FFF7F2 repeating-linear-gradient(120deg, #FDF2EE 0, #FDF2EE 0.625rem, transparent 0.625rem, transparent 1.25rem);
}
@media (max-width: 768px) {
  .childcare {
    padding: 0 0 2.8571428571rem;
  }
}

.childcare_title {
  position: relative;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 5rem 1rem 6.0625rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .childcare_title {
    font-size: 2.2857142857rem;
    padding: 3.0714285714rem 1.1428571429rem 4.0714285714rem;
  }
}

.childcare_title::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/childcare_title_bg_pc.png) no-repeat center bottom/cover;
  z-index: -1;
}

.childcare_inner {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .childcare_inner {
    margin-top: 2.8571428571rem;
  }
}

.childcare_main {
  background-color: #fff;
  border-radius: 2rem;
  padding: 3.5rem 5rem 5rem;
}
@media (max-width: 768px) {
  .childcare_main {
    padding: 2.2857142857rem 1.1428571429rem 3.4285714286rem;
  }
}

.childcare_lead {
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  line-height: 180%;
  text-align: center;
}
@media (max-width: 768px) {
  .childcare_lead {
    font-size: 1rem;
    text-align: left;
  }
}

.childcare_benefits {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .childcare_benefits {
    margin-top: 2.2857142857rem;
  }
}

.childcare_benefits_title {
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  padding: 0.25rem 4.8125rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .childcare_benefits_title {
    font-size: 1.5714285714rem;
    padding: 0.2857142857rem 2.2857142857rem;
  }
}

.childcare_benefits_title::before {
  position: absolute;
  content: "";
  width: 0.1875rem;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #422C1C;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
@media (max-width: 768px) {
  .childcare_benefits_title::before {
    width: 0.1428571429rem;
  }
}

.childcare_benefits_title::after {
  position: absolute;
  content: "";
  width: 0.1875rem;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #422C1C;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media (max-width: 768px) {
  .childcare_benefits_title::after {
    width: 0.1428571429rem;
  }
}

.childcare_benefits_items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4.5625rem;
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .childcare_benefits_items {
    grid-template-columns: 1fr;
    gap: 1.7142857143rem;
    margin-top: 1.1428571429rem;
  }
}

.childcare_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.25rem;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .childcare_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4.5714285714rem;
    margin-top: 4.5714285714rem;
  }
}

.childcare_activities {
  width: 100%;
  max-width: 29.8125rem;
}
@media (max-width: 768px) {
  .childcare_activities {
    max-width: 100%;
  }
}

.childcare_activities_title {
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  padding: 0.25rem 3.8125rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .childcare_activities_title {
    font-size: 1.5714285714rem;
    padding: 0.1428571429rem 1.5714285714rem;
  }
}

.childcare_activities_title::before {
  position: absolute;
  content: "";
  width: 0.1875rem;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #422C1C;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
@media (max-width: 768px) {
  .childcare_activities_title::before {
    width: 0.1428571429rem;
  }
}

.childcare_activities_title::after {
  position: absolute;
  content: "";
  width: 0.1875rem;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #422C1C;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media (max-width: 768px) {
  .childcare_activities_title::after {
    width: 0.1428571429rem;
  }
}

.childcare_activities_content {
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .childcare_activities_content {
    margin-top: 1.1428571429rem;
  }
}

.childcare_details {
  width: 100%;
  max-width: 36.25rem;
}
@media (max-width: 768px) {
  .childcare_details {
    max-width: 100%;
  }
}

.childcare_details_title {
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  padding: 0.25rem 3.8125rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .childcare_details_title {
    font-size: 1.5714285714rem;
    padding: 0.1428571429rem 1.5714285714rem;
  }
}

.childcare_details_title::before {
  position: absolute;
  content: "";
  width: 0.1875rem;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #422C1C;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
@media (max-width: 768px) {
  .childcare_details_title::before {
    width: 0.1428571429rem;
  }
}

.childcare_details_title::after {
  position: absolute;
  content: "";
  width: 0.1875rem;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #422C1C;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media (max-width: 768px) {
  .childcare_details_title::after {
    width: 0.1428571429rem;
  }
}

.childcare_details_content {
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .childcare_details_content {
    margin-top: 1.1428571429rem;
  }
}

.childcare_notes {
  border: 2px solid #FF6994;
  border-radius: 1rem;
  padding: 2rem 2.5rem;
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .childcare_notes {
    padding: 1.7142857143rem 1.1428571429rem;
    margin-top: 1.7142857143rem;
  }
}

.childcare_notes_title {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .childcare_notes_title {
    font-size: 1.4285714286rem;
    text-align: center;
  }
}

.childcare_notes_figure {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .childcare_notes_figure {
    margin-top: 1.1428571429rem;
  }
}

.childcare_notes_figure_unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .childcare_notes_figure_unit {
    display: block;
  }
}

.childcare_notes_figure dt {
  position: relative;
  font-size: 1.25rem;
  padding-left: 1.375rem;
}
@media (max-width: 768px) {
  .childcare_notes_figure dt {
    display: inline;
    font-size: 1rem;
    padding-left: 1.1428571429rem;
  }
}

.childcare_notes_figure dt::before {
  position: absolute;
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  left: 0;
  top: 0.5rem;
  background-color: #FF6994;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .childcare_notes_figure dt::before {
    width: 0.7142857143rem;
    height: 0.7142857143rem;
    top: 0.2857142857rem;
  }
}

.childcare_notes_figure dd {
  position: relative;
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .childcare_notes_figure dd {
    display: inline;
    font-size: 1rem;
  }
}

.childcare_notes_figure dd::before {
  content: "：";
}

/* preschool
------------------------------ */
.preschool {
  position: relative;
  padding: 0 0 7.5rem;
  z-index: 1;
  background: #FFF8E2 repeating-linear-gradient(120deg, #FDF6D8 0, #FDF6D8 0.625rem, transparent 0.625rem, transparent 1.25rem);
}
@media (max-width: 768px) {
  .preschool {
    padding: 0 0 2.8571428571rem;
  }
}

.preschool_title {
  position: relative;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 5rem 1rem 6.0625rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .preschool_title {
    font-size: 2.2857142857rem;
    padding: 1.7142857143rem 1.1428571429rem 2.5rem;
  }
}

.preschool_title::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(../images/top/preschool_title_bg_pc.png) no-repeat center bottom/cover;
  z-index: -1;
}

.preschool_inner {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .preschool_inner {
    margin-top: 1.7142857143rem;
  }
}

.preschool_main {
  background-color: #fff;
  border-radius: 2rem;
  padding: 3.5rem 5rem 5rem;
}
@media (max-width: 768px) {
  .preschool_main {
    padding: 2.2857142857rem 1.1428571429rem 2.8571428571rem;
  }
}

.preschool_lead {
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  line-height: 180%;
  text-align: center;
}
@media (max-width: 768px) {
  .preschool_lead {
    font-size: 1rem;
    letter-spacing: 0;
    text-align: left;
  }
}

.preschool_preclass {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .preschool_preclass {
    margin-top: 2.8571428571rem;
  }
}

.preschool_preclass_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  background-color: #FFF6E7;
  padding: 2rem 2.5rem;
  border-radius: 1.5rem;
}
@media (max-width: 768px) {
  .preschool_preclass_head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.1428571429rem;
    padding: 1.7142857143rem 1.4285714286rem 1.7142857143rem;
  }
}

.preschool_preclass_title {
  font-size: 2.5rem;
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .preschool_preclass_title {
    font-size: 1.5714285714rem;
    margin-inline: auto;
  }
}

.preschool_preclass_title span {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .preschool_preclass_title span {
    font-size: 1.5714285714rem;
  }
}

.preschool_preclass_text {
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  line-height: 180%;
  width: 100%;
  max-width: 43.0625rem;
}
@media (max-width: 768px) {
  .preschool_preclass_text {
    font-size: 1rem;
    letter-spacing: 0;
  }
}

.preschool_preclass_text span {
  color: #FFB508;
}

.preschool_preclass_items {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.9375rem;
  padding: 2.5rem 2.5rem 2.8125rem;
  border: 2px solid #FFB508;
  border-radius: 1.5rem;
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .preschool_preclass_items {
    grid-template-columns: 1fr;
    gap: 2.2857142857rem;
    padding: 2.2857142857rem 1.1428571429rem 2.8571428571rem;
    margin-top: 2.8571428571rem;
  }
}

.preschool_preclass_items::before {
  position: absolute;
  content: "";
  width: 8.9375rem;
  height: 4.5625rem;
  left: -0.3125rem;
  top: -1.875rem;
  background: url(../images/top/preschool_benefits.png) no-repeat center center/contain;
}

.preschool_threeyear {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .preschool_threeyear {
    margin-top: 4.5714285714rem;
  }
}

.preschool_threeyear_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  background-color: #FFF6E7;
  padding: 2rem 2.5rem;
  border-radius: 1.5rem;
}
@media (max-width: 768px) {
  .preschool_threeyear_head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.1428571429rem;
    padding: 1.7142857143rem 1.4285714286rem 1.7142857143rem;
  }
}

.preschool_threeyear_title {
  font-size: 2.5rem;
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .preschool_threeyear_title {
    font-size: 1.7142857143rem;
    margin-inline: auto;
  }
}

.preschool_threeyear_title span {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .preschool_threeyear_title span {
    font-size: 1.7142857143rem;
  }
}

.preschool_threeyear_text {
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  line-height: 180%;
  width: 100%;
  max-width: 40.0625rem;
}
@media (max-width: 768px) {
  .preschool_threeyear_text {
    font-size: 1rem;
    letter-spacing: 0;
  }
}

.preschool_threeyear_items {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.9375rem;
  padding: 2.5rem 2.5rem 2.8125rem;
  border: 2px solid #FFB508;
  border-radius: 1.5rem;
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .preschool_threeyear_items {
    grid-template-columns: 1fr;
    gap: 2.2857142857rem;
    padding: 2.2857142857rem 1.1428571429rem 2.8571428571rem;
    margin-top: 2.8571428571rem;
  }
}

.preschool_threeyear_items::before {
  position: absolute;
  content: "";
  width: 8.9375rem;
  height: 4.5625rem;
  left: -0.3125rem;
  top: -1.875rem;
  background: url(../images/top/preschool_benefits.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .preschool_threeyear_items::before {
    width: 6.7857142857rem;
    height: 3.5rem;
    left: 0.5714285714rem;
    top: -1.7142857143rem;
  }
}

/* map
------------------------------ */
.map_nav {
  position: relative;
  padding: 7.5rem 0 3.375rem;
  background: url(../images/top/map_nav_bg.jpg) no-repeat center center/cover;
}
@media (max-width: 768px) {
  .map_nav {
    padding: 2.8571428571rem 0 1.7142857143rem;
  }
}

.map_nav_title {
  position: relative;
  width: 100%;
  max-width: 39.4375rem;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .map_nav_title {
    max-width: 19.7857142857rem;
  }
}

.map_nav_title::after {
  position: absolute;
  content: "";
  width: 4.3125rem;
  height: 6.25rem;
  right: -6.6875rem;
  bottom: 0.125rem;
  background: url(../images/top/map_nav_title_after.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .map_nav_title::after {
    width: 1.6428571429rem;
    height: 2.4285714286rem;
    right: -2.5714285714rem;
    bottom: 0.6428571429rem;
  }
}

.map_nav_main {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .map_nav_main {
    margin-top: 1.7142857143rem;
  }
}

.map_nav_main img {
  border-radius: 2rem;
}
@media (max-width: 768px) {
  .map_nav_main img {
    border-radius: 1.7142857143rem;
  }
}

.map_nav_lists {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .map_nav_lists {
    margin-top: 1.7142857143rem;
  }
}

.map_nav_lists_items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.5rem;
  max-width: 69rem;
  margin: auto;
}
@media (max-width: 768px) {
  .map_nav_lists_items {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.7142857143rem;
  }
}

.map_nav_lists_item a {
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  color: #fff;
  background-color: #A7A7A7;
  border-radius: 2.5rem;
  width: 100%;
  padding: 0.0625rem 0.5rem 0.8125rem;
  text-align: center;
  border: 1px solid #A7A7A7;
}
@media (max-width: 768px) {
  .map_nav_lists_item a {
    font-size: 1.4285714286rem;
    padding: 0.0714285714rem 0.5714285714rem 0.9285714286rem;
  }
}

.map_nav_lists_item_chuo a {
  background-color: #FF9500;
  border-color: #FF9500;
}

@media (min-width: 768px) {
  .map_nav_lists_item_chuo a:hover {
    color: #FF9500;
    background-color: #fff;
  }
}

.map_nav_lists_item_mihama a {
  background-color: #00BDF2;
  border-color: #00BDF2;
}

@media (min-width: 768px) {
  .map_nav_lists_item_mihama a:hover {
    color: #00BDF2;
    background-color: #fff;
  }
}

.map_nav_lists_item_hanamigawa a {
  background-color: #FF6994;
  border-color: #FF6994;
}

@media (min-width: 768px) {
  .map_nav_lists_item_hanamigawa a:hover {
    color: #FF6994;
    background-color: #fff;
  }
}

.map_nav_lists_item_inage a {
  background-color: #FFB508;
  border-color: #FFB508;
}

@media (min-width: 768px) {
  .map_nav_lists_item_inage a:hover {
    color: #FFB508;
    background-color: #fff;
  }
}

.map_nav_lists_item_wakaba a {
  background-color: #8DD731;
  border-color: #8DD731;
}

@media (min-width: 768px) {
  .map_nav_lists_item_wakaba a:hover {
    color: #8DD731;
    background-color: #fff;
  }
}

.map_nav_lists_item_midori a {
  background-color: #06B021;
  border-color: #06B021;
}

@media (min-width: 768px) {
  .map_nav_lists_item_midori a:hover {
    color: #06B021;
    background-color: #fff;
  }
}

.map_nav_lists_item a::after {
  position: absolute;
  content: "";
  width: 0.375rem;
  height: 0.3125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0.3125rem;
  background: url(../images/common/icon_triangle_arrow_bottom_white.png) no-repeat center center/contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 768px) {
  .map_nav_lists_item_chuo a:hover::after {
    background: url(../images/common/icon_triangle_arrow_bottom_orange_bright.png) no-repeat center center/contain;
  }
}

@media (min-width: 768px) {
  .map_nav_lists_item_mihama a:hover::after {
    background: url(../images/common/icon_triangle_arrow_bottom_blue.png) no-repeat center center/contain;
  }
}

@media (min-width: 768px) {
  .map_nav_lists_item_hanamigawa a:hover::after {
    background: url(../images/common/icon_triangle_arrow_bottom_pink.png) no-repeat center center/contain;
  }
}

@media (min-width: 768px) {
  .map_nav_lists_item_inage a:hover::after {
    background: url(../images/common/icon_triangle_arrow_bottom_yellow.png) no-repeat center center/contain;
  }
}

@media (min-width: 768px) {
  .map_nav_lists_item_wakaba a:hover::after {
    background: url(../images/common/icon_triangle_arrow_bottom_green_soft.png) no-repeat center center/contain;
  }
}

@media (min-width: 768px) {
  .map_nav_lists_item_midori a:hover::after {
    background: url(../images/common/icon_triangle_arrow_bottom_green.png) no-repeat center center/contain;
  }
}

.map_nav_check {
  position: relative;
  width: 100%;
  font-size: 2rem;
  letter-spacing: 0.08em;
  font-weight: 700;
  max-width: 43.75rem;
  text-align: center;
  background-color: #fff;
  border-radius: 3.125rem;
  padding: 0.25rem 0.5rem;
  margin: 6.5rem auto 0;
}
@media (max-width: 768px) {
  .map_nav_check {
    font-size: 1.1428571429rem;
    padding: 0.2857142857rem 0.2857142857rem;
    margin-top: 2.8571428571rem;
  }
}

.map_nav_check::after {
  position: absolute;
  content: "";
  width: 4.125rem;
  height: 3.5rem;
  bottom: -4.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../images/top/map_nav_check_arrow.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .map_nav_check::after {
    width: 2.5714285714rem;
    height: 2.1428571429rem;
    bottom: -2.7142857143rem;
  }
}

.map_nav_check span {
  color: #FF6994;
}

.map_main {
  background-color: #FCF3DE;
  padding: 7.5rem 1rem;
}
@media (max-width: 768px) {
  .map_main {
    padding: 2.8571428571rem 0.5714285714rem;
  }
}

.map_body {
  position: relative;
  background-color: #fff;
  border-radius: 3.125rem;
  padding: 4.125rem 3.5625rem 5.3125rem;
}
@media (max-width: 768px) {
  .map_body {
    padding: 5.7142857143rem 1.2857142857rem 2.8571428571rem;
  }
}

.map_body + .map_body {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .map_body + .map_body {
    margin-top: 2.8571428571rem;
  }
}

.map_body_title {
  position: absolute;
  width: 100%;
  max-width: 26.25rem;
  top: 4rem;
  left: -1.625rem;
}
@media (max-width: 768px) {
  .map_body_title {
    max-width: 15.7142857143rem;
    top: 2.2857142857rem;
    left: -1rem;
  }
}

.map_body_map {
  width: 100%;
  margin-left: auto;
}

.map_body_chuo .map_body_map {
  max-width: 60.25rem;
}

.map_body_mihama .map_body_map {
  max-width: 58.3125rem;
}

.map_body_hanamigawa .map_body_map {
  max-width: 59.9375rem;
}

.map_body_inage .map_body_map {
  max-width: 58.9375rem;
}

.map_body_wakaba .map_body_map {
  max-width: 60.125rem;
}

.map_body_midori .map_body_map {
  max-width: 60.125rem;
}

.map_body_nav {
  margin-top: 4rem;
  padding-top: 2.5rem;
  background-image: radial-gradient(circle, #A7A7A7 2px, transparent 2px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 1.125rem 0.25rem;
}
@media (max-width: 768px) {
  .map_body_nav {
    margin-top: 2.2857142857rem;
    padding-top: 2.2857142857rem;
    background-size: 1.4285714286rem 0.2857142857rem;
  }
}

.map_body_chuo .map_body_nav {
  background-image: radial-gradient(circle, #FF9500 2px, transparent 2px);
}

.map_body_mihama .map_body_nav {
  background-image: radial-gradient(circle, #00BDF2 2px, transparent 2px);
}

.map_body_hanamigawa .map_body_nav {
  background-image: radial-gradient(circle, #FF6994 2px, transparent 2px);
}

.map_body_inage .map_body_nav {
  background-image: radial-gradient(circle, #FFB508 2px, transparent 2px);
}

.map_body_wakaba .map_body_nav {
  background-image: radial-gradient(circle, #99D84B 2px, transparent 2px);
}

.map_body_midori .map_body_nav {
  background-image: radial-gradient(circle, #2DBA35 2px, transparent 2px);
}

.map_body_lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  width: 100%;
  max-width: 69.125rem;
  margin-inline: auto;
}

.map_body_chuo .map_body_lists {
  grid-auto-flow: column;
  grid-template-rows: repeat(6, auto);
  grid-template-columns: repeat(3, auto);
}
@media (max-width: 768px) {
  .map_body_chuo .map_body_lists {
    grid-auto-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

.map_body_mihama .map_body_lists {
  grid-auto-flow: column;
  grid-template-rows: repeat(6, auto);
  grid-template-columns: repeat(3, auto);
}
@media (max-width: 768px) {
  .map_body_mihama .map_body_lists {
    grid-auto-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

.map_body_hanamigawa .map_body_lists {
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto);
  grid-template-columns: repeat(3, auto);
}
@media (max-width: 768px) {
  .map_body_hanamigawa .map_body_lists {
    grid-auto-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

.map_body_inage .map_body_lists {
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto);
  grid-template-columns: repeat(3, auto);
}
@media (max-width: 768px) {
  .map_body_inage .map_body_lists {
    grid-auto-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

.map_body_wakaba .map_body_lists {
  grid-auto-flow: column;
  grid-template-rows: repeat(5, auto);
  grid-template-columns: repeat(3, auto);
}
@media (max-width: 768px) {
  .map_body_wakaba .map_body_lists {
    grid-auto-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

.map_body_midori .map_body_lists {
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: repeat(3, auto);
}
@media (max-width: 768px) {
  .map_body_midori .map_body_lists {
    grid-auto-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

.map_body_list_supplement {
  position: relative;
  font-size: 1.25rem;
  line-height: 110%;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding-left: 1.8125rem;
}
@media (max-width: 768px) {
  .map_body_list_supplement {
    font-size: 1.1428571429rem;
    padding-left: 2.6428571429rem;
  }
}

.map_body_list_supplement::before {
  position: absolute;
  content: "★";
  font-size: 1.625rem;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .map_body_list_supplement::before {
    font-size: 1.2857142857rem;
    left: 0.4285714286rem;
  }
}

.map_body_chuo .map_body_list_supplement::before {
  color: #FF9500;
}

.map_body_mihama .map_body_list_supplement::before {
  color: #00BDF2;
}

.map_body_hanamigawa .map_body_list_supplement::before {
  color: #FF6994;
}

.map_body_inage .map_body_list_supplement::before {
  color: #FFB508;
}

.map_body_wakaba .map_body_list_supplement::before {
  color: #99D84B;
}

.map_body_midori .map_body_list_supplement::before {
  color: #2DBA35;
}

.map_body_list_supplement_small {
  font-size: 0.875rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .map_body_list_supplement_small {
    font-size: 0.8571428571rem;
  }
}

.map_body_list a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .map_body_list a {
    font-size: 1.1428571429rem;
    gap: 0.5rem;
  }
}

@media (min-width: 768px) {
  .map_body_chuo .map_body_list a:hover {
    color: #FF9500;
  }
}

@media (min-width: 768px) {
  .map_body_mihama .map_body_list a:hover {
    color: #00BDF2;
  }
}

@media (min-width: 768px) {
  .map_body_hanamigawa .map_body_list a:hover {
    color: #FF6994;
  }
}

@media (min-width: 768px) {
  .map_body_inage .map_body_list a:hover {
    color: #FFB508;
  }
}

@media (min-width: 768px) {
  .map_body_wakaba .map_body_list a:hover {
    color: #99D84B;
  }
}

@media (min-width: 768px) {
  .map_body_midori .map_body_list a:hover {
    color: #2DBA35;
  }
}

.map_body_list_num {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background-color: #A7A7A7;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  padding: 0.125rem;
}
@media (max-width: 768px) {
  .map_body_list_num {
    font-size: 1.4285714286rem;
    width: 2.1428571429rem;
    height: 2.1428571429rem;
  }
}

.map_body_chuo .map_body_list_num {
  background-color: #FF9500;
}

.map_body_mihama .map_body_list_num {
  background-color: #00BDF2;
}

.map_body_hanamigawa .map_body_list_num {
  background-color: #FF6994;
}

.map_body_inage .map_body_list_num {
  background-color: #FFB508;
}

.map_body_wakaba .map_body_list_num {
  background-color: #99D84B;
}

.map_body_midori .map_body_list_num {
  background-color: #2DBA35;
}

.map_body_list_title {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.map_activities {
  background-color: #fff;
  padding: 3.5rem 5rem 5rem;
  margin-top: 7.5rem;
  border-radius: 2rem;
}
@media (max-width: 768px) {
  .map_activities {
    padding: 2.2857142857rem 1.1428571429rem 2.8571428571rem;
    margin-top: 2.8571428571rem;
  }
}

.map_activities_title {
  position: relative;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  color: #FF6994;
  padding: 0 0.125rem 1.6875rem;
}
@media (max-width: 768px) {
  .map_activities_title {
    font-size: 1.5714285714rem;
    padding: 0 0.1428571429rem 1.9285714286rem;
  }
}

.map_activities_title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1.1875rem;
  bottom: 0;
  left: 0;
  background: url(../images/top/map_activities_title_border.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .map_activities_title::after {
    height: 1.3571428571rem;
  }
}

.map_activities_lead {
  font-size: 1.25rem;
  letter-spacing: 0.06em;
  line-height: 160%;
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .map_activities_lead {
    font-size: 1rem;
    margin-top: 1.1428571429rem;
  }
}

.map_activities_lead span {
  font-weight: 700;
  color: #FF6994;
}

.map_activities_items {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 3.75rem;
     -moz-column-gap: 3.75rem;
          column-gap: 3.75rem;
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .map_activities_items {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}

.map_activities_item {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}

.map_activities_item:not(:last-of-type) {
  padding-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .map_activities_item:not(:last-of-type) {
    padding-bottom: 0;
  }
}

@media (max-width: 768px) {
  .map_activities_item:not(:first-of-type) {
    margin-top: 2.2857142857rem;
  }
}

.map_recruit {
  border-radius: 2rem;
  background-color: #fff;
  padding: 3.5rem 5rem 3.0625rem;
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .map_recruit {
    padding: 2.2857142857rem 1.1428571429rem 2.8571428571rem;
    margin-top: 2.8571428571rem;
  }
}

.map_recruit_title {
  position: relative;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  color: #00BDF2;
  padding: 0 0.125rem 1.6875rem;
}
@media (max-width: 768px) {
  .map_recruit_title {
    font-size: 1.5714285714rem;
    padding: 0 0.1428571429rem 1.9285714286rem;
  }
}

.map_recruit_title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1.1875rem;
  bottom: 0;
  left: 0;
  background: url(../images/top/map_recruit_title_border.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .map_recruit_title::after {
    height: 1.3571428571rem;
  }
}

.map_recruit_subtitle {
  font-size: 2rem;
  letter-spacing: 0.06em;
  font-weight: 700;
  line-height: 160%;
  margin-top: 2rem;
  text-align: center;
}
@media (max-width: 768px) {
  .map_recruit_subtitle {
    font-size: 1.4285714286rem;
    margin-top: 0.5714285714rem;
  }
}

.map_recruit_lead {
  font-size: 1.25rem;
  letter-spacing: 0.06em;
  line-height: 160%;
  margin-top: 1rem;
  text-align: center;
}
@media (max-width: 768px) {
  .map_recruit_lead {
    font-size: 1rem;
    margin-top: 1.1428571429rem;
  }
}

.map_recruit_items {
  display: grid;
  grid-template-columns: 517fr 253fr 259fr;
  gap: 1.875rem;
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .map_recruit_items {
    grid-template-columns: 1fr;
    gap: 0.7142857143rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}

@media (max-width: 768px) {
  .map_recruit_item {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .map_recruit_item:nth-of-type(1) {
    width: 22.1571428571rem;
  }
}

@media (max-width: 768px) {
  .map_recruit_item:nth-of-type(2) {
    width: 10.8428571429rem;
  }
}

@media (max-width: 768px) {
  .map_recruit_item:nth-of-type(3) {
    width: 11.1rem;
  }
}

.map_recruit_recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  .map_recruit_recommend {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.1428571429rem;
    margin-top: 1.7142857143rem;
  }
}

.map_recruit_recommend_title {
  width: 100%;
  max-width: 12.1875rem;
}
@media (max-width: 768px) {
  .map_recruit_recommend_title {
    max-width: 10rem;
  }
}

.map_recruit_recommend_lists {
  width: 100%;
  max-width: 53.875rem;
  display: grid;
  grid-template-columns: repeat(2, auto);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 0.5rem;
}
@media (max-width: 768px) {
  .map_recruit_recommend_lists {
    grid-template-columns: 1fr;
    gap: 0.5714285714rem;
  }
}

.map_recruit_recommend_list {
  position: relative;
  font-size: 1.375rem;
  letter-spacing: 0.06em;
  line-height: 160%;
  padding-left: 1.375rem;
}
@media (max-width: 768px) {
  .map_recruit_recommend_list {
    font-size: 1.1428571429rem;
    padding-left: 1.1428571429rem;
  }
}

.map_recruit_recommend_list::before {
  position: absolute;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  left: 0;
  top: 0.625rem;
  background-color: #00BDF2;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .map_recruit_recommend_list::before {
    width: 1rem;
    height: 1rem;
    top: 0.5rem;
  }
}

.map_recruit_registration {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  margin-top: 1.6875rem;
}
@media (max-width: 768px) {
  .map_recruit_registration {
    font-size: 1.2857142857rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5714285714rem;
    margin-top: 1.7142857143rem;
  }
}

.map_recruit_registration span {
  font-size: 2.25rem;
  color: #00BDF2;
}
@media (max-width: 768px) {
  .map_recruit_registration span {
    font-size: 1.4285714286rem;
  }
}

.map_recruit_contact {
  position: relative;
  border: 2px solid #00BDF2;
  border-radius: 0.5rem;
  padding: 1.3125rem 1.5rem 1.3125rem 2.5rem;
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .map_recruit_contact {
    padding: 2.8571428571rem 1.1428571429rem 1.7142857143rem;
    margin-top: 1.7142857143rem;
  }
}

.map_recruit_contact_title {
  position: absolute;
  width: 100%;
  max-width: 16.375rem;
  left: -0.75rem;
  top: -1.125rem;
}
@media (max-width: 768px) {
  .map_recruit_contact_title {
    max-width: 12.8571428571rem;
    left: -0.5714285714rem;
    top: -0.8571428571rem;
  }
}

.map_recruit_contact_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .map_recruit_contact_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.1428571429rem;
  }
}

.map_recruit_contact_content {
  width: 100%;
  max-width: 51.25rem;
  font-size: 1.375rem;
  letter-spacing: 0.06em;
  line-height: 160%;
}
@media (max-width: 768px) {
  .map_recruit_contact_content {
    font-size: 1rem;
    line-height: 140%;
  }
}

@media (max-width: 768px) {
  .map_recruit_contact_address {
    margin-top: 0.7142857143rem;
  }
}

.map_recruit_contact_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
@media (max-width: 768px) {
  .map_recruit_contact_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.7142857143rem;
    margin-top: 0.7142857143rem;
  }
}

.map_recruit_contact_hp_link {
  position: relative;
  display: inline-block;
}
@media (max-width: 768px) {
  .map_recruit_contact_hp_link {
    display: inline;
  }
}

.map_recruit_contact_hp_link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  right: 0.625rem;
  bottom: 0;
  left: 0;
  background-color: #422C1C;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .map_recruit_contact_hp_link::after {
    display: none;
  }
}

@media (min-width: 768px) {
  .map_recruit_contact_hp_link:hover::after {
    width: 0;
  }
}

.map_recruit_contact_qr {
  width: 100%;
  max-width: 8.75rem;
}
@media (max-width: 768px) {
  .map_recruit_contact_qr {
    display: none;
  }
}

/* official
------------------------------ */
.official {
  background: #FDEDB1 repeating-linear-gradient(120deg, #FDE899 0, #FDE899 0.625rem, transparent 0.625rem, transparent 1.25rem);
  padding: 7.5rem 0.0625rem 12.5rem;
}
@media (max-width: 768px) {
  .official {
    padding: 7.1428571429rem 0.5714285714rem 5.7142857143rem;
  }
}

.official_main {
  position: relative;
  background-color: #fff;
  padding: 7.4375rem 5.5625rem 4.9375rem 5.625rem;
  border-radius: 1.5rem;
}
@media (max-width: 768px) {
  .official_main {
    padding: 2.8571428571rem 1.4285714286rem 2.8571428571rem 1.4285714286rem;
  }
}

.official_title {
  position: absolute;
  width: 100%;
  max-width: 65.9375rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -3.5625rem;
}
@media (max-width: 768px) {
  .official_title {
    max-width: 17.1428571429rem;
    top: -4.2857142857rem;
  }
}

.official_subtitle {
  position: relative;
  font-size: 2.5rem;
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1.5rem;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .official_subtitle {
    font-size: 1.2857142857rem;
    padding: 0 1.1428571429rem;
    text-align: center;
  }
}

.official_subtitle::before {
  position: absolute;
  content: "";
  width: 0.375rem;
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-25deg);
          transform: translateY(-50%) rotate(-25deg);
  left: 0;
  background-image: radial-gradient(circle, #422C1C 0.1875rem, transparent 0.1875rem);
  background-position: left top;
  background-repeat: repeat-y;
  background-size: 0.375rem 0.8125rem;
}
@media (max-width: 768px) {
  .official_subtitle::before {
    width: 0.2857142857rem;
    background-image: radial-gradient(circle, #422C1C 0.125rem, transparent 0.125rem);
    background-size: 0.25rem 0.75rem;
    -webkit-transform: translateY(-50%) rotate(-8deg);
            transform: translateY(-50%) rotate(-8deg);
  }
}

.official_subtitle::after {
  position: absolute;
  content: "";
  width: 0.375rem;
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(25deg);
          transform: translateY(-50%) rotate(25deg);
  right: 0;
  background-image: radial-gradient(circle, #422C1C 0.1875rem, transparent 0.1875rem);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 0.375rem 0.8125rem;
}
@media (max-width: 768px) {
  .official_subtitle::after {
    width: 0.2857142857rem;
    background-image: radial-gradient(circle, #422C1C 0.1428571429rem, transparent 0.1428571429rem);
    background-size: 0.2857142857rem 0.8571428571rem;
    -webkit-transform: translateY(-50%) rotate(8deg);
            transform: translateY(-50%) rotate(8deg);
  }
}

.official_subtitle span {
  color: #FF6994;
}

.official_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 1.25rem;
  margin-top: 2.375rem;
}
@media (max-width: 768px) {
  .official_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.1428571429rem;
    margin-top: 1.7142857143rem;
  }
}

.official_content {
  width: 100%;
  max-width: 35.75rem;
}

.official_text {
  font-size: 1.4375rem;
  letter-spacing: 0.06em;
  line-height: 200%;
}
@media (max-width: 768px) {
  .official_text {
    font-size: 1.1428571429rem;
    line-height: 180%;
  }
}

.official_site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.0625rem;
  margin-top: -0.75rem;
}
@media (max-width: 768px) {
  .official_site {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0.8571428571rem;
  }
}

.official_site_link {
  width: 100%;
  max-width: 26.1875rem;
}
@media (max-width: 768px) {
  .official_site_link {
    max-width: 19.2857142857rem;
  }
}

.official_site_qr {
  width: 100%;
  max-width: 8.5rem;
}
@media (max-width: 768px) {
  .official_site_qr {
    display: none;
  }
}

.official_img {
  width: 100%;
  max-width: 28.1875rem;
}
@media (max-width: 768px) {
  .official_img {
    max-width: 14.2857142857rem;
    margin-inline: auto;
  }
}

/* sub
------------------------------ */
.sub_mv_title {
  font-size: 2.25rem;
  font-weight: 700;
  color: #06B021;
}
@media (max-width: 768px) {
  .sub_mv_title {
    font-size: 1.7142857143rem;
  }
}

.breadcrumb {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .breadcrumb {
    margin-top: 1.7142857143rem;
  }
}

/* kindergarten
------------------------------ */
.kindergarten_single_logo {
  width: 100%;
  max-width: 34.75rem;
}
@media (max-width: 768px) {
  .kindergarten_single_logo {
    max-width: 100%;
  }
}

/* kindergarten_single - kindergarten_single_head
------------------------------ */
.kindergarten_single_head {
  margin-top: 4.5rem;
}
@media (max-width: 768px) {
  .kindergarten_single_head {
    margin-top: 3.0714285714rem;
  }
}

.kindergarten_single_head_main img {
  border-radius: 0.5rem;
}
@media (max-width: 768px) {
  .kindergarten_single_head_main img {
    border-radius: 0.5714285714rem;
  }
}

/* kindergarten_single - kindergarten_single_main
------------------------------ */
.kindergarten_single_main {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .kindergarten_single_main {
    margin-top: 2.8571428571rem;
  }
}

.kindergarten_article_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
}
@media (max-width: 768px) {
  .kindergarten_article_head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.1428571429rem;
  }
}

.kindergarten_article_head_unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .kindergarten_article_head_unit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.1428571429rem;
  }
}

.kindergarten_article_num {
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  background-color: #A7A7A7;
  border-radius: 50%;
  width: 5.5rem;
  height: 5.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .kindergarten_article_num {
    font-size: 1.7142857143rem;
    width: 2.8571428571rem;
    height: 2.8571428571rem;
  }
}

.kindergarten_article_num.kindergarten_area_chuo {
  background-color: #FF9500;
}

.kindergarten_article_num.kindergarten_area_mihama {
  background-color: #00BDF2;
}

.kindergarten_article_num.kindergarten_area_hanamigawa {
  background-color: #FF6994;
}

.kindergarten_article_num.kindergarten_area_inage {
  background-color: #FFB508;
}

.kindergarten_article_num.kindergarten_area_wakaba {
  background-color: #99D84B;
}

.kindergarten_article_num.kindergarten_area_midori {
  background-color: #2DBA35;
}

.kindergarten_article_head_content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 768px) {
  .kindergarten_article_title_unit {
    text-align: center;
  }
}

.kindergarten_article_subtitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .kindergarten_article_subtitle {
    font-size: 1.1428571429rem;
  }
}

.kindergarten_article_title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .kindergarten_article_title {
    font-size: 1.2857142857rem;
  }
}

.kindergarten_article_info {
  font-size: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .kindergarten_article_info {
    font-size: 1rem;
    gap: 0.5714285714rem;
    margin-top: 1rem;
  }
}

.kindergarten_article_hp {
  width: 100%;
  max-width: 8.75rem;
}
@media (max-width: 768px) {
  .kindergarten_article_hp {
    max-width: 9.2857142857rem;
  }
}

.kindergarten_article_hp_qr {
  width: 100%;
  max-width: 6.25rem;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .kindergarten_article_hp_qr {
    display: none;
  }
}

.kindergarten_article_hp_link {
  margin-top: 0.625rem;
}
@media (max-width: 768px) {
  .kindergarten_article_hp_link {
    margin-top: 0;
  }
}

.kindergarten_article_hp_link a {
  position: relative;
  display: inline-block;
  color: #fff;
  background-color: #06B021;
  border-radius: 2.25rem;
  padding: 0.625rem 1.25rem 0.625rem 1rem;
}

@media (min-width: 768px) {
  .kindergarten_article_hp_link a:hover {
    background-color: #F5A200;
  }
}

.kindergarten_article_hp_link a::after {
  position: absolute;
  content: "";
  width: 0.375rem;
  height: 0.5625rem;
  right: 0.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/common/icon_triangle_arrow_right_white.png) no-repeat center center/contain;
}

.kindergarten_article_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.4375rem;
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .kindergarten_article_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.2857142857rem;
    margin-top: 1.4285714286rem;
  }
}

.kindergarten_article_images {
  width: 100%;
  max-width: 24.6875rem;
}
@media (max-width: 768px) {
  .kindergarten_article_images {
    max-width: 100%;
  }
}

.kindergarten_article_image + .kindergarten_article_image {
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .kindergarten_article_image + .kindergarten_article_image {
    margin-top: 1.1428571429rem;
  }
}

.kindergarten_article_image img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 395/300;
}

.kindergarten_article_content {
  width: 100%;
  max-width: 50rem;
}

.kindergarten_article_message {
  font-size: 1.25rem;
  letter-spacing: 0.06em;
  line-height: 200%;
}
@media (max-width: 768px) {
  .kindergarten_article_message {
    font-size: 1rem;
    line-height: 180%;
  }
}

.kindergarten_article_education {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .kindergarten_article_education {
    margin-top: 2.2857142857rem;
  }
}

.kindergarten_article_education_title {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  width: 100%;
  max-width: 11.875rem;
  text-align: center;
  color: #fff;
  background-color: #422C1C;
  border-radius: 1.25rem;
  padding: 0.125rem 0.5rem;
}
@media (max-width: 768px) {
  .kindergarten_article_education_title {
    font-size: 1.4285714286rem;
    min-width: 12.1428571429rem;
    padding: 0.1428571429rem 0.2857142857rem;
  }
}

.kindergarten_article_education_text {
  font-size: 1.25rem;
  letter-spacing: 0.06em;
  line-height: 200%;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .kindergarten_article_education_text {
    font-size: 1rem;
    line-height: 150%;
    margin-top: 0.5714285714rem;
  }
}

.kindergarten_article_activities {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .kindergarten_article_activities {
    margin-top: 2.2857142857rem;
  }
}

.kindergarten_article_activities_title {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  width: 100%;
  max-width: 11.875rem;
  text-align: center;
  color: #fff;
  background-color: #422C1C;
  border-radius: 1.25rem;
  padding: 0.125rem 0.5rem;
}
@media (max-width: 768px) {
  .kindergarten_article_activities_title {
    font-size: 1.4285714286rem;
    min-width: 12.1428571429rem;
    padding: 0.1428571429rem 0.2857142857rem;
  }
}

.kindergarten_article_activities_text {
  font-size: 1.25rem;
  letter-spacing: 0.06em;
  line-height: 200%;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .kindergarten_article_activities_text {
    font-size: 1rem;
    line-height: 150%;
    margin-top: 0.5714285714rem;
  }
}

.kindergarten_article_icons {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.4375rem;
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .kindergarten_article_icons {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    margin-top: 2.2857142857rem;
  }
}

.kindergarten_article_icon_text {
  font-size: 1.375rem;
  text-align: center;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .kindergarten_article_icon_text {
    font-size: 1rem;
    margin-top: 0.3571428571rem;
  }
}

.kindergarten_article_button {
  margin-top: 7.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .kindergarten_article_button {
    margin-top: 3.4285714286rem;
  }
}

.kindergarten_article_button a {
  position: relative;
  display: inline-block;
  color: #fff;
  background-color: #06B021;
  width: 100%;
  max-width: 8.75rem;
  text-align: left;
  border-radius: 2.25rem;
  padding: 0.625rem 1.25rem 0.625rem 1rem;
}
@media (max-width: 768px) {
  .kindergarten_article_button a {
    max-width: 9.2857142857rem;
    padding: 0.7142857143rem 1.4285714286rem 0.7142857143rem 1.1428571429rem;
  }
}

@media (min-width: 768px) {
  .kindergarten_article_button a:hover {
    background-color: #F5A200;
  }
}

.kindergarten_article_button a::after {
  position: absolute;
  content: "";
  width: 0.375rem;
  height: 0.5625rem;
  right: 0.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/common/icon_triangle_arrow_right_white.png) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .kindergarten_article_button a::after {
    width: 0.4285714286rem;
    height: 0.6428571429rem;
    right: 0.7142857143rem;
  }
}

/* 404
------------------------------ */
.not_found_main {
  margin-top: 6.25rem;
}
@media (max-width: 768px) {
  .not_found_main {
    margin-top: 2.8571428571rem;
  }
}

.not_found_main_btn {
  margin-top: 3.125rem;
}
@media (max-width: 768px) {
  .not_found_main_btn {
    margin-top: 1.7142857143rem;
  }
}

.not_found_main_btn a {
  display: inline-block;
  font-weight: 700;
  width: 100%;
  max-width: 11.25rem;
  color: #fff;
  background-color: #06B021;
  text-align: center;
  border-radius: 2.25rem;
  padding: 0.625rem 1.25rem 0.625rem 1rem;
}
@media (max-width: 768px) {
  .not_found_main_btn a {
    max-width: 11.4285714286rem;
    padding: 0.7142857143rem 1.4285714286rem 0.7142857143rem 1.1428571429rem;
  }
}

/* 404 - other-page_cta01
------------------------------ */
.cta.other-page_cta01 {
  margin-top: 7.5rem;
}
@media (max-width: 768px) {
  .cta.other-page_cta01 {
    margin-top: 4rem;
  }
}

/* footer
------------------------------ */
.footer {
  margin-top: -8.75rem;
  padding: 13.875rem 0 5.125rem;
  background: url(../images/common/footer_bg_pc.png) no-repeat top center/cover;
}
@media (max-width: 768px) {
  .footer {
    margin-top: -3.5714285714rem;
    padding: 5.5rem 0 4.7142857143rem;
    background: url(../images/common/footer_bg_sp.png) no-repeat top center/cover;
  }
}

.footer_info {
  color: #fff;
  text-align: center;
}

.footer_info_title {
  font-size: 2.1875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 768px) {
  .footer_info_title {
    font-size: 1.1428571429rem;
  }
}

.footer_info_address {
  font-size: 1.75rem;
  letter-spacing: 0.06em;
  line-height: 160%;
  margin-top: 1.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .footer_info_address {
    font-size: 1rem;
    margin-top: 1.1428571429rem;
  }
}

.footer_info_tel {
  font-size: 1.75rem;
  letter-spacing: 0.06em;
  line-height: 160%;
  text-align: center;
}
@media (max-width: 768px) {
  .footer_info_tel {
    font-size: 1rem;
  }
}

/* page_top
------------------------------ */
.page_top {
  position: fixed;
  right: 1.875rem;
  bottom: 1.875rem;
  width: 8.1875rem;
  cursor: pointer;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (max-width: 768px) {
  .page_top {
    width: 4.2857142857rem;
    right: 1.1428571429rem;
    bottom: 2.2857142857rem;
  }
}

.page_top.is_visible {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 768px) {
  .page_top:hover {
    -webkit-transform: scale(1.12);
            transform: scale(1.12);
  }
}

/* foot_menu
------------------------------ */
.foot_menu {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 10;
  -webkit-box-shadow: 0px -0.0625rem 1.25rem rgba(66, 44, 28, 0.5);
          box-shadow: 0px -0.0625rem 1.25rem rgba(66, 44, 28, 0.5);
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 768px) {
  .foot_menu {
    -webkit-box-shadow: 0px -0.0714285714rem 1.4285714286rem rgba(66, 44, 28, 0.5);
            box-shadow: 0px -0.0714285714rem 1.4285714286rem rgba(66, 44, 28, 0.5);
  }
}

.foot_menu.is_visible {
  opacity: 1;
  visibility: visible;
}

.foot_menu_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.foot_menu_tel {
  width: 50%;
}

.foot_menu_tel a {
  display: block;
  position: relative;
  font-weight: 500;
  line-height: 120%;
  width: 100%;
  background-color: #fff;
  padding: 0.4375rem 0.3125rem 0.375rem;
  text-align: center;
}
@media (max-width: 768px) {
  .foot_menu_tel a {
    padding: 0.5rem 0.3571428571rem 0.4285714286rem;
  }
}

.foot_menu_tel_link_title {
  font-size: 0.625rem;
}
@media (max-width: 768px) {
  .foot_menu_tel_link_title {
    font-size: 0.7142857143rem;
  }
}

.foot_menu_tel_link_text {
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .foot_menu_tel_link_text {
    font-size: 1rem;
  }
}

.foot_menu_tel_link_text span {
  position: relative;
  display: inline-block;
  padding-left: 0.9375rem;
}
@media (max-width: 768px) {
  .foot_menu_tel_link_text span {
    padding-left: 1.0714285714rem;
  }
}

.foot_menu_tel_link_text span::before {
  position: absolute;
  content: "";
  width: 0.6875rem;
  height: 0.8125rem;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/common/icon_phone_black.png) no-repeat center center/contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .foot_menu_tel_link_text span::before {
    width: 0.7857142857rem;
    height: 0.9285714286rem;
  }
}

.foot_menu_mail {
  width: 50%;
}

.foot_menu_mail a {
  display: block;
  position: relative;
  font-weight: 500;
  line-height: 120%;
  width: 100%;
  color: #fff;
  background-color: #422C1C;
  padding: 0.4375rem 0.3125rem 0.375rem;
  text-align: center;
}
@media (max-width: 768px) {
  .foot_menu_mail a {
    padding: 0.5rem 0.3571428571rem 0.4285714286rem;
  }
}

.foot_menu_mail_link_title {
  font-size: 0.625rem;
}
@media (max-width: 768px) {
  .foot_menu_mail_link_title {
    font-size: 0.7142857143rem;
  }
}

.foot_menu_mail_link_text {
  font-size: 0.75rem;
}
@media (max-width: 768px) {
  .foot_menu_mail_link_text {
    font-size: 0.8571428571rem;
  }
}

.foot_menu_mail_link_text span {
  position: relative;
  display: inline-block;
  padding-left: 0.9375rem;
}
@media (max-width: 768px) {
  .foot_menu_mail_link_text span {
    padding-left: 1.0714285714rem;
  }
}

.foot_menu_mail_link_text span::after {
  position: absolute;
  content: "";
  width: 0.75rem;
  height: 0.5rem;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/common/icon_mail_white.png) no-repeat center center/contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .foot_menu_mail_link_text span::after {
    width: 0.8571428571rem;
    height: 0.5714285714rem;
  }
}