/* ========================================================================================= ^^
  Key visual for child care
============================================================================================ ^^ */
.c-key-visual {
  background: url(../images/childcare/kv.jpg) no-repeat 50% 100%/cover;
}

/* ========================================================================================= ^^
  Childcare upper
============================================================================================ ^^ */
#container .p-childcare-upper {
  width: 100vw;
  padding-top: calc(85 * var(--min-ratio));
  margin: 0 calc(50% - 50vw);
  background: linear-gradient(90deg, rgb(217, 215, 204) 0%, rgb(222, 220, 211) 2.93%, rgb(231, 229, 222) 10.96%, rgb(236, 234, 229) 22.25%, rgb(237, 235, 231) 53.62%, rgb(236, 233, 229) 80.01%, rgb(231, 228, 222) 89.52%, rgb(224, 219, 211) 96.27%, rgb(217, 210, 200) 100%);
}
@media (min-width: 768px) {
  #container .p-childcare-upper {
    padding-top: calc(185 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-childcare-upper {
    padding-top: calc(185 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
  Introduction for childcare
============================================================================================ ^^ */
#container .p-introduction {
  padding: calc(65 * var(--min-ratio)) calc(10 * var(--min-ratio)) calc(30 * var(--min-ratio));
  background: url(../images/childcare/bg-introduction.jpg), linear-gradient(to right, #d9d7cc 0%, #edebe7 53.6423%, #d9d2c8 100%);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
}
@media (min-width: 768px) {
  #container .p-introduction {
    padding: calc(127 * var(--max-ratio)) calc(10 * var(--max-ratio)) calc(57 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-introduction {
    padding: calc(127 * var(--rem-ratio)) calc(10 * var(--rem-ratio)) calc(57 * var(--rem-ratio));
  }
}
#container .p-introduction .c-title {
  margin-bottom: calc(43 * var(--min-ratio));
  font-family: var(--font-shippori);
  font-size: clamp(1.25rem, 1.047rem + 0.86vw, 1.75rem);
  color: #333;
  line-height: 1.7857142857;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (min-width: 768px) {
  #container .p-introduction .c-title {
    margin-bottom: calc(43 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-introduction .c-title {
    margin-bottom: calc(43 * var(--rem-ratio));
  }
}
#container .p-introduction .c-text {
  margin-bottom: calc(77 * var(--min-ratio));
  font-size: clamp(0.875rem, 0.824rem + 0.22vw, 1rem);
  line-height: 2.5;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (min-width: 768px) {
  #container .p-introduction .c-text {
    margin-bottom: calc(77 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-introduction .c-text {
    margin-bottom: calc(77 * var(--rem-ratio));
  }
}
#container .p-introduction .c-grid {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto calc(9 * var(--min-ratio));
  grid-template-columns: 100%;
  row-gap: calc(30 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-introduction .c-grid {
    margin-bottom: calc(9 * var(--max-ratio));
    grid-template-columns: repeat(3, 31.9230769231%);
    -moz-column-gap: 2.1153846154%;
    column-gap: 2.1153846154%;
    rwo-gap: unset;
  }
}
@media (min-width: 1300px) {
  #container .p-introduction .c-grid {
    margin-bottom: calc(9 * var(--rem-ratio));
  }
}
@media not all and (min-width: 768px) {
  #container .p-introduction .c-grid .c-image {
    height: calc(140 * var(--min-ratio));
    position: relative;
    overflow: hidden;
  }
}
@media not all and (min-width: 768px) {
  #container .p-introduction .c-grid .c-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
#container .p-introduction .c-grid .c-image figcaption {
  width: calc(100% - 20 * var(--min-ratio));
  height: calc(100% - 20 * var(--min-ratio));
  border: 1px solid #fff;
  font-size: clamp(0.75rem, 0.699rem + 0.22vw, 0.875rem);
  color: #fff;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-align: center;
  justify-content: center;
  top: calc(10 * var(--min-ratio));
  left: calc(10 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-introduction .c-grid .c-image figcaption {
    width: calc(100% - 20 * var(--max-ratio));
    height: calc(100% - 20 * var(--max-ratio));
    padding-top: calc(130 * var(--max-ratio));
    justify-content: flex-start;
    top: calc(10 * var(--max-ratio));
    left: calc(10 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-introduction .c-grid .c-image figcaption {
    width: calc(100% - 20 * var(--rem-ratio));
    height: calc(100% - 20 * var(--rem-ratio));
    padding-top: calc(130 * var(--rem-ratio));
    top: calc(10 * var(--rem-ratio));
    left: calc(10 * var(--rem-ratio));
  }
}
#container .p-introduction .c-grid .c-image figcaption h3 {
  margin-bottom: calc(12 * var(--min-ratio));
  font-size: clamp(1.188rem, 1.188rem + 0vw, 1.188rem);
  line-height: 2.1052631579;
  font-weight: 400;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  #container .p-introduction .c-grid .c-image figcaption h3 {
    margin-bottom: calc(12 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-introduction .c-grid .c-image figcaption h3 {
    margin-bottom: calc(12 * var(--rem-ratio));
  }
}
#container .p-introduction .c-grid .c-image figcaption p {
  margin-bottom: 0;
}
#container .p-introduction .c-grid + p {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
  font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: right;
}

/* ========================================================================================= ^^
  Childcare panel
============================================================================================ ^^ */
#container .p-childcare-panel {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding-bottom: calc(80 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-childcare-panel {
    padding-bottom: calc(80 * var(--max-ratio));
    margin-top: calc(-90 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-childcare-panel {
    padding-bottom: calc(80 * var(--rem-ratio));
    margin-top: calc(-90 * var(--rem-ratio));
  }
}
#container .p-childcare-panel .c-section-title {
  max-width: 1120px;
  padding-top: calc(54 * var(--min-ratio));
  margin: 0 auto calc(-6 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-childcare-panel .c-section-title {
    padding-top: calc(56 * var(--max-ratio));
    margin-bottom: calc(-13 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-childcare-panel .c-section-title {
    padding-top: calc(32 * var(--rem-ratio));
    margin-bottom: calc(-13 * var(--rem-ratio));
  }
}
#container .p-childcare-panel .c-section-title .en {
  font-size: clamp(1.938rem, 0.873rem + 4.54vw, 4.563rem);
}
#container .p-childcare-panel .c-anchor-links {
  margin-bottom: calc(35 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-childcare-panel .c-anchor-links {
    margin-bottom: calc(140 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-childcare-panel .c-anchor-links {
    margin-bottom: calc(140 * var(--rem-ratio));
  }
}
#container .p-childcare-panel .c-inner {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}
#container .p-childcare-panel .c-grid {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}
#container .p-childcare-panel .c-grid + .c-grid {
  margin-top: calc(70 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-childcare-panel .c-grid + .c-grid {
    margin-top: calc(70 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-childcare-panel .c-grid + .c-grid {
    margin-top: calc(70 * var(--rem-ratio));
  }
}
#container .p-childcare-panel .c-grid + .c-image-box {
  margin-top: calc(30 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-childcare-panel .c-grid + .c-image-box {
    margin-top: calc(30 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-childcare-panel .c-grid + .c-image-box {
    margin-top: calc(30 * var(--rem-ratio));
  }
}
#container .p-spots-panel .c-section-title {
  padding-top: calc(92 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-spots-panel .c-section-title {
    padding-top: calc(122 * var(--max-ratio));
    margin-bottom: calc(-15 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-spots-panel .c-section-title {
    padding-top: calc(84 * var(--rem-ratio));
    margin-bottom: calc(-15 * var(--rem-ratio));
  }
}
#container .p-spots-panel .c-section-title .en {
  font-size: clamp(2.563rem, 1.752rem + 3.46vw, 4.563rem);
}
#container .p-spots-panel .c-anchor-links {
  margin-bottom: calc(37 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-spots-panel .c-anchor-links {
    margin-bottom: calc(74 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-spots-panel .c-anchor-links {
    margin-bottom: calc(74 * var(--rem-ratio));
  }
}
#container .p-events-panel {
  padding-top: calc(32 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-events-panel {
    padding-top: calc(32 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-events-panel {
    padding-top: calc(32 * var(--rem-ratio));
  }
}
#container .p-events-panel .c-section-title {
  padding-top: calc(77 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-events-panel .c-section-title {
    padding-top: calc(77 * var(--max-ratio));
    margin-bottom: calc(-15 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-events-panel .c-section-title {
    padding-top: calc(54 * var(--rem-ratio));
    margin-bottom: calc(-15 * var(--rem-ratio));
  }
}
#container .p-events-panel .c-section-title .en {
  font-size: clamp(2.563rem, 1.752rem + 3.46vw, 4.563rem);
}
#container .p-events-panel .p-section-block {
  margin-bottom: calc(40 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-events-panel .p-section-block {
    margin-bottom: calc(40 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-events-panel .p-section-block {
    margin-bottom: calc(40 * var(--rem-ratio));
  }
}
#container .p-events-panel .c-anchor-links {
  margin-bottom: calc(43 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-events-panel .c-anchor-links {
    margin-bottom: calc(83 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-events-panel .c-anchor-links {
    margin-bottom: calc(83 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
  Section block
============================================================================================ ^^ */
#container .p-section-block {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  background-color: #fff;
  filter: drop-shadow(0 3px 15px rgba(133, 124, 118, 0.48));
}
#container .p-section-block .c-grid {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #container .p-section-block .c-grid {
    grid-template-columns: 35.3846153846% 64.6153846154%;
    align-items: center;
  }
}
#container .p-section-block .c-grid--pa {
  padding-top: calc(34 * var(--min-ratio));
  padding-bottom: 0;
}
@media (min-width: 768px) {
  #container .p-section-block .c-grid--pa {
    padding-top: calc(34 * var(--max-ratio));
    padding-bottom: calc(34 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-section-block .c-grid--pa {
    padding-top: calc(34 * var(--rem-ratio));
    padding-bottom: calc(34 * var(--rem-ratio));
  }
}
#container .p-section-block .c-grid .c-contents {
  padding: calc(40 * var(--min-ratio)) calc(10 * var(--min-ratio));
}
@media not all and (min-width: 768px) {
  #container .p-section-block .c-grid .c-contents {
    grid-row: 2/3;
  }
}
@media (min-width: 768px) {
  #container .p-section-block .c-grid .c-contents {
    padding: 0 calc(20 * var(--max-ratio)) 0 calc(38 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-section-block .c-grid .c-contents {
    padding: 0 calc(20 * var(--rem-ratio)) 0 calc(38 * var(--rem-ratio));
  }
}
#container .p-section-block .c-grid .c-title {
  margin-bottom: calc(20 * var(--min-ratio));
  font-family: var(--font-shippori);
  font-size: clamp(0.938rem, 0.76rem + 0.76vw, 1.375rem);
  color: #333;
  line-height: 1.5454545455;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media (min-width: 768px) {
  #container .p-section-block .c-grid .c-title {
    margin-bottom: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-section-block .c-grid .c-title {
    margin-bottom: calc(20 * var(--rem-ratio));
  }
}
#container .p-section-block .c-grid .c-text {
  font-family: var(--font-noto-serif);
  font-size: clamp(0.75rem, 0.699rem + 0.22vw, 0.875rem);
  color: #333;
  line-height: 2.4285714286;
  font-weight: 400;
  letter-spacing: 0.08em;
}
@media not all and (min-width: 768px) {
  #container .p-section-block .c-grid .c-image {
    grid-row: 1/2;
  }
}
@media (min-width: 768px) {
  #container .p-section-block--reverse .c-grid {
    grid-template-columns: 56.1538461538% 37.9230769231%;
    -moz-column-gap: 5.9230769231%;
    column-gap: 5.9230769231%;
  }
}
#container .p-section-block--reverse .c-grid .c-title {
  margin-bottom: calc(20s * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-section-block--reverse .c-grid .c-title {
    padding: 0 calc(20 * var(--max-ratio));
    margin-bottom: calc(43 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-section-block--reverse .c-grid .c-title {
    padding: 0 calc(20 * var(--rem-ratio));
    margin-bottom: calc(43 * var(--rem-ratio));
  }
}
#container .p-section-block--reverse .c-grid .c-text {
  margin-bottom: calc(10 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-section-block--reverse .c-grid .c-text {
    padding: 0 calc(20 * var(--max-ratio));
    margin-bottom: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-section-block--reverse .c-grid .c-text {
    padding: 0 calc(20 * var(--rem-ratio));
    margin-bottom: calc(20 * var(--rem-ratio));
  }
}
@media (min-width: 768px) {
  #container .p-section-block--reverse .c-grid .c-contents {
    padding: 0;
    grid-column: 2/3;
  }
}
#container .p-section-block--reverse .c-grid .c-contents ul {
  padding: calc(20 * var(--min-ratio)) calc(10 * var(--min-ratio));
  border: 1px solid #333;
  font-family: var(--font-shippori);
  font-size: clamp(0.688rem, 0.611rem + 0.32vw, 0.875rem);
  line-height: 1.2142857143;
  font-weight: 500;
  letter-spacing: 0.08em;
  display: grid;
  grid-template-columns: 100%;
  align-items: center;
  row-gap: calc(24 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-section-block--reverse .c-grid .c-contents ul {
    padding: calc(20 * var(--max-ratio)) calc(18 * var(--max-ratio));
    row-gap: calc(24 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-section-block--reverse .c-grid .c-contents ul {
    padding: calc(20 * var(--rem-ratio)) calc(18 * var(--rem-ratio));
    row-gap: calc(24 * var(--rem-ratio));
  }
}
#container .p-section-block--reverse .c-grid .c-contents ul::after {
  display: none;
}
#container .p-section-block--reverse .c-grid .c-contents ul li {
  display: grid;
  grid-template-columns: 1fr calc(40 * var(--min-ratio));
  align-items: center;
}
@media (min-width: 768px) {
  #container .p-section-block--reverse .c-grid .c-contents ul li {
    grid-template-columns: 1fr calc(40 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-section-block--reverse .c-grid .c-contents ul li {
    grid-template-columns: 1fr calc(40 * var(--rem-ratio));
  }
}
#container .p-section-block--reverse .c-grid .c-contents ul li .time {
  font-size: clamp(1rem, 0.924rem + 0.32vw, 1.188rem);
}
#container .p-section-block--reverse .c-grid .c-contents ul li .time span {
  font-size: clamp(0.75rem, 0.699rem + 0.22vw, 0.875rem);
}
@media (min-width: 768px) {
  #container .p-section-block--reverse .c-grid .c-image {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}

/* ========================================================================================= ^^
  Four seasons
============================================================================================ ^^ */
.p-four-seasons {
  row-gap: calc(20 * var(--min-ratio));
}
@media (min-width: 768px) {
  .p-four-seasons {
    row-gap: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  .p-four-seasons {
    row-gap: calc(20 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
  Services
============================================================================================ ^^ */
#container .p-service-grid {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 2.8169014085%;
  column-gap: 2.8169014085%;
  row-gap: calc(20 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-service-grid {
    grid-template-columns: repeat(4, 23.3333333333%);
    -moz-column-gap: 2.2222222222%;
    column-gap: 2.2222222222%;
    row-gap: calc(20 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-service-grid {
    row-gap: calc(20 * var(--rem-ratio));
  }
}
#container .p-service-grid .c-service-box:nth-of-type(1) {
  background-color: #eee2ef;
}
#container .p-service-grid .c-service-box:nth-of-type(2) .c-service-box__image {
  width: calc(78 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-service-grid .c-service-box:nth-of-type(2) .c-service-box__image {
    width: calc(78 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-service-grid .c-service-box:nth-of-type(2) .c-service-box__image {
    width: calc(78 * var(--rem-ratio));
  }
}
#container .p-service-grid .c-service-box:nth-of-type(3) .c-service-box__image {
  width: calc(64 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-service-grid .c-service-box:nth-of-type(3) .c-service-box__image {
    width: calc(64 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-service-grid .c-service-box:nth-of-type(3) .c-service-box__image {
    width: calc(64 * var(--rem-ratio));
  }
}
#container .p-service-grid .c-service-box:nth-of-type(4) .c-service-box__image {
  width: calc(78 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-service-grid .c-service-box:nth-of-type(4) .c-service-box__image {
    width: calc(78 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-service-grid .c-service-box:nth-of-type(4) .c-service-box__image {
    width: calc(78 * var(--rem-ratio));
  }
}
#container .p-service-grid .c-service-box:nth-of-type(5) .c-service-box__image {
  width: calc(60 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-service-grid .c-service-box:nth-of-type(5) .c-service-box__image {
    width: calc(60 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-service-grid .c-service-box:nth-of-type(5) .c-service-box__image {
    width: calc(60 * var(--rem-ratio));
  }
}
#container .p-service-grid .c-service-box:nth-of-type(6) .c-service-box__image {
  width: calc(36 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-service-grid .c-service-box:nth-of-type(6) .c-service-box__image {
    width: calc(36 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-service-grid .c-service-box:nth-of-type(6) .c-service-box__image {
    width: calc(36 * var(--rem-ratio));
  }
}
#container .p-service-grid .c-service-box:nth-of-type(7) .c-service-box__image {
  width: calc(66 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-service-grid .c-service-box:nth-of-type(7) .c-service-box__image {
    width: calc(66 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-service-grid .c-service-box:nth-of-type(7) .c-service-box__image {
    width: calc(66 * var(--rem-ratio));
  }
}
#container .p-service-grid .c-service-box:nth-of-type(8) .c-service-box__image {
  width: calc(78 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-service-grid .c-service-box:nth-of-type(8) .c-service-box__image {
    width: calc(78 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-service-grid .c-service-box:nth-of-type(8) .c-service-box__image {
    width: calc(78 * var(--rem-ratio));
  }
}
#container .p-service-grid .c-service-box:nth-of-type(9) .c-service-box__image {
  width: calc(32 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-service-grid .c-service-box:nth-of-type(9) .c-service-box__image {
    width: calc(32 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-service-grid .c-service-box:nth-of-type(9) .c-service-box__image {
    width: calc(32 * var(--rem-ratio));
  }
}
#container .p-service-grid .c-service-box:nth-of-type(10) .c-service-box__image {
  width: calc(77 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-service-grid .c-service-box:nth-of-type(10) .c-service-box__image {
    width: calc(77 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-service-grid .c-service-box:nth-of-type(10) .c-service-box__image {
    width: calc(77 * var(--rem-ratio));
  }
}
#container .p-service-grid .c-service-box:nth-of-type(11) .c-service-box__image {
  width: calc(77 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-service-grid .c-service-box:nth-of-type(11) .c-service-box__image {
    width: calc(77 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-service-grid .c-service-box:nth-of-type(11) .c-service-box__image {
    width: calc(77 * var(--rem-ratio));
  }
}
#container .p-service-grid .c-service-box:nth-of-type(12) {
  background-color: #e7f3ec;
}

/* ========================================================================================= ^^
  Childcare slider
============================================================================================ ^^ */
#container .c-slider-section:nth-of-type(1) {
  padding-top: calc(108 * var(--min-ratio));
  padding-bottom: calc(50 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .c-slider-section:nth-of-type(1) {
    padding-top: calc(215 * var(--max-ratio));
    padding-bottom: calc(100 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .c-slider-section:nth-of-type(1) {
    padding-top: calc(215 * var(--rem-ratio));
    padding-bottom: calc(100 * var(--rem-ratio));
  }
}
#container .c-slider-section:nth-of-type(2) {
  padding-top: calc(42 * var(--min-ratio));
  padding-bottom: calc(50 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .c-slider-section:nth-of-type(2) {
    padding-top: calc(84 * var(--max-ratio));
    padding-bottom: calc(100 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .c-slider-section:nth-of-type(2) {
    padding-top: calc(84 * var(--rem-ratio));
    padding-bottom: calc(100 * var(--rem-ratio));
  }
}
#container .c-slider-section:nth-of-type(3) {
  padding-top: calc(42 * var(--min-ratio));
  padding-bottom: calc(108 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .c-slider-section:nth-of-type(3) {
    padding-top: calc(84 * var(--max-ratio));
    padding-bottom: calc(215 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .c-slider-section:nth-of-type(3) {
    padding-top: calc(84 * var(--rem-ratio));
    padding-bottom: calc(215 * var(--rem-ratio));
  }
}
#container .p-shopping-slider,
#container .p-park-slider,
#container .p-amusement-slider {
  overflow: visible;
}
#container .p-shopping-slider .swiper-slide,
#container .p-park-slider .swiper-slide,
#container .p-amusement-slider .swiper-slide {
  height: auto;
}
#container .p-shopping-slider .swiper-slide .c-spot-box,
#container .p-park-slider .swiper-slide .c-spot-box,
#container .p-amusement-slider .swiper-slide .c-spot-box {
  height: 100%;
}
#container .p-shopping-slider .swiper-pagination,
#container .p-park-slider .swiper-pagination,
#container .p-amusement-slider .swiper-pagination {
  padding-top: calc(74 * var(--min-ratio));
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: calc(5 * var(--min-ratio));
  column-gap: calc(5 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-shopping-slider .swiper-pagination,
  #container .p-park-slider .swiper-pagination,
  #container .p-amusement-slider .swiper-pagination {
    padding-top: calc(74 * var(--max-ratio));
    -moz-column-gap: calc(10 * var(--max-ratio));
    column-gap: calc(10 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-shopping-slider .swiper-pagination,
  #container .p-park-slider .swiper-pagination,
  #container .p-amusement-slider .swiper-pagination {
    padding-top: calc(74 * var(--rem-ratio));
    -moz-column-gap: calc(10 * var(--rem-ratio));
    column-gap: calc(10 * var(--rem-ratio));
  }
}
#container .p-shopping-slider .swiper-pagination-bullet,
#container .p-park-slider .swiper-pagination-bullet,
#container .p-amusement-slider .swiper-pagination-bullet {
  width: calc(14 * var(--min-ratio));
  height: calc(14 * var(--min-ratio));
  margin: 0;
  border: 1px solid #5c4a43;
  background-color: #5c4a43;
  opacity: 1;
}
@media (min-width: 768px) {
  #container .p-shopping-slider .swiper-pagination-bullet,
  #container .p-park-slider .swiper-pagination-bullet,
  #container .p-amusement-slider .swiper-pagination-bullet {
    width: calc(19 * var(--max-ratio));
    height: calc(19 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-shopping-slider .swiper-pagination-bullet,
  #container .p-park-slider .swiper-pagination-bullet,
  #container .p-amusement-slider .swiper-pagination-bullet {
    width: calc(19 * var(--rem-ratio));
    height: calc(19 * var(--rem-ratio));
  }
}
#container .p-shopping-slider .swiper-pagination-bullet-active,
#container .p-park-slider .swiper-pagination-bullet-active,
#container .p-amusement-slider .swiper-pagination-bullet-active {
  background-color: #fff;
}

/* ========================================================================================= ^^
  Childcare note
============================================================================================ ^^ */
#container .p-childcare-note {
  max-width: 1300px;
  width: 100%;
  padding: calc(60 * var(--min-ratio)) calc(10 * var(--min-ratio)) calc(50 * var(--min-ratio));
  margin: 0 auto;
  font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  line-height: 2;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  #container .p-childcare-note {
    padding: calc(120 * var(--max-ratio)) calc(10 * var(--max-ratio)) calc(100 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-childcare-note {
    padding: calc(120 * var(--rem-ratio)) calc(90 * var(--rem-ratio)) calc(100 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
  Section slider
============================================================================================ ^^ */
#container .c-slider-section {
  padding: calc(35 * var(--min-ratio)) 0 calc(50 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .c-slider-section {
    padding: calc(35 * var(--max-ratio)) 0 calc(50 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .c-slider-section {
    padding: calc(35 * var(--rem-ratio)) 0 calc(50 * var(--rem-ratio));
  }
}
#container .c-slider-section__title {
  margin-bottom: calc(37 * var(--min-ratio));
  font-family: var(--font-shippori);
  font-size: clamp(1.25rem, 1.047rem + 0.86vw, 1.75rem);
  color: #333;
  line-height: 1.7857142857;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (min-width: 768px) {
  #container .c-slider-section__title {
    margin-bottom: calc(37 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .c-slider-section__title {
    margin-bottom: calc(37 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
  Transfer station
============================================================================================ ^^ */
#container .p-transfer-station {
  padding: calc(80 * var(--min-ratio)) calc(10 * var(--min-ratio)) calc(60 * var(--min-ratio));
  background-color: #f6f1ea;
}
@media (min-width: 768px) {
  #container .p-transfer-station {
    padding: calc(80 * var(--max-ratio)) calc(10 * var(--max-ratio)) calc(114 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-transfer-station {
    padding: calc(80 * var(--rem-ratio)) calc(10 * var(--rem-ratio)) calc(114 * var(--rem-ratio));
  }
}
#container .p-transfer-station .c-title {
  margin-bottom: calc(40 * var(--min-ratio));
  font-family: var(--font-shippori);
  font-size: clamp(1.25rem, 1.047rem + 0.86vw, 1.75rem);
  color: #333;
  line-height: 1.7857142857;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (min-width: 768px) {
  #container .p-transfer-station .c-title {
    margin-bottom: calc(80 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-transfer-station .c-title {
    margin-bottom: calc(80 * var(--rem-ratio));
  }
}
#container .p-transfer-station .c-image-text {
  max-width: 1154px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #container .p-transfer-station .c-image-text {
    grid-template-columns: 51.1265164645% 48.8734835355%;
  }
}
#container .p-transfer-station .c-image-text__text {
  font-size: clamp(0.625rem, 0.524rem + 0.43vw, 0.875rem);
  line-height: 1.8571428571;
}
#container .p-transfer-station .c-image-text__text p:last-of-type {
  margin-bottom: 0;
}

/* ========================================================================================= ^^
  Transfer use image
============================================================================================ ^^ */
#container .p-transfer-use-image {
  padding: calc(50 * var(--min-ratio)) calc(10 * var(--min-ratio)) calc(55 * var(--min-ratio));
  background-color: #f6f1ea;
  font-family: var(--font-shippori);
  font-size: clamp(1.25rem, 1.047rem + 0.86vw, 1.75rem);
  color: #333;
  line-height: 1.7857142857;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (min-width: 768px) {
  #container .p-transfer-use-image {
    padding: calc(50 * var(--max-ratio)) calc(10 * var(--max-ratio)) calc(55 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-transfer-use-image {
    padding: calc(50 * var(--rem-ratio)) calc(10 * var(--rem-ratio)) calc(55 * var(--rem-ratio));
  }
}
#container .p-transfer-use-image .c-title {
  margin-bottom: calc(31 * var(--min-ratio));
  font-family: var(--font-shippori);
  font-size: clamp(1.25rem, 1.047rem + 0.86vw, 1.75rem);
  color: #333;
  line-height: 1.7857142857;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (min-width: 768px) {
  #container .p-transfer-use-image .c-title {
    margin-bottom: calc(31 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-transfer-use-image .c-title {
    margin-bottom: calc(31 * var(--rem-ratio));
  }
}
#container .p-transfer-use-image .c-image {
  max-width: 1056px;
  width: 100%;
  margin: 0 auto;
}

/* ========================================================================================= ^^
  Nursery school
============================================================================================ ^^ */
#container .p-nursery-school {
  padding: calc(88 * var(--min-ratio)) calc(10 * var(--min-ratio)) calc(80 * var(--min-ratio));
  background-color: #fff;
}
@media (min-width: 768px) {
  #container .p-nursery-school {
    padding: calc(88 * var(--max-ratio)) calc(10 * var(--max-ratio)) calc(80 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-nursery-school {
    padding: calc(88 * var(--rem-ratio)) calc(10 * var(--rem-ratio)) calc(80 * var(--rem-ratio));
  }
}
#container .p-nursery-school .c-title {
  margin-bottom: calc(43 * var(--min-ratio));
  font-family: var(--font-shippori);
  font-size: clamp(1.25rem, 1.047rem + 0.86vw, 1.75rem);
  color: #333;
  line-height: 1.7857142857;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (min-width: 768px) {
  #container .p-nursery-school .c-title {
    margin-bottom: calc(43 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-nursery-school .c-title {
    margin-bottom: calc(43 * var(--rem-ratio));
  }
}

#container .p-nursery-school .c-grid {
  row-gap: calc(20 * var(--min-ratio));
}
@media (min-width: 768px) {
  #container .p-nursery-school .c-grid {
    grid-template-columns: calc((443 / 1120) * 100%) calc((642 / 1120) * 100%);
    grid-template-rows: calc(40 * var(--max-ratio)) calc(186 * var(--max-ratio)) 1fr;
    column-gap: calc((35 / 1120) * 100%);
    row-gap: unset;
  }
}
@media (min-width: 1300px) {
  #container .p-nursery-school .c-grid {
    grid-template-rows: calc(40 * var(--rem-ratio)) calc(186 * var(--rem-ratio)) 1fr;
  }
}
#container .p-nursery-school .c-text {
  font-size: clamp(0.875rem, 0.824rem + 0.22vw, 1rem);
  line-height: 2.5;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (min-width: 768px) {
  #container .p-nursery-school .c-text {
    padding-top: calc(24 * var(--max-ratio));
    line-height: 1.3;
    text-align: left;
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }
}
@media (min-width: 1300px) {
  #container .p-nursery-school .c-text {
    padding-top: calc(24 * var(--rem-ratio));
  }
}
#container .p-nursery-school .c-image {
  max-width: 978px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #container .p-nursery-school .c-image--1 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  #container .p-nursery-school .c-image--2 {
    grid-column: 2 / 3;
    grid-row: 1 / 4;
  }
}

/* ========================================================================================= ^^
  Support service
============================================================================================ ^^ */
#container .p-support-service {
  padding: calc(77 * var(--min-ratio)) calc(10 * var(--min-ratio)) 0;
}
@media (min-width: 768px) {
  #container .p-support-service {
    padding: calc(77 * var(--max-ratio)) calc(10 * var(--max-ratio)) 0;
  }
}
@media (min-width: 1300px) {
  #container .p-support-service {
    padding: calc(77 * var(--rem-ratio)) calc(10 * var(--rem-ratio)) 0;
  }
}
#container .p-support-service .c-title {
  margin-bottom: calc(47 * var(--min-ratio));
  font-family: var(--font-shippori);
  font-size: clamp(1.25rem, 1.047rem + 0.86vw, 1.75rem);
  color: #333;
  line-height: 1.7857142857;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (min-width: 768px) {
  #container .p-support-service .c-title {
    margin-bottom: calc(47 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-support-service .c-title {
    margin-bottom: calc(47 * var(--rem-ratio));
  }
}
#container .p-support-service .c-text {
  margin-bottom: calc(56 * var(--min-ratio));
  font-size: clamp(0.875rem, 0.824rem + 0.22vw, 1rem);
  line-height: 2.5;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (min-width: 768px) {
  #container .p-support-service .c-text {
    margin-bottom: calc(56 * var(--max-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-support-service .c-text {
    margin-bottom: calc(56 * var(--rem-ratio));
  }
}
#container .p-support-service .c-grid + p {
  max-width: 1120px;
  width: 100%;
  margin: calc(37 * var(--min-ratio)) auto 0;
  font-size: clamp(0.875rem, 0.824rem + 0.22vw, 1rem);
  line-height: 2.5;
  letter-spacing: 0.08em;
  text-align: right;
}
@media (min-width: 768px) {
  #container .p-support-service .c-grid + p {
    margin-top: calc(37 * var(--min-ratio));
  }
}
@media (min-width: 1300px) {
  #container .p-support-service .c-grid + p {
    margin-top: calc(37 * var(--rem-ratio));
  }
}

/* ========================================================================================= ^^
  Child care
============================================================================================ ^^ */