@charset "UTF-8";
/*Font
------------------------------------------*/
/*Color
------------------------------------------*/
/* z-index
------------------------------------------*/
/* Media queries PCファースト
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
.labelTitle {
  padding: 0 15px 2px;
  background: #fff;
  border: 1px solid #b8ada3;
  border-left-width: 7px;
}

.column_box {
  position: relative;
  padding: var(--vw-size72) var(--vw-size104);
  background: #fff;
}
@media screen and (max-width: 991px) {
  .column_box {
    padding: var(--vw-size40);
  }
}
@media screen and (max-width: 767px) {
  .column_box {
    padding: var(--vw-size30);
  }
}
.column_box::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  box-shadow: 0 0 10px 3px rgba(184, 173, 163, 0.8);
  pointer-events: none;
}
.column_box h4 {
  font-size: max(18px, var(--vw-size24));
}
@media screen and (max-width: 991px) {
  .column_box h4 {
    font-size: max(11px, var(--vw-size18));
  }
}
.column_box h4.gold {
  color: #8c7350;
}
.column_box p:not(.caption) {
  font-size: max(14px, var(--vw-size14));
  line-height: 2.2;
}
@media screen and (max-width: 991px) {
  .column_box p:not(.caption) {
    font-size: max(11px, var(--vw-size14));
  }
}
.column_box p.caption {
  color: inherit;
  line-height: 1.75;
}
.column_box.flex {
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .column_box.flex {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.column_box.flex .wide {
  width: 58%;
}
@media screen and (max-width: 991px) {
  .column_box.flex .wide {
    width: 100%;
  }
}
.column_box.flex .narrow {
  width: 37%;
}
@media screen and (max-width: 991px) {
  .column_box.flex .narrow {
    width: 100%;
  }
}

.contents_wrap .contents_box .inner-ss {
  max-width: 770px;
  margin: auto;
  padding: 0 15px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .contents_wrap .contents_box .inner-ss {
    max-width: inherit;
    padding: 0;
  }
}

.contents_wrap .contents_box .inner-s {
  max-width: 1030px;
  margin: auto;
  padding: 0 15px;
  position: relative;
}

.contents_wrap .contents_box .inner-m {
  max-width: 1230px;
  margin: auto;
  padding: 0 15px;
  position: relative;
}

.cap.location {
  font-size: max(17px, var(--vw-size18));
  letter-spacing: 0.1em;
}
@media screen and (max-width: 991px) {
  .cap.location {
    font-size: max(11px, var(--vw-size14));
  }
}
.cap.location .small {
  font-size: max(11px, var(--vw-size13));
}
@media screen and (max-width: 991px) {
  .cap.location .small {
    font-size: max(11px, var(--vw-size11));
  }
}

.c-slider .splide__track {
  padding-right: 0 !important;
}
.c-slider .splide__track p.small {
  font-size: max(11px, var(--vw-size11));
  line-height: 1;
}

.city_title {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.city_title .name {
  writing-mode: vertical-rl;
  order: 2;
}
@media screen and (max-width: 991px) {
  .city_title .name {
    width: 17%;
  }
}
@media screen and (max-width: 767px) {
  .city_title .name {
    writing-mode: inherit;
    width: 100%;
    order: 1;
  }
}
.city_title .name .en {
  color: #8c7350;
  font-size: max(16px, var(--vw-size17));
  letter-spacing: 0.05em;
}
.city_title .name .jp {
  margin-right: var(--vw-size30);
  font-size: max(11px, var(--vw-size65));
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .city_title .name .jp {
    margin-top: var(--vw-size8);
    margin-right: 0;
    font-size: max(11px, var(--vw-size32));
  }
}
.city_title .titleBox {
  order: 1;
}
@media screen and (max-width: 991px) {
  .city_title .titleBox {
    width: 78%;
  }
}
@media screen and (max-width: 767px) {
  .city_title .titleBox {
    width: 100%;
    order: 2;
    margin-top: var(--vw-size24);
  }
}
.city_title .titleBox p.caption {
  font-size: max(11px, var(--vw-size11));
}
.city_title.reverse .name {
  order: 1;
}
.city_title.reverse .titleBox {
  order: 2;
}

.flex_location_city {
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .flex_location_city {
    flex-flow: column;
  }
}
.flex_location_city .textWrap {
  width: calc(47% - var(--vw-size50));
}
@media screen and (max-width: 991px) {
  .flex_location_city .textWrap {
    width: 100%;
  }
}
.flex_location_city .textWrap .titleBox .gold {
  position: relative;
  padding: var(--vw-size20) 0;
  border-top: 1px solid rgba(74, 74, 74, 0.5);
  border-bottom: 1px solid rgba(74, 74, 74, 0.5);
}
.flex_location_city .textWrap .titleBox .gold::before {
  content: "";
  display: block;
  position: absolute;
  top: -2.5px;
  left: 0;
  width: var(--vw-size60);
  height: var(--vw-size5);
  background: #b8ada3;
}
.flex_location_city .imgWrap {
  width: 54%;
}
@media screen and (max-width: 991px) {
  .flex_location_city .imgWrap {
    width: 100%;
  }
}
.flex_location_city.reverse .textWrap {
  order: 2;
}
@media screen and (max-width: 991px) {
  .flex_location_city.reverse .textWrap {
    order: 1;
  }
}
.flex_location_city.reverse .imgWrap {
  order: 1;
}
@media screen and (max-width: 991px) {
  .flex_location_city.reverse .imgWrap {
    order: 2;
  }
}

.sliderTitle {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  font-size: max(11px, var(--vw-size30));
  color: #a08c6e;
}
.sliderTitle .line {
  position: relative;
  display: block;
  width: calc(100% - 6em);
  height: 1px;
  background: rgba(74, 74, 74, 0.5);
}
.sliderTitle .line::before {
  content: "";
  display: block;
  position: absolute;
  top: -1.5px;
  left: 0;
  width: var(--vw-size60);
  height: var(--vw-size5);
  background: #b8ada3;
}

.location_city {
  position: relative;
  overflow: hidden;
}
.location_city::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(30vw + 375px);
  right: 0;
  width: 100%;
  height: calc(100% - (30vw + 375px));
  aspect-ratio: 1401/1301;
  background: url(../img/location/bg_city.png) repeat-y;
  background-size: cover;
}
@media screen and (max-width: 991px) {
  .location_city::before {
    display: none;
  }
}
.location_city .contents_box + .contents_box {
  padding-top: 0;
}
.location_city .contents_box .flex_location_kichijoji_img {
  justify-content: space-between;
}
.location_city .contents_box .flex_location_kichijoji_img .img01 {
  width: 61.7%;
}
.location_city .contents_box .flex_location_kichijoji_img .img02 {
  width: 35.3%;
}
.location_city .contents_box .ranking {
  max-width: 670px;
  margin: auto;
  padding: 0 15px;
}
.location_city .contents_box .ranking .caption {
  font-size: max(11px, var(--vw-size11));
}

.flex_location_culture {
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .flex_location_culture {
    flex-flow: column;
  }
}
.flex_location_culture .cultureBox {
  width: calc(50% - var(--vw-size15));
  font-size: max(11px, var(--vw-size18));
  letter-spacing: 0.1em;
}
@media screen and (max-width: 991px) {
  .flex_location_culture .cultureBox {
    font-size: max(11px, var(--vw-size14));
  }
}
@media screen and (max-width: 767px) {
  .flex_location_culture .cultureBox {
    width: 100%;
  }
}
.flex_location_culture .cultureBox .title {
  font-size: max(17px, var(--vw-size18));
}
@media screen and (max-width: 991px) {
  .flex_location_culture .cultureBox .title {
    font-size: max(11px, var(--vw-size14));
  }
}
.flex_location_culture .cultureBox .small {
  font-size: max(11px, var(--vw-size13));
}
@media screen and (max-width: 991px) {
  .flex_location_culture .cultureBox .small {
    font-size: max(11px, var(--vw-size11));
  }
}
@media screen and (max-width: 767px) {
  .flex_location_culture .cultureBox + .cultureBox {
    margin-top: var(--vw-size30);
  }
}

.location_inokashira .contents_title .flex .en {
  text-align: right;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .location_inokashira .contents_title .flex .en {
    text-align: left;
  }
}

.education_map p.cap .small {
  display: block;
  font-size: max(11px, var(--vw-size11));
}

.location_lifeinfo {
  padding: var(--vw-size77) 0 var(--vw-size8);
  background: rgba(184, 173, 163, 0.6);
}
.location_lifeinfo h3 {
  font-size: max(60px, var(--vw-size70));
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .location_lifeinfo h3 {
    font-size: max(45px, var(--vw-size50));
  }
}
@media screen and (max-width: 767px) {
  .location_lifeinfo h3 {
    font-size: max(11px, var(--vw-size45));
  }
}
.location_lifeinfo .c-lifeInfomation {
  max-width: 1130px;
  margin: auto;
  padding: 0 15px;
  position: relative;
}
.location_lifeinfo .c-lifeInfomation__list {
  background: #efefef;
}
.location_lifeinfo .c-lifeInfomation__tab ul li span {
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .location_lifeinfo .c-lifeInfomation__tab ul li span br {
    display: none;
  }
}