@media screen and (min-width: 768px) {
  .bgLayer--place:after {
    background: url("../imgs/pc/bg-place-01@1.5x.jpg") top center no-repeat;
    background-size: 100% auto;
  }
}

@media screen and (max-width: 768px) {
  .bgLayer--place:after {
    background: url("../imgs/sp/bg-place-01.jpg") top center no-repeat;
    background-size: 100% auto;
  }
}

@media screen and (max-width: 768px) {
  .introSect__head .enTtl {
    font-size: 40px;
  }
}

@media screen and (min-width: 768px) {
  .introSect__head .txt + .introFigure {
    margin-top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__head .txt + .introFigure {
    margin-top: 60px;
  }
}

.introSect__lead {
  color: #767152;
  letter-spacing: .05em;
  padding: 16px 20px;
  position: relative;
  -webkit-transition: color 2s ease .9s;
  transition: color 2s ease .9s;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .introSect__lead {
    display: inline-block;
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__lead {
    font-size: 18px;
  }
}

.introSect__lead:before, .introSect__lead:after {
  content: '';
  height: 100%;
  inset: 0;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 2s ease .9s;
  transition: opacity 2s ease .9s;
  width: 100%;
}

.introSect__lead:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(64.42%, #958f4f), color-stop(88.46%, rgba(209, 207, 175, 0.5)), to(rgba(243, 242, 229, 0)));
  background: linear-gradient(90deg, #958f4f 64.42%, rgba(209, 207, 175, 0.5) 88.46%, rgba(243, 242, 229, 0) 100%);
  opacity: 0;
}

.introSect__lead:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(64.42%, #958f4f), color-stop(88.46%, rgba(209, 207, 175, 0.5)), to(rgba(243, 242, 229, 0)));
  background: linear-gradient(270deg, #958f4f 64.42%, rgba(209, 207, 175, 0.5) 88.46%, rgba(243, 242, 229, 0) 100%);
  opacity: 1;
}

.introSect__lead .inner {
  display: block;
  position: relative;
  z-index: 1;
  line-height: 1.6;
}

.introSect__lead .inner:before {
  content: '';
  margin-top: calc((1 - 1.6) * .5em);
}

.introSect__lead .inner:after {
  margin-bottom: calc((1 - 1.6) * .5em);
}

.introSect__lead .inner:before, .introSect__lead .inner:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

* + .introSect__lead {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .introSect__lead + .txt {
    margin-top: 40px;
    max-width: 880px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__lead + .txt {
    margin-top: 24px;
  }
}

.introSect__lead.sai-animate {
  color: #ffffff;
}

.introSect__lead.sai-animate:before {
  opacity: 1;
}

.introSect__lead.sai-animate:after {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .introSect__cont {
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
  }
}

@media screen and (min-width: 768px) {
  .introSect__head + .introSect__cont {
    margin-top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .introSect__head + .introSect__cont {
    margin-top: 60px;
  }
}

.introFigure {
  position: relative;
}

.introFigure__layer {
  inset: 0;
  position: absolute;
  z-index: 1;
}

.introFigure__layer:after {
  background: no-repeat center center / cover;
  content: '';
  inset: 0;
  position: absolute;
  -webkit-transition: -webkit-transform 3s ease .3s;
  transition: -webkit-transform 3s ease .3s;
  transition: transform 3s ease .3s;
  transition: transform 3s ease .3s, -webkit-transform 3s ease .3s;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .introFigure__layer:after {
    background-image: url("../imgs/pc/img-intro-01-circle.png");
  }
}

@media screen and (max-width: 768px) {
  .introFigure__layer:after {
    background-image: url("../imgs/sp/img-intro-01-circle.png");
  }
}

.introFigure__layer .item {
  inset: 0;
  position: absolute;
}

.introFigure__layer .item:before, .introFigure__layer .item:after {
  background: no-repeat center center / cover;
  content: '';
  inset: 0;
  position: absolute;
  -webkit-transition: opacity 2s ease .9s;
  transition: opacity 2s ease .9s;
}

.introFigure__layer .item:before {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .introFigure__layer .item:nth-child(1):before {
    background-image: url("../imgs/pc/img-intro-01-plot-01-before.png");
  }
}

@media screen and (max-width: 768px) {
  .introFigure__layer .item:nth-child(1):before {
    background-image: url("../imgs/sp/img-intro-01-plot-01-before.png");
  }
}

@media screen and (min-width: 768px) {
  .introFigure__layer .item:nth-child(1):after {
    background-image: url("../imgs/pc/img-intro-01-plot-01-after.png");
  }
}

@media screen and (max-width: 768px) {
  .introFigure__layer .item:nth-child(1):after {
    background-image: url("../imgs/sp/img-intro-01-plot-01-after.png");
  }
}

@media screen and (min-width: 768px) {
  .introFigure__layer .item:nth-child(2):before {
    background-image: url("../imgs/pc/img-intro-01-plot-02-before.png");
  }
}

@media screen and (max-width: 768px) {
  .introFigure__layer .item:nth-child(2):before {
    background-image: url("../imgs/sp/img-intro-01-plot-02-before.png");
  }
}

@media screen and (min-width: 768px) {
  .introFigure__layer .item:nth-child(2):after {
    background-image: url("../imgs/pc/img-intro-01-plot-02-after.png");
  }
}

@media screen and (max-width: 768px) {
  .introFigure__layer .item:nth-child(2):after {
    background-image: url("../imgs/sp/img-intro-01-plot-02-after.png");
  }
}

@media screen and (min-width: 768px) {
  .introFigure__layer .item:nth-child(3):before {
    background-image: url("../imgs/pc/img-intro-01-plot-03-before.png");
  }
}

@media screen and (max-width: 768px) {
  .introFigure__layer .item:nth-child(3):before {
    background-image: url("../imgs/sp/img-intro-01-plot-03-before.png");
  }
}

@media screen and (min-width: 768px) {
  .introFigure__layer .item:nth-child(3):after {
    background-image: url("../imgs/pc/img-intro-01-plot-03-after.png");
  }
}

@media screen and (max-width: 768px) {
  .introFigure__layer .item:nth-child(3):after {
    background-image: url("../imgs/sp/img-intro-01-plot-03-after.png");
  }
}

@media screen and (min-width: 768px) {
  .introFigure__layer .item:nth-child(4):before {
    background-image: url("../imgs/pc/img-intro-01-plot-04-before.png");
  }
}

@media screen and (max-width: 768px) {
  .introFigure__layer .item:nth-child(4):before {
    background-image: url("../imgs/sp/img-intro-01-plot-04-before.png");
  }
}

@media screen and (min-width: 768px) {
  .introFigure__layer .item:nth-child(4):after {
    background-image: url("../imgs/pc/img-intro-01-plot-04-after.png");
  }
}

@media screen and (max-width: 768px) {
  .introFigure__layer .item:nth-child(4):after {
    background-image: url("../imgs/sp/img-intro-01-plot-04-after.png");
  }
}

.introFigure.sai-animate .introFigure__layer:after {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.introFigure.sai-animate .introFigure__layer .item:before {
  opacity: 1;
}

.introFigure.sai-animate .introFigure__layer .item:after {
  opacity: 0;
}

.keyVisualAnimation {
  position: relative;
  z-index: 1;
}

.keyVisualAnimation__bukken {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 4;
}

@media screen and (min-width: 768px) {
  .keyVisualAnimation__bukken {
    -webkit-transition: opacity 1s ease-in-out 2.2s, visibility 1s ease-in-out 2.2s;
    transition: opacity 1s ease-in-out 2.2s, visibility 1s ease-in-out 2.2s;
  }
}

@media screen and (max-width: 768px) {
  .keyVisualAnimation__bukken {
    -webkit-transition: opacity 1s ease-in-out 2.5s, visibility 1s ease-in-out 2.5s;
    transition: opacity 1s ease-in-out 2.5s, visibility 1s ease-in-out 2.5s;
  }
}

.keyVisualAnimation__bukken .pic {
  height: 100%;
  width: 100%;
}

.keyVisualAnimation__bukken .pic__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  width: 100%;
}

.keyVisualAnimation__building {
  -webkit-filter: blur(20px) contrast(0.3) hue-rotate(0deg) saturate(0.5);
          filter: blur(20px) contrast(0.3) hue-rotate(0deg) saturate(0.5);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}

.keyVisualAnimation__building .pic {
  height: 100%;
  width: 100%;
}

.keyVisualAnimation__building .pic__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  width: 100%;
}

.keyVisualAnimation__building--01 {
  -webkit-animation: buildingReveal01 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.6s forwards;
          animation: buildingReveal01 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 1.6s forwards;
}

.keyVisualAnimation__building--02 {
  -webkit-animation: buildingReveal02 1.4s cubic-bezier(0.25, 0.1, 0.25, 1) 1.9s forwards, buildingShimmer 2s ease-in-out 3.3s infinite;
          animation: buildingReveal02 1.4s cubic-bezier(0.25, 0.1, 0.25, 1) 1.9s forwards, buildingShimmer 2s ease-in-out 3.3s infinite;
}

.keyVisualAnimation__area {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0, 0.22, 0.77, 0.98) 0.6s, visibility 1s cubic-bezier(0, 0.22, 0.77, 0.98) 0.6s;
  transition: opacity 0.8s cubic-bezier(0, 0.22, 0.77, 0.98) 0.6s, visibility 1s cubic-bezier(0, 0.22, 0.77, 0.98) 0.6s;
  visibility: hidden;
  width: 100%;
  z-index: 2;
}

.keyVisualAnimation__area .pic {
  height: 100%;
  width: 100%;
}

.keyVisualAnimation__area .pic__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  width: 100%;
}

.keyVisualAnimation.sai-animate .keyVisualAnimation__area {
  opacity: 1;
  visibility: visible;
}

.keyVisualAnimation.sai-animate .keyVisualAnimation__bukken {
  opacity: 1;
  visibility: visible;
}

@-webkit-keyframes buildingReveal01 {
  0% {
    -webkit-filter: blur(25px) contrast(0.2) hue-rotate(0deg) saturate(0.5);
            filter: blur(25px) contrast(0.2) hue-rotate(0deg) saturate(0.5);
    opacity: 0;
  }
  20% {
    -webkit-filter: blur(20px) contrast(0.4) hue-rotate(10deg) saturate(0.7);
            filter: blur(20px) contrast(0.4) hue-rotate(10deg) saturate(0.7);
    opacity: .2;
  }
  40% {
    -webkit-filter: blur(12px) contrast(0.6) hue-rotate(5deg) saturate(0.8);
            filter: blur(12px) contrast(0.6) hue-rotate(5deg) saturate(0.8);
    opacity: .4;
  }
  60% {
    -webkit-filter: blur(6px) contrast(0.8) hue-rotate(2deg) saturate(0.9);
            filter: blur(6px) contrast(0.8) hue-rotate(2deg) saturate(0.9);
    opacity: .6;
  }
  80% {
    -webkit-filter: blur(2px) contrast(0.95) hue-rotate(1deg) saturate(1);
            filter: blur(2px) contrast(0.95) hue-rotate(1deg) saturate(1);
    opacity: .7;
  }
  100% {
    -webkit-filter: blur(0) brightness(1);
            filter: blur(0) brightness(1);
    opacity: 1;
  }
}

@keyframes buildingReveal01 {
  0% {
    -webkit-filter: blur(25px) contrast(0.2) hue-rotate(0deg) saturate(0.5);
            filter: blur(25px) contrast(0.2) hue-rotate(0deg) saturate(0.5);
    opacity: 0;
  }
  20% {
    -webkit-filter: blur(20px) contrast(0.4) hue-rotate(10deg) saturate(0.7);
            filter: blur(20px) contrast(0.4) hue-rotate(10deg) saturate(0.7);
    opacity: .2;
  }
  40% {
    -webkit-filter: blur(12px) contrast(0.6) hue-rotate(5deg) saturate(0.8);
            filter: blur(12px) contrast(0.6) hue-rotate(5deg) saturate(0.8);
    opacity: .4;
  }
  60% {
    -webkit-filter: blur(6px) contrast(0.8) hue-rotate(2deg) saturate(0.9);
            filter: blur(6px) contrast(0.8) hue-rotate(2deg) saturate(0.9);
    opacity: .6;
  }
  80% {
    -webkit-filter: blur(2px) contrast(0.95) hue-rotate(1deg) saturate(1);
            filter: blur(2px) contrast(0.95) hue-rotate(1deg) saturate(1);
    opacity: .7;
  }
  100% {
    -webkit-filter: blur(0) brightness(1);
            filter: blur(0) brightness(1);
    opacity: 1;
  }
}

@-webkit-keyframes buildingReveal02 {
  0% {
    -webkit-filter: blur(30px) contrast(0.1) hue-rotate(0deg) saturate(0.3);
            filter: blur(30px) contrast(0.1) hue-rotate(0deg) saturate(0.3);
    opacity: 0;
  }
  30% {
    -webkit-filter: blur(25px) contrast(0.3) hue-rotate(15deg) saturate(0.6);
            filter: blur(25px) contrast(0.3) hue-rotate(15deg) saturate(0.6);
    opacity: .1;
  }
  50% {
    -webkit-filter: blur(15px) contrast(0.5) hue-rotate(8deg) saturate(0.8);
            filter: blur(15px) contrast(0.5) hue-rotate(8deg) saturate(0.8);
    opacity: .3;
  }
  70% {
    -webkit-filter: blur(8px) contrast(0.7) hue-rotate(4deg) saturate(0.9);
            filter: blur(8px) contrast(0.7) hue-rotate(4deg) saturate(0.9);
    -webkit-mask-size: 75% 75%;
            mask-size: 75% 75%;
    opacity: .5;
  }
  90% {
    -webkit-filter: blur(3px) contrast(0.9) hue-rotate(2deg) saturate(1);
            filter: blur(3px) contrast(0.9) hue-rotate(2deg) saturate(1);
    opacity: .55;
  }
  100% {
    -webkit-filter: blur(0) contrast(1) hue-rotate(0deg) saturate(1);
            filter: blur(0) contrast(1) hue-rotate(0deg) saturate(1);
    opacity: .6;
  }
}

@keyframes buildingReveal02 {
  0% {
    -webkit-filter: blur(30px) contrast(0.1) hue-rotate(0deg) saturate(0.3);
            filter: blur(30px) contrast(0.1) hue-rotate(0deg) saturate(0.3);
    opacity: 0;
  }
  30% {
    -webkit-filter: blur(25px) contrast(0.3) hue-rotate(15deg) saturate(0.6);
            filter: blur(25px) contrast(0.3) hue-rotate(15deg) saturate(0.6);
    opacity: .1;
  }
  50% {
    -webkit-filter: blur(15px) contrast(0.5) hue-rotate(8deg) saturate(0.8);
            filter: blur(15px) contrast(0.5) hue-rotate(8deg) saturate(0.8);
    opacity: .3;
  }
  70% {
    -webkit-filter: blur(8px) contrast(0.7) hue-rotate(4deg) saturate(0.9);
            filter: blur(8px) contrast(0.7) hue-rotate(4deg) saturate(0.9);
    -webkit-mask-size: 75% 75%;
            mask-size: 75% 75%;
    opacity: .5;
  }
  90% {
    -webkit-filter: blur(3px) contrast(0.9) hue-rotate(2deg) saturate(1);
            filter: blur(3px) contrast(0.9) hue-rotate(2deg) saturate(1);
    opacity: .55;
  }
  100% {
    -webkit-filter: blur(0) contrast(1) hue-rotate(0deg) saturate(1);
            filter: blur(0) contrast(1) hue-rotate(0deg) saturate(1);
    opacity: .6;
  }
}

@-webkit-keyframes buildingShimmer {
  0% {
    -webkit-filter: brightness(1) contrast(1) saturate(1) hue-rotate(0deg);
            filter: brightness(1) contrast(1) saturate(1) hue-rotate(0deg);
    opacity: .6;
  }
  20% {
    -webkit-filter: brightness(1.08) contrast(1.03) saturate(1.08) hue-rotate(3deg);
            filter: brightness(1.08) contrast(1.03) saturate(1.08) hue-rotate(3deg);
    opacity: .4;
  }
  40% {
    -webkit-filter: brightness(1.12) contrast(1.06) saturate(1.12) hue-rotate(-2deg);
            filter: brightness(1.12) contrast(1.06) saturate(1.12) hue-rotate(-2deg);
    opacity: .1;
  }
  60% {
    -webkit-filter: brightness(1.05) contrast(1.08) saturate(1.05) hue-rotate(4deg);
            filter: brightness(1.05) contrast(1.08) saturate(1.05) hue-rotate(4deg);
    opacity: .2;
  }
  80% {
    -webkit-filter: brightness(1.1) contrast(1.04) saturate(1.1) hue-rotate(-1deg);
            filter: brightness(1.1) contrast(1.04) saturate(1.1) hue-rotate(-1deg);
    opacity: .5;
  }
  100% {
    -webkit-filter: brightness(1) contrast(1) saturate(1) hue-rotate(0deg);
            filter: brightness(1) contrast(1) saturate(1) hue-rotate(0deg);
    opacity: .6;
  }
}

@keyframes buildingShimmer {
  0% {
    -webkit-filter: brightness(1) contrast(1) saturate(1) hue-rotate(0deg);
            filter: brightness(1) contrast(1) saturate(1) hue-rotate(0deg);
    opacity: .6;
  }
  20% {
    -webkit-filter: brightness(1.08) contrast(1.03) saturate(1.08) hue-rotate(3deg);
            filter: brightness(1.08) contrast(1.03) saturate(1.08) hue-rotate(3deg);
    opacity: .4;
  }
  40% {
    -webkit-filter: brightness(1.12) contrast(1.06) saturate(1.12) hue-rotate(-2deg);
            filter: brightness(1.12) contrast(1.06) saturate(1.12) hue-rotate(-2deg);
    opacity: .1;
  }
  60% {
    -webkit-filter: brightness(1.05) contrast(1.08) saturate(1.05) hue-rotate(4deg);
            filter: brightness(1.05) contrast(1.08) saturate(1.05) hue-rotate(4deg);
    opacity: .2;
  }
  80% {
    -webkit-filter: brightness(1.1) contrast(1.04) saturate(1.1) hue-rotate(-1deg);
            filter: brightness(1.1) contrast(1.04) saturate(1.1) hue-rotate(-1deg);
    opacity: .5;
  }
  100% {
    -webkit-filter: brightness(1) contrast(1) saturate(1) hue-rotate(0deg);
            filter: brightness(1) contrast(1) saturate(1) hue-rotate(0deg);
    opacity: .6;
  }
}

.placeCard__head .txt a {
  text-decoration: underline;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

@media screen and (min-width: 768px) {
  .placeCard__head .txt a:hover {
    opacity: .7;
  }
}

@media (hover: hover) and (pointer: fine) {
  .placeCard__head .txt a:hover {
    opacity: .7;
  }
}

.placeCard__ttl {
  color: #767152;
  letter-spacing: .05em;
  padding: 16px 20px;
  position: relative;
  -webkit-transition: color 2s ease .9s;
  transition: color 2s ease .9s;
}

@media screen and (min-width: 768px) {
  .placeCard__ttl {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .placeCard__ttl {
    font-size: 18px;
  }
}

.placeCard__ttl:before, .placeCard__ttl:after {
  content: '';
  height: 100%;
  inset: 0;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 2s ease .9s;
  transition: opacity 2s ease .9s;
  width: 100%;
}

.placeCard__ttl:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(64.42%, #958f4f), color-stop(88.46%, rgba(209, 207, 175, 0.5)), to(rgba(243, 242, 229, 0)));
  background: linear-gradient(90deg, #958f4f 64.42%, rgba(209, 207, 175, 0.5) 88.46%, rgba(243, 242, 229, 0) 100%);
  opacity: 0;
}

.placeCard__ttl:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(64.42%, #958f4f), color-stop(88.46%, rgba(209, 207, 175, 0.5)), to(rgba(243, 242, 229, 0)));
  background: linear-gradient(270deg, #958f4f 64.42%, rgba(209, 207, 175, 0.5) 88.46%, rgba(243, 242, 229, 0) 100%);
  opacity: 1;
}

.placeCard__ttl .inner {
  display: block;
  position: relative;
  z-index: 1;
  line-height: 1.6;
}

.placeCard__ttl .inner:before {
  content: '';
  margin-top: calc((1 - 1.6) * .5em);
}

.placeCard__ttl .inner:after {
  margin-bottom: calc((1 - 1.6) * .5em);
}

.placeCard__ttl .inner:before, .placeCard__ttl .inner:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media screen and (min-width: 768px) {
  .placeCard__ttl + .txt {
    margin-top: 32px;
  }
}

@media screen and (max-width: 768px) {
  .placeCard__ttl + .txt {
    margin-top: 24px;
  }
}

.placeCard__ttl.sai-animate {
  color: #ffffff;
}

.placeCard__ttl.sai-animate:before {
  opacity: 1;
}

.placeCard__ttl.sai-animate:after {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .placeCard__cont .photo + .generalBtn {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .placeCard__cont .photo + .generalBtn {
    margin-top: 32px;
  }
}

@media screen and (min-width: 768px) {
  .placeCard__head + .placeCard__cont {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .placeCard__head + .placeCard__cont {
    margin-top: 32px;
  }
}

.placeCard__subInfo {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .placeCard__subInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
  }
}

@media screen and (max-width: 768px) {
  .placeCard__subInfo {
    padding: 0 20px;
  }
}

@media screen and (min-width: 768px) {
  .placeCard__subInfo .photo {
    width: 370px;
  }
}

@media screen and (max-width: 768px) {
  .placeCard__subInfo .photo + .headingUnit {
    margin-top: 32px;
  }
}

@media screen and (min-width: 768px) {
  .placeCard__subInfo .headingUnit {
    width: 320px;
  }
}

@media screen and (max-width: 768px) {
  .placeCard__subInfo .headingUnit .heading {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .placeCard__subInfo .headingUnit .txt {
    font-size: 12px;
    margin-top: 32px;
  }
}

@media screen and (min-width: 768px) {
  .placeCard--large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 40px 120px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  .placeCard--large .placeCard__head {
    width: 320px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1199px) {
  .placeCard--large .placeCard__head {
    width: 760px;
  }
}

@media screen and (min-width: 768px) {
  .placeCard--large .placeCard__cont {
    margin-top: 0;
    width: 760px;
  }
}

@media screen and (min-width: 768px) {
  .placeSect__cont .usableList__inner {
    gap: 100px 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .placeSect__cont .usableList__inner {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .placeSect__cont .usableList__item {
    width: 540px;
  }
}

@media screen and (max-width: 768px) {
  .placeSect__cont .usableList__item:not(:first-child) {
    margin-top: 100px;
  }
}

@media screen and (min-width: 768px) {
  .placeSect__head + .placeSect__cont {
    margin-top: 200px;
  }
}

@media screen and (max-width: 768px) {
  .placeSect__head + .placeSect__cont {
    margin-top: 100px;
  }
}

@media screen and (min-width: 768px) {
  .redevelopment-introduction {
    padding: 140px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .redevelopment-introduction {
    padding: 100px 0 0;
  }
}

@media screen and (min-width: 768px) {
  .redevelopment-place {
    padding: 200px 0;
  }
}

@media screen and (max-width: 768px) {
  .redevelopment-place {
    padding: 100px 0;
  }
}