@charset "UTF-8";
html:has(.modal_bk) {
  scrollbar-width: none;
  overflow: hidden;
}

@media screen and (min-width: 769px) and (max-width: 1600px) {
  html {
    font-size: 1.2vw;
  }
}

.pre-inc .hb_menu {
  display: none;
}
.pre-inc article {
  margin-top: 0;
  overflow: hidden;
}
.pre-inc .menu_wrap .menu a[href="#"]::after {
  transform: rotate(315deg);
}
.pre-inc .menu_wrap .menu a[href$=position]::after,
.pre-inc .menu_wrap .menu a[href$=daily_life]::after,
.pre-inc .menu_wrap .menu a[href$=design]::after,
.pre-inc .menu_wrap .menu a[href$=plan]::after,
.pre-inc .menu_wrap .menu a[href$=access]::after {
  transform: rotate(135deg);
}
@media screen and (max-width: 768px) {
  .pre-inc article {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc article {
    margin-top: 55px;
  }
  .pre-inc header.on h1 a::before {
    content: "";
    width: 120px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../common/img/logo_w.svg") no-repeat center center/contain;
  }
  .pre-inc header.on h1 a img {
    opacity: 1;
  }
  .pre-inc header.on2 h1 a::before {
    display: none;
  }
  .pre-inc header.on2 h1 a img {
    opacity: 1;
  }
  .pre-inc header.on2 .header_right a .fukidashi {
    filter: unset;
  }
  .pre-inc .note {
    font-size: 0.7em;
  }
  .pre-inc .cap_w,
  .pre-inc .cap_wb,
  .pre-inc .cap_b,
  .pre-inc .cap_bw,
  .pre-inc .cap_l,
  .pre-inc .cap_o,
  .pre-inc .cap_ol,
  .pre-inc .cap_oc,
  .pre-inc .cap_l {
    font-size: 2vw;
  }
}
.pre-inc {
  /* メイン */
}
.pre-inc main {
  height: calc(56.25vw - 10px);
  overflow: hidden;
  background: linear-gradient(to bottom, #1c234a, #39456d);
  font-size: 1vw;
  margin-top: 85px;
}
.pre-inc main img {
  width: 100%;
}
.pre-inc main .mv > figure {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
}
.pre-inc main .mv > .mv_am {
  position: static;
  opacity: 1;
}
.pre-inc main .mv > .mv_am_flare {
  opacity: 1;
  mix-blend-mode: screen;
}
.pre-inc main .mv > .main_tit {
  width: 14em;
  position: absolute;
  left: 24.5em;
  top: 3.5em;
  opacity: 0;
}
.pre-inc main .mv > .mv_moon_light {
  mix-blend-mode: screen;
}
.pre-inc main .mv > .main_subtit {
  position: absolute;
  left: 45.4em;
  top: 11.7em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9375em 0;
}
.pre-inc main .mv > .main_subtit li span {
  display: block;
  height: 1.46em;
  width: 0;
  opacity: 0;
}
.pre-inc main .mv > .main_subtit .main_subtit01 span {
  background: url("../img/top/main_subtit01.svg") no-repeat left top/30.2em;
}
.pre-inc main .mv > .main_subtit .main_subtit02 span {
  background: url("../img/top/main_subtit02.svg") no-repeat left top/13.54em;
}
@media screen and (min-width: 769px) {
  .pre-inc #skip_btn:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc main {
    height: 117.1875vw;
    background: linear-gradient(to bottom, #1c234a, #62779f);
    margin-top: unset;
  }
  .pre-inc main .mv > .main_tit {
    width: 24.8vw;
    top: 20vw;
    left: 5vw;
    right: auto;
  }
  .pre-inc main .mv > .main_tit img {
    filter: drop-shadow(0 0 0.2em #000) drop-shadow(0 0 0.2em #000) drop-shadow(0 0 0.2em #000);
  }
  .pre-inc main .mv > .main_subtit {
    left: 41vw;
    top: 33.8vw;
    font-size: 1.75vw;
    filter: drop-shadow(0.1em 0.1em 0.1em rgba(0, 0, 0, 0.7)) drop-shadow(0.1em 0.1em 0.1em rgba(0, 0, 0, 0.7)) drop-shadow(0.1em 0.1em 0.1em rgba(0, 0, 0, 0.7));
  }
  .pre-inc main .mv > .main_subtit .main_subtit01 span {
    width: 30.2em;
  }
  .pre-inc main .mv > .main_subtit .main_subtit02 span {
    width: 13.54em;
  }
}
  /* 行動提起 */
.pre-inc #koudou{background: url("../img/top/koudou_bk03.webp") no-repeat center center/cover;overflow: hidden;}
.pre-inc .koudou_main {max-width: 1800px;margin-inline: auto;padding: 2em 0 2.5em;display: flex;}
.pre-inc .koudou_main > li{width: 33.33%;color: #fff;text-align: center;border-right: 1px solid #fff;}
.pre-inc .koudou_main > li:last-of-type{border-right: none;}
.pre-inc .koudou_main > li .koudou_tit{font-size: 1.8em;color: #c49c23;letter-spacing: 0.05em;animation-name: fadeInUp;}
.pre-inc .koudou_main > li .koudou_tit + div{display: inline-flex;flex-direction: column;align-items: flex-start;text-align: left;margin-top: 0.4em;animation-name: fadeInUp;}
.pre-inc .koudou_main > li p + p{margin-top: 0.6em;}
.pre-inc .koudou_main > li p small{font-size: 0.6em;display: block;}
.pre-inc .koudou_main > li p small span{font-size: 1.2em;display: inline-block;padding: 0 0.3em;background: #442807;margin-left: 0.3em;line-height: 1.2;}
.pre-inc .koudou_main > li p small.t_r{text-align: right;}
.pre-inc .koudou_main > li p span{display: inline-block;}
.pre-inc .koudou_main > li p span > big{font-size: 1.4em;line-height: 1.2;}
.pre-inc .koudou_main > li p span > big span{font-size: 0.8em;}
.pre-inc .koudou_main > li p span > span{font-size: 0.9em;line-height: 1.2;}
.pre-inc .koudou_main > li p span > span strong{font-size: 1.3em;font-family: "EB Garamond", serif;}
.pre-inc .koudou_main > li p span > span big{font-size: 2em;font-family: "EB Garamond", serif;line-height: 1;}

@media screen and (min-width: 769px) {
.pre-inc .koudou_main > li:nth-of-type(2) .koudou_tit,
.pre-inc .koudou_main > li:nth-of-type(2) .koudou_tit + div{animation-delay: 0.3s;}
.pre-inc .koudou_main > li:nth-of-type(3) .koudou_tit,
.pre-inc .koudou_main > li:nth-of-type(3) .koudou_tit + div{animation-delay: 0.6s;}
}

@media screen and (max-width: 768px) {
.pre-inc .koudou_main {flex-wrap: wrap;justify-content: center;}
.pre-inc .koudou_main > li{width: 85%;color: #fff;text-align: center;border-right: none;border-bottom: 1px solid #fff;margin-bottom: 1em;padding-bottom: 1em;}
.pre-inc .koudou_main > li:last-of-type{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.pre-inc .koudou_main > li .koudou_tit{font-size: 1.6em;}
}

.pre-inc #infor{background: #3e3732;color: #fff;display: flex;flex-direction: column;align-items: center;padding: 2.5em 0;animation-name: fadeInUp;}
.pre-inc .infor_tit{font-size: 1.4em;}
.pre-inc .infor_tit small{font-size: 0.7em;}
.pre-inc .infor_tit::after{content: "";width: 3.5em;height: 1px;background: #c49c23;display: block;margin: 0.8em auto;}
.pre-inc .infor_tit + p{font-size: 2.5em;font-family: YakuHanMP, "EB Garamond","游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", serif;line-height: 1;}
.pre-inc .infor_tit + p big{font-size: 1.4em;line-height: 1;}
.pre-inc .infor_tit + p span.ldk_s{font-size: 0.92em;line-height: 1;}
.pre-inc .infor_tit + p span{font-size: 0.64em;line-height: 1;}
.pre-inc .infor_tit + p small{font-size: 0.26em;text-align: right;display: block;}
.pre-inc .infor_tit:nth-of-type(n+2){margin-top: 2em;}
.pre-inc #infor a{background: rgba(172,156,112,1);width: 20em;margin-top: 2em;text-align: center;color: #fff;padding: 0.5em;border: 1px solid #ac9c70;transition: 0.3s all;}
.pre-inc #infor a::after{content: ">";position: absolute;right: 0.7em;top: 0;bottom: 0;margin: auto 0;height: 0.5em;font-size: 1.7em;line-height: 0.5;}
.pre-inc #infor a span{font-size: 1.6em;letter-spacing: 0.2em;text-decoration: none;}

@media screen and (min-width: 769px) {
.pre-inc #infor a:hover{background: rgba(172,156,112,0);}
}

@media screen and (max-width: 768px) {
.pre-inc #infor{font-size: 0.9em;}
}

.pre-inc #salon{background: url("../img/top/salon_bk.webp") no-repeat center center/cover;overflow: hidden;padding: 2.5em 0 3em;}
.pre-inc #salon > i{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.9);animation-name: fadeIn;animation-delay: 0.5s;}
.pre-inc #salon .wrap1024{animation-name: fadeInUp;animation-delay: 1s;text-align: center;color: #fff;}
.pre-inc .salon_tit{font-size: 2.5em;}
.pre-inc .salon_tit + p{font-size: 0.9em;margin-top: 1em;}
.pre-inc .salon_tit_s{font-size: 2.8em;margin-top: 0.5em;background: linear-gradient(to bottom, #644f1d 20%, #ab9d68 45%, #9d803a 60%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: "EB Garamond", serif;letter-spacing: 0.05em;}
.pre-inc .salon_tit_s small{font-size: 0.64em;background: linear-gradient(to bottom, #644f1d 20%, #ab9d68 45%, #9d803a 60%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pre-inc .salon_video{margin-top: 2em;}
.pre-inc .salon_video i:nth-of-type(1){display: block;width: 7.5em;height: 1px;background: #fff;position: absolute;top: -0.5em;left: -1em;animation-name: fadeInRight;animation-delay: 0.5s;}
.pre-inc .salon_video i:nth-of-type(2){display: block;width: 1px;height: 7.5em;background: #fff;position: absolute;top: -1em;left: -0.5em;animation-name: fadeInUp;animation-delay: 0.5s;}
.pre-inc .salon_video i:nth-of-type(3){display: block;width: 7.5em;height: 1px;background: #fff;position: absolute;bottom: -0.5em;right: -1em;animation-name: fadeInLeft;animation-delay: 0.5s;}
.pre-inc .salon_video i:nth-of-type(4){display: block;width: 1px;height: 7.5em;background: #fff;position: absolute;bottom: -1em;right: -0.5em;animation-name: fadeInDown;animation-delay: 0.5s;}
.pre-inc .salon_video video{width: 100%;}
.pre-inc #salon a{display: inline-block;width: 20em;margin-top: 3em;text-align: center;color: #fff;padding: 0.7em;border: 1px solid;border-image: linear-gradient(170deg,#9a792d,#a69e6f,#6c5010);border-image-slice: 1;}
.pre-inc #salon a::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(170deg,#9a792d,#a69e6f,#6c5010);transition: 0.3s all;}
.pre-inc #salon a::after{content: ">";position: absolute;right: 1em;top: 0;bottom: 0;margin: auto 0;height: 0.5em;font-size: 1em;line-height: 0.5;}
.pre-inc #salon a span{font-size: 1em;letter-spacing: 0.05em;text-decoration: none;z-index: 2;}

@media screen and (min-width: 769px) {
.pre-inc #salon a:hover::before{opacity: 0;}
}

@media screen and (max-width: 768px) {
.pre-inc .salon_tit{font-size: 1.8em;}
.pre-inc .salon_tit_s{font-size: 1.7em;}
.pre-inc .salon_video{width: 90vw;margin-inline: auto;}
}

.pre-inc #koudou .priceBox {
  margin: 0.5em auto;
  width: 23em;
  animation-name: fadeInUp;
}
.pre-inc .entry_btn {
  width: 18em;
  display: block;
  margin: 1.3em auto 0;
  background: linear-gradient(163deg, #0e2f64, #002142);
  color: #fff;
  padding: 0.3em;
  text-align: center;
  animation-name: fadeInUp;
}
.pre-inc .entry_btn span {
  font-size: 1.2em;
  display: block;
}
.pre-inc .entry_btn small {
  font-size: 1.05em;
  display: block;
  font-family: "EB Garamond", serif;
}
.pre-inc .entry_btn::after {
  content: "";
  display: block;
  width: 7.5em;
  height: 0.5em;
  background: url("../common/img/link_arrow_r.svg") no-repeat center center/contain;
  position: absolute;
  left: 14em;
  bottom: 1em;
  z-index: 1;
  transition: 0.8s all;
}
.pre-inc .koudou_point {
  background: url("../img/top/koudou_bk02.webp") no-repeat center center/cover;
  padding: 2.5em 0 2.5em;
}
.pre-inc .koudou_point_item01 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.pre-inc .koudou_point_item01 > * {
  border-left: solid 1px #333;
  text-align: center;
  padding: 0 1.5em;
}
.pre-inc .koudou_point_item01 > *:nth-of-type(2) {
  border-right: solid 1px #333;
}
.pre-inc .koudou_point_item01 * .station_route {
  animation-name: fadeInUp;
}
.pre-inc .koudou_point > i {
  height: 1px;
  width: 100%;
  background: #333;
  margin: 1.5em 0;
  display: block;
}
.pre-inc _::-webkit-full-page-media, .pre-inc _:future, .pre-inc :root .station_route p {
  margin-right: -1.5em;
}
.pre-inc .koudou_point_item02 {
  display: flex;
}
.pre-inc .koudou_point_item02 > * {
  border-left: double 3px #333;
  text-align: center;
  padding: 0 2em;
}
.pre-inc .koudou_point_item02 > * div {
  display: inline-block;
  margin-bottom: -0.3em;
  animation-name: fadeInUp;
}
.pre-inc .koudou_point_item02 > * h4 {
  text-align: center;
  font-size: 1.05em;
}
.pre-inc .koudou_point_item02 > * small {
  display: block;
  font-size: 0.65em;
  text-align: left;
}
.pre-inc .koudou_point_item02 > * i {
  font-size: 0.65em;
  text-align: left;
}
.pre-inc .koudou_point_item02 > * p {
  color: #665b2c;
  font-size: 1.4em;
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.pre-inc .koudou_point_item02 > * p big {
  font-size: 1.2em;
}
.pre-inc .koudou_point_item02 > * p sup {
  font-size: 0.45em;
}
.pre-inc .koudou_point_item02 > * p span {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: inline-block;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", serif;
  vertical-align: -1.2em;
  font-size: 0.45em;
  margin: 0 0.1em;
}
.pre-inc .koudou_point_item02 > *:nth-of-type(1) {
  /* flex: 1; */
  width:50%;
}
.pre-inc .koudou_point_item02 > *:nth-of-type(2) {
  border-right: double 3px #333;
  width:50%;
}
.pre-inc .koudou_point_item02 > *:nth-of-type(2) small {
  text-align: right;
  margin-top: 0.2em;
  letter-spacing: 0.1em;
}
.pre-inc .koudou_point_item01 {
  margin-bottom: 30px;
}
.pre-inc .koudou_point_item01 img {
  height: 6em;
}
.pre-inc .placeinfo {
  padding: 0;
}
.pre-inc .place_inner {
  font-family: "EB Garamond", serif;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}
.pre-inc .placeleft, .pre-inc .placeright {
  font-size: 2.2em;
  font-weight: 400;
  letter-spacing: 0.1em;
  position: relative;
}
.pre-inc .placecenter {
  width: 70px;
  height: 70px;
  margin: 0 20px 0 10px;
  position: relative;
  display: block;
}
.pre-inc .placecenter::before, .pre-inc .placecenter::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 90px;
  background: #000;
  display: inline-block;
}
.pre-inc .placecenter::before {
  transform: translate(-50%, -50%) rotate(30deg);
}
.pre-inc .placecenter::after {
  transform: translate(-50%, -50%) rotate(-30deg);
}
.pre-inc .place_2way {
  width: 80%;
  margin: 1em auto;
}
@media screen and (min-width: 769px) {
  .pre-inc .wrap1180 {
    max-width: 59em;
    margin: 0 auto;
  }
  .pre-inc .entry_btn:hover::after {
    transform: translateX(1em);
  }
  .pre-inc .koudou_point_item01 dd:nth-of-type(1) .station_route {
    animation-delay: 0.3s;
  }
  .pre-inc .koudou_point_item01 dd:nth-of-type(2) .station_route {
    animation-delay: 0.6s;
  }
  .pre-inc .koudou_point_item02 > *:nth-of-type(2) div {
    animation-delay: 0.3s;
  }
  .pre-inc .koudou_point_item02 > *:nth-of-type(2) p {
    margin-top: 0.7em;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .koudou_main {
    padding: 2em 0 2.5em;
  }
  .pre-inc .koudou_tit {
    font-size: 1.25em;
    letter-spacing: 0.02em;
  }
  .pre-inc .koudou_tit + p {
    font-size: 1.2em;
    margin-top: 0.2em;
  }
  .pre-inc .koudou_tit + p > strong {
    font-size: 1.4em;
  }
  .pre-inc .koudou_tit + p > span {
    font-size: 0.7em;
  }
  .pre-inc #koudou .priceBox {
    width: 80%;
  }
  .pre-inc .koudou_point {
    padding: 2em 0 2em;
  }
  .pre-inc .koudou_point_item01 {
    flex-wrap: wrap;
  }
  .pre-inc .koudou_point_item01 dt {
    width: 100%;
  }
  .pre-inc .koudou_point_item01 dd:nth-of-type(2) .station_route {
    animation-delay: 0.3s;
  }
  .pre-inc .koudou_point_item01 dd:nth-of-type(2) {
    margin-right: 1em;
  }
  .pre-inc .koudou_point_item01 > * {
    border-left: none;
    border-bottom: solid 1px #333;
    padding: 0;
    width: 100%;
  }
  .pre-inc .koudou_point_item01 > *:nth-of-type(2) {
    border: none;
    padding: 0;
  }
  .pre-inc .koudou_point_item02 {
    flex-wrap: wrap;
  }
  .pre-inc .koudou_point_item02 > * {
    border-left: none;
    border-bottom: double 3px #333;
    padding: 0 0 1em 0;
    width: 100%;
  }
  .pre-inc .koudou_point_item02 > *:nth-of-type(1) {
  flex: 1;
  }
  .pre-inc .koudou_point_item02 > *:nth-of-type(2) {
    border: none;
    padding: 1em 0 0 0;
  }
  .pre-inc .koudou_point_item02 > * h4 {
    font-size: 0.9em;
  }
  .pre-inc .koudou_point_item02 > * p {
    font-size: 1.2em;
    letter-spacing: 0.02em;
  }
  .pre-inc .koudou_point_item01 img {
    height: 5em;
  }
  .pre-inc .place_2way {
    width: 100%;
  }
}
.pre-inc {
  /* カテゴリー共通 */
}
.pre-inc .category {
  padding: 6.5em 0 5em;
}
.pre-inc .category:nth-of-type(even) > i {
  background: url("../img/top/pattern_r.svg") no-repeat right top/contain;
  display: block;
  width: 26.25em;
  height: 22.75em;
  position: absolute;
  right: 0;
  top: 0;
  animation-name: fadeInRight;
}
.pre-inc .category:nth-of-type(odd) > i {
  background: url("../img/top/pattern_l.svg") no-repeat right top/contain;
  display: block;
  width: 26.25em;
  height: 22.75em;
  position: absolute;
  left: 0;
  top: 0;
  animation-name: fadeInLeft;
}
.pre-inc .category_wrap {
  width: 76rem;
  margin-inline: auto;
  z-index: 1;
}
.pre-inc .category_wrap.lead {
  display: flex;
  justify-content: space-between;
}
.pre-inc .category_tit {
  color: #c1c1c1;
  line-height: 1;
  letter-spacing: 0.06em;
  font-family: "EB Garamond", serif;
  font-size: 7.5em;
}
.pre-inc .category_copy {
  color: #333;
  margin-top: 1.5em;
}
.pre-inc .category_copy_tit {
  font-size: 1.8em;
  line-height: 1.4;
}
.pre-inc .category_copy_tit small {
  font-size: 0.5em;
}
.pre-inc .category_copy_tit + p {
  font-size: 0.9em;
  margin-top: 0.7em;
}
.pre-inc .category_slide_center {
  margin-top: 3.5em;
}
.pre-inc .category_slide_center .slick-track li {
  margin: 0 0.75em;
}
.pre-inc .slick-dots {
  bottom: -1.5em;
  text-align: right;
  padding: 0 1em;
}
.pre-inc .slick-dots li {
  width: 2em;
  height: 0.3em;
  background: #d5cdb0;
  transition: 0.3s all;
}
.pre-inc .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.pre-inc .slick-dots li.slick-active {
  background: #ab9b62;
}
.pre-inc .category .wow {
  animation-name: fadeInUp;
}
.pre-inc .category_slide_left_wrap {
  margin: 3.5em calc(50% - 50vw) 0 0;
  display: flex;
  justify-content: space-between;
}
.pre-inc .category_slide_left_wrap > dt {
  width: 24em;
  color: #373100;
  padding-top: 1.5em;
}
.pre-inc .category_slide_left_wrap > dt h4 {
  font-size: 1.2em;
}
.pre-inc .category_slide_left_wrap > dt h4 + p {
  font-size: 0.8em;
  margin-top: 0.5em;
}
.pre-inc .category_slide_left_wrap > dt h4 + p small {
  font-size: 0.8125em;
}
.pre-inc .category_slide_left_wrap > dd {
  width: calc(50vw + 12.5em);
}
.pre-inc .category_slide_left .slick-track li {
  margin-right: 1.5em;
  width: 24em;
}
.pre-inc .slick-track li[class*=_btn] {
  cursor: pointer;
  transition: 0.3s all;
}
.pre-inc .slick-track li[class*=_btn]::after {
  content: "";
  width: 1.15em;
  height: 1.15em;
  background: url("../img/top/modal_link_i.svg") no-repeat center center/contain;
  display: block;
  position: absolute;
  z-index: 1;
}
.pre-inc .modal_bk {
  display: none;
  position: fixed;
  z-index: 1000000;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  cursor: pointer;
}
.pre-inc .slide_modal {
  z-index: 1000001;
  position: fixed;
  display: none;
  overflow-y: auto;
}
.pre-inc .slide_modal > * {
  pointer-events: auto;
}
.pre-inc .e_category {
  padding: 2.5em 0 7em;
  height: 30em;
}
.pre-inc .e_category > i {
  animation-name: fadeIn;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}
.pre-inc .e_category .category_wrap {
  display: flex;
  justify-content: space-between;
  animation-name: fadeInUp;
  animation-delay: 0.5s;
  z-index: 1;
  height: 100%;
}
.pre-inc .e_category .category_wrap .e_link {
  width: 30em;
  align-self: flex-end;
}
.pre-inc .e_category .category_wrap .e_link p {
  font-size: 1.8em;
  color: #fff;
}
.pre-inc .e_category .category_wrap .e_link a {
  font-family: "EB Garamond", serif;
  font-size: 0.9em;
  width: 7.5em;
  text-align: center;
  display: block;
  border: 1px solid #fff;
  padding: 0.1em;
  margin-top: 1.5em;
  color: #fff;
  transition: 0.3s all;
}
@media screen and (min-width: 769px) {
  .pre-inc .category:nth-of-type(odd) .category_tit {
    order: 2;
  }
  .pre-inc .slick-dots li:hover {
    opacity: 0.6;
  }
  .pre-inc .category:nth-of-type(even) .category_copy {
    animation-delay: 0.3s;
  }
  .pre-inc .category:nth-of-type(odd) .category_tit {
    animation-delay: 0.3s;
  }
  .pre-inc .category_slide_left_wrap > dd {
    animation-delay: 0.3s;
  }
  .pre-inc .slick-track li[class*=_btn]:hover {
    opacity: 0.6;
  }
  .pre-inc .e_category .category_wrap .e_link a:hover {
    background: rgba(0, 0, 0, 0.7);
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .category {
    padding: 2.5em 0 2em;
  }
  .pre-inc .category:nth-of-type(even) > i,
  .pre-inc .category:nth-of-type(odd) > i {
    font-size: 0.7em;
  }
  .pre-inc .category_wrap {
    width: 100%;
    padding: 0 5vw;
  }
  .pre-inc .category_wrap.lead {
    flex-wrap: wrap;
  }
  .pre-inc .category_tit {
    font-size: 4em;
  }
  .pre-inc .category_copy_tit {
    font-size: 1.25em;
  }
  .pre-inc .category_copy_tit + p {
    font-size: 0.85em;
  }
  .pre-inc .category_copy_tit + p br {
    display: none;
  }
  .pre-inc .slick-dotted.slick-slider {
    margin-bottom: 20px;
  }
  .pre-inc .category_slide_center {
    margin-top: 3em;
    font-size: 0.8em;
  }
  .pre-inc .category_slide_left_wrap {
    margin: 2em 0 0 0;
    flex-wrap: wrap;
  }
  .pre-inc .category_slide_left_wrap > dt {
    width: 100%;
    padding-top: 0;
    font-size: 0.95em;
  }
  .pre-inc .category_slide_left_wrap > dd {
    width: 100vw;
    margin: 1em -5vw;
    font-size: 0.8em;
  }
  .pre-inc .category_slide_left .slick-track li {
    margin-right: 1.5em;
    width: 24em;
  }
  .pre-inc .slick-track li[class*=_btn]::after {
    width: 1.5em;
    height: 1.5em;
  }
  .pre-inc .e_category {
    padding: 2.5em 0 5em;
    height: 25em;
  }
  .pre-inc .e_category .category_wrap {
    flex-wrap: wrap;
    height: 100%;
  }
  .pre-inc .e_category .category_wrap .e_link {
    width: 100%;
    align-self: flex-end;
  }
  .pre-inc .e_category .category_wrap .e_link p {
    font-size: 1.25em;
    color: #fff;
  }
  .pre-inc .e_category .category_wrap .e_link a {
    font-family: "EB Garamond", serif;
    font-size: 0.9em;
    width: 7.5em;
    text-align: center;
    display: block;
    border: 1px solid #fff;
    padding: 0.1em;
    margin-top: 1.5em;
    color: #fff;
    transition: 0.3s all;
  }
}
.pre-inc {
  /* カテゴリー個別 */
}
.pre-inc .position_map {
  border: 1px solid #907b48;
  margin-top: 5.75em;
}
.pre-inc #position .category_slide_center .slick-track li figure {
  height: 16em;
}
.pre-inc #position .category_slide_center .slick-track li img {
  height: 100%;
}
.pre-inc #history {
  background: url("../img/top/history_bk.webp") no-repeat center center/cover;
}
.pre-inc #history .category_copy {
  color: #fff;
}
.pre-inc #history .category_copy_tit + p {
  font-size: 0.8em;
}
.pre-inc .history_item {
  display: flex;
  justify-content: center;
  margin-top: 2.2em;
  gap: 0 2.5em;
}
.pre-inc .history_item figure {
  width: 24em;
}
.pre-inc #education {
  background: #f7f7f7;
}
.pre-inc #design {
  background: url("../img/top/design_bk.webp") no-repeat center center/cover;
}
.pre-inc #design .category_copy {
  color: #fff;
}
.pre-inc #design .design_main_img {
  margin-top: 2em;
  text-align: center;
}
.pre-inc #design .category_slide_center {
  margin-top: 0;
}
.pre-inc #design .category_slide_center .slick-track li {
  width: 24em;
}
.pre-inc #design .category_slide_center .slick-track li p {
  font-size: 0.7em;
  margin-top: 0.7em;
  color: #fff;
}
.pre-inc #design .slick-track li[class*=_btn]::after {
  top: 0.5em;
  right: 1em;
}
.pre-inc #landplan {
  width: 100%;
  height: 100%;
  inset: 0;
  padding: 2em 0;
  color: #fff;
  pointer-events: none;
}
.pre-inc #landplan .landplan_map {
  width: 40em;
  margin-inline: auto;
}
.pre-inc #landplan .landplan_list {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
}
.pre-inc #landplan .landplan_list > * {
  width: 48.5%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
}
.pre-inc #landplan .landplan_list > * h4 {
  font-size: 0.9em;
  margin-top: 1em;
  width: 100%;
}
.pre-inc #landplan .landplan_list > * h4 i {
  background: #907b48;
  width: 1.4em;
  height: 1.4em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  margin-right: 0.5em;
}
.pre-inc #landplan .landplan_list > * h4 + p {
  font-size: 0.8em;
  margin: 0.5em 0 0 2.14em;
  line-height: 1.3;
}
.pre-inc #landplan .landplan_list > * .note {
  margin: 0.5em 0 0 2.63em;
  line-height: 1.2;
}
.pre-inc #landplan .landplan_list > * .takuhaibox {
  width: 11.6em;
  display: grid;
  grid-template-columns: calc(100% - 4em) 3.75em;
  justify-content: space-between;
  grid-template-rows: max-content 1fr;
}
.pre-inc #landplan .landplan_list > * .takuhaibox h4 {
  grid-column: 1/3;
}
.pre-inc #landplan .landplan_list > * .pet {
  width: 12.8em;
  display: grid;
  grid-template-columns: calc(100% - 5.5em) 5em;
  justify-content: space-between;
}
.pre-inc #landplan .landplan_list > * .pet h4 {
  grid-column: 1/3;
}
.pre-inc #landplan .landplan_list > * .pet figure {
  grid-column: 2/3;
  grid-row: 2/4;
  margin-top: 0.3em;
}
.pre-inc #landplan .close_btn {
  position: fixed;
  z-index: 1000002;
  color: #fff;
  top: 1em;
  right: 2em;
  font-size: 2.5em;
  font-weight: 100;
  cursor: pointer;
  transition: 0.3s all;
  text-shadow: 0 0 0.2em #000;
}
.pre-inc #plan .slick-track li {
  width: 21em;
  height: 34.75em;
}
.pre-inc #plan .slick-track li[class*=_btn]::after {
  bottom: 1.25em;
  right: 1em;
}
.pre-inc #plan .slick-track li[class*=type_btn] {
  border: 0.05em solid #7f6a20;
  padding: 1.75em 1em 3em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: #fff;
}
.pre-inc #plan .slick-track li[class*=type_btn]::before {
  content: "";
  height: 1.5em;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/top/type_btn_bk.jpg) no-repeat center center/cover;
}
.pre-inc .type_tit {
  font-size: 1.4em;
  text-align: center;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #3d2414;
  padding-bottom: 0.3em;
  color: #3d2414;
}
.pre-inc .type_tit big {
  font-size: 1.8em;
  line-height: 1;
}
.pre-inc .ldk {
  text-align: center;
  font-size: 1.4em;
  margin-top: 0.5em;
  letter-spacing: 0.05em;
  color: #3d2414;
}
.pre-inc .ldk big {
  font-size: 1.4em;
  line-height: 1;
}
.pre-inc .ldk small {
  font-size: 0.85em;
}
.pre-inc .square {
  font-size: 1.2em;
  text-align: center;
  margin-top: 0.3em;
  letter-spacing: 0.05em;
  color: #3d2414;
}
.pre-inc .square small {
  font-size: 0.67em;
  margin-right: 0.8em;
  vertical-align: 0.3em;
}
.pre-inc .square big {
  font-size: 1.67em;
  line-height: 1;
}
.pre-inc .square span {
  font-size: 0.75em;
}
.pre-inc .kado {
  color: #fff;
  font-size: 1em;
  width: 8em;
  padding: 0.1em;
  background: #7d683a;
  text-align: center;
  margin: 0.8em auto 0;
}
.pre-inc #plan .slick-track li[class*=type_btn] figure {
  margin-top: auto;
  text-align: center;
}
.pre-inc #plan .slick-track li[class*=type_btn] figure img {
  display: inline-block;
}
.pre-inc #plan .slick-track li[class*=type_btn] figure::before {
  content: "";
  width: 2.4em;
  height: 1.35em;
  background: url("../img/top/direction.svg") no-repeat center center/contain;
  position: absolute;
}
.pre-inc #plan .slick-track li.Atype_btn figure::before {
  bottom: 1em;
  right: 2.2em;
}
.pre-inc #plan .slick-track li.Atype_btn figure img {
  height: 18em;
}
.pre-inc #plan .slick-track li.B2type_btn figure::before {
  bottom: 1em;
  right: 2.2em;
}
.pre-inc #plan .slick-track li.B2type_btn figure img {
  height: 17.6em;
}
.pre-inc #plan .slick-track li.Ctype_btn figure::before {
  bottom: 0;
  right: 2.2em;
}
.pre-inc #plan .slick-track li.Ctype_btn figure img {
  height: 17.6em;
}
.pre-inc #plan .slick-track li.F1type_btn figure::before {
  bottom: 1em;
  right: 1em;
  transform: rotate(180deg);
}
.pre-inc #plan .slick-track li.F1type_btn figure img {
  height: 16.75em;
}
.pre-inc #plan .slick-track li.Gtype_btn figure::before {
  bottom: 1em;
  right: 1em;
  transform: rotate(180deg);
}
.pre-inc #plan .slick-track li.Gtype_btn figure img {
  height: 16.75em;
}
.pre-inc #plan .slick-track li.Ggtype_btn figure::before {
  bottom: 1em;
  right: 1em;
  transform: rotate(180deg);
}
.pre-inc #plan .slick-track li.Ggtype_btn figure img {
  height: 18.75em;
}
.pre-inc #plan .slick-track li.Irtype_btn figure::before {
  bottom: 1em;
  right: -0.5em;
  transform: rotate(180deg);
}
.pre-inc #plan .slick-track li.Irtype_btn figure img {
  height: 17em;
}
.pre-inc #plan .slick-track li.Jtype_btn figure::before {
  bottom: 0;
  right: 2.2em;
}
.pre-inc #plan .slick-track li.Jtype_btn figure img {
  height: 17.6em;
}
.pre-inc #plan .slick-track li.K1type_btn figure::before {
  bottom: 1em;
  right: 1.5em
}
.pre-inc #plan .slick-track li.K1type_btn figure img {
  height: 18.6em;
}
.pre-inc #plan .slick-track li.Ltype_btn figure::before {
  bottom: 1em;
  right: 2.2em;
}
.pre-inc #plan .slick-track li.Ltype_btn figure img {
  height: 18.6em;
}
.pre-inc #plan .slick-track li.Mtype_btn figure::before {
  bottom: 1em;
  right: 2.2em;
}
.pre-inc #plan .slick-track li.Mtype_btn figure img {
  height: 18.6em;
}
.pre-inc #plan .slick-track li.plan_feature {
  background: url("../img/top/plan_feature_bk.jpg") no-repeat center center/cover;
  padding: 2.7em 0 0;
}
.pre-inc #plan .slick-track li.plan_feature .plan_feature_tit {
  text-align: center;
  color: #d4cfab;
  font-size: 1.5em;
}
.pre-inc #plan .slick-track li.plan_feature .plan_feature_tit span {
  text-align: center;
  color: #fff;
  font-size: 0.67em;
  display: block;
  margin-bottom: 0.5em;
}
.pre-inc #plan .slick-track li.plan_feature .plan_feature_tit small {
  text-align: center;
  color: #fff;
  font-size: 0.53em;
  display: block;
  margin-top: 0.5em;
}
.pre-inc #plan .slick-track li.plan_feature .private_garden_img {
  width: 19em;
  margin: 2.5em auto 0;
}
.pre-inc #plan .slick-track li.plan_feature .note {
  color: #fff;
  margin-top: 2em;
  padding: 0 1.46em;
}
.pre-inc #plan .slick-track li.plan_feature .loof_balcony_img {
  width: 20.9em;
  margin: 2.5em auto 0;
}
.pre-inc #plan .slick-track li.plan_feature .loof_balcony_img .cap_o {
  color: #fff;
  margin-right: 1em;
}
.pre-inc #plan .slide_modal {
  width: 76em;
  max-height: 90vh;
  height: 40em;
  inset: 0;
  padding: 3em 0;
  margin: auto;
  background: #fff url("../img/top/pattern_r.svg") no-repeat right top/21em;
}
.pre-inc #plan .slide_modal .type_modal_item {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 1.5em;
}
.pre-inc #plan .slide_modal .type_modal_item > dt {
  width: 28.5em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .type_modal_tit_area {
  width: 19em;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .type_tit {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .type_tit .kado {
  margin: 0 0 0 1em;
  font-size: 0.7em;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .square_case {
  margin-top: 1.5em;
  font-size: 0.8em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.1em 0;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .square_case > dt {
  width: 12em;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .square_case > dt::first-letter {
  color: #66592b;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .square_case > dd {
  width: calc(100% - 12em);
  padding-right: 2em;
  text-align: right;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .square_case > *:last-of-type {
  padding-top: 0.2em;
  margin-top: 0.1em;
  border-top: 1px solid #66592b;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .square_case + .note {
  margin-top: 0.5em;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .feature {
  margin-top: 0.5em;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .feature p {
  font-size: 0.75em;
  margin-top: 1em;
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.pre-inc #plan .slide_modal .type_modal_item > dt .plan_note {
  width: 10em;
  margin-top: auto;
}
.pre-inc #plan .slide_modal .type_modal_item > dd {
  width: 17.5em;
}
.pre-inc #plan .slide_modal .type_modal_item > dd .plan_img img {
  height: 30em;
}
.pre-inc #plan .slide_modal .type_modal_item > dd .plan_img::before {
  content: "";
  width: 2.4em;
  height: 1.35em;
  background: url("../img/top/direction.svg") no-repeat center center/contain;
  position: absolute;
}
.pre-inc #plan .plan_note02{
  font-size:0.7em;
  text-align:left;
}

/* Irタイプ */
.pre-inc #Irtype.slide_modal .type_modal_item > dt {
  width: 20em;
}
.pre-inc #Irtype.slide_modal .type_modal_item > dd {
  width: 26em;
}

.pre-inc #plan .slide_modal .close_btn {
  background: #3d2414;
  text-align: center;
  font-size: 0.9em;
  color: #fff;
  padding: 0.1em;
  border: 1px solid #3d2414;
  width: 11em;
  margin: 1.5em auto 0;
  transition: 0.3s all;
  cursor: pointer;
}
.pre-inc #plan #Atype .type_modal_item > dd .plan_img::before {
  bottom: 0;
  right: 1em;
}
.pre-inc #plan #B2type .type_modal_item > dd .plan_img::before {
  bottom: 0;
  right: 0;
}
.pre-inc #plan #Ctype .type_modal_item > dd .plan_img::before {
  bottom: 0;
  right: -3em;
}
.pre-inc #plan #F1type .type_modal_item > dd .plan_img::before {
  bottom: 1em;
  right: -2em;
  transform: rotate(180deg);
}
.pre-inc #plan #Gtype .type_modal_item > dd .plan_img::before {
  bottom: 1em;
  right: -2em;
  transform: rotate(180deg);
}
.pre-inc #plan #Ggtype .type_modal_item > dd .plan_img::before {
  bottom: 1em;
  right: -1em;
  transform: rotate(180deg);
}
.pre-inc #plan #Irtype .type_modal_item > dd .plan_img::before {
  bottom: -2em;
  right: 1em;
  transform: rotate(180deg);
}
.pre-inc #plan #Jtype .type_modal_item > dd .plan_img::before {
  bottom: 0;
  right: 1em;
}
.pre-inc #plan #K1type .type_modal_item > dd .plan_img::before {
  bottom: 1em;
  right: -0.5em;
}
.pre-inc #plan #Ltype .type_modal_item > dd .plan_img::before {
  bottom: 1em;
  right: -0.5em;
}
.pre-inc #plan #Mtype .type_modal_item > dd .plan_img::before {
  bottom: 1em;
  right: -0.5em;
}
.pre-inc #access {
  background: url("../img/top/access_bk.webp") no-repeat center center/cover;
}
.pre-inc #access .category_copy {
  color: #fff;
}
.pre-inc #access .slick-track li {
  background: #fff;
  width: 24em;
  height: 21.5em;
  text-align: center;
}
.pre-inc #access .slick-track li .access_route {
  display: inline-block;
  text-align: left;
  font-size: 1.5em;
  padding-top: 0.4em;
}
.pre-inc #access .slick-track li .access_route small {
  display: block;
  font-size: 0.4em;
  line-height: 1.2;
  text-indent: -1em;
  padding-left: 1em;
}
.pre-inc #access .slick-track li .access_route span {
  display: flex;
  align-items: flex-end;
  margin-top: 0;
  line-height: 1.1;
}
.pre-inc #access .slick-track li .access_route span.t_line {
  margin-top: 0;
}
.pre-inc #access .slick-track li .access_route span i {
  font-size: 0.4em;
  writing-mode: vertical-rl;
  color: #770040;
  font-family: "Noto Serif JP", serif;
  align-items: center;
  margin-bottom: -0.3em;
}
.pre-inc #access .slick-track li .access_route span big {
  font-size: 1.4em;
  color: #770040;
  line-height: 1;
  margin-bottom: -0.05em;
}
.pre-inc #access .slick-track li .access_route span + small {
  text-align: right;
  margin-top: -0.1em;
}
.pre-inc #access .slick-track li.route_map {
  background: #f7f7f7;
  padding: 1em 0.5em;
}
.pre-inc #life_information .category_wrap.lead {
  justify-content: flex-end;
}
.pre-inc .life_information_switch {
  display: flex;
  gap: 0 0.1em;
  border-bottom: 0.1em solid #4c450d;
  padding-bottom: 0.15em;
  margin: 1.5em 0 0.8em;
  animation-name: fadeInUp;
}
.pre-inc .life_information_switch > li {
  flex: 1;
  background: #a5a286;
  color: #fff;
  text-align: center;
  padding: 0.3em 0;
  transition: 0.3s all;
  cursor: pointer;
}
.pre-inc .life_information_switch > li.active {
  pointer-events: none;
  background: #4c450d;
}
.pre-inc .life_information_switch > li.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.15em;
  position: absolute;
  left: 0;
  bottom: -0.15em;
  background: #4c450d;
}
.pre-inc .life_information_switch > li span {
  font-size: 0.7em;
  font-family: "EB Garamond", serif;
  font-weight: 500;
  display: block;
}
.pre-inc .life_information_switch > li small {
  font-size: 0.6em;
  display: block;
}
.pre-inc .life_information_list {
  animation-name: fadeInUp;
}
.pre-inc .life_information_list > li {
  column-count: 2;
  display: none;
}
.pre-inc .life_information_list > li.active {
  display: block;
}
.pre-inc .life_information_list ul {
  display: flex;
  width: 25em;
  margin-bottom: 0.2em;
}
.pre-inc .life_information_list ul > * {
  font-size: 0.65em;
  line-height: 1.3;
}
.pre-inc .life_information_list ul .name {
  flex: 1;
}
.pre-inc .life_information_list ul .time {
  width: 6em;
  text-align: right;
}
.pre-inc .life_information_list ul .far {
  width: 10em;
  text-align: right;
}
.pre-inc #equipment {
  background: url("../img/top/equipment_bk.webp") no-repeat center center/cover;
}
.pre-inc #evaluation {
  background: url("../img/top/evaluation_bk.webp") no-repeat center center/cover;
}
@media screen and (min-width: 769px) {
  .pre-inc #landplan .close_btn:hover {
    opacity: 0.6;
  }
  .pre-inc #plan .slide_modal .close_btn:hover {
    background: #fff;
    color: #3d2414;
  }
  .pre-inc .life_information_switch > li:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .position_map {
    margin-top: 3em;
  }
  .pre-inc #position .category_slide_center .slick-track li figure {
    height: 12em;
  }
  .pre-inc .history_item {
    margin-top: 2.2em;
    font-size: 0.8em;
    width: 100vw;
    display: block;
  }
  .pre-inc .history_item .slick-track figure {
    margin: 0 0.75em;
  }
  .pre-inc {
    /* .history_item > *{width: 90vw;} */
  }
  .pre-inc #design .category_slide_center .slick-track li p {
    font-size: 0.9em;
  }
  .pre-inc #design .slick-track li[class*=_btn]::after {
    top: 0.5em;
    right: 1em;
  }
  .pre-inc #landplan {
    padding: 1em 0;
    pointer-events: auto;
  }
  .pre-inc #landplan .landplan_map {
    width: 100%;
  }
  .pre-inc #landplan .landplan_list {
    flex-wrap: wrap;
    margin-top: 0.5em;
  }
  .pre-inc #landplan .landplan_list > * {
    width: 100%;
  }
  .pre-inc #landplan .landplan_list > * .takuhaibox {
    width: 100%;
  }
  .pre-inc #landplan .landplan_list > * .takuhaibox h4 {
    grid-column: 1/2;
  }
  .pre-inc #landplan .landplan_list > * .takuhaibox figure {
    grid-row: 1/3;
    grid-column: 2/3;
    margin-top: 0.8em;
  }
  .pre-inc #landplan .landplan_list > * .pet {
    width: 100%;
    grid-template-rows: max-content max-content 1fr;
  }
  .pre-inc #landplan .landplan_list > * .pet h4 {
    grid-column: 1/2;
  }
  .pre-inc #landplan .landplan_list > * .pet figure {
    grid-column: 2/3;
    grid-row: 1/4;
    margin-top: 0.8em;
  }
  .pre-inc #landplan .close_btn {
    top: 0.2em;
    right: 0.3em;
  }
  .pre-inc #plan .slide_modal {
    width: 90vw;
    height: 90vh;
    inset: 0;
    padding: 2em 1em;
    background: #fff url("../img/top/pattern_r.svg") no-repeat right top/15em;
  }
  .pre-inc #plan .slide_modal .type_modal_item {
    gap: 1.5em 1.5em;
  }
  .pre-inc #plan .slide_modal .type_modal_item > dt {
    width: 100%;
  }
  .pre-inc #plan .slide_modal .type_modal_item > dd {
    width: 100%;
    text-align: center;
  }
  .pre-inc #plan .slide_modal .type_modal_item > dd .plan_img img {
    height: auto;
    width: calc(100% - 4em);
  }
  .pre-inc #Irtype.slide_modal .type_modal_item > dd .plan_img img {
    height: auto;
    width: 100%;
  }
  .pre-inc #plan .slide_modal .type_modal_item > dd .plan_note {
    width: 10em;
    margin-top: 1em;
  }
  .pre-inc #plan #B2type .type_modal_item > dd .plan_img::before{
    bottom: 1em;
    right: -0.5em;
  }
  .pre-inc #plan #F1type .type_modal_item > dd .plan_img::before{
    bottom: 1em;
    right: -0.2em;
  }
  .pre-inc #plan #Gtype .type_modal_item > dd .plan_img::before {
    bottom: 1em;
    right: 1em;
  }
  .pre-inc .life_information_switch {
    flex-wrap: wrap;
    gap: 0.15em 0.1em;
    border-bottom: none;
    padding-bottom: 0.15em;
    margin: 1.5em 0 0.8em;
  }
  .pre-inc .life_information_switch > li {
    flex: auto;
    padding: 0.3em 0;
    width: 25%;
  }
  .pre-inc .life_information_list > li {
    column-count: 1;
    display: none;
  }
  .pre-inc .life_information_list > li.active {
    display: block;
  }
  .pre-inc .life_information_switch > li span {
    font-size: 0.85em;
  }
  .pre-inc .life_information_switch > li small {
    font-size: 0.7em;
  }
  .pre-inc .life_information_list ul {
    display: flex;
    width: 100%;
  }
  .pre-inc .life_information_list ul > * {
    font-size: 0.75em;
    line-height: 1.2;
  }
}
.pre-inc {
  /* INFORMATION */
}
.pre-inc #information {
  padding: 65px 0 0 0;
  color: #333;
  animation-name: fadeInUp;
  background: #FFF;
}
.pre-inc .info_wrap {
  display: flex;
  justify-content: space-between;
}
.pre-inc .info_tit {
  font-size: 18px;
}
.pre-inc .info_item {
  font-size: 15px;
  width: calc(100% - 200px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 15em;
  overflow-y: scroll;
}
.pre-inc .info_item > dd {
  width: calc(100% - 7em);
}
.pre-inc .info_item a {
  color: #2f5597;
}
.pre-inc .info_item a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .pre-inc .info_item > *:nth-of-type(n+2) {
    margin-top: 0.7em;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc #information {
    padding: 7vw 0 0 0;
  }
  .pre-inc .info_wrap {
    flex-wrap: wrap;
  }
  .pre-inc .info_tit {
    font-size: 4vw;
  }
  .pre-inc .info_item {
    width: 100%;
    font-size: 13px;
  }
  .pre-inc .info_item > dt {
    margin-top: 0.7em;
  }
  .pre-inc .info_item > dd {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc #information {
    padding: 7vw 0 0 0;
  }
  .pre-inc .info_wrap {
    flex-wrap: wrap;
  }
  .pre-inc .info_tit {
    font-size: 4vw;
  }
  .pre-inc .info_item {
    width: 100%;
    font-size: 13px;
  }
  .pre-inc .info_item > dt {
    margin-top: 0.7em;
  }
  .pre-inc .info_item > dd {
    width: 100%;
  }
}
.pre-inc {
  /* Floating */
}
.pre-inc .floating_btn {
  display: none;
  position: fixed;
  right: 0;
  bottom: 3%;
  z-index: 10000;
  transition: 0.3s all;
  max-width: 750px;
  width: 55%;
}
.pre-inc .floating_btn a:hover {
  opacity: 0.8;
}
.pre-inc .floating_btn img {
  width: 100%;
}
.pre-inc .floating_btn i {
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  width: 1.5em;
  height: 1.5em;
  color: #fff;
  background: #000;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.pre-inc .floating_btn.bn_off {
  opacity: 0;
  pointer-events: none;
}
.pre-inc .floating_btn .close_btn {
  line-height: 1;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -32px;
  right: 2px;
  border-radius: 5px;
  z-index: 1;
  cursor: pointer;
}
.pre-inc .floating_btn .close_btn::before,
.pre-inc .floating_btn .close_btn::after {
  content: "";
  display: block;
  height: 3px;
  width: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pre-inc .floating_btn .close_btn::before {
  transform: rotate(45deg);
}
.pre-inc .floating_btn .close_btn::after {
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .pre-inc .floating_btn {
    width: 95%;
    max-width: unset;
    left: 0;
    right: 0;
    bottom: 60px;
    margin: 0 auto;
  }
  .pre-inc .floating_btn i {
    top: -1.5em;
  }
  .pre-inc .floating_btn .close_btn {
    font-size: 6vw;
    width: 6vw;
    height: 6vw;
    top: 11px;
    right: 7px;
  }
}
.pre-inc .floaring_right {
  position: fixed;
  right: 0;
  bottom: 100px;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
}
.pre-inc .floaring_right.show {
  opacity: 1;
  transition: 0.5s all;
  pointer-events: auto;
}
.pre-inc .floaring_right li {
  display: flex;
  box-shadow: 0 0 0.3em rgba(255, 255, 255, 0.9);
  transition: 0.5s all;
  margin-top: 0.5em;
}
.pre-inc .floaring_right li span {
  background: #383838;
  color: #a88e45;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.2em;
  cursor: pointer;
  transition: 0.3s all;
}
.pre-inc .floaring_right li span i {
  transform: rotate(90deg);
  font-size: 0.8em;
}
.pre-inc .floaring_right li span.active i {
  transform: rotate(270deg);
}
.pre-inc .floaring_right li a {
  width: 23em;
  transition: 0.3s all;
}
.pre-inc .floaring_right li figure {
  width: 20em;
}
.pre-inc .floaring_right li.bn_off {
  transform: translateX(23em);
}
@media screen and (min-width: 769px) {
  .pre-inc .floaring_right li span:hover {
    opacity: 0.9;
  }
  .pre-inc .floaring_right li a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .floaring_right {
    font-size: 3vw;
  }
  .pre-inc .floaring_right li span {
    z-index: 1;
  }
  .pre-inc .floaring_right li span::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 99%;
    top: 0;
    display: block;
  }
}
.pre-inc {
  /* モーダル */
}
.pre-inc .cp_modal_bk {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  cursor: pointer;
}
.pre-inc .cp_modal_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11000000;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  padding: 0 20px;
}
.pre-inc .cp_modal_btn {
  pointer-events: painted;
}
.pre-inc .cp_modal_btn a {
  overflow: hidden;
  display: inline-block;
}
.pre-inc .cp_modal_btn a img {
  transition: 0.5s all;
}
.pre-inc .cp_modal_close_btn {
  font-size: 40px;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
  cursor: pointer;
  transition: 0.5s all;
  background: #000;
  z-index: 1000;
}
@media screen and (min-width: 769px) {
  .pre-inc .cp_modal_close_btn:hover {
    opacity: 0.6;
  }
  .pre-inc .cp_modal_btn a:hover img {
    transform: scale(1.02);
  }
}
@media screen and (min-width: 769px) and (max-height: 809px) {
  .pre-inc .cp_modal_btn {
    height: 90%;
  }
  .pre-inc .cp_modal_btn a {
    height: 100%;
  }
  .pre-inc .cp_modal_btn a img {
    height: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .cp_modal_wrap {
    padding: 0 15px;
  }
  .pre-inc .cp_modal_close_btn {
    font-size: 40px;
    top: -10px;
    right: -10px;
  }
}
.pre-inc .bnrArea:first-child {
  padding: 30px 0 0;
  margin: 30px auto 0;
}
.pre-inc .bnrArea {
  max-width: 1024px;
  padding: 0;
  margin: 15px auto 0;
}
.pre-inc .bnrArea a {
  max-width: 1024px;
}
.pre-inc .bnrArea a:hover {
  opacity: 0.6;
}
.pre-inc .bnrArea .note {
  margin: 1.5em auto;
  text-align: left;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .pre-inc .bnrArea {
    width: 90%;
  }
  .pre-inc .bnrArea .note {
    margin: 1em auto;
    font-size: 10px;
  }
}

.pre-inc .priceBox{
  display: flex;
  align-items: baseline;
  letter-spacing: 0.1em;
  top: -0.5em;
  font-size: 3.5em;
  font-family: YakuHanMP, "EB Garamond", "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", serif;
}
.pre-inc .priceBox i{
  font-size: 0.2em;
  border: 1px solid #fff;
  padding: 0.5em;
  text-align: center;
  line-height: 1.2;
  top: -1.6em;
}
.pre-inc .priceBox span.ldk_s{
  font-size:0.7em!important;
  letter-spacing: 0;
}
.pre-inc .priceBox span{
  font-size:0.5em!important;
  letter-spacing: 0;
}
.pre-inc .priceBox big{
  margin-left:0.3em;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  .pre-inc .priceBox{
    font-size: 4em;
    top: -0.2em;
  }
  .pre-inc .price_note{
    font-size:1em !important;
    border: 1px solid #fff;
    padding: 0.2em 1em;
    text-align: center;
  }
}

/*# sourceMappingURL=top.css.map */