

.contentWrap {
  background-position:0 0;
}




/* ================ 1280 ================ */
@media screen and (max-width: 1100px) {
    .contentHead {
        margin-bottom: 10vw;
    }
}





/* ----- [矢印設定] ----- */
svg.arrow {
  width: 10%;
  height: auto;
  overflow: visible; /* 枠外の切り捨てを防ぐ(円の欠けを防ぐ)  */
}
.arrow path {fill: url(#commonGradient);}
.arrow polygon {
  fill: #fff;
  transform-origin: center;
  animation: moveLoop 2s linear infinite;
}
a:hover .arrow polygon {
  fill: #ff0;
  animation: moveLoop 1s linear infinite;
}
@keyframes moveLoop {
  0% {transform: translateX(-25%);scale:0.8 0.9;opacity: 0;}
 50% {transform: translateX(  0%);scale:1.0 1.0;opacity: 1;}
100% {transform: translateX( 25%);scale:0.8 0.9;opacity: 0;}
}
/* ----- /[矢印設定] ----- */




/* ----- [間取り図リンク] ----- */
.plan_link_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.plan_link_wrap > .plan_link_item  {
  display: block;
  width: 31.85%;
  margin-bottom: min(3vw , 30px);
}

.plan_link_top,.plan_link_bottom {background-size: 100%;background-repeat: no-repeat}
.plan_link_top    {background-image: url("../img/plan/plan_link_BG1.png")}
.plan_link_bottom {background-image: url("../img/plan/plan_link_BG4.png")}

.paln_txt,.plan_fig {background-size: 100%;background-repeat: repeat-y;}
.paln_txt {background-image: url("../img/plan/plan_link_BG2.png");}
.plan_fig {background-image: url("../img/plan/plan_link_BG3.png");}

.paln_txt {
  height: min(23.93vw , 226px);
  padding-top: min(3vw , 30px);
}
.paln_txt > div{
  padding-left:  min(2vw , 30px);
  padding-right: min(2vw , 30px);
}

.plan_txt1 {
  color: #c9b9a8;
  font-size: var(--font18);
}
.plan_txt2 > span:first-of-type {font-size: var(--font40);}
.plan_txt2 > span:last-of-type  {font-size: var(--font27);}
.plan_txt_LDK {font-size: var(--font25);}
.plan_txt_sub {font-size: var(--font16);}
.plan_txt_flo {font-size: var(--font10);}

.plan_txt2 {
  margin-top: -10px;
  margin-bottom: 10px;
}

.plan_fig {
  position: relative;
 display: flex;
 flex-wrap: wrap;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.plan_fig::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25); /* グレーの濃さ */
  opacity: 1;
  transition: opacity .3s ease;
  pointer-events: none;
}

.plan_fig>img{
  max-width: 90%;
}

.plan_link_item:hover .plan_fig::after {
  opacity: 0;
}

.plan_link_item:hover .plan_fig img {
  opacity: 1;
}

.plan_detail {
  position: relative;
  z-index: 2;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

  width: fit-content;
  margin: 0 auto min(2vw, 20px);
}

.plan_detail > span {
  display: block;
  color: #000;
  white-space: nowrap;
  transition: color .3s ease;
}

.plan_detail .arrow {
  flex-shrink: 0;
  width: 36px;
}

.plan_link_item:hover .plan_detail > span {
  color: #c00;
}

.plan_link > div.ann {
  display: flex;
  justify-content: flex-end;
}
.plan_link > div.ann > span {
  margin-left: 1em;
}

@media screen and (max-width: 905px) {
  .plan_link_wrap > .plan_link_item {
    width: 49%;
  }
  .paln_txt {
    height: 24vw;
  }
  .paln_txt > div{
    padding-left:  3vw;
  }
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  .plan_link_wrap > .plan_link_item {
    width: 100%;
  }
  .paln_txt {
    height: 35vw;
  }
  .paln_txt > div{
    padding-left:  6vw;
  }
  .plan_link > div.ann {
    display: inline-block;
  }
}

@media screen and (max-width: 500px) {
  .paln_txt {
    height: 43vw;
  }
}

/* ----- /[間取り図リンク] ----- */





/* ----- [住戸位置概念図] ----- */


#torikago {
  display: flex;
  justify-content: center;
  margin-top: min(10vw , 108px);
  margin-bottom: min(10vw , 108px);
}
#torikago figure {
  width: min(49vw , 529px);
}
#torikago figure figcaption {
  bottom: 0;
}

@media screen and (max-width: 905px) {
  #torikago figure {
    width: 60vw;
  }
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  #torikago figure {
    width: 85vw;
  }
  #torikago figure figcaption {
    bottom: -1%;
  }
}
/* ----- /[住戸位置概念図] ----- */




/* ----- [性能表示] ----- */


#performance {
  display: flex;
  justify-content: center;
  margin-top: min(10vw , 108px);
  margin-bottom: min(10vw , 108px);
}
#performance img {
  width: min(40vw , 435px);
}

@media screen and (max-width: 905px) {
  #performance img {
    width: 50vw;
  }
}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  #performance img {
    width: 80vw;
  }
}
/* ----- /[性能表示] ----- */







