@charset "UTF-8";
/*-----------------------------------------------------
アクセス・周辺環境
----------------------------------------------------- */
#Location {
  /* 竜美丘 */
}
#Location li {
  list-style: none;
}
#Location .w900 {
  max-width: 900px;
  width: 90%;
  margin: 0 auto;
}
#Location .w1000 {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
#Location .pc-none {
  display: none;
}
#Location .sp-none {
  display: block;
}
#Location .head_img .cp {
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.9),
    0 2px 6px rgba(0, 0, 0, 0.9),
    0 4px 12px rgba(0, 0, 0, 0.8);
}
#Location .intro_note {
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
  margin-top: clamp(1rem, 0.1724137931rem + 1.724137931vw, 1.25rem);
}
#Location .anchor_menu_wrap {
  margin-top: 40px;
}
#Location .anchor_menu_wrap ul.menu {
  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: clamp(0.5rem, -6.1206896552rem + 13.7931034483vw, 2.5rem);
  max-width: 620px;
  margin-inline: auto;
  margin-bottom: clamp(2.5rem, -2.4655172414rem + 10.3448275862vw, 4rem);
}
#Location .anchor_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 180px;
  display: grid;
  place-items: center;
  background: #ffffff;
  color: #77513b !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px 0 rgba(178, 164, 132, 0.1882352941);
  box-shadow: 0 0 10px 0 rgba(178, 164, 132, 0.1882352941);
  -webkit-transition:
    background-color 0.3s ease,
    color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease,
    -webkit-box-shadow 0.3s ease;
}
#Location .anchor_item:hover,
#Location .anchor_item:focus-visible {
  background: #77513b;
  color: #fff !important;
}
#Location .anchor_item.is-current {
  background: #745039;
  color: #fff !important;
}
#Location .anchor_item__label {
  display: block;
  font-size: clamp(0.875rem, -1.400862069rem + 4.7413793103vw, 1.5625rem);
  line-height: 1.4;
}
#Location .anchor_item__arrow {
  position: absolute;
  left: 50%;
  bottom: 25px;
  width: 16px;
  height: 10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#Location .anchor_item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#Location .anchor_item__label_text-small {
  font-size: clamp(0.5625rem, -0.6788793103rem + 2.5862068966vw, 0.9375rem);
}
#Location .anchor_item__label_text-large {
  font-size: clamp(0.9375rem, -1.1314655172rem + 4.3103448276vw, 1.5625rem);
}
#Location .anchor_item__arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 8px;
  height: 8px;
  -webkit-transform: translateX(-50%) rotate(315deg);
  transform: translateX(-50%) rotate(315deg);
  border-left: 1px solid #b0a282;
  border-bottom: 1px solid #b0a282;
}
#Location .location-sec {
  position: relative;
}
#Location .location-sec + .location-sec {
  margin-top: clamp(3.75rem, -12.8017241379rem + 34.4827586207vw, 8.75rem);
}
#Location .location-sec__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: -1;
}
#Location .image-cp {
  position: absolute;
  top: 12px;
  right: 3%;
  font-size: 10px;
  line-height: 1.3;
}
#Location .sec-ttl {
  padding-top: 72px;
  margin-bottom: 24px;
  text-align: center;
}
#Location .sec-ttl__image {
  width: 30px;
  height: 173px;
  margin-left: 50%;
}
#Location .sec-ttl__text {
  text-align: center;
  font-size: clamp(1.125rem, 0.0905172414rem + 2.1551724138vw, 1.4375rem);
  line-height: 1.7;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#Location .sec__text {
  text-align: center;
  font-size: clamp(0.8125rem, 0.6056034483rem + 0.4310344828vw, 0.875rem);
  line-height: 2;
}
#Location .sec-area__title {
  margin-bottom: 10px;
}
#Location .sec-area__image {
  margin-bottom: clamp(2.5rem, 0.8448275862rem + 3.4482758621vw, 3rem);
}
#Location .area__image01 {
  margin-block: 24px;
}
#Location .area__image02 {
  margin-top: clamp(2.5rem, -0.8103448276rem + 6.8965517241vw, 3.5rem);
  max-width: 1200px;
  margin-inline: auto;
}
#Location .area__image02 img {
  display: block;
  width: 100%;
}
#Location .sec-ttl__text.mt100 {
  margin-top: clamp(3.125rem, -7.2198275862rem + 21.5517241379vw, 6.25rem);
}
#Location .sec-ttl__attn {
  margin-top: clamp(1rem, -2.3103448276rem + 6.8965517241vw, 2rem);
  font-size: clamp(0.9375rem, 0.1099137931rem + 1.724137931vw, 1.1875rem);
  line-height: 1.7;
  text-align: center;
  color: #c16f6f;
  text-decoration: underline;
  text-decoration-color: #c16f6f;
  text-decoration-thickness: 1px;
  text-decoration-style: solid;
  text-underline-offset: 5px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#Location .area__image03 {
  margin-top: clamp(1.875rem, -3.5043103448rem + 11.2068965517vw, 3.5rem);
  margin-bottom: 24px;
  max-width: 843px;
  margin-inline: auto;
}
#Location .cp.pl8 {
  padding-left: 8px;
}
#Location .cp.right-left {
  margin-top: 4px;
  text-align: right;
}
#Location .sec-access .sec__text {
  margin-bottom: 24px;
}
#Location .sec-access__image {
  margin-bottom: 8px;
}
#Location .sec-access__subtitle {
  margin-top: 24px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
#Location .sec-access__subtitle-icon {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #77513b;
  width: 117px;
  height: 117px;
  aspect-ratio: 1/1;
}
#Location .sec-access__subtitle-icon.train img {
  width: 77px;
  height: 21px;
}
#Location .sec-access__subtitle-icon.bus img {
  width: 62px;
  height: 52px;
}
#Location .sec-access__subtitle-icon.car img {
  width: 75px;
  height: 29px;
}
#Location .sec-access__subtitle-icon-text {
  font-size: 24px;
  color: #fff;
}
#Location .sec-access__subtitle-text {
  text-align: left;
  font-size: clamp(1.125rem, 0.2974137931rem + 1.724137931vw, 1.375rem);
  line-height: 1.7;
}
#Location .access__image08,
#Location .access__image09 {
  margin-top: clamp(1.875rem, -0.1939655172rem + 4.3103448276vw, 2.5rem);
}
#Location .area-card-grid {
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(1.875rem, 0.6336206897rem + 2.5862068966vw, 2.25rem);
}
#Location .area-card-grid.col-2 {
  grid-template-columns: repeat(2, 1fr);
}
#Location .area-card picture.ph {
  display: block;
  margin-bottom: 12px;
}
#Location .area-card picture.ph img {
  width: 100%;
  height: auto;
  display: block;
}
#Location .area-card picture.txt img {
  width: 100%;
  height: auto;
  display: block;
}
#Location .train_img01 {
  margin-top: 56px;
  margin-bottom: 8px;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* スマホの慣性スクロール */
}
#Location .train_img01 img {
  display: block;
  max-width: none;
  width: 900px;
}
#Location .access__image03 {
  margin-top: clamp(2.5rem, -0.8103448276rem + 6.8965517241vw, 3.5rem);
  margin-bottom: 8px;
  margin-inline: calc(50% - 50vw);
}
#Location .sec-access__subtitle--bus,
#Location .sec-access__subtitle--car {
  margin-top: clamp(3.75rem, -2.0431034483rem + 12.0689655172vw, 5.5rem);
}
#Location .bus-image02 {
  margin-top: clamp(1.5rem, -4.2931034483rem + 12.0689655172vw, 3.25rem);
}
#Location .access-pickup {
  margin-top: clamp(3.75rem, 1.2672413793rem + 5.1724137931vw, 4.5rem);
  padding-top: 40px;
  padding-bottom: clamp(2.5rem, -5.775862069rem + 17.2413793103vw, 5rem);
  background-color: #f7f1e5;
}
#Location .pickup-text__image {
  margin-bottom: clamp(1.25rem, -1.2327586207rem + 5.1724137931vw, 2rem);
  width: 173px;
  margin-inline: auto;
}
#Location .access-pickup__box {
  margin-top: 24px;
  background-color: #fff;
}
#Location .access-pickup__box .image-cp {
  top: 5px;
}
#Location .access-pickup__box--higashiokazaki {
  position: relative;
}
#Location .access-pickup__box--okazaki {
  position: relative;
}
#Location .access-pickup__bg01 {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../img/location/pickup-bg01.png) no-repeat center center;
  background-size: contain;
  z-index: 1;
}
#Location .access-pickup__bg02 {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../img/location/pickup-bg02.png) no-repeat center center;
  background-size: contain;
  z-index: 1;
}
#Location .access-pickup__content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin-inline: auto;
  padding-block: clamp(1.5rem, -4.2931034483rem + 12.0689655172vw, 3.25rem);
}
#Location .access-pickup__content .cp.center {
  margin-top: 2px;
  display: block;
}
#Location .access-pickup__image01 {
  margin-bottom: 20px;
  margin-inline: auto;
}
#Location .access-pickup__image07-wrapper {
  max-width: 700px;
  margin-inline: auto;
}

#Location .access-pickup__image07 .image-cp {
  top: 8px;
  right: auto;
  left: 3%;
  color: #fff;
  font-weight: 500;
  font-family: "A P-OTF A1ゴシック StdN", sans-serif;
  font-size: clamp(0.625rem, -0.2025862069rem + 1.724137931vw, 0.875rem);
}

#Location .access-pickup__image07 {
  position: relative;
}

#Location .access-pickup-quruwa {
  margin-top: 24px;
  background-color: #efece7;
  padding-block: 24px;
  padding-inline: 4%;
}
#Location .access-pickup-quruwa__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#Location .access-pickup-quruwa__title-small {
  font-size: clamp(0.875rem, 0.4612068966rem + 0.8620689655vw, 1rem);
  color: #8d6f57;
  line-height: 1.4;
  text-align: center;
}
#Location .access-pickup-quruwa__title-large {
  font-size: clamp(1.3125rem, 0.6918103448rem + 1.2931034483vw, 1.5rem);
  color: #8d6f57;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#Location .access-pickup-quruwa__wrapper.flex {
  margin-top: 24px;
}
#Location .access-pickup-quruwa__description {
  width: 37.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#Location .access-pickup-quruwa__description-top {
  background-color: #dad2c7;
  padding: 4px;
}
#Location .access-pickup-quruwa__description-title {
  font-size: clamp(1.125rem, 0.7112068966rem + 0.8620689655vw, 1.25rem);
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  text-align: center;
}
#Location .access-pickup-quruwa__description-text {
  font-size: 13px;
  line-height: 1.7;
}
#Location .access-pickup-quruwa__description-bottom p {
  font-size: 16px;
  color: #8d6f57;
}
#Location .access-pickup__title-middle {
  font-size: clamp(1.0625rem, 0.4418103448rem + 1.2931034483vw, 1.25rem);
  line-height: 1.7;
  text-align: center;
  padding-block: 24px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#Location .access-pickup__image02 {
  width: 60.8333333333%;
}
#Location .access-pickup__image03 {
  max-width: 700px;
  margin-inline: auto;
}
#Location .access-pickup__bottom-wrapper {
  margin-top: 24px;
  max-width: 627px;
  margin-inline: auto;
  gap: 4%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#Location .access-pickup__image04 {
  width: 174px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
#Location .access-pickup__image05__wrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#Location .access-pickup__image05__wrapper .cp.right {
  margin-top: 6px;
}
#Location .shop-flex__wrapper {
  display: grid;
  grid-template-columns: 4fr 2fr;
  gap: 24px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
#Location .shop-flex__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}
#Location .shop-flex__description p.shop-card__text {
  font-size: 16px;
  color: #77513b;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#Location .shop-flex__image—right2 {
  width: 278px;
}
#Location .shop-image02__img04 {
  margin-top: 12px;
}
#Location .shop2__wrapper {
  margin-top: clamp(2.5rem, -9.9137931034rem + 25.8620689655vw, 6.25rem);
}
#Location .shop2__title {
  font-size: clamp(1.25rem, 0.8362068966rem + 0.8620689655vw, 1.375rem);
  font-weight: 500;
  color: #fff;
  background-color: #ec9a31;
  width: 100%;
  text-align: center;
  padding-block: 16px;
  font-family: "A P-OTF A1ゴシック StdN", sans-serif;
  line-height: 1.35;
}
#Location .shop2__access {
  margin-top: 16px;
}
#Location .shop2__text {
  margin-top: 18px;
  font-size: 13px;
  line-height: 1.7;
  text-align: center;
}
#Location .shop2-box {
  margin-top: 20px;
  margin-bottom: clamp(2.5rem, -2.4655172414rem + 10.3448275862vw, 4rem);
  background-color: #fdfbdf;
  border: 1px solid #ecad54;
  padding: 16px;
}
#Location .shop2-box__title {
  text-align: center;
  font-size: clamp(0.9375rem, -0.0969827586rem + 2.1551724138vw, 1.25rem);
  color: #ecad54;
  font-family: "A P-OTF A1ゴシック StdN", sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#Location .shop2-box__image {
  margin-top: 16px;
  margin-inline: auto;
  width: 96%;
}
#Location .shops-title-en {
  margin-top: clamp(3.5rem, -9.7413793103rem + 27.5862068966vw, 7.5rem);
  margin-bottom: clamp(1.5rem, 2.3275862069rem - 1.724137931vw, 1.25rem);
  font-size: clamp(1.375rem, 0.5474137931rem + 1.724137931vw, 1.625rem);
  color: var(--green-color);
  width: 100%;
  border-bottom: 1px solid var(--green-color);
  padding-bottom: 8px;
  text-align: center;
}
#Location .shops-grid {
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 56px 16px;
}
#Location .shops-grid.col-4 {
  grid-template-columns: repeat(4, 1fr);
}
#Location .shops-grid.col-3 {
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 20px;
}
#Location .shops-grid.col-2 {
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 20px;
}
#Location .shops-grid.col-3 + .shops-grid.col-4 {
  margin-top: 56px;
}
#Location .shops-grid .shop-card {
  width: 100%;
  min-width: 0;
}
#Location .shop-card picture.ph {
  display: block;
  margin-bottom: 12px;
}
#Location .kurashi {
  margin-top: 80px;
  margin-bottom: clamp(1.5rem, 2.3275862069rem - 1.724137931vw, 1.25rem);
  padding-block: clamp(1.5rem, -0.1551724138rem + 3.4482758621vw, 2rem);
  position: relative;
  background-color: #f5eddc;
}
#Location .kurashi::before {
  display: block;
  position: absolute;
  content: "";
  top: -60px;
  right: 20px;
  width: 151px;
  height: 124px;
  background: url(../img/location/edu-illust-top.png) no-repeat top right;
  background-size: contain;
  z-index: 1;
  -webkit-filter: drop-shadow(5px 4px 4px #a2a2a2);
  filter: drop-shadow(5px 4px 4px #a2a2a2);
}
#Location .kurashi::after {
  display: block;
  position: absolute;
  content: "";
  bottom: -220px;
  right: 0;
  width: 95px;
  height: 256px;
  background: url(../img/location/edu-illust-bottom.png) no-repeat center center;
  background-size: contain;
  z-index: 2;
}
#Location .kurashi__bg--top,
#Location .kurashi__bg--bottom {
  display: block;
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 28px;
}
#Location .kurashi__bg--top {
  top: -24px;
}
#Location .kurashi__bg--bottom {
  bottom: -27px;
}
#Location .edu-title-ja {
  margin-top: clamp(3.5rem, -5.6034482759rem + 18.9655172414vw, 6.25rem);
  margin-bottom: clamp(1.5rem, 2.3275862069rem - 1.724137931vw, 1.25rem);
  font-size: clamp(1.375rem, 0.5474137931rem + 1.724137931vw, 1.625rem);
  color: #8d6f57;
  width: 100%;
  border-bottom: 1px solid #8d6f57;
  padding-bottom: 8px;
  text-align: center;
  line-height: 1.4;
}
#Location .edu-subtitle-ja {
  color: #8d6f57;
  font-size: clamp(1.125rem, 0.0905172414rem + 2.1551724138vw, 1.4375rem);
  line-height: 1.7;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}
#Location .kurashi .lead {
  margin-top: 12px;
  margin-bottom: 12px;
  color: #8d6f57;
  font-size: clamp(0.875rem, 0.4612068966rem + 0.8620689655vw, 1rem);
  line-height: 1.6;
  text-align: center;
}
#Location .kurashi__content {
  max-width: 800px;
  margin-inline: auto;
  width: 84%;
}
#Location .kurashi p.shop-card__text {
  font-family: var(--gothic-font);
  font-size: 13px;
}
#Location .kurashi .shop-card__image {
  margin-top: 8px;
}
#Location .edu-pickup {
  margin-top: 220px;
  background-color: #f9f0eb;
  padding-top: 30px;
  padding-bottom: clamp(2.5rem, -7.8448275862rem + 21.5517241379vw, 5.625rem);
}
#Location .edu-pickup .edu-subtitle-ja {
  margin-bottom: clamp(1.5rem, -1.8103448276rem + 6.8965517241vw, 2.5rem);
  color: var(main-font-color);
}
#Location .edu-pickup__text {
  font-family: var(--gothic-font);
  font-size: 13px;
  margin-bottom: 12px;
}
#Location .park__content {
  margin-top: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#Location .park__text {
  font-size: clamp(1rem, 0.1724137931rem + 1.724137931vw, 1.25rem);
  color: #77513b;
}
#Location .park-flex__wrapper {
  margin-top: 48px;
  margin-bottom: 24px;
  gap: 4%;
}
#Location .park-flex__image {
  width: 65.5555555556%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
#Location .park-flex__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
#Location .park-flex__text {
  font-size: 13px;
}
#Location .park-flex__text-image {
  margin-top: 32px;
}
#Location .education_contents_flex {
  display: grid;
  gap: 15px;
  grid-template-columns: 4fr 2fr;
}
#Location .education_contents_flex:not(:last-child) {
  margin-bottom: clamp(2.5rem, 0.4310344828rem + 4.3103448276vw, 3.125rem);
}
#Location .leftbox .ph {
  margin-bottom: 20px;
}
#Location .leftbox .ph_txt {
  margin-bottom: 20px;
}
#Location p.txt13 {
  font-size: clamp(0.688rem, 0.656rem + 0.16vw, 0.813rem);
}
#Location p.txt14 {
  font-size: clamp(0.8125rem, 0.6056034483rem + 0.4310344828vw, 0.875rem);
}
#Location .desc {
  color: #77513b;
  font-size: clamp(0.9375rem, 0.3168103448rem + 1.2931034483vw, 1.125rem);
  margin-bottom: 10px;
}
#Location .edu-img07 .desc {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#Location .edu-img07 .desc span {
  display: block;
  color: var(--main-font-color);
}
#Location .education_contents.flex.bunkyo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0rem, -4.9655172414rem + 10.3448275862vw, 1.5rem);
}
#Location .education_contents.flex.bunkyo .leftbox {
  width: 31.2%;
}
#Location .education_contents.flex.bunkyo .rightbox {
  width: 66%;
}
#Location .edu-flex1__right-image {
  margin-bottom: 12px;
}
#Location .title-card {
  margin-top: clamp(3.75rem, -6.5948275862rem + 21.5517241379vw, 6.875rem);
  margin-bottom: clamp(1.875rem, -2.2629310345rem + 8.6206896552vw, 3.125rem);
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
#Location .cp-gothic {
  font-family: var(--gothic-font);
  font-size: 10px;
  color: var(--main-font-color);
}
#Location .mt80 {
  margin-top: clamp(2.5rem, -5.775862069rem + 17.2413793103vw, 5rem);
}
#Location .mb80 {
  margin-bottom: clamp(2.5rem, -5.775862069rem + 17.2413793103vw, 5rem);
}
#Location .hours {
  font-size: clamp(11px, 2vw, 12px);
}
#Location .cafe .shop-card.flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#Location .cafe .shop-card.flex .ph {
  width: 47.2222222222%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
#Location .cafe .shop-card.flex .rightbox {
  width: 47.2222222222%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
#Location .bakery {
  padding-top: 40px;
  padding-bottom: clamp(1.25rem, -4.9568965517rem + 12.9310344828vw, 3.125rem);
  padding-inline: 4%;
  background-color: #f7f1e5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#Location .icon-bakery {
  width: 125px;
  margin-inline: auto;
  margin-bottom: 12px;
}
#Location .bakery .edu-subtitle-ja {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#Location .kakaritsuke {
  margin-top: 70px;
  padding-block: 30px 40px;
  padding-inline: 4%;
  background-color: #f4f1ee;
}
#Location .kakaritsuke__text {
  color: #77513b;
  font-size: clamp(18px, 2vw, 20px);
  text-align: center;
  margin-bottom: 24px;
}
#Location .financial .desc.red {
  color: #ed1c24;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#Location .financial .shop-card.flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
#Location .location-cp {
  margin-top: clamp(5rem, -3.275862069rem + 17.2413793103vw, 7.5rem);
  line-height: 1.8;
}
@media only screen and (max-width: 980px) {
  #Location .shops-grid.col-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  #Location .shops-grid.col-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  #Location .shops-grid.col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  #Location .kurashi__bg--top,
  #Location .kurashi__bg--bottom {
    display: block;
    position: absolute;
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 28px;
  }
  #Location .kurashi__bg--top {
    top: -14px;
  }
  #Location .kurashi__bg--bottom {
    bottom: -20px;
  }
}
@media only screen and (max-width: 600px) {
  #Location .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #Location .pc-none {
    display: block;
  }
  #Location .sp-none {
    display: none;
  }
  #Location .intro_note {
    text-align: left;
  }
  #Location .cp.right-left {
    text-align: left;
  }
  #Location .anchor_menu_wrap ul.menu {
    grid-auto-rows: minmax(90px, auto);
    gap: 6px;
  }
  #Location .anchor_menu_wrap ul.menu {
    grid-auto-rows: minmax(90px, auto);
    gap: 6px;
  }
  #Location .anchor_item {
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
  }
  #Location .sec-ttl__image {
    width: 24px;
    height: 142px;
  }
  #Location .area-card-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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: 36px;
  }
  #Location .area__image01 {
    margin-block: 40px 12px;
  }
  #Location .sec-access__image {
    margin-bottom: 30px;
  }
  #Location .sec-access__title {
    margin-bottom: 4px;
  }
  #Location .sec-access__subtitle-icon {
    width: 80px;
    height: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  #Location .sec-access__subtitle-icon.train img {
    width: 53px;
    height: 15px;
  }
  #Location .sec-access__subtitle-icon.car img {
    width: 52px;
    height: 20px;
  }
  #Location .sec-access__subtitle-icon-text {
    font-size: 16px;
  }
  #Location .access-pickup__image01 {
    width: 100%;
  }
  #Location .train__text--sp {
    margin-top: 48px;
  }
  #Location .train_img01 {
    margin-top: 12px;
  }
  #Location .train__text--sp {
    font-size: 18px;
    text-align: left;
  }
  #Location .access-pickup .sec__text {
    line-height: 1.7;
  }
  #Location .access-pickup__box {
    margin-top: 32px;
    padding-inline: 4%;
  }
  #Location .access-pickup-quruwa .cp.right {
    margin-top: 4px;
    padding-inline: 4%;
  }
  #Location .access-pickup-quruwa__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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: 8px;
    padding-inline: 4%;
  }
  #Location .access-pickup-quruwa__description {
    width: 91%;
    margin-inline: auto;
    padding-inline: 4%;
  }
  #Location .access-pickup-quruwa {
    padding-block: 40px 16px;
    padding-inline: 0;
  }
  #Location .access-pickup-quruwa__wrapper.flex {
    margin-top: 30px;
  }
  #Location .access-pickup-quruwa__description-top {
    padding: 20px;
  }
  #Location .access-pickup-quruwa__description-text {
    margin-top: 12px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: center;
  }
  #Location .access-pickup-quruwa__description-bottom p {
    font-size: 15px;
  }
  #Location .access-pickup__image02 {
    margin-top: 20px;
    width: 100%;
  }
  #Location .access-pickup__bottom-wrapper.flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 12px;
  }
  #Location .shop-flex__description .shop-flex__image—right2 {
    width: 100%;
  }
  #Location .shop-flex__description .shop-flex__image—right3 {
    width: 100%;
  }
  #Location .shop-image02__img04 {
    margin-top: 30px;
  }
  #Location .shops-grid.col-4,
  #Location .shops-grid.col-3,
  #Location .shops-grid.col-2 {
    grid-template-columns: 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  #Location .shop-flex__wrapper {
    grid-template-columns: 1fr;
  }
  #Location .shop-flex__left {
    width: 100%;
  }
  #Location .shop-flex__description {
    width: 100%;
  }
  #Location .education_contents_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #Location .edu-pickup {
    margin-top: 200px;
  }
  #Location .edu-subtitle-ja {
    margin-top: clamp(2.5rem, -14.0517241379rem + 34.4827586207vw, 7.5rem);
    margin-bottom: clamp(1.5rem, 2.3275862069rem - 1.724137931vw, 1.25rem);
    font-size: clamp(1.125rem, 0.0905172414rem + 2.1551724138vw, 1.4375rem);
    color: #8d6f57;
    width: 100%;
    text-align: center;
  }
  #Location .kurashi .edu-subtitle-ja {
    margin-top: 0;
    text-align: left;
  }
  #Location .edu-pickup .edu-subtitle-ja {
    color: var(--main-font-color);
    text-align: center;
  }
  #Location .edu-pickup__text {
    margin-block: 12px 20px;
  }
  #Location .edu-pickup__text-mb {
    margin-bottom: 0;
  }
  #Location .edu-pickup .shops-grid.col-3 {
    gap: 50px;
  }
  #Location .edu-pickup .shops-grid .txt {
    margin-top: 12px;
  }
  #Location .title-card.park {
    margin-top: 0;
  }
  #Location .park__content {
    margin-top: 0;
  }
  #Location .park-flex__image {
    width: 100%;
    margin-bottom: 0;
  }
  #Location .park-flex__text-image {
    margin-top: 12px;
  }
  #Location .park-flex__wrapper {
    margin-bottom: 0;
    gap: 12px;
  }
  #Location .cafe .shop-card.flex .ph {
    width: 100%;
  }
  #Location .cafe .shop-card.flex .rightbox {
    width: 100%;
  }
  #Location .shop-card__bottom {
    margin-top: 12px;
  }
  #Location .education_contents.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #Location .education_contents.flex.bunkyo {
    margin-bottom: 60px;
  }
  #Location .education_contents.flex.bunkyo .leftbox {
    width: 66%;
  }
  #Location .education_contents.flex.bunkyo .rightbox {
    width: 100%;
  }
  #Location .education_contents.flex.bunkyo .edu-flex1__right-image {
    width: 66%;
    margin-inline: auto;
  }
  #Location .kurashi::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 10px;
    width: 116px;
    height: 98px;
    background: url(../img/location/edu-illust-top.png) no-repeat top right;
    background-size: contain;
    z-index: 1;
    -webkit-filter: drop-shadow(5px 4px 4px #a2a2a2);
    filter: drop-shadow(5px 4px 4px #a2a2a2);
  }
  #Location .kurashi::after {
    display: block;
    position: absolute;
    content: "";
    bottom: -120px;
    right: 0;
    width: 53px;
    height: 150px;
    background: url(../img/location/edu-illust-bottom.png) no-repeat center center;
    background-size: contain;
    z-index: 2;
  }
  #Location .bakery__content {
    width: 90%;
    margin-inline: auto;
  }
  #Location .kakaritsuke__content {
    width: 90%;
    margin-inline: auto;
  }
  #Location .financial .shop-card.flex {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }
  #Location .location-cp {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 370px) {
  #Location .anchor_item {
    width: 90px;
    height: 90px;
  }
}
