@charset "UTF-8";
body,
#all_wrap {
  width: 100vw;
  overflow-x: hidden;
}

@media (min-width: 800px) {
  .disp-sp {
    display: none;
  }
  .disp-pc {
    display: block;
  }
}
@media (max-width: 800px) {
  .disp-pc {
    display: none;
  }
  .disp-sp {
    display: block;
  }
}
.eng {
  font-family: "Cormorant SC", serif;
  font-weight: bold;
  letter-spacing: 0.25rem;
}

.jpserif {
  font-family: "Noto Serif JP", serif;
  font-weight: normal;
  letter-spacing: 0.2rem;
}

.jpn {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  letter-spacing: 0.1rem;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
}

.slick-slider {
  -ms-touch-action: auto;
  touch-action: auto;
}

.-fixed {
  position: fixed;
  transition: 100ms;
  opacity: 1 !important;
}
@media (max-width: 1000px) {
  .-fixed {
    position: inherit;
  }
}

.-flx {
  display: flex;
  flex-wrap: wrap;
}

.-abs {
  position: absolute;
  opacity: 1;
  transition: 200ms;
}

.-ontop {
  z-index: 3;
  transition: 500ms liner;
  opacity: 1 !important;
}

.-transleft {
  width: 80vw;
  transition: 250ms;
}

.-transright {
  width: 48vw !important;
  transition: 100ms;
}

.ud-line::after {
  content: "";
  display: block;
  border: bottom;
  width: 100%;
  height: 1px;
  border: 1px solid #222;
}

h3,
p,
h2,
h4,
h5,
span,
.details {
  color: #231815;
}

body {
  width: 100vw;
  overflow-x: hidden;
}

@keyframes opa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hanaB {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hanaB12 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes opa_rev {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opa_blur {
  0% {
    filter: blur(0px);
  }
  100% {
    filter: blur(3px);
  }
}
@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(20px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes opa05 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes z-in03_01 {
  0% {
    z-index: 3;
  }
  100% {
    z-index: -3;
  }
}
:root {
  /* 共通の角度計算結果を変数に格納 */
  --angle-tan: tan(atan2(100vw, 100vh));
  --test-value: 10;
}

#all_wrap {
  width: 100vw;
  position: relative;
  background-color: #45444c;
}

body {
  overflow: visible !important;
}

body div.cmpwrapper:empty,
body div.cmpwrapper,
body div#cmpwrapper.cmpwrapper,
body div#cmpwrapper.cmpwrapper:empty {
  display: none !important;
}

#lp_hd {
  position: fixed;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  z-index: 9999;
  height: 6vh;
  padding: 2vh 4vh 0vh 2vh;
  opacity: 0;
  animation: opa 2s ease-in-out;
  animation-delay: 3s;
  animation-fill-mode: forwards;
}
@media (max-width: 480px) {
  #lp_hd {
    height: 6vw;
    padding: 3vw;
  }
}
#lp_hd img {
  width: auto;
  height: 3vh;
}
@media (max-width: 480px) {
  #lp_hd img {
    height: 5vw;
  }
}
#lp_hd .logo_l img {
  height: 7.5vh;
}
@media (max-width: 480px) {
  #lp_hd .logo_l img {
    height: 5.5vh;
  }
}

#cv_float {
  position: fixed;
  background: #302f2f;
  opacity: 1;
  transition: 0.5s ease-in-out;
  border-top: 1px #fcf6b1 solid;
  z-index: 5;
}
@media (min-width: 800px) {
  #cv_float {
    display: flex;
    flex-direction: column;
    bottom: 0;
    position: fixed;
    height: 6vh;
    width: 100vw;
    background: #000;
    justify-content: center;
  }
}
@media (max-width: 800px) {
  #cv_float {
    position: fixed;
    height: 16svh;
    bottom: 0;
    width: 100vw;
    background: #302f2f;
    opacity: 1;
    transition: 0.5s ease-in-out;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0));
    z-index: 999;
    display: flex;
    padding: 1vh 2vh;
    flex-direction: column;
    justify-content: center;
    border-top: 1px #fcf6b1 solid;
  }
}
@media (max-width: 480px) {
  #cv_float {
    height: 16svh;
  }
}
@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 0) {
  #cv_float {
    height: 17lvh;
    padding-bottom: 2lvh;
  }
}
#cv_float picture > img {
  width: 83%;
  margin: 0.3lvh auto 0.3lvh;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #cv_float picture > img {
    margin: 0.5lvh auto 0.5lvh;
  }
}
@media (min-width: 800px) {
  #cv_float picture > img {
    width: 50%;
    margin: 0.5lvh auto 0.5lvh;
  }
}
#cv_float picture .float_txt_gold-pc {
  width: 55%;
}
#cv_float .div_shime {
  margin: 0.4vh auto 1.3vh;
  width: 85%;
}
@media (min-width: 800px) {
  #cv_float .div_shime {
    display: none;
  }
}
#cv_float .btn_wrap {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media (min-width: 800px) {
  #cv_float .btn_wrap {
    display: none;
  }
}
#cv_float .btn_wrap a {
  width: min(10%, 10svh);
}
@media (max-width: 480px) {
  #cv_float .btn_wrap a {
    width: 15%;
  }
}
#cv_float .btn_wrap a img {
  width: 100%;
  height: auto;
}
#cv_float .btn_wrap a.right {
  width: min(12%, 12svh);
}
@media (max-width: 480px) {
  #cv_float .btn_wrap a.right {
    width: 17%;
    display: flex;
    align-items: end;
    height: 100%;
  }
}
#cv_float .lead_campaign {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  color: #333;
  font-size: 3.5vw;
  font-weight: 600;
  padding-top: 2vh;
  letter-spacing: 0.15rem;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #cv_float .lead_campaign {
    padding-top: 2lvh;
  }
}
#cv_float .cv_float_wrap {
  width: 90%;
  margin: 1vw auto 3vw;
  display: flex;
  justify-content: space-between;
}
#cv_float .cv_btn {
  margin: 0;
  width: 48.5%;
  border-radius: 1vw;
}
#cv_float .cv_btn.-left {
  background-image: linear-gradient(0deg, rgb(145, 196, 216), rgb(145, 204, 242) 47%, rgb(149, 144, 222));
}
#cv_float .cv_btn.-right {
  background-image: linear-gradient(180deg, rgb(225, 105, 126), rgb(245, 148, 110));
}
#cv_float .cv_btn a {
  padding: 6% 0;
}
#cv_float .cv_btn a p {
  letter-spacing: 0.1rem;
  color: #333;
  font-size: 3vw;
}
#cv_float .cv_btn_tel {
  width: 18%;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
}
#cv_float .cv_btn_tel a {
  display: flex;
  padding: 0 32%;
}
#cv_float .cv_btn_tel a p {
  display: flex;
  align-self: center;
}
#cv_float.-cvfixed {
  z-index: 999;
  opacity: 1;
  transition: 0.5s ease-in-out;
}

.each_select:hover {
  filter: brightness(1.2);
  transition: 0.3s ease-in;
}

.cv_btn {
  width: 80%;
  filter: contrast(130%);
  height: auto;
  background-image: linear-gradient(120deg, rgba(194, 54, 78, 0.9), rgba(255, 98, 36, 0.9) 40%, rgba(234, 46, 63, 0.9) 70%, rgba(161, 46, 71, 0.9));
  margin: min(30px, 3vh) auto min(60px, 6vh);
}
.cv_btn:hover {
  filter: brightness(1.2);
  transition: 0.3s ease-in;
}
.cv_btn a {
  display: block;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 6% 0;
  z-index: 1;
  position: relative;
}
.cv_btn a p {
  font-size: min(16px, 3.4042553191vw);
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.3rem;
}

#mainV {
  width: 100vw;
  height: 100svh;
  position: fixed;
  background: linear-gradient(0deg, rgb(255, 117, 117) 10%, rgb(255, 0, 0) 60%, rgb(245, 0, 0) 80%, rgb(255, 43, 43) 97%);
  z-index: 1;
}
#mainV.-mvfixed {
  position: fixed;
  opacity: 1;
  z-index: 3;
  animation: z-in03_01 1.5s ease-in;
  animation: blur 0.5s ease-in;
  animation-direction: alternate;
  animation-fill-mode: both;
}
@media (max-width: 800px) {
  #mainV {
    height: 89svh;
  }
}
@media (max-width: 480px) {
  #mainV {
    height: 89svh;
  }
}
#mainV .mv_outer_wrap::before {
  position: absolute;
  content: "";
  top: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  background: url(../img/noise.svg);
  background-size: cover;
  opacity: 1;
  mix-blend-mode: overlay;
}
@media (max-width: 800px) {
  #mainV .mv_outer_wrap::before {
    height: 89svh;
  }
}
#mainV .mv_outer_wrap::after {
  position: absolute;
  content: "";
  top: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  background: url(../img/check.svg) no-repeat;
  background-blend-mode: darken;
  background-size: 420vw;
  mix-blend-mode: color-burn;
  opacity: 0.4;
}
@media (min-width: 800px) {
  #mainV .mv_outer_wrap::after {
    background-size: 200vw;
  }
}
@media (max-width: 800px) {
  #mainV .mv_outer_wrap::after {
    height: 89svh;
  }
}
#mainV img {
  width: 100%;
  height: auto;
}
#mainV .mv_inner_wrap {
  display: flex;
  flex-direction: column;
  padding-top: max(40px, 5vh);
  align-items: center;
  height: 94vh;
  position: relative;
}
@media (max-width: 800px) {
  #mainV .mv_inner_wrap {
    height: 89svh;
  }
}
#mainV .mv_inner_wrap::after {
  aspect-ratio: 1/0.2;
  content: "";
  height: auto;
  width: 100vw;
  bottom: var(--calculated-bottom, -20px);
  left: 0;
  position: absolute;
  display: block;
  background: url(../img/ume_flower.png) no-repeat;
  background-size: cover;
  z-index: 10;
}
@media (max-width: 480px) {
  #mainV .mv_inner_wrap::after {
    aspect-ratio: 1/0.8;
    background-size: 140vw;
    background-position: center;
    bottom: var(--calculated-bottom, -106px);
  }
}
#mainV .mv_cloud {
  position: absolute;
  z-index: 4;
}
#mainV .mv_cloud.-large {
  right: clamp(4px, min(3vh, 1vw), 6px);
  bottom: clamp(250px, min(53vh, 34vw), 700px);
  width: clamp(160px, min(40vh, 30vw), 500px);
}
@media (max-width: 480px) {
  #mainV .mv_cloud.-large {
    width: 25vh;
    bottom: 24vh;
    right: -6vh;
  }
}
#mainV .mv_cloud.-large2 {
  display: none;
  width: 21vh;
  bottom: 25vh;
  right: inherit;
  left: -1vh;
  transform: scale(-1, -1);
}
@media (max-width: 480px) {
  #mainV .mv_cloud.-large2 {
    display: block;
  }
}
#mainV .mv_cloud.-large3 {
  display: none;
  width: 10vh;
  bottom: 41vh;
  right: inherit;
  left: 6vh;
  transform: scale(-1, -1);
}
@media (max-width: 480px) {
  #mainV .mv_cloud.-large3 {
    display: block;
  }
}
#mainV .mv_cloud.-mid {
  left: clamp(10px, min(5vh, 2.5vw), 20px);
  bottom: clamp(200px, min(74vh, 68vw), 500px);
  width: clamp(180px, min(30vh, 23vw), 350px);
}
@media (max-width: 480px) {
  #mainV .mv_cloud.-mid {
    width: 5vh;
    bottom: 48vh;
    left: inherit;
    right: 8vh;
    transform: scale(-1, 1);
  }
}
#mainV .mv_cloud.-sml {
  right: clamp(60px, min(28vh, 16vw), 300px);
  top: clamp(50px, min(10vh, 7vw), 100px);
  width: clamp(120px, min(10vh, 5vw), 250px);
}
@media (max-width: 480px) {
  #mainV .mv_cloud.-sml {
    width: 5vh;
    top: 12vh;
    left: 2vh;
    transform: scale(-1, 1);
  }
}
#mainV .mv_cloud img {
  width: 100%;
  height: auto;
}
#mainV .main_logo_wrap {
  width: clamp(250px, min(60vh, 45vw), 500px);
  aspect-ratio: 1/0.8;
  margin: 0 auto;
  position: relative;
  z-index: 4;
  opacity: 0;
  animation: opa 1s ease-in-out;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
@media (max-width: 800px) {
  #mainV .main_logo_wrap {
    margin-top: 10vh;
    aspect-ratio: 1/0.45;
  }
}
@media (max-width: 480px) {
  #mainV .main_logo_wrap {
    margin-top: 8svh;
    width: 36svh;
  }
}
@media (max-width: 380px) {
  #mainV .main_logo_wrap {
    margin-top: 7svh;
    width: 35svh;
  }
}
#mainV h1 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transform: translateX(1%);
}
#mainV h1 img {
  height: auto;
  margin: 0 auto;
}
#mainV h1 .mv_logo_txt {
  width: 78%;
  margin-bottom: max(3vh, 2vw);
}
@media (max-width: 480px) {
  #mainV h1 .mv_logo_txt {
    margin-bottom: 3vw;
  }
}
@media (min-width: 1200px) {
  #mainV h1 .mv_logo_txt {
    margin-bottom: 3vh;
  }
}
#mainV h1 .mv_massage {
  width: 52%;
  margin-bottom: max(4vh, 2.8vw);
}
@media (max-width: 480px) {
  #mainV h1 .mv_massage {
    margin-bottom: 3.5vw;
  }
}
@media (min-width: 1200px) {
  #mainV h1 .mv_massage {
    margin-bottom: 3.5vh;
  }
}
#mainV .main_copy_wrap {
  width: clamp(100px, min(17vh, 12vw), 200px);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-start;
  z-index: 4;
}
@media (max-width: 800px) {
  #mainV .main_copy_wrap {
    margin-top: 4vh;
    width: 12vh;
  }
}
#mainV .main_copy_wrap > img {
  width: 46%;
}
#mainV .main_copy_wrap > img.-left {
  margin-top: 7vh;
}
@media (max-width: 480px) {
  #mainV .main_copy_wrap {
    margin-top: 4lvh;
    width: 11vh;
    z-index: 5;
  }
  #mainV .main_copy_wrap img.-left {
    margin-top: 4lvh;
  }
  #mainV .main_copy_wrap img.-right {
    margin-top: 0vh;
  }
}
#mainV .mv_term {
  width: 55%;
  margin: 0 auto;
  transform: translateX(-0.8vh);
}
@media (max-width: 480px) {
  #mainV .mv_term {
    transform: translateX(-0.1vw);
  }
}
#mainV .mv_term .mv_term_txt {
  margin-bottom: max(2vh, 1vw);
}
@media (max-width: 480px) {
  #mainV .mv_term .mv_term_txt {
    margin-bottom: 1.5vw;
  }
}
@media (min-width: 1200px) {
  #mainV .mv_term .mv_term_txt {
    margin-bottom: 1.5vh;
  }
}
#mainV .mv_term .mv_term_num {
  width: 70%;
}
#mainV .mv_houses {
  margin-left: auto;
  position: absolute;
  z-index: 10;
  opacity: 1;
  width: clamp(250px, min(42vw, 70vh), 550px);
  animation-fill-mode: forwards;
}
#mainV .mv_houses.-left {
  bottom: 0;
  left: -2vw;
}
@media (max-width: 800px) {
  #mainV .mv_houses.-left {
    left: -1vw;
  }
}
@media (max-width: 480px) {
  #mainV .mv_houses.-left {
    width: 28vh;
    left: -8vh;
    bottom: 6svh;
  }
}
#mainV .mv_houses.-right {
  bottom: 0;
  right: 0;
}
@media (max-width: 480px) {
  #mainV .mv_houses.-right {
    width: 28vh;
    right: -4vh;
    bottom: 6svh;
  }
}
@media (min-width: 1200px) {
  #mainV .mv_houses {
    margin-top: calc((100vw - 50vh) * -0.05);
    display: inline-block;
  }
}
#mainV .mv_houses img {
  position: relative;
  z-index: 10;
  animation: up 0.7s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
  transform: translateY(10vw);
}
@keyframes up {
  0% {
    transform: translateY(10vw);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in-blend {
  to {
    opacity: 1;
  }
}
#mainV .soon_end {
  bottom: calc((100vw - 60vh) / 1.7);
  left: max(5vw, (100vw - 60vh) / 2);
  margin-left: auto;
  margin-right: auto;
  width: min(90vw, 60vh);
  height: auto;
  z-index: 999;
  opacity: 0;
  opacity: 0;
  animation: opa 1.5s ease-in-out;
  animation-delay: 4s;
  animation-fill-mode: forwards;
  position: absolute;
}
@media (max-width: 1000px) {
  #mainV .soon_end {
    bottom: 33.3333333333vh;
  }
}
@media (max-width: 480px) {
  #mainV .soon_end {
    bottom: 10vw;
  }
}
#mainV .soon_end img {
  position: absolute;
  z-index: 11;
}
@media (max-width: 480px) {
  #mainV .soon_end img {
    width: 100%;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  #mainV .soon_end img {
    width: 100%;
  }
}
#mainV .extend_announce {
  position: absolute;
  width: 100vw;
  height: auto;
  bottom: 1.8vh;
  z-index: 3;
}
@media (max-width: 480px) {
  #mainV .extend_announce {
    bottom: -12vh;
  }
}
#mainV .extend_announce picture {
  width: 100%;
}
#mainV .extend_announce picture img,
#mainV .extend_announce picture source {
  width: 100%;
  height: auto;
  clip-path: inset(0px 100% 0px 0px);
  animation: extendApr 0.8s ease-in-out;
  animation-delay: 5.5s;
  animation-fill-mode: forwards;
}
@keyframes extendApr {
  0% {
    clip-path: inset(0px 100% 0px 0px);
  }
  60% {
    clip-path: inset(0px 0% 0px 0px);
  }
  80% {
    clip-path: inset(0px 5% 0px 0px);
  }
  100% {
    clip-path: inset(0px 0% 0px 0px);
  }
}
#mainV .scr {
  position: absolute;
  height: 300px;
  bottom: 21%;
  right: 4.5%;
  background-color: #dad5a4;
  z-index: 999;
  opacity: 0;
  animation: opa 4s;
  animation-delay: 6s;
  animation-fill-mode: forwards;
}
#mainV .scrollbar-text_05 {
  display: inline-block;
  position: absolute;
  bottom: 0;
  padding: 10px 10px 110px;
  color: #fff;
  font-size: 14px;
  font-family: serif;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  writing-mode: vertical-lr;
  left: 50%;
  transform: translateX(-50%);
}
#mainV .scrollbar-text_05 span {
  color: #fff;
}
#mainV .scrollbar_05 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1px;
}
#mainV .scrollbar_05::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 100px;
  background: #fff;
  animation: liner 8s 2s ease-out infinite;
}
@keyframes liner {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  30% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  70% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

.main_c_outer {
  width: 470px;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
@media (max-width: 480px) {
  .main_c_outer {
    width: 100%;
    margin: auto;
  }
}
@media (min-width: 1000px) {
  .main_c_outer {
    transform: translateX(-0.5vw);
  }
}

#right_panel {
  z-index: -20;
  width: calc((100vw - 470px) / 2);
  position: fixed;
  right: 0;
  height: 100vh;
  top: 0;
}
@media (max-width: 1000px) {
  #right_panel {
    display: none;
  }
}
#right_panel.-sidefixed {
  position: fixed;
  opacity: 0;
  z-index: -20;
  animation: zin_-20_1 1s 0.5s, opa 1s 0.5s;
  animation-fill-mode: forwards;
  z-index: 999;
}
#right_panel .right_inner {
  width: calc((100vw - 470px) / 2 * 0.9);
  max-width: 57vh;
  padding: calc((100vw - 470px) / 2 * 0.1);
  transform: translatex(0.5vw);
  margin: 0 auto;
  height: 100vh;
  aspect-ratio: 1/1;
  place-content: center;
  justify-self: center;
  align-self: anchor-center;
  background-position: center;
  z-index: 4;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
#right_panel .right_inner .select_ttl {
  font-size: 1.2765957447vw;
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2vh;
  line-height: 160%;
  letter-spacing: 0.1rem;
}
#right_panel .right_inner .sub {
  font-size: 0.8510638298vw;
  color: #fff;
}
#right_panel .right_inner .middle_sub {
  color: #fff;
  font-size: 1.0638297872vw;
}
#right_panel .right_inner em {
  font-size: 80%;
  font-style: inherit;
}
#right_panel .panel_wrap {
  justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #right_panel .panel_wrap {
    width: 92%;
  }
}
#right_panel .panel_wrap a {
  display: block;
}
#right_panel .panel_wrap h3 {
  color: #fff;
  text-align: center;
  font-size: 0.8510638298vw;
  letter-spacing: 0.1rem;
  font-weight: 900;
}
#right_panel .panel_wrap h3 a {
  padding: 12% 0 8%;
}
#right_panel .panel_wrap .each_select {
  width: 46%;
  border-radius: 5px;
}
#right_panel .panel_wrap .each_select p.eng {
  color: #fff;
  font-weight: 800;
  line-height: 80%;
}
#right_panel .panel_wrap .each_select a,
#right_panel .panel_wrap .each_select .sub {
  color: #302f2f;
}
#right_panel .panel_wrap .each_select.-left {
  background: rgba(255, 255, 255, 0.9);
}
#right_panel .panel_wrap .each_select.-left a {
  color: #afa70d;
  font-size: 130%;
}
#right_panel .panel_wrap .each_select.-left a span {
  color: #000;
  font-size: 80%;
}
#right_panel .panel_wrap .each_select.-right {
  background: rgba(255, 255, 255, 0.9);
}
#right_panel .panel_wrap .each_select.-right a {
  color: #ba0000;
  font-size: 130%;
}
#right_panel .panel_wrap .each_select.-right a span {
  color: #000;
  font-size: 80%;
}
#right_panel .panel_wrap .each_select .btn_panel p {
  color: #000;
}
#right_panel .panel_wrap .each_select .panel_arrow {
  position: relative;
  display: inline-block;
  width: 13.3px;
  height: 7.7px;
}
#right_panel .panel_wrap .each_select .panel_arrow::before,
#right_panel .panel_wrap .each_select .panel_arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 0.5px);
  width: 1px;
  height: 10px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: 50% calc(100% - 0.5px);
}
#right_panel .panel_wrap .each_select .panel_arrow::before {
  transform: rotate(45deg);
}
#right_panel .panel_wrap .each_select .panel_arrow::after {
  transform: rotate(-45deg);
}
#right_panel .panel_wrap .panel_image {
  width: 75%;
  position: relative;
  margin: 8% auto;
  z-index: 6;
}
#right_panel .panel_wrap .panel_image.model::after {
  content: "";
  display: block;
  position: absolute;
  height: auto;
  width: 100px;
  height: auto;
  background-image: url("../img/script_mod_house.png") no-repeat;
  z-index: 5;
}
#right_panel .panel_wrap .panel_image.free_dsign {
  background-image: url("../img/script_mod_freedisign.png") no-repeat;
  z-index: 5;
}
#right_panel .cv_btn {
  background-image: linear-gradient(120deg, #e0b652, #dcc443 40%, #debe28 80%, #d9a627 100%);
  border-radius: 4px;
  width: 100%;
  margin: 3vh 0 4vh;
}
#right_panel .cv_btn::before {
  content: "";
  position: absolute;
  background: url(../img/noise.svg) repeat;
  background-size: 200vw;
  width: 100%;
  height: 100%;
  opacity: 1;
  mix-blend-mode: color-burn;
  z-index: 1;
  top: 0;
  left: 0;
}
#right_panel .cv_btn a p {
  font-size: 1.0638297872vw;
  letter-spacing: 0.15rem;
  color: #fff;
}
#right_panel .mv_term_txt {
  margin-bottom: 2vh;
}
#right_panel .mv_term_num {
  width: 80%;
  margin: auto;
}

#left_panel {
  width: calc((100vw - 470px) / 2);
  position: absolute;
  z-index: -20;
}
#left_panel.-sidefixed {
  position: fixed;
  opacity: 0;
  z-index: -20;
  animation: zin_-20_1 1s 0.5s, opa 1s 0.5s;
  animation-fill-mode: forwards;
  z-index: 999;
}
#left_panel .left_inner {
  width: calc((100vw - 470px) / 2 * 1.05);
  max-width: 57vh;
  padding: calc((100vw - 470px) / 2 * 0.1);
  margin: 0 auto;
  display: block;
  position: absolute;
  height: 100vh;
  aspect-ratio: 1/1;
  place-content: center;
  justify-self: center;
  align-self: anchor-center;
  background-position: center;
  z-index: 4;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
@media (max-width: 1000px) {
  #left_panel {
    display: none;
  }
}
#left_panel aside {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transform: translateX(1%);
  padding: 0 5%;
}
#left_panel aside img {
  height: auto;
  margin: 0 auto;
}
#left_panel aside .mv_logo_txt {
  width: 100%;
  margin-bottom: max(3.5vh, 2vw);
}
@media (max-width: 480px) {
  #left_panel aside .mv_logo_txt {
    margin-bottom: 3vw;
  }
}
@media (min-width: 1200px) {
  #left_panel aside .mv_logo_txt {
    margin-bottom: 2.7vh;
  }
}
#left_panel aside .mv_massage {
  width: 85%;
  margin-bottom: max(3.5vh, 2.8vw);
}
@media (max-width: 480px) {
  #left_panel aside .mv_massage {
    margin-bottom: 3.5vw;
  }
}
#left_panel aside .mv_term {
  width: 100%;
  margin: 0 auto;
}
#left_panel aside .mv_term .mv_term_txt {
  margin-bottom: 5vh;
  width: 80%;
}
#left_panel aside .pre_disp {
  margin-top: 5%;
}

:where(.main_c_outer) {
  width: 470px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  :where(.main_c_outer) {
    width: 100vw;
    margin: 0;
  }
}

.sec_cloud {
  position: absolute;
  z-index: 4;
}
@media (max-width: 800px) {
  .sec_cloud {
    display: none;
  }
}
.sec_cloud.-large {
  right: clamp(4px, min(3vh, 1vw), 6px);
  bottom: clamp(250px, min(53vh, 29vw), 700px);
  width: clamp(160px, min(32vh, 24vw), 400px);
}
.sec_cloud.-top {
  right: clamp(4px, min(3vh, 1vw), 6px);
  top: clamp(150px, min(8vh, 5vw), 300px);
  width: clamp(160px, min(28vh, 19vw), 500px);
}
.sec_cloud.-mid {
  left: clamp(30px, min(7vh, 5.5vw), 50px);
  bottom: clamp(700px, min(130vh, 110vw), 900px);
  width: clamp(160px, min(24vh, 16vw), 300px);
}
.sec_cloud.-left {
  left: clamp(30px, min(7vh, 5.5vw), 50px);
  top: clamp(300px, min(60vh, 50vw), 500px);
  width: clamp(160px, min(24vh, 16vw), 300px);
}

#disp_and_select {
  background: #313030;
  z-index: 2;
  position: relative;
  opacity: 0;
  padding-top: 100vh;
}
#disp_and_select::before {
  content: "";
  position: absolute;
  background: url(../img/check.svg) repeat;
  background-size: 400vw;
  width: 100%;
  height: 100%;
  mix-blend-mode: color-burn;
  opacity: 0.15;
  z-index: 1;
  top: 0;
  left: 0;
}
@media (min-width: 800px) {
  #disp_and_select::before {
    background-size: 200vw;
  }
}
#disp_and_select.-sele-front {
  animation: opa_rev 0.4s ease-in;
  animation-fill-mode: forwards;
  opacity: 1;
}

.ttl_disp_txt {
  width: 75%;
  margin: 0 auto 10%;
}

.txt_wrap {
  margin: 0 0 15%;
}

@media (max-width: 480px) {
  .disp_inner {
    width: 90%;
    margin: auto;
  }
}
@media (max-width: 1000px) {
  .disp_inner {
    opacity: 0;
    animation: opa 3s ease-out;
    animation-delay: 1s;
    animation-fill-mode: forwards;
  }
}
@media (min-width: 1200px) {
  .disp_inner {
    margin-top: calc((100vw - 50vh) * 0.2);
  }
}
.disp_inner .center {
  width: 75%;
  margin: auto;
}
.disp_inner .desp_ttl {
  padding: 2% 10% 10%;
}
.disp_inner .disp_object {
  padding-bottom: 8%;
}
.disp_inner .disp_first {
  padding: 10% 0;
}
.disp_inner .disp_present {
  width: 100%;
  background: url("../img/disp_camp_bg.png");
  padding: 13% 0 10% 0;
  background-size: cover;
  background-position: center;
}
.disp_inner .disp_present .reward_detail {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 10% auto 0;
  position: relative;
}
.disp_inner .disp_present .reward_detail::after {
  content: "";
  left: 50%;
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  border-right: 0.5px solid #222;
}
.disp_inner .disp_present .each_reward {
  width: 45%;
}
.disp_inner .disp_present .each_reward img {
  width: 100%;
}
.disp_inner .hopper_mirable p {
  font-size: min(18px, 3.829787234vw);
  margin: 10% auto 5%;
  width: max-content;
  text-align: center;
  font-weight: 800;
}
.disp_inner .notice {
  font-size: min(11px, 2.3404255319vw);
  margin: auto;
  text-align: center;
  font-weight: 600;
}

#disp_outer {
  padding-bottom: min(8vh, 80px);
}

#select {
  background: #fdfdf8;
  background-size: 200vw;
  z-index: 1;
  position: relative;
}
#select::before {
  content: "";
  position: absolute;
  background: url(../img/check.svg) repeat;
  background-size: 400vw;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  z-index: 1;
  top: 0;
  left: 0;
}
@media (min-width: 800px) {
  #select::before {
    background-size: 200vw;
  }
}

#select_outer {
  padding-top: min(8vh, 80px);
  z-index: 2;
  position: relative;
}
#select_outer h2 {
  text-align: center;
  font-size: min(24px, 5.1063829787vw);
  margin-bottom: 20px;
  color: #000;
  font-weight: 800;
  letter-spacing: 0.15rem;
  line-height: 160%;
}
#select_outer h2 .sub {
  font-size: min(3.4042553191vw, 16px);
  color: #000;
}
#select_outer h2 em {
  font-size: min(3.4042553191vw, 16px);
  font-style: normal;
}
#select_outer h2 .color-ye {
  color: #c2b90f;
}
#select_outer h2 .color-rd {
  color: #e90000;
}
#select_outer .panel_wrap {
  justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 480px) {
  #select_outer .panel_wrap {
    width: 92%;
  }
}
#select_outer .panel_wrap a {
  padding: 3% 0 10%;
  display: block;
}
#select_outer .panel_wrap h3 {
  text-align: center;
  font-size: min(3.4042553191vw, 16px);
  font-weight: 700;
}
#select_outer .panel_wrap h3 .sub {
  font-size: 85%;
  font-weight: 900;
}
#select_outer .panel_wrap .each_select {
  width: 47%;
  aspect-ratio: 0.54/1;
  position: relative;
}
#select_outer .panel_wrap .each_select a > img {
  width: 50%;
  margin: 14% auto 4%;
}
#select_outer .panel_wrap .each_select p.eng {
  font-weight: 800;
  line-height: 80%;
}
#select_outer .panel_wrap .each_select.-left {
  background: url(../img/mod_btn_back.svg) no-repeat;
  background-size: 100% auto;
  background-position: bottom;
}
#select_outer .panel_wrap .each_select.-left .btn_panel {
  background: url(../img/mod_btn.png) no-repeat;
  position: absolute;
  background-size: 100%, 100%;
  background-position: bottom;
  width: 100%;
  height: 16%;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  letter-spacing: 0.1rem;
}
#select_outer .panel_wrap .each_select.-left .btn_panel p,
#select_outer .panel_wrap .each_select.-left .btn_panel span {
  font-weight: 900;
  color: #fff;
  font-size: min(3.4042553191vw, 16px);
}
#select_outer .panel_wrap .each_select.-left .btn_panel span {
  font-size: 15%;
  letter-spacing: 0.2rem;
}
#select_outer .panel_wrap .each_select.-right {
  background: url(../img/land_btn_back.svg) no-repeat;
  background-size: contain;
}
#select_outer .panel_wrap .each_select.-right .btn_panel {
  background: url(../img/landforsale_btn.png) no-repeat;
  position: absolute;
  background-size: 100%, 100%;
  background-position: bottom;
  width: 100%;
  height: 16%;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  letter-spacing: 0.1rem;
}
#select_outer .panel_wrap .each_select.-right .btn_panel p,
#select_outer .panel_wrap .each_select.-right .btn_panel span {
  font-weight: 900;
  color: #fff;
  font-size: min(3.4042553191vw, 16px);
}
#select_outer .panel_wrap .each_select.-right .btn_panel span {
  font-size: 30%;
  letter-spacing: 0.2rem;
}
#select_outer .panel_wrap .each_select .panel_arrow {
  position: relative;
  display: inline-block;
  width: 13.3px;
  height: 7.7px;
}
#select_outer .panel_wrap .each_select .panel_arrow::before,
#select_outer .panel_wrap .each_select .panel_arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 0.5px);
  width: 1px;
  height: 10px;
  border-radius: 9999px;
  background-color: #222222;
  transform-origin: 50% calc(100% - 0.5px);
}
#select_outer .panel_wrap .each_select .panel_arrow::before {
  transform: rotate(45deg);
}
#select_outer .panel_wrap .each_select .panel_arrow::after {
  transform: rotate(-45deg);
}
#select_outer .panel_wrap .panel_image {
  width: 65%;
  position: relative;
  margin: 12% auto 7%;
  z-index: 6;
}
#select_outer .panel_wrap .panel_image.model::after {
  content: "";
  display: block;
  position: absolute;
  height: auto;
  width: 100px;
  height: auto;
  background-image: url("../img/script_mod_house.png") no-repeat;
  z-index: 5;
}
#select_outer .panel_wrap .panel_image.free_dsign {
  background-image: url("../img/script_mod_freedisign.png") no-repeat;
  z-index: 5;
}
#select_outer .select {
  background-image: linear-gradient(120deg, rgb(142, 142, 142), rgb(107, 107, 107) 30% 30%, rgb(111, 111, 111) 50%, rgb(104, 104, 104) 80%, rgb(141, 141, 141));
  margin: min(20%, 50px) auto min(30%, 80px);
  line-height: 140%;
  padding: 2% 0;
}
#select_outer .select::before {
  position: absolute;
  content: "";
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url(../img/noise.svg) repeat;
  background-blend-mode: darken;
  background-size: auto;
  opacity: 0.8;
  mix-blend-mode: color-burn;
}
#select_outer .select a {
  padding: 5% 0;
}
#select_outer .select p {
  font-size: 100%;
  z-index: 2;
  color: rgb(199, 185, 54);
}
#select_outer .select p .sub {
  font-size: 60%;
  color: rgb(199, 185, 54);
}

#land_select {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-image: linear-gradient(180deg, #d5241b, #ba0000 5%, #e87070 15%, #e87070 80%, #ffe5e5 100%);
  padding: min(120px, 12vh) 0;
  /* ボタンの基本スタイル */
  /* ホバー時 */
  /* 選択中（アクティブ）のスタイル */
}
#land_select::before {
  content: "";
  position: absolute;
  background: url(../img/noise.svg) repeat;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index: 1;
  top: 0;
  left: 0;
  mix-blend-mode: plus-lighter;
}
#land_select .ttlimg {
  position: absolute;
  max-height: min(320px, 32vh);
  max-width: calc((100vw - 320px) / 2);
}
#land_select .ttlimg.-left {
  left: 0;
  clip-path: polygon(0% 0%, 90% 0%, 100% 14%, 100% 86%, 90% 100%, 0% 100%);
}
@media (max-width: 800px) {
  #land_select .ttlimg.-left {
    width: 58vw;
    max-width: inherit;
    left: -29vw;
    filter: brightness(0.6);
  }
  #land_select .ttlimg.-left img {
    transform: translateX(15vw);
  }
}
#land_select .ttlimg.-right {
  right: 0;
  clip-path: polygon(10% 0%, 100% 0, 100% 100%, 10% 100%, 0 86%, 0 14%);
}
@media (max-width: 800px) {
  #land_select .ttlimg.-right {
    right: -29vw;
    width: 58vw;
    max-width: inherit;
    clip-path: polygon(10% 0%, 100% 0, 100% 100%, 10% 100%, 0 86%, 0 14%);
    filter: brightness(0.5);
  }
  #land_select .ttlimg.-right img {
    transform: translateX(-10vw);
  }
}
#land_select .ttlimg img {
  width: 100%;
  max-height: inherit;
}
#land_select #land_outer {
  position: relative;
  z-index: 1;
}
#land_select .land_ttl {
  padding-bottom: min(40px, 4vh);
  position: relative;
  color: #fff;
}
#land_select .land_ttl .sub_eng img {
  width: 50%;
  margin: 0 auto 3%;
}
#land_select .land_ttl h2 {
  font-size: min(5.5319148936vw, 26px);
  font-weight: 700;
  text-align: center;
  line-height: 150%;
  color: #fff;
}
#land_select .land_ttl h2 span {
  font-size: 70%;
  color: #fff;
}
#land_select .land_ttl .land_disp {
  font-size: min(2.9787234043vw, 14px);
  text-align: center;
  font-weight: 500;
  margin-top: min(40px, 40vh);
  line-height: 180%;
  color: #fff;
}
#land_select #search_map {
  width: 100%;
  overflow-x: hidden;
}
#land_select #search_map .map_txtwrap {
  display: none;
}
#land_select #search_map .map_wrap {
  width: 100%;
}
#land_select #search_map .map_wrap .map_inner {
  background: url("../img/map_landselect.jpg");
  background-size: 115%;
  background-repeat: no-repeat;
  background-position: 38% 81%;
  position: relative;
}
#land_select #search_map .map_wrap a.each_link {
  font-weight: 600;
  font-size: min(11px, 2vw);
  transform: translate(0px, 21px);
  color: #ef411a;
  padding: 5px 3px;
}
#land_select #search_map .map_wrap a.each_link.map_sakaishisakai {
  bottom: 7%;
}
#land_select #search_map .map_wrap a.each_link.map_naniwa {
  bottom: 44%;
}
@media (max-width: 800px) {
  #land_select #search_map .map_wrap a.each_link {
    transform: translate(0.5vw, 2vw);
    padding: 2% 1%;
  }
}
#land_select #search_map .map_cont_inner {
  padding: 0;
  width: 100%;
}
#land_select .lead_map {
  font-size: min(12px, 2.5531914894vw);
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  position: relative;
  color: #fff;
  margin-bottom: 2%;
}
#land_select .lead_map::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  border: 0.5px solid #fff;
  transform: translateX(-75%);
  top: 50%;
}
#land_select .lead_map::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  border: 0.5px solid #fff;
  transform: translateX(75%);
  top: 50%;
}
#land_select .cv_btn.map {
  width: 80%;
  height: auto;
  background-image: linear-gradient(120deg, rgb(160, 74, 74), rgb(195, 86, 86) 20%, rgb(189, 89, 89) 70%, rgb(157, 79, 79) 100%);
}
#land_select .cv_btn.map::before {
  position: absolute;
  content: "";
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url(../img/noise.svg) repeat;
  background-blend-mode: darken;
  background-size: auto;
  opacity: 0.8;
  mix-blend-mode: color-burn;
}
#land_select .cv_btn.map p {
  color: #fff;
}
#land_select #map_cont_outer.archive-map .map_cont_inner {
  padding: 0;
  border: none;
}
@media (min-width: 800px) {
  #land_select .archive-map {
    width: 100%;
  }
  #land_select .archive-map a.each_link {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    letter-spacing: 0.1rem;
  }
  #land_select .archive-map .map_wrap {
    width: 100%;
  }
}
#land_select .archive-map #map_cont_outer {
  width: 100%;
}
@media (min-width: 800px) {
  #land_select .archive-map #map_cont_outer {
    width: 100%;
  }
}
#land_select .archive-map .map_cont_inner .map_txtwrap {
  display: none;
}
#land_select .pick_ttl {
  padding-top: min(4%, 4vh);
  padding-bottom: min(5%, 5vh);
}
#land_select .pick_ttl img {
  width: 20%;
  margin: 0 auto 2px;
  height: auto;
}
#land_select .pick_ttl h3 {
  font-size: min(26px, 5.5319148936vw);
  font-weight: 700;
  text-align: center;
  line-height: 150%;
  color: #fff;
}
#land_select .pick_ttl h3 span {
  font-size: 70%;
  color: #fff;
}
#land_select .filter_outer {
  margin: 10% auto;
}
#land_select .filter_outer > p {
  margin: auto;
  font-weight: 600;
  text-align: center;
}
#land_select .filter_outer .filter_buttons_wrap {
  padding: 2% 6.5% 0%;
  display: flex;
  flex-wrap: wrap;
  row-gap: min(1vw, 3px);
  column-gap: 3%;
  justify-content: left;
}
#land_select .filter_btn {
  padding: 1.7%;
  border: 0.5px solid #333;
  background: #fff;
  color: #333;
  font-size: min(11px, 2.3404255319vw);
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 4px;
  width: 22.6%;
  display: flex;
  justify-content: center;
  font-weight: 600;
  margin-bottom: 1.5%;
}
#land_select .filter_btn[data-filter=concept-house], #land_select .filter_btn[data-filter=underconstruction], #land_select .filter_btn[data-filter=on_site], #land_select .filter_btn[data-filter=new-house], #land_select .filter_btn[data-filter=property], #land_select .filter_btn[data-filter=corner-lot], #land_select .filter_btn[data-filter=two-story-plan-possible] {
  display: none;
}
#land_select .filter_btn:hover {
  background: #f0f0f0;
}
#land_select .filter_btn.is-active {
  background: #333;
  color: #fff;
  border-color: #333;
}
#land_select .pick_lineup {
  border: 1px solid #222;
  backdrop-filter: blur(6px);
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
}
@media (max-width: 480px) {
  #land_select .pick_lineup {
    border-right: none;
    border-left: none;
  }
}
#land_select .pick_lineup .land_sub {
  position: absolute;
  width: 50%;
  padding: 1% auto;
  border: 1px solid #222;
  background: #ffefef;
  left: 117.5px;
  top: -8px;
}
@media (max-width: 480px) {
  #land_select .pick_lineup .land_sub {
    left: 25%;
  }
}
#land_select .pick_lineup .land_sub p {
  font-size: min(9px, 1.914893617vw);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1rem;
}
#land_select .pick_lineup .pick_lineup_outer {
  width: 86%;
  margin: 5% auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#land_select .pick_lineup .each_pick {
  counter-increment: number 1;
  width: 46%;
  display: flex;
  margin: 5% 0 5%;
  flex-direction: column;
}
#land_select .pick_lineup .each_pick .num_wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #222;
  align-items: baseline;
  line-height: 42%;
  margin-bottom: 5%;
}
#land_select .pick_lineup .each_pick .num_wrap span.deco_num {
  font-size: min(10px, 2.1276595745vw);
  font-weight: 800;
  letter-spacing: 0.1rem;
}
#land_select .pick_lineup .each_pick .num_wrap::after {
  content: counter(number, decimal-leading-zero);
  display: block;
  font-size: min(28px, 5.9574468085vw);
  font-family: "Cormorant SC", serif;
  font-weight: bold;
  letter-spacing: 0.25rem;
  letter-spacing: 0.05rem;
}
#land_select .pick_lineup .each_pick img {
  aspect-ratio: 1/1;
  object-fit: cover;
}
#land_select .pick_lineup .each_pick .ttl_each_pick {
  font-weight: 600;
  letter-spacing: 0.05rem;
  padding-bottom: 2%;
  border-bottom: 1px solid #222;
  font-size: min(16px, 3.4042553191vw);
}
#land_select .pick_lineup .each_pick .sub_each_pick {
  font-size: min(12px, 2.5531914894vw);
  letter-spacing: 0.05rem;
  margin-top: 4%;
}
#land_select .pick_lineup .each_pick .pick_data {
  font-size: min(10px, 2.1276595745vw);
  font-weight: 400;
  letter-spacing: 0.05rem;
}
#land_select .pick_lineup .each_pick .data_meter {
  margin-left: 2%;
}
#land_select .pick_lineup .each_pick .data_tubo::before {
  content: "(";
}
#land_select .pick_lineup .each_pick .data_tubo::after {
  content: "坪)";
  font-size: min(9px, 1.914893617vw);
}
#land_select .pick_lineup .pick_cv_wrap {
  justify-content: space-between;
  margin: 6% 0 6%;
}
#land_select .pick_lineup .pick_cv_wrap a {
  width: 48%;
  padding: 4%;
}
#land_select .pick_lineup .pick_cv_wrap a p {
  font-size: min(11px, 2.3404255319vw);
  color: #fff;
  font-weight: 600;
  text-align: center;
}
#land_select .pick_lineup .pick_cv_wrap a.pick_cv-left {
  background-color: #573c3c;
}
#land_select .pick_lineup .pick_cv_wrap a.pick_cv-right {
  background-color: rgb(208, 0, 0);
}
#land_select .pick_lineup a.pick_detail_link {
  width: 100%;
  padding: 4%;
  border: #222 solid 1px;
}
#land_select .pick_lineup a.pick_detail_link p {
  font-size: min(11px, 2.3404255319vw);
  color: #222;
  font-weight: 600;
  text-align: center;
}
#land_select .pick_lineup .cv_btn {
  margin: min(40px, 4vh) auto min(60px, 6vh);
}
#land_select .land_fds_outer {
  width: 92%;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #f6ebe4;
  backdrop-filter: blur(10px);
  border-radius: 5px;
  margin: 10% auto 0;
  padding: 10% 6% 10%;
}
#land_select .land_fds_outer h4 {
  font-size: min(22px, 4.6808510638vw);
  font-weight: 700;
  text-align: center;
  line-height: 160%;
}
#land_select .land_fds_outer .fds_sub {
  width: 60%;
  margin: 2% auto 6%;
  padding: 1% auto;
  border: 1px solid #222;
}
#land_select .land_fds_outer .fds_sub p {
  font-size: min(9px, 1.914893617vw);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1rem;
}
#land_select .land_fds_outer .image_disp_wrap h5 {
  margin: 5% auto;
  font-size: min(16px, 3.4042553191vw);
  font-weight: 700;
  text-align: center;
  line-height: 160%;
}
#land_select .land_fds_outer .image_disp_wrap .line_horizontal {
  width: 100%;
  height: 1px;
  border: 0.5px solid #222;
  display: block;
}
#land_select .land_fds_outer .image_disp_wrap p.disp_txt {
  letter-spacing: 0.2rem;
  font-size: min(14px, 2.9787234043vw);
  padding: 4%;
  line-height: 200%;
  margin-bottom: 13%;
}
#land_select .land_fds_outer .cv_btn {
  width: 80%;
  margin: -5% auto 0%;
}
#land_select .land_pick {
  padding-bottom: min(60px, 10%);
}

#mod_select {
  padding-bottom: 10%;
  position: relative;
  background: linear-gradient(180deg, #c3b420, #a49200 10%, #a7970b 20%, #dacf59 100%);
  padding-top: min(60px, 5%);
  z-index: 1;
}
@media (max-width: 480px) {
  #mod_select {
    padding-bottom: 20%;
  }
}
#mod_select::before {
  position: absolute;
  content: "";
  top: 0;
  display: block;
  width: 100vw;
  height: 100%;
  z-index: 0;
  background: url(../img/noise.svg) repeat;
  background-blend-mode: darken;
  background-size: auto;
  opacity: 0.5;
  mix-blend-mode: color-burn;
}
#mod_select .mod_ttl {
  padding: min(60px, 6vh) 0;
  z-index: 2;
}
#mod_select .mod_ttl .sub_eng {
  width: 55%;
  margin: 0 auto;
}
#mod_select .mod_ttl h2 {
  font-size: min(26px, 5.5319148936vw);
  font-weight: 700;
  text-align: center;
  line-height: 150%;
  margin-bottom: min(40px, 4vh);
  color: #fff;
}
#mod_select .mod_ttl h2 span {
  font-size: 70%;
  color: #fff;
}
#mod_select .mod_ttl .mod_disp {
  font-size: min(14px, 2.9787234043vw);
  text-align: center;
  font-weight: 500;
  margin-top: min(40px, 4vh);
  line-height: 180%;
  color: #fff;
}
#mod_select #search_map {
  width: 100%;
  overflow-x: hidden;
}
#mod_select .lead_map {
  font-size: min(12px, 2.5531914894vw);
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  position: relative;
  color: #fff;
  margin-bottom: min(2%, 2vh);
}
#mod_select .lead_map::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  border: 0.5px solid #fff;
  transform: translateX(-75%);
  top: 50%;
}
#mod_select .lead_map::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  border: 0.5px solid #fff;
  transform: translateX(75%);
  top: 50%;
}
#mod_select .pick_ttl {
  padding-top: 4%;
  padding-bottom: 5%;
  color: #fff;
}
#mod_select .pick_ttl img {
  width: 20%;
  margin: 0 auto 2px;
  height: auto;
}
#mod_select .pick_ttl h3 {
  font-size: min(26px, 5.5319148936vw);
  font-weight: 700;
  text-align: center;
  line-height: 150%;
  color: #fff;
}
#mod_select .pick_ttl h3 span {
  font-size: 70%;
  color: #fff;
}
#mod_select .pick_lineup {
  border: 1px solid #222;
  backdrop-filter: blur(6px);
  background-color: rgba(251, 251, 251, 0.9);
  position: relative;
  padding-bottom: 8%;
}
@media (max-width: 480px) {
  #mod_select .pick_lineup {
    border-right: none;
    border-left: none;
  }
}
#mod_select .pick_lineup .mod_sub {
  position: absolute;
  position: absolute;
  width: 50%;
  padding: 1% auto;
  border: 1px solid #222;
  top: -8px;
  background-color: rgb(251, 251, 251);
  left: 117.5px;
}
@media (max-width: 480px) {
  #mod_select .pick_lineup .mod_sub {
    left: 25%;
  }
}
#mod_select .pick_lineup .mod_sub p {
  font-size: min(9px, 1.914893617vw);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1rem;
}
#mod_select .pick_lineup .pick_lineup_outer {
  width: 86%;
  margin: 5% auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#mod_select .pick_lineup .each_pick {
  counter-increment: number 1;
  width: 46%;
  display: flex;
  margin: 5% 0 5%;
  flex-direction: column;
}
#mod_select .pick_lineup .each_pick .num_wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #222;
  align-items: baseline;
  line-height: 42%;
  margin-bottom: 5%;
}
#mod_select .pick_lineup .each_pick .num_wrap span.deco_num {
  font-size: min(10px, 2.1276595745vw);
  font-weight: 800;
  letter-spacing: 0.1rem;
}
#mod_select .pick_lineup .each_pick .num_wrap::after {
  content: counter(number, decimal-leading-zero);
  display: block;
  font-size: min(28px, 5.9574468085vw);
  font-family: "Cormorant SC", serif;
  font-weight: bold;
  letter-spacing: 0.25rem;
  letter-spacing: 0.05rem;
}
#mod_select .pick_lineup .each_pick img {
  width: 100%;
  aspect-ratio: 1/1.6;
  object-fit: cover;
}
#mod_select .pick_lineup .each_pick .ttl_each_pick {
  font-weight: 600;
  letter-spacing: 0.01rem;
  padding-top: 4%;
  border-bottom: 1px solid #222;
  font-size: min(14px, 2.9787234043vw);
  height: 3.5lh;
}
#mod_select .pick_lineup .each_pick .sub_each_pick {
  font-size: min(10px, 2.1276595745vw);
  letter-spacing: 0.05rem;
  margin-top: 4%;
}
#mod_select .pick_lineup .each_pick .pick_data {
  font-size: min(11px, 2.3404255319vw);
  font-weight: 400;
  letter-spacing: 0.05rem;
}
#mod_select .pick_lineup .each_pick .data_meter {
  margin-left: 4%;
}
#mod_select .pick_lineup .each_pick .data_tubo::before {
  content: "(";
}
#mod_select .pick_lineup .each_pick .data_tubo::after {
  content: "坪)";
}
#mod_select .pick_lineup .pick_cv_wrap {
  justify-content: space-between;
  margin: 6% 0 6%;
}
#mod_select .pick_lineup .pick_cv_wrap a {
  width: 48%;
  padding: 4%;
}
#mod_select .pick_lineup .pick_cv_wrap a p {
  font-size: min(11px, 2.3404255319vw);
  color: #fff;
  font-weight: 600;
  text-align: center;
}
#mod_select .pick_lineup .pick_cv_wrap a.pick_cv-left {
  background-color: #313030;
}
#mod_select .pick_lineup .pick_cv_wrap a.pick_cv-right {
  background-color: #afa70d;
}
#mod_select .pick_lineup a.pick_detail_link {
  width: 100%;
  padding: 4%;
  border: #222 solid 1px;
}
#mod_select .pick_lineup a.pick_detail_link p {
  font-size: min(11px, 2.3404255319vw);
  color: #222;
  font-weight: 600;
  text-align: center;
}
#mod_select .pick_lineup .cv_btn {
  margin: 0% auto min(8%, 8vh);
}
#mod_select h5 {
  margin: 5% auto 1%;
  font-size: min(14px, 2.9787234043vw);
  font-weight: 700;
  text-align: center;
  line-height: 160%;
}
#mod_select .cv_btn::before {
  position: absolute;
  content: "";
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url(../img/noise.svg) repeat;
  background-blend-mode: darken;
  background-size: auto;
  opacity: 0.8;
  mix-blend-mode: color-burn;
}
#mod_select .cv_btn.mod {
  background-image: linear-gradient(120deg, #afa70d, #c5c134 40%, #c7bf26 80%, #afa70d 100%);
}
#mod_select .cv_btn.mujin {
  background-image: linear-gradient(120deg, rgb(142, 142, 142), rgb(107, 107, 107) 30% 30%, rgb(111, 111, 111) 50%, rgb(104, 104, 104) 80%, rgb(141, 141, 141));
}

#notice {
  padding: min(120px, 12vh) 0 min(80px, 8vh);
  background: #313030;
  position: relative;
  z-index: 999;
}
#notice::before {
  position: absolute;
  content: "";
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url(../img/check.svg) repeat;
  background-blend-mode: darken;
  background-size: 300vw;
  opacity: 0.2;
  mix-blend-mode: color-burn;
}
@media (min-width: 800px) {
  #notice::before {
    background-size: 150vw;
  }
}
#notice h4 {
  font-size: min(20px, 4.2553191489vw);
  text-align: center;
  line-height: 150%;
  margin-bottom: 5%;
  font-weight: 500;
  padding-bottom: 2%;
  border-bottom: 1px #fff solid;
  color: #fff;
}
#notice h4 span {
  font-size: 70%;
  color: #fff;
}
#notice .noice_list {
  width: 90%;
  margin: auto;
}
#notice ul {
  margin-bottom: 5%;
  color: #fff;
}
#notice ul li {
  margin-left: 3%;
  padding: 1% 0;
  font-size: min(11px, 2.3404255319vw);
  color: #fff;
}

#footer {
  background: #313030;
  padding: 11% 4% 10%;
  z-index: 999;
  position: relative;
}
#footer .footer_cv_btn_wrap {
  justify-content: space-between;
  margin-bottom: 10%;
}
#footer .footer_cv_btn_wrap a {
  width: 46%;
  padding: 3% 0;
  border: #fff 1px solid;
}
#footer .footer_cv_btn_wrap a p {
  text-align: center;
  color: #fff;
}
#footer p {
  font-size: min(10px, 2.1276595745vw);
  text-align: center;
  color: #fff;
}

#sp_nav {
  opacity: 0;
  transition: 500ms;
  z-index: 999;
}
#sp_nav.-scrolld {
  opacity: 1;
  transition: 500ms;
}
#sp_nav .menu {
  display: flex;
  position: fixed;
  left: 0;
  justify-content: space-evenly;
  bottom: 0;
  align-items: center;
  background: #fff;
  background: rgba(255, 255, 255, 0.92);
  width: 100%;
  height: 11vw;
}
@media (max-width: 480px) {
  #sp_nav .menu {
    height: 22vw;
  }
}
@media (min-width: 1000px) {
  #sp_nav .menu {
    display: none;
  }
}
#sp_nav .menu li {
  display: flex;
  width: fit-content;
  height: fit-content;
  justify-content: space-evenly;
  text-align: center;
  letter-spacing: 0;
}
#sp_nav .menu li a {
  height: fit-content;
  width: fit-content;
}
#sp_nav .menu li a img {
  height: 8vw;
  width: auto;
}
@media (max-width: 480px) {
  #sp_nav .menu li a img {
    height: 15vw;
  }
}

footer {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}/*# sourceMappingURL=main.css.map */