@charset "UTF-8";
.pre-inc header {
  transform: translateY(-100%);
  pointer-events: none;
  background: transparent;
  transition: 0.5s all;
}
.pre-inc header.on {
  transform: translateY(0%);
  pointer-events: painted;
}
.pre-inc header.bk_white {
  background: rgba(255, 255, 255, 0.9);
}
.pre-inc .hb_menu {
  display: none;
}
.pre-inc article {
  margin-top: 0;
}
.pre-inc .mainvisual_container .slick-slide img{
	width: 100%;
}
@media screen and (max-width: 768px) {
  .pre-inc header {
    transform: translateY(calc(-100% - 40px));
  }
  .pre-inc article {
    margin-top: 0;
  }
}
.pre-inc {
  /* メイン */
}
.pre-inc main {
  height: calc(56.25vw - 10px);
  overflow: hidden;
}
.pre-inc main video {
  width: 100%;
}
.pre-inc .loading_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
}
.pre-inc .loading {
  width: 3vw;
  height: 3vw;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 0.4vw rgba(0, 0, 0, 0.25) solid;
  border-top: 0.4vw rgb(0, 0, 0) solid;
  border-radius: 50%;
  animation: spCircRot 0.6s infinite linear;
}
@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@media screen and (max-width: 768px) {
  .pre-inc main {
    height: 130vw;
  }
  .pre-inc .loading {
    width: 8vw;
    height: 8vw;
    border: 1vw rgba(0, 0, 0, 0.25) solid;
    border-top: 1vw rgb(0, 0, 0) solid;
  }
}
.pre-inc #koudou {
  padding: 0.7em 0;
  font-size: 50px;
  color: #333;
  overflow: hidden;
}
.pre-inc .koudou_item {
  text-align: center;
  z-index: 1;
}
.pre-inc .koudou_item > dt {
  font-size: 1em; /* text-align-last: justify; */
  padding: 0;
}
.pre-inc .koudou_item > dd {
  border-top: 1px solid #a58947;
}
.pre-inc .koudou_item > dt h2 {
  letter-spacing: 0.02em;
  animation-name: fadeInUp;
}
.pre-inc .koudou01 {
  padding: 1em 0 0.5em 0;
}
.pre-inc .koudou01 > div {
  display: inline-block;
  line-height: 1;
}
.pre-inc .koudou_item small {
  font-size: 0.6em;
  display: block;
  text-align-last: initial;
  letter-spacing: 0.2em;
}
.pre-inc .koudou_item small sup {
  letter-spacing: 0;
}
.pre-inc .koudou_item .action {
  color: #7f6000;
  letter-spacing: 0.2em;
  font-size: 1.8em;
  animation-name: fadeInUp;
}
.pre-inc .koudou_item .action span {
  font-size: 0.3em;
  top: -10px;
  letter-spacing: 0.3em;
  display: block;
}
.pre-inc .koudou_item .action a:hover{
  opacity:0.6;
}
.pre-inc .koudou_item .action .reserve_btn {
  background: linear-gradient(to right, #987841, #cda957);
  font-size: 16px;
  text-align: center;
  padding: 0.7em 1.2em;
  display: block;
  margin: auto auto 0;
  width: 240px;
  color: #fff;
  transition: 0.3s all;
  line-height: 1.2;
}
.pre-inc .koudou_item .action .reserve_btn::before {
  content: "";
  display: block;
  width: 0.45em;
  height: 1px;
  position: absolute;
  right: 6%;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: #fff;
  transform: rotate(40deg);
  transform-origin: right;
}
.pre-inc .koudou_item .action .reserve_btn::after {
  content: "";
  display: block;
  width: 2em;
  height: 1px;
  position: absolute;
  right: 6%;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: #fff;
}
.pre-inc #merit{
  background: url(../img/top/merit_bg.webp) no-repeat center top / cover;
  background-size: cover;
}
.pre-inc #merit .meritBox ul{
  display: flex;
  max-width: 1024px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
}
.pre-inc #merit .meritBox li{
  width: 45%;
  padding: 3em 0;
}
.pre-inc #merit .meritBox li.line{
  width: 1px;
  border-right: 1px solid #fff;
  height: 80%;
}


.pre-inc .koudou_item .priceBox {
  margin: 0.5em auto;
  width: 10em;
  animation-name: fadeInUp;
}
.pre-inc {
  /*　.koudou_item small{font-size: 0.3em;display: block;}　*/
}
.pre-inc .koudou01 span {
  font-size: 0.72em;
}
.pre-inc .koudou01 small.rosen {
  text-align: left;
  margin-bottom: -3.5em;
  margin-left: 0.3em;
}
.pre-inc .koudou01 small.kyori {
  text-align: right;
}
.pre-inc .koudou01 big {
  font-size: 1.2em;
}
.pre-inc .koudou01 strong {
  font-size: 2.4em;
  font-family: "EB Garamond", serif;
  color: #c30d23;
  vertical-align: -0.03em;
  font-style: italic;
  display: inline-block;
  margin: 0 0.07em 0 0em;
}
.pre-inc .koudou02 {
  padding: 0.2em 0 1em;
}
.pre-inc .koudou02 h3 {
  background: #a58947;
  color: #fff;
  display: inline-block;
  padding: 0.2em 0.7em;
  font-size: 0.64em;
  letter-spacing: 0.05em;
}
.pre-inc .koudou02 h3 sup {
  font-size: 0.45em;
  vertical-align: 1em;
}
.pre-inc .koudou02 ul {
  display: flex;
  justify-content: center;
  line-height: 1;
  margin-top: 0.7em;
}
.pre-inc .koudou02 ul li:nth-of-type(2) {
  margin-left: 0.8em;
}
.pre-inc .koudou02 span {
  font-size: 0.56em;
}
.pre-inc .koudou02 big {
  font-size: 0.64em;
}
.pre-inc .koudou02 small.rosen {
  text-align: left;
  margin-bottom: -0.7em;
  margin-left: 0.3em;
}
.pre-inc .koudou02 small.kyori {
  display: inline-block;
  margin-left: 0.3em;
}
.pre-inc .koudou02 strong {
  font-size: 1.2em;
  font-family: "EB Garamond", serif;
  color: #a58947;
  vertical-align: -0.05em;
  display: inline-block;
  margin: 0 0.05em 0 0;
}
.pre-inc .koudou_bk {
  background-image: url("../img/top/koudou_bk.webp");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: -40%;
  height: 140%;
  width: 100%;
}
.pre-inc #takes_minutes {
  background: rgb(0, 32, 96);
}
.pre-inc .takes_minutes_lead {
  padding: 40px 0 43px;
}
.pre-inc .takes_minutes_lead p {
  text-align: center;
  font-size: 60px;
  color: #fff;
  animation-name: fadeInUp;
}
.pre-inc .takes_minutes_lead p small {
  font-size: 0.6em;
  display: block;
}
.pre-inc .takes_minutes_item {
  display: flex;
}
.pre-inc .takes_minutes_item > li {
  flex-grow: 1;
  font-size: 1.04vw;
  animation-name: fadeIn;
}
.pre-inc .takes_minutes_item > li i {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 32, 96, 0.4);
  animation-name: fadeIn;
  animation-delay: 0.3s;
}
.pre-inc .takes_minutes_item > li figure img {
  width: 100%;
}
.pre-inc .takes_minutes_item > li .copy {
  text-align: center;
  color: #fff;
  text-shadow: 0 0 0.2vw #000, 0 0 0.2vw #000, 0 0 0.2vw #000;
  animation-name: fadeInUp;
  position: absolute;
  left: 0;
  bottom: 9%;
  width: 100%;
  animation-delay: 0.3s;
  letter-spacing: 0.05em;
}
.pre-inc .takes_minutes_item > li .copy p {
  display: inline-block;
}
.pre-inc .takes_minutes_item > li .copy p > small {
  font-size: 0.7em;
  display: block;
  text-align: left;
  margin-bottom: -1.8em;
}
.pre-inc .takes_minutes_item > li .copy p > span {
  font-size: 2em;
}
.pre-inc .takes_minutes_item > li .copy p > span small {
  font-size: 0.8em;
}
.pre-inc .takes_minutes_item > li .copy p > span big {
  font-size: 2em;
  font-family: "EB Garamond", serif;
  color: #e1bb61;
  line-height: 1;
}
.pre-inc .takes_minutes_item > li .copy p > span + small {
  text-align: right;
  margin: -0.5em 0 0 0;
}
.pre-inc .car_bk {
  background-image: url("../img/top/car_bk.webp");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.pre-inc #carBox .carBnr {
  max-width: 1920px;
  margin: 0 auto;
}
.pre-inc #carBox .carBnr img {
  object-fit: cover;
  height: 400px;
}

@media (min-width: 770px) and (max-width: 1400px) {
  .pre-inc #merit .meritBox ul{
    max-width: 700px;
  }
  .pre-inc #merit .meritBox li{
    padding: 2em 0;
    width: 40%;
  }
}

@media (min-width: 770px) and (max-width: 1090px) {
  .pre-inc .koudou_item > dt{
    font-size: 3.5vw;
  }
}

@media screen and (min-width: 769px) {
  .pre-inc .takes_minutes_item > li:nth-of-type(2) {
    animation-delay: 0.3s;
  }
  .pre-inc .takes_minutes_item > li:nth-of-type(2) i {
    animation-delay: 0.6s;
  }
  .pre-inc .takes_minutes_item > li:nth-of-type(2) .copy {
    animation-delay: 0.6s;
  }
  .pre-inc .takes_minutes_item > li:nth-of-type(3) {
    animation-delay: 0.6s;
  }
  .pre-inc .takes_minutes_item > li:nth-of-type(3) i {
    animation-delay: 0.9s;
  }
  .pre-inc .takes_minutes_item > li:nth-of-type(3) .copy {
    animation-delay: 0.9s;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc #koudou {
    padding: 0.7em 0;
    font-size: 5.3vw;
  }
  .pre-inc .koudou_item > dt {
    font-size: 0.8em;
    text-align-last: center;
    padding: 0.8em 0;
  }
  .pre-inc .koudou01 {
    padding: 1em 0 0.5em 0;
  }
  .pre-inc .koudou_item small {
    font-size: 0.55em;
  }
  .pre-inc .koudou01 span {
    font-size: 1.1em;
  }
  .pre-inc .koudou01 small.rosen {
    margin-bottom: -2em;
  }
  .pre-inc .koudou01 big {
    font-size: 1.4em;
  }
  .pre-inc .koudou01 strong {
    font-size: 2.8em;
  }
  .pre-inc .koudou02 {
    padding: 0.4em 0 1em;
  }
  .pre-inc .koudou02 h3 {
    font-size: 0.85em;
  }
  .pre-inc .koudou02 ul {
    margin-top: 0.7em;
  }
  .pre-inc .koudou02 ul li:nth-of-type(2) {
    margin-left: 1em;
  }
  .pre-inc .koudou02 span {
    font-size: 0.8em;
  }
  .pre-inc .koudou02 big {
    font-size: 1em;
    margin-left: -0.5em;
  }
  .pre-inc .koudou02 small.rosen {
    margin-bottom: -0.3em;
    margin-left: -0.7em;
  }
  .pre-inc .koudou02 small.kyori {
    display: block;
    margin-left: 0;
    text-align: right;
  }
  .pre-inc .koudou02 strong {
    font-size: 1.7em;
  }
  .pre-inc .koudou_item > dt h2 {
    letter-spacing: 0em;
  }
  .pre-inc .koudou_item .action span {
    margin: 0.5em auto 0;
    font-size: 0.8em;
    padding: 0.1em 0;
  }
  .pre-inc .koudou_item .priceBox {
    width: 80%;
  }
  .pre-inc #merit{
    background: url(../img/top/merit_bg_sp.webp) no-repeat center top / cover;
  }
  .pre-inc #merit .meritBox ul{
    flex-direction: column;
    align-items: center;
  }
  .pre-inc #merit .meritBox li{
    padding: 1em 0;
    width: 55%;
  }
  .pre-inc #merit .meritBox li.line{
    width: 80%;
    border-right: unset;
    border-bottom: 1px solid #fff;
    height: unset;
    padding: 0;
  }
  .pre-inc .takes_minutes_lead {
    padding: 5vw 0 5.2vw;
  }
  .pre-inc .takes_minutes_lead p {
    font-size: 6.5vw;
  }
  .pre-inc .takes_minutes_item {
    flex-wrap: wrap;
  }
  .pre-inc .takes_minutes_item > li {
    font-size: 3.7vw;
    width: 100%;
  }
  .pre-inc .takes_minutes_item > li .copy {
    text-shadow: 0 0 1vw #000, 0 0 1vw #000;
  }
  .pre-inc #carBox .carBnr img {
    object-fit: cover;
    height: 170px;
  }
}
.pre-inc #information {
  background: url("../img/top/information_bk.webp") no-repeat center center/cover;
  padding: 70px 0;
}
.pre-inc #information h2 {
  color: #fff;
  font-size: 24px;
  letter-spacing: 0.2em;
  padding-left: 0.2em;
  text-align: center;
  font-family: "EB Garamond", serif;
}
.pre-inc #information .information {
  max-width: 960px;
  margin: 0 auto;
}
.pre-inc #information .information_item {
  margin: 40px auto;
  padding: 0 110px;
}
.pre-inc #information .information_item dl {
  display: flex;
  justify-content: space-between;
  height: 16em;
  overflow-y: scroll;
  flex-wrap: wrap;
  flex-direction: row;
  font-size: 15px;
  color: #000;
  background: #fff;
  padding: 20px 40px;
}
.pre-inc #information .information_item dt {
  width: 7em;
  margin-bottom: 5px;
  letter-spacing: 0.1em;
}
.pre-inc #information .information_item dd {
  width: calc(100% - 7em);
  margin-bottom: 5px;
}
.pre-inc #information .information_item dd a, .pre-inc #information .information_item dd a:hover {
  text-decoration: underline;
  color: #000;
}
.pre-inc #information .information_item dt:nth-of-type(n+2) {
  margin-top: 10px;
}
.pre-inc #information .information_item dd:nth-of-type(n+2) {
  margin-top: 10px;
}
.pre-inc .entry_frame {
  background: #90834e;
  max-width: 740px;
  margin: 1.5em auto 0;
  font-size: 32px;
  padding: 1em 0.5em 1em;
  text-align: center;
  animation-name: fadeInUp;
}
.pre-inc .entry_frame::before {
  content: "";
  display: block;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  pointer-events: none;
}
.pre-inc .entry_frame h3 {
  color: #fff;
  letter-spacing: 0.1em;
  padding-left: 0.1em;
}
.pre-inc .entry_frame h3 small {
  font-size: 0.75em;
}
.pre-inc .entry_btn {
  color: #444;
  font-size: 0.75em;
  background: #fff;
  padding: 0.3em 1.5em;
  display: inline-block;
  letter-spacing: 0.2em;
  margin-top: 0.7em;
  font-family: "EB Garamond", serif;
}
.pre-inc .entry_btn::after {
  content: "";
  width: 2.8em;
  height: 1px;
  display: inline-block;
  background: #444;
  vertical-align: 0.2em;
  margin-left: 0.7em;
  transition: 0.3s all;
}
.pre-inc .entry_btn::before {
  content: "";
  width: 0.75em;
  height: 1px;
  display: inline-block;
  background: #444;
  position: absolute;
  right: 1.5em;
  bottom: 0.9em;
  transform: rotate(25deg);
  transform-origin: right;
  transition: 0.3s all;
}
.pre-inc .entry_btn + p {
  font-size: 0.8em;
  margin-top: 0.5em;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .pre-inc .entry_btn:hover::after {
    transform: translateX(0.7em);
  }
  .pre-inc .entry_btn:hover::before {
    transform: rotate(25deg) translate(0.7em, -0.3em);
  }
}
@media screen and (max-width: 768px) {
  .pre-inc #information {
    padding: 10vw 0;
  }
  .pre-inc #information h2 {
    font-size: 5vw;
  }
  .pre-inc #information {
    padding: 10vw 4vw;
  }
  .pre-inc #information .information_item {
    flex-wrap: wrap;
    margin: 20px auto;
    padding: 0;
  }
  .pre-inc #information .information_item h3 {
    width: 100%;
    color: #6b5526;
    font-size: 16px;
    border-bottom: 1px solid #888;
    border-right: none;
    padding-bottom: 3px;
  }
  .pre-inc #information .information_item dl {
    width: 100%;
    height: 18em;
    flex-wrap: wrap;
    padding-left: 0;
    margin-top: 10px;
    font-size: 12px;
    padding: 20px 20px;
  }
  .pre-inc #information .information_item dt {
    width: 7em;
  }
  .pre-inc .entry_frame {
    width: 90vw;
    margin: 1.3em auto 0;
    font-size: 6vw;
  }
  .pre-inc .entry_frame::before {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
  }
}
.pre-inc #feature {
  padding: 1em 0;
  font-size: 32px;
  background: url("../img/top/feature_bk.webp") no-repeat center top/cover;
  text-align: center;
}
.pre-inc .feature_item > dt {
  padding: 1em 0;
}
.pre-inc .feature_item > dd {
  border-top: 1px solid #fff;
  padding: 1em 0;
  color: #fff;
}
.pre-inc .feature_item > * * {
  animation-name: fadeInUp;
}
.pre-inc .feature_item > dd div {
  display: inline-block;
}
.pre-inc .feature_item > dd span {
  font-size: 0.75em;
  display: block;
}
.pre-inc .feature_item > dd p {
  color: #ebdfad;
  font-size: 1em;
  letter-spacing: 0.1em;
}
.pre-inc .feature_item > dd p i {
  font-family: "EB Garamond", serif;
  font-size: 1.25em;
}
.pre-inc .feature_item > dd small {
  font-size: 0.5em;
  display: block;
}
.pre-inc .feature_item > dd small.menseki {
  text-align: left;
  margin-bottom: -0.5em;
}
@media screen and (max-width: 768px) {
  .pre-inc #feature {
    padding: 0.5em 0;
    font-size: 6vw;
  }
  .pre-inc .feature_item > dt {
    padding: 0.2em 0 0.7em 0;
  }
  .pre-inc .feature_item > dd {
    border-top: 1px solid #fff;
    padding: 0.5em 0;
    color: #fff;
  }
  .pre-inc .feature_item > * * {
    animation-name: fadeInUp;
  }
  .pre-inc .feature_item > dd div {
    display: inline-block;
  }
  .pre-inc .feature_item > dd span {
    font-size: 0.75em;
    display: block;
  }
  .pre-inc .feature_item > dd p {
    color: #ebdfad;
    font-size: 1em;
    letter-spacing: 0.1em;
  }
  .pre-inc .feature_item > dd p i {
    font-family: "EB Garamond", serif;
    font-size: 1.25em;
  }
  .pre-inc .feature_item > dd small {
    font-size: 0.5em;
    display: block;
  }
  .pre-inc .feature_item > dd small.menseki {
    text-align: left;
    margin-bottom: -0.5em;
  }
}
.pre-inc {
  /* Floating */
}
.pre-inc .floating_btn {
  display: none;
  position: fixed;
  right: 0;
  bottom: 10%;
  z-index: 10000;
  transition: 0.3s all;
  max-width: 300px;
  width: 20%;
}
.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: 10px;
  right: 10px;
  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 {
  /* ブランドバナー */
}
.pre-inc #banner {
  width: 100%;
  text-align: center;
}
.pre-inc #banner.bannerArea {
  margin: 80px auto 0;
}
.pre-inc #banner.bannerArea a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .pre-inc #banner {
    width: 94%;
    margin: 0 auto;
  }
  .pre-inc #banner.bannerArea {
    margin: 40px auto 0;
  }
}
.pre-inc #link_panel {
  padding: 90px 0 0;
  background: linear-gradient(to bottom, #ebe8e2, #fff);
}
.pre-inc .link_panel_item {
  max-width: 1920px;
  margin: 0 auto;
}
.pre-inc .link_panel_item dt {
  width: 73%;
  animation-name: fadeInLeft;
}
.pre-inc .link_panel_item dd {
  width: 700px;
  height: 355px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(115, 170, 172, 0.9);
  padding: 60px 0 30px 80px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  animation-name: fadeInRight;
}
.pre-inc .link_panel_item dd h3 {
  color: #fff;
  font-size: 36px;
  letter-spacing: 0.1em;
  font-family: "EB Garamond", serif;
}
.pre-inc .link_panel_item dd h3 + p {
  font-size: 18px;
  color: #fff;
  margin-top: 20px;
  letter-spacing: 0.3em;
  text-align: center;
}
.pre-inc .link_panel_item:nth-of-type(n+2) {
  margin-top: 70px;
}
.pre-inc .viewmore_btn_wrap {
  width: 100%;
  text-align: right;
  margin-top: auto;
  padding-right: 30px;
}
.pre-inc .viewmore_btn {
  background: #fff;
  font-size: 16px;
  text-align: center;
  padding: 0.7em 1.2em;
  display: block;
  margin: auto auto 0;
  width: 240px;
  color: #333;
  transition: 0.3s all;
  line-height: 1.2;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 15%;
  font-family: "EB Garamond", serif;
}
.pre-inc .viewmore_btn::after {
  content: "";
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  border: 1px solid #fff;
}
.pre-inc .viewmore_btn span {
  font-size: 18px;
  color: #000;
  letter-spacing: 0.05em;
  z-index: 1;
}
.pre-inc .viewmore_btn::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #528889;
  display: block;
  transform: scaleX(0);
  transform-origin: left;
  transition: 0.3s all;
}
@media screen and (min-width: 769px) {
  .pre-inc .link_panel_item:nth-of-type(odd) dt .cap_wb {
    right: auto;
    left: 10px;
  }
  .pre-inc .link_panel_item:nth-of-type(even) dt {
    margin-left: 27%;
    animation-name: fadeInRight;
  }
  .pre-inc .link_panel_item:nth-of-type(even) dd {
    right: auto;
    left: 0;
    animation-name: fadeInLeft;
  }
  .pre-inc .viewmore_btn:hover span {
    color: #fff;
  }
  .pre-inc .viewmore_btn:hover::before {
    transform: scaleX(1);
  }
}
@media screen and (max-width: 1200px) {
  .pre-inc .link_panel_item dd {
    width: 50%;
    height: 30vw;
    padding: 4vw 0 3vw 6vw;
  }
  .pre-inc .link_panel_item dd h3 {
    font-size: 2.7vw;
  }
  .pre-inc .link_panel_item dd h3 + p {
    font-size: 2vw;
  }
  .pre-inc .viewmore_btn {
    font-size: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc #link_panel {
    padding: 40px 0 20px;
    background: linear-gradient(to bottom, #ebe8e2, #fff);
  }
  .pre-inc .link_panel_item {
    margin: 0 auto;
  }
  .pre-inc .link_panel_item dt {
    width: 100%;
    animation-name: fadeIn;
  }
  .pre-inc .link_panel_item dd {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 15px 20px 0;
    position: static;
    animation-name: fadeInUp;
  }
  .pre-inc .link_panel_item dd h3 {
    font-size: 6vw;
    text-align: center;
  }
  .pre-inc .link_panel_item dd h3 + p {
    font-size: 4vw;
    margin-top: 10px;
    text-align: center;
    line-height: 1.6;
  }
  .pre-inc .link_panel_item:nth-of-type(n+2) {
    margin-top: 50px;
  }
  .pre-inc .viewmore_btn_wrap {
    padding-right: 0;
    text-align: center;
    margin: 50px auto 20px;
  }
  .pre-inc .viewmore_btn {
    width: 200px;
    padding: 5px 0;
  }
  .pre-inc .viewmore_btn span {
    font-size: 3.7vw;
  }
}
.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: 0;
    right: 0;
  }
}
.pre-inc .bnrArea {
  width: 1024px;
  padding: 15px 0 0;
  margin: 0 auto;
  background: #fff;
  line-height: 1.5;
}
.pre-inc .bnrArea:first-child {
    padding: 30px 0 0;
    margin: 30px 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 {
  /* 20250827 */
}
.pre-inc main {
  height: auto;
}
.pre-inc .mainvisual {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}
.pre-inc .mvpanel, .pre-inc .mv01 {
  opacity: 0;
  transition: 1s;
}
.pre-inc .mainvisual .mvpanel {
  top: 0;
  position: absolute;
}
.pre-inc .mv_note {
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  letter-spacing: 0.08em;
}
.pre-inc .mv01.on, .pre-inc .mv02.on, .pre-inc .mv03.on, .pre-inc .mv04.on {
  opacity: 1;
}
.pre-inc .mvpanel.mv05 {
  top: -50px;
  transition: 1.5s;
}
.pre-inc .mv05.on {
  opacity: 1;
  top: 0;
}
.pre-inc {
  /* ekimae */
}
.pre-inc #ekimae {
  /*background: url("../img/top/ekimae_bg.png") no-repeat;*/
  background: url("../img/top/ekimae_bg.jpg") no-repeat center center;
  background-size: cover;
  padding: 80px 0;
}
.pre-inc .ekimae_container h2 {
  font-size: 50px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 70px;
}
.pre-inc .ekimaeslider {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pre-inc .ekimaeslider .slick-list {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pre-inc .ekimaeslider .ekimae_card.odd {
  background: linear-gradient(115deg, #203864 0%, #203864 65%, #151f42 65%, #151f42 100%);
  border-radius: 10px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 10px 30px;
  margin: 0 20px;
  transition: transform 800ms;
  transform: rotate(-2deg);
}
.pre-inc .ekimaeslider .ekimae_card.even {
  background: linear-gradient(115deg, #2f5597 0%, #2f5597 65%, #3c486e 65%, #3c486e 100%);
  border-radius: 10px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 10px 30px;
  margin: 0 20px;
  transition: transform 800ms;
  transform: rotate(2deg);
}
.pre-inc #ekimae.reverse .slick-slide.odd {
  transform: rotate(2deg);
}
.pre-inc #ekimae.reverse .slick-slide.even {
  transform: rotate(-2deg);
}
.pre-inc .ekimae_card .ekimae_image {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 35px;
}
.pre-inc .ekimae_card .card_ttl {
  color: #FFF;
  font-size: 28px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.03em;
  text-align: center;
  text-shadow: 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5);
  margin-bottom: 40px;
}
.pre-inc .ekimae_card .card_ttl.car {
  margin-bottom: -1em;
}
.pre-inc .ekimae_card .card_ttl span {
  letter-spacing: -0.05em;
}
.pre-inc .ekimae_card .card_ttl sup {
  vertical-align: 1.3em;
  font-size: 0.4em;
}
.pre-inc .ekimae_card .card_ttl small {
  vertical-align: 2em;
  font-size: 0.6em;
}
.pre-inc .ekimae_card p {
  color: #FFF;
  font-size: 15px;
  text-align: center;
}
@media screen and (max-width: 1400px) {
  .pre-inc .ekimae_card .ekimae_image img {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .pre-inc .ekimae_container h2 {
    font-size: 22px;
  }
  .pre-inc .ekimae_card p {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc #ekimae {
    padding: 40px 0;
  }
  .pre-inc .mv_note {
    font-size: 10px;
    bottom: 10px;
    left: 10px;
  }
  .pre-inc .ekimae_container h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .pre-inc .ekimaeslider_sp01, .pre-inc .ekimaeslider_sp02 {
    margin-bottom: 10px;
  }
  .pre-inc .ekimaeslider_sp01 .slick-list, .pre-inc .ekimaeslider_sp02 .slick-list {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pre-inc .ekimaeslider_sp01 .ekimae_card.odd, .pre-inc .ekimaeslider_sp02 .ekimae_card.even {
    background: linear-gradient(115deg, #203864 0%, #203864 65%, #151f42 65%, #151f42 100%);
    border-radius: 10px;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    padding: 10px 10px 30px;
    margin: 0 20px;
    transition: transform 800ms;
    transform: rotate(-2deg);
  }
  .pre-inc .ekimaeslider_sp01 .ekimae_card.even, .pre-inc .ekimaeslider_sp02 .ekimae_card.odd {
    background: linear-gradient(115deg, #2f5597 0%, #2f5597 65%, #3c486e 65%, #3c486e 100%);
    border-radius: 10px;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    padding: 10px 10px 30px;
    margin: 0 20px;
    transition: transform 800ms;
    transform: rotate(2deg);
  }
  .pre-inc #ekimae.reverse .ekimaeslider_sp01 .slick-slide.odd, .pre-inc #ekimae.reverse .ekimaeslider_sp02 .slick-slide.even {
    transform: rotate(2deg);
  }
  .pre-inc #ekimae.reverse .ekimaeslider_sp01 .slick-slide.even, .pre-inc #ekimae.reverse .ekimaeslider_sp02 .slick-slide.odd {
    transform: rotate(-2deg);
  }
  .pre-inc .ekimae_card .ekimae_image {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 35px;
  }
  .pre-inc .ekimae_card .card_ttl {
    color: #FFF;
    font-size: 28px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.03em;
    text-align: center;
    text-shadow: 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5);
    margin-bottom: 40px;
  }
  .pre-inc .ekimae_card .card_ttl span {
    letter-spacing: -0.05em;
  }
  .pre-inc .ekimae_card p {
    color: #FFF;
    font-size: 15px;
    text-align: center;
  }
  .pre-inc .ekimae_card .ekimae_image {
    margin-bottom: 15px;
  }
  .pre-inc .ekimae_image .cap_wb {
    font-size: 8px;
  }
  .pre-inc .ekimae_card .card_ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .pre-inc .ekimae_card p {
    font-size: 14px;
  }
}
.pre-inc {
  /* 20250907 */
}
.pre-inc .contents_slider {
  width: 94%;
  padding-left: 4%;
  margin: 0 0 0 auto;
  display: flex;
  justify-content: space-between;
}
.pre-inc .contents_info {
  width: 22%;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.pre-inc .contents_info h2 {
  font-size: 1.88vw;
  line-height: 180%;
}
.pre-inc .contents_info h2 sup {
  font-size: 0.5em;
}
.pre-inc .dotsbox {
  display: block;
  width: 100%;
  margin-top: 50px;
}
.pre-inc .contents_images {
  width: 76%;
}
.pre-inc .contents_images .ekimae_card.odd {
  background: linear-gradient(115deg, #203864 0%, #203864 65%, #151f42 65%, #151f42 100%);
  border-radius: 10px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 10px 30px;
  margin: 0 20px;
  transition: transform 800ms;
  transform: rotate(-2deg);
}
.pre-inc .contents_images .ekimae_card.even {
  background: linear-gradient(115deg, #2f5597 0%, #2f5597 65%, #3c486e 65%, #3c486e 100%);
  border-radius: 10px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 10px 30px;
  margin: 0 20px;
  transition: transform 800ms;
  transform: rotate(2deg);
}
.pre-inc .contents_images .slick-list {
  padding: 10px !important;
}
.pre-inc #ekimae.reverse .slick-slide.odd {
  transform: rotate(2deg);
}
.pre-inc #ekimae.reverse .slick-slide.even {
  transform: rotate(-2deg);
}
.pre-inc .ekimae_card .ekimae_image {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 35px;
}
.pre-inc .ekimae_card .card_ttl {
  color: #FFF;
  font-size: 28px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.03em;
  text-align: center;
  text-shadow: 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5), 0px 0px 0.1em rgba(0, 0, 0, 0.5);
  margin-bottom: 40px;
}
.pre-inc .ekimae_card .card_ttl.car {
  margin-bottom: -1.2em;
  padding: 10px 10px 10px;
}
.pre-inc .ekimae_card .card_ttl ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.pre-inc .ekimae_card .card_ttl li {
  width: 100%;
}
.pre-inc .ekimae_card .card_ttl li:first-child {
  margin-top: -0.8em;
}
.pre-inc .ekimae_card .card_ttl li:nth-child(2) {
  margin-top: -0.2em;
}
.pre-inc .ekimae_card .card_ttl li:last-child {
  margin-top: -1.5em;
}
.pre-inc .ekimae_card .card_ttl.redevelopment {
  margin-bottom: -1.3em;
  padding: 10px 10px 10px;
}
.pre-inc .ekimae_card .card_ttl.redevelopment small {
  font-size: 0.6em;
}
.pre-inc .ekimae_card .card_ttl span {
  letter-spacing: -0.05em;
}
.pre-inc .ekimae_card .card_ttl sup {
  vertical-align: 1.3em;
  font-size: 0.4em;
}
.pre-inc .ekimae_card .card_ttl small {
  vertical-align: 2em;
  font-size: 0.6em;
}
.pre-inc .ekimae_card .card_ttl .mini {
  font-size: 0.8em;
}
.pre-inc .ekimae_card p {
  color: #FFF;
  font-size: 15px;
  text-align: center;
}
.pre-inc .contents_info .slick-dots {
  text-align: left;
}
.pre-inc .contents_info .slick-dots li {
  background: #999999;
  width: 30px;
  height: 10px;
  margin: 0 5px;
}
.pre-inc .contents_info .slick-dots li.slick-active {
  background: #151f42;
}
.pre-inc .contents_info .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 30px;
  height: 10px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.pre-inc .contents_info .slick-dots li button::before {
  display: none;
}
.pre-inc .readtext {
  margin-bottom: 35px;
}
.pre-inc .readtext p {
  font-family: "Noto Sans JP", sans-serif;
  color: #7f6000;
  font-size: 1.46vw;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .pre-inc .contents_slider {
    width: 98%;
    padding-left: 2%;
  }
  .pre-inc .contents_info {
    width: 28%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .pre-inc .contents_info h2 {
    font-size: 16px;
    line-height: 180%;
  }
  .pre-inc .contents_images {
    width: 70%;
  }
  .pre-inc .contents_images .ekimae_card {
    max-width: 240px;
  }
  .pre-inc .ekimae_card .card_ttl.car {
    margin-bottom: -1.2em;
    padding: 10px 10px 10px;
  }
  .pre-inc .ekimae_card .card_ttl li:first-child {
    margin-top: -1.5em;
  }
  .pre-inc .ekimae_card .card_ttl.redevelopment {
    margin-bottom: -1.3em;
    padding: 10px 10px 30px;
    margin-top: -1.2em;
  }
  .pre-inc .ekimae_card .card_ttl.redevelopment small {
    font-size: 0.4em;
  }
  .pre-inc .dotsbox {
    margin-top: 20px;
  }
  .pre-inc .contents_info .slick-dots {
    position: relative;
    bottom: 0;
    width: 60px;
  }
  .pre-inc .ekimae_card .card_ttl {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .pre-inc .ekimae_card p {
    font-size: 14px;
  }
  .pre-inc .readtext {
    margin-bottom: 15px;
  }
  .pre-inc .readtext p {
    font-size: 16px;
  }
}

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