@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;600;700;900&display=swap");
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;*/
  font-weight: normal;
  vertical-align: baseline;
  box-sizing: border-box;
  font-style: normal;
  position: relative;
}

.pre-inc {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;*/
  font-weight: normal;
  vertical-align: baseline;
  box-sizing: border-box;
  font-style: normal;
  position: relative;
}
.pre-inc div, .pre-inc span, .pre-inc applet, .pre-inc object, .pre-inc iframe, .pre-inc h1, .pre-inc h2, .pre-inc h3, .pre-inc h4, .pre-inc h5, .pre-inc h6, .pre-inc p, .pre-inc blockquote, .pre-inc pre, .pre-inc a, .pre-inc abbr, .pre-inc acronym, .pre-inc address, .pre-inc big, .pre-inc cite, .pre-inc code, .pre-inc del, .pre-inc dfn, .pre-inc em, .pre-inc img, .pre-inc ins, .pre-inc kbd, .pre-inc q, .pre-inc s, .pre-inc samp, .pre-inc small, .pre-inc strike, .pre-inc strong, .pre-inc sub, .pre-inc tt, .pre-inc var, .pre-inc b, .pre-inc u, .pre-inc i, .pre-inc center, .pre-inc dl, .pre-inc dt, .pre-inc dd, .pre-inc ol, .pre-inc ul, .pre-inc li, .pre-inc fieldset, .pre-inc form, .pre-inc label, .pre-inc legend, .pre-inc table, .pre-inc caption, .pre-inc tbody, .pre-inc tfoot, .pre-inc thead, .pre-inc tr, .pre-inc th, .pre-inc td, .pre-inc article, .pre-inc aside, .pre-inc canvas, .pre-inc details, .pre-inc embed, .pre-inc figure, .pre-inc figcaption, .pre-inc header, .pre-inc hgroup, .pre-inc menu, .pre-inc nav, .pre-inc output, .pre-inc ruby, .pre-inc section, .pre-inc summary, .pre-inc time, .pre-inc mark, .pre-inc audio, .pre-inc video {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;*/
  font-weight: normal;
  vertical-align: baseline;
  box-sizing: border-box;
  font-style: normal;
  position: relative;
}
.pre-inc .cap_w, .pre-inc .cap_wb, .pre-inc .cap_wbl, .pre-inc .cap_wbt, .pre-inc .cap_b, .pre-inc .cap_bw, .pre-inc .cap_l {
  font-size: 12px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
  line-height: 1.4;
  display: block;
}
.pre-inc .cap_wbl {
  color: #fff;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 3px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7);
  right: auto;
  left: 10px;
}
.pre-inc .roomplan_img img {
  width: auto;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .pre-inc .cap_w, .pre-inc .cap_wb, .pre-inc .cap_wbl, .pre-inc .cap_b, .pre-inc .cap_bw, .pre-inc .cap_l {
    right: 5px;
    bottom: 5px;
  }
  .pre-inc .roomplan_img img {
    width: 100%;
    max-width: inherit;
    height: auto;
  }
  .pre-inc .roomplan_img .hanrei {
    width: 60%;
    margin: 0 auto;
  }
}
.pre-inc#single-dinks main {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  font-family: "Noto Serif JP", serif;
}
.pre-inc article {
  overflow: inherit;
}
.pre-inc.layer main {
  height: calc(36.458vw - 8px);
  overflow: hidden;
}
.pre-inc.layer main .main_img::before {
  display: none;
}
.pre-inc.layer main h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
  text-align: center;
  font-size: 3.125vw;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.pre-inc.layer main h2 big {
  text-shadow: 0 0 0.1em #000, 0 0 0.1em #000, 0 0 0.1em #000;
  color: #fff;
  animation: 2s fadeInUp 0.5s forwards;
  opacity: 0;
}
.pre-inc.layer main h2 img {
  width: 50%;
  z-index: 2;
  filter: drop-shadow(0 0 0.1em #000);
  animation: 2s fadeInUp 0.8s forwards;
  opacity: 0;
}
.pre-inc.layer main h2 div {
  display: inline-block;
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-size: 0.47em;
  padding: 0.2em 1em;
  margin-top: -2em;
  z-index: 3;
}
.pre-inc.layer main h2 div span {
  z-index: 1;
  opacity: 0;
}
.pre-inc.layer main h2 div i {
  background: rgba(219, 199, 94, 0.9);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: scaleX(0);
}
.pre-inc.layer main h2 div:nth-of-type(2) {
  margin-top: 0.5em;
}
.pre-inc.layer main h2 div:nth-of-type(1) span {
  animation: 2s fadeIn 1.3s forwards;
}
.pre-inc.layer main h2 div:nth-of-type(1) i {
  animation: 2s scale_x 1s forwards;
}
.pre-inc.layer main h2 div:nth-of-type(2) span {
  animation: 2s fadeIn 1.6s forwards;
}
.pre-inc.layer main h2 div:nth-of-type(2) i {
  animation: 2s scale_x 1.3s forwards;
}
@media screen and (min-width: 1921px) {
  .pre-inc.layer main {
    height: 700px;
  }
  .pre-inc.layer main h2 {
    font-size: 60px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .pre-inc.layer main h2 {
    font-size: 5.5vw;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc.layer main {
    height: auto;
  }
  .pre-inc.layer main .main_img img {
    max-width: 100%;
    height: auto;
    left: auto;
    transform: translateX(0);
  }
  .pre-inc.layer main h2 {
    bottom: 25%;
    font-size: 10vw;
  }
  .pre-inc.layer main h2 big {
    font-size: 0.7em;
  }
  .pre-inc.layer main h2 img {
    width: 90vw;
  }
  .pre-inc.layer main h2 div {
    padding: 0.2em 0.7em;
    margin-top: -2px;
    font-size: 0.4em;
  }
}
.pre-inc .contents_item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1920px;
  padding-bottom: 50px;
}
.pre-inc .contents_item > dt {
  position: fixed;
  top: 0px;
  height: calc(100vh - 0px);
  overflow: hidden;
  display: block;
  width: 50%;
  max-height: 1080px;
}
.pre-inc .contents_item > dt h3 {
  position: absolute;
  bottom: 7%;
  left: 7%;
}
.pre-inc .contents_item > dt .contents_main_lead {
  position: absolute;
  z-index: 1;
  left: 7%;
  top: 10%;
  font-size: 1.3vw;
  writing-mode: vertical-rl;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.pre-inc .contents_item > dt:nth-of-type(even) .contents_main_lead {
  left: auto;
  right: 7%;
}
.pre-inc .contents_item > dt .contents_main_lead p {
  font-family: "Noto Serif JP", serif;
  margin-left: 0.4em;
  padding: 0.5em 0 0;
  padding: 0.5em 5px 0;
  font-size: 23px;
}
.pre-inc .contents_item > dt .contents_main_lead p span {
  display: inline-block;
  z-index: 1;
}
.pre-inc .contents_item > dt .contents_main_lead p i {
  transform: scaleY(0);
  background: #fff;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.pre-inc .contents_item > dt .cap_wb {
  text-align: right;
}
.pre-inc .contents_item > dt .cap_wb span {
  display: inline-block;
}
.pre-inc .contents_item > dt .contents_item_main {
  height: 100%;
  max-width: none;
  left: 50%;
  transform: translateX(-50%);
}
.pre-inc .contents_item > dd {
  width: 50%;
  padding: 70px 20px 0;
}
.pre-inc .contents_item > dd:nth-of-type(n+2) {
  padding-top: 30%;
}
.pre-inc .contents_item > dd .contents_img {
  max-width: 410px;
  margin-inline: auto;
  font-size: 24px;
  animation-name: fadeInUp;
}
.pre-inc .contents_item > dd .contents_img figure + p {
  margin-top: 0.4em;
}
.pre-inc .contents_item > dd .contents_img figure + p small {
  font-size: 0.67em;
}
.pre-inc .contents_item > dd .contents_img figure + figure {
  margin-top: 1em;
}
.pre-inc .contents_item > dd .contents_img figure i {
  border-radius: 50%;
  font-size: 0.75em;
  width: 5em;
  height: 5em;
  line-height: 1.2;
  background: #dbc75e;
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  position: absolute;
  left: 3%;
  top: 2.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.pre-inc .contents_item > dd .contents_img figure i big {
  font-size: 1.5em;
  display: block;
}
.pre-inc .contents_item > dd .contents_img p.required {
  font-size: 0.7em;
  letter-spacing: 0.05em;
}
.pre-inc .contents_item > dd .contents_img p.required strong {
  color: #b28500;
  font-size: 2em;
  line-height: 1;
  vertical-align: -0.05em;
}
.pre-inc .contents_item > dd .contents_img p.required big {
  font-size: 1.33em;
}
.pre-inc .contents_item > dd .contents_img p.required small {
  font-size: 12px;
  letter-spacing: 0;
}
.pre-inc .contents_item > dd .contents_img p.local {
  font-size: 0.6em;
  margin-top: 0.3em;
}
.pre-inc .contents_item > dd .contents_img p.note {
  margin-top: 0.5em;
  text-indent: -1em;
  padding-left: 1em;
}
.pre-inc .contents_item > dd .contents_img p.note + p.note {
  margin-top: 0;
}
.pre-inc .contents_item > dd .contents_img p.root {
  font-size: 0.54em;
  margin-top: 1em;
  line-height: 150%;
}
.pre-inc .contents_item > dd .contents_img p.root small {
  font-size: 80%;
  letter-spacing: 0;
  display: block;
  margin-bottom: 5px;
}
.pre-inc .contents_item > dd .contents_img:nth-of-type(n+2) {
  margin-top: 1.5em;
}
.pre-inc .contents_item > dt .contents_main_lead p span em {
  transform: rotate(-90deg);
  display: inline-block;
  padding: 3px 0 5px;
}
.pre-inc .contents_item > dt .contents_main_lead p span small {
  transform: rotate(-90deg);
  display: inline-block;
  padding: 1px 0 1px;
  font-size: 60%;
}
.pre-inc {
  /* アニメーションは1枚目のみwowが発動するが、2枚目以降はactiveが付くことで発動する */
}
.pre-inc .contents_item > dt:first-of-type h3 {
  animation-name: fadeIn;
}
.pre-inc .contents_item > dt:first-of-type .contents_main_lead p i {
  animation-name: contents_main_lead;
}
.pre-inc .contents_item > dt:first-of-type .contents_main_lead p span {
  animation-name: fadeIn;
  animation-delay: 0.2s;
}
.pre-inc .contents_item > dt:first-of-type .contents_main_lead p:nth-of-type(2) i {
  animation-delay: 0.4s;
}
.pre-inc .contents_item > dt:first-of-type .contents_main_lead p:nth-of-type(2) span {
  animation-delay: 0.6s;
}
.pre-inc .contents_item > dt:first-of-type .contents_main_lead p:nth-of-type(3) i {
  animation-delay: 0.8s;
}
.pre-inc .contents_item > dt:first-of-type .contents_main_lead p:nth-of-type(3) span {
  animation-delay: 1s;
}
.pre-inc .contents_item > dt:first-of-type .contents_main_lead p:nth-of-type(4) i {
  animation-delay: 1.2s;
}
.pre-inc .contents_item > dt:first-of-type .contents_main_lead p:nth-of-type(4) span {
  animation-delay: 1.4s;
}
.pre-inc .contents_item > dt:first-of-type .contents_item_main {
  animation-name: contents_item_img01;
}
.pre-inc .contents_item > dt:nth-of-type(n+2) h3 {
  opacity: 0;
}
.pre-inc .contents_item > dt:nth-of-type(n+2) .contents_main_lead p i {
  transform: scaleY(0);
  transform-origin: top;
}
.pre-inc .contents_item > dt:nth-of-type(n+2) .contents_main_lead p span {
  opacity: 0;
}
.pre-inc .contents_item > dt:nth-of-type(n+2).active h3 {
  animation: 2s fadeIn 0s forwards;
}
.pre-inc .contents_item > dt:nth-of-type(n+2).active .contents_main_lead p:nth-of-type(1) i {
  animation: 1.5s contents_main_lead 0s forwards;
}
.pre-inc .contents_item > dt:nth-of-type(n+2).active .contents_main_lead p:nth-of-type(1) span {
  animation: 1.5s fadeIn 0.2s forwards;
}
.pre-inc .contents_item > dt:nth-of-type(n+2).active .contents_main_lead p:nth-of-type(2) i {
  animation: 1.5s contents_main_lead 0.4s forwards;
}
.pre-inc .contents_item > dt:nth-of-type(n+2).active .contents_main_lead p:nth-of-type(2) span {
  animation: 1.5s fadeIn 0.6s forwards;
}
.pre-inc .contents_item > dt:nth-of-type(n+2).active .contents_main_lead p:nth-of-type(3) i {
  animation: 1.5s contents_main_lead 0.8s forwards;
}
.pre-inc .contents_item > dt:nth-of-type(n+2).active .contents_main_lead p:nth-of-type(3) span {
  animation: 1.5s fadeIn 1s forwards;
}
.pre-inc .contents_item > dt:nth-of-type(n+2).active .contents_main_lead p:nth-of-type(4) i {
  animation: 1.5s contents_main_lead 1.2s forwards;
}
.pre-inc .contents_item > dt:nth-of-type(n+2).active .contents_main_lead p:nth-of-type(4) span {
  animation: 1.5s fadeIn 1.4s forwards;
}
.pre-inc .contents_item > dt:nth-of-type(n+2).active .contents_item_main {
  animation: 3s contents_item_img01 0s forwards;
}
.pre-inc .link_ribbon_wrap {
  margin-top: 2em;
  text-align: center;
  font-size: 18px;
  padding-bottom: 1em;
}
.pre-inc .link_ribbon {
  display: inline-block;
  height: 2.4em;
  text-align: center;
  transition: 0.3s all;
}
.pre-inc {
  /* .link_ribbon::before{content: "";position: absolute;width: 0.25em;bottom: -0.5em;left: -1.5em;z-index: -2;border: 1.1em solid #e2d381;border-left-color: transparent;}
  .link_ribbon::after{content: "";position: absolute;width: 0.25em;bottom: -0.5em;right: -1.5em;z-index: -2;border: 1.1em solid #d0b933;border-right-color: transparent;} */
}
.pre-inc .link_ribbon span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 3em;
  color: #000;
  background: #e2d381;
  height: 100%;
}
.pre-inc {
  /* .link_ribbon span::before{content: "";position: absolute;top: 100%;left: 0;border: none;border-bottom: solid 0.556em transparent;border-right: solid 0.833em #d0b933;}
  .link_ribbon span::after {content: "";position: absolute;top: 100%;right: 0;border: none;border-bottom: solid 0.556em transparent;border-left: solid 0.833em #d0b933;} */
}
.pre-inc .link_ribbon p::before {
  content: "→";
  font-size: 0.7em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.4em;
  height: 1.4em;
  background: #000;
  color: #fff;
  margin-right: 0.5em;
  vertical-align: 0.2em;
  line-height: 1;
}
@keyframes contents_item_img {
  0% {
    transform: scale(1.1) translateY(-50%);
    transform-origin: right 40% top;
  }
  100% {
    transform: scale(1) translateY(-50%);
    transform-origin: right 40% top;
  }
}
@keyframes contents_item_img01 {
  0% {
    transform: scale(1.1) translateX(-50%);
    transform-origin: left top;
  }
  100% {
    transform: scale(1) translateX(-50%);
    transform-origin: left top;
  }
}
@keyframes contents_item_img_sp {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes contents_item_img01_sp {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes contents_main_lead {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  100% {
    transform: scaleY(1);
    transform-origin: top;
  }
}
@media screen and (min-width: 1921px) {
  .pre-inc .contents_item > dt .contents_main_lead {
    font-size: 32px;
  }
}
@media screen and (min-width: 769px) {
  .pre-inc .contents_item > dd:nth-of-type(n+2) {
    margin-left: 50%;
  }
  .pre-inc .contents_item > dt:nth-of-type(n+2) .contents_item_main {
    transform: translateX(-50%);
    transform-origin: left;
  }
  .pre-inc .contents_item > dt {
    opacity: 0;
    transition: 1.5s all;
  }
  .pre-inc .contents_item > dt.active {
    opacity: 1;
    transition: 1.5s all;
    position: sticky;
  }
  .pre-inc .contents_item > dt.active + dd {
    margin-left: 0 !important;
  }
  .pre-inc .link_ribbon:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1500px) {
  .pre-inc .contents_item > dd {
    width: 50%;
  }
}
@media screen and (min-aspect-ratio: 16/9) {
  .pre-inc .contents_item > dt .contents_item_main {
    height: auto;
    width: 100%;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  .pre-inc {
    /* アニメーションは1枚目のみwowが発動するが、2枚目以降はactiveが付くことで発動する */
  }
  .pre-inc .contents_item > dt:first-of-type .contents_item_main {
    animation-name: contents_item_img;
  }
  .pre-inc .contents_item > dt:nth-of-type(n+2) .contents_item_main {
    transform: translateY(-50%);
  }
  .pre-inc .contents_item > dt:nth-of-type(n+2).active .contents_item_main {
    animation: 3s contents_item_img 0s forwards;
  }
}
@media screen and (min-width: 1350px) and (max-width: 1650px) {
  .pre-inc .contents_item > dt {
    top: 0px;
    height: 100vh;
  }
}
@media screen and (min-width: 1921px) {
  .pre-inc .contents_item > dt {
    width: 863px;
  }
}
.pre-inc #shopping h3 {
  width: 36.5%;
}
.pre-inc #access h3 {
  width: 26.6%;
}
.pre-inc #location h3 {
  width: 32.8%;
}
.pre-inc #equipment h3 {
  width: 39.9%;
}
.pre-inc #security h3 {
  width: 33.3%;
}
.pre-inc #roomplanA h3,
.pre-inc #roomplanB h3 {
  width: 39%;
}
.pre-inc .secu_camera {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.pre-inc .secu_camera > figure {
  width: 15.5%;
}
.pre-inc .secu_camera > .copy {
  width: 81.25%;
}
.pre-inc .warehouse {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.pre-inc .warehouse > figure {
  width: 45%;
}
.pre-inc .warehouse > .copy {
  width: 50%;
}
.pre-inc .cap_o {
  font-size: 10px;
}
.pre-inc .cap_wb {
  z-index: 2;
  color: #fff;
}
.pre-inc .cap_wb.bk {
  color: #000;
}
.pre-inc .roomplan_area {
  max-width: 430px;
  margin-inline: auto;
  font-size: 13px;
  animation-name: fadeInUp;
}
.pre-inc .roomplan_copy {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.pre-inc .roomplan_copy > dt {
  width: 40.9%;
  padding-bottom: 1.5em;
  font-size: 12px;
}
.pre-inc .roomplan_copy > dt h4 {
  font-size: 1.385em;
  line-height: 1.2;
  background: linear-gradient(to bottom, transparent 50%, #c9d3c3 50%);
  text-align: center;
  color: #00643d;
}
.pre-inc .roomplan_copy > dt h4 strong {
  font-size: 2.3em;
  vertical-align: -0.1em;
}
.pre-inc .roomplan_copy > dt .ldk {
  font-size: 1.231em;
  color: #fff;
  text-align: center;
  padding: 0.1em;
  background: #9fa0a0;
  margin-top: 0.4em;
}
.pre-inc .roomplan_copy > dt .ldk small {
  font-size: 0.9em;
}
.pre-inc .roomplan_copy > dt .k_plan {
  font-size: 1.231em;
  color: #fff;
  text-align: center;
  padding: 0.1em 0.1em 0.05em 0.1em;
  background: linear-gradient(to right, #003e87, #01010d);
  margin-top: 0.4em;
}
.pre-inc .roomplan_area .p_note {
  font-size: 0.9em;
  margin-top: 0.5em;
  line-height: 1.3;
}
.pre-inc .roomplan_copy > dd {
  width: 56%;
}
.pre-inc .menseki {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  line-height: 1.4;
  margin-top: -0.1em;
  font-size: 12px;
}
.pre-inc .menseki > dt {
  width: 8em;
}
.pre-inc .menseki > dt strong {
  font-size: 2.154em;
  line-height: 1;
}
.pre-inc .menseki > dt span {
  font-size: 1.385em;
  line-height: 1;
}
.pre-inc .menseki > dt .cho {
  transform: scaleX(0.7);
  display: inline-block;
  margin: 0 -30%;
}
.pre-inc .menseki > dd {
  width: calc(100% - 8em);
  text-align: right;
}
.pre-inc .menseki > *:last-of-type {
  border-top: 1px solid #000;
  padding-top: 0.3em;
  margin-top: 0.3em;
  white-space: nowrap;
}
.pre-inc .hensai {
  background: linear-gradient(to right, #5f0003, #a00018, #5f0003);
  color: #fff;
  padding: 0.7em 0.7em 0.7em 4.5em;
  margin-top: 1.5em;
  font-size: 1.1em;
}
.pre-inc .hensai::before {
  content: "返済例";
  width: 3.8em;
  height: 3.8em;
  border-radius: 50%;
  border: 2px solid #a00018;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: -1.9em;
  z-index: 1;
  color: #a00018;
}
.pre-inc .hensai p span {
  font-size: 1.3em;
}
.pre-inc .hensai p strong {
  font-size: 1.7em;
  line-height: 1;
}
.pre-inc .hensai_item {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.pre-inc .hensai_item > li {
  margin-top: 0.5em;
}
.pre-inc .hensai_item > li:nth-of-type(1) {
  font-size: 1.3em;
}
.pre-inc .hensai_item > li strong {
  color: #fff100;
  font-size: 2.556em;
  vertical-align: -0.05em;
  line-height: 1;
  display: inline-block;
  margin: 0 0.05em;
}
.pre-inc .hensai_item > li:nth-of-type(2) {
  font-size: 1.3em;
}
.pre-inc .hensai_item > li:nth-of-type(2) span {
  display: inline-block;
  line-height: 1;
}
.pre-inc .hensai_item > li:nth-of-type(2) p {
  display: inline-block;
  line-height: 1.1;
  font-size: 0.56em;
  position: absolute;
  bottom: 2.7em;
  left: 6.3em;
  white-space: nowrap;
}
.pre-inc .hensai_item > li:last-of-type {
  width: 100%;
  text-align: center;
}
.pre-inc .roomplan_img {
  margin-top: 1em;
  text-align: center;
  animation-name: fadeInUp;
}
.pre-inc .roomplan_img figcaption {
  margin-top: 1em;
  text-align: center;
}
.pre-inc .plan_link_bt {
  width: 70%;
  max-width: 300px;
  margin: 30px auto;
}
@media screen and (max-width: 768px) {
  .pre-inc .plan_link_bt {
    width: 80%;
    max-width: inherit;
  }
}
.pre-inc .plan_link_bt a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: min(5vw, 54px);
  color: #fff;
  font-size: min(1.27vw, 14px);
  font-weight: 500px;
  line-height: 1;
  background-color: #004567;
  background-image: url(../images/top_re/btn_icon.svg);
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 9px auto;
}
@media screen and (max-width: 768px) {
  .pre-inc .plan_link_bt a {
    font-size: min(4.27vw, 20px);
    padding: 20px;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc #header {
    background: rgba(255, 255, 255, 0.53);
  }
  .pre-inc article {
    overflow: hidden;
  }
  .pre-inc .contents_item {
    flex-wrap: wrap;
    padding: 0 0 6vw;
    margin-top: 0;
  }
  .pre-inc .contents_item > dt {
    position: relative;
    top: auto;
    height: auto;
    width: 100vw;
    max-height: none;
    margin: 20vw 0 0;
  }
  .pre-inc .contents_item > dt .contents_item_main {
    height: auto;
    left: 0;
    max-width: 100%;
    transform: translate(0);
  }
  .pre-inc .contents_item > dt .contents_main_lead {
    font-size: 4.2vw;
    top: 7%;
  }
  .pre-inc .contents_item > dt:first-of-type .contents_item_main {
    animation-name: contents_item_img01_sp;
  }
  .pre-inc .contents_item > dt:nth-of-type(n+2).active .contents_item_main {
    animation: 3s contents_item_img01_sp 0s forwards;
  }
  .pre-inc .contents_item > dd {
    width: 100%;
    padding: 8vw 0 0 0 !important;
  }
  .pre-inc .contents_item > dd .contents_img {
    font-size: 4.4vw;
    width: 71vw;
  }
  .pre-inc .link_ribbon_wrap {
    font-size: 3.9vw;
  }
  .pre-inc .secu_camera {
    align-items: flex-start;
  }
  .pre-inc .secu_camera > figure {
    width: 21%;
  }
  .pre-inc .secu_camera > .copy {
    width: 77%;
  }
  .pre-inc .contents_item > dd .contents_img p.required small.sp_bl {
    display: block;
  }
  .pre-inc .roomplan_area {
    width: 90vw;
    font-size: 2.9vw;
  }
  .pre-inc .roomplan_img {
    padding: 0 2vw;
  }
  .pre-inc .roomplan_copy > dd {
    width: 56.5%;
  }
  .pre-inc .contents_item > dt .contents_main_lead p {
    font-size: 18px;
  }
  .pre-inc .menseki {
    font-size: 2.5vw;
  }
  .pre-inc .roomplan_area .p_note {
    font-size: 2.3vw;
  }
  .pre-inc #shopping h3 {
    width: 36.5%;
    left: auto;
    right: 7%;
  }
}/*# sourceMappingURL=single-dinks.css.map */