.wrapper,
.pin-spacer {
  overflow: hidden !important;
}

/* About Content */
.sec-about {
  position: relative;
  padding-top: 68px;
}

.sec-about::after {
  position: absolute;
  top: 8%;
  right: 0;
  z-index: -1;
  width: 34.7%;
  height: 1152px;
  background-color: #e2e8eb;
  content: "";
}

.sec-about .about-content {
  margin: 0 auto;
  padding-bottom: 72px;
  max-width: 1366px;
}

.sec-about .about-list .btn-black {
  position: absolute;
  bottom: -126px;
  left: 41px;
}

.sec-about .about-content .sub-ttl {
  padding-bottom: 111px;
}

.sec-about .about-list {
  display: flex;
  align-items: center;
  padding-bottom: 42px;
  color: #262627;
}

.sec-about .about-blk {
  width: 54.4%;
  padding: 92px 10px 90px;
  box-shadow: 12px 12px 31px rgba(150, 160, 165, 0.2);
  background-color: #ffffff;
}

.sec-about .about-blk .txt-blk {
  position: relative;
  width: 444px;
  margin: 0 auto;
}

.sec-about .cmn-about-ttl {
  margin-bottom: 31px;
  font-family: "Shippori Mincho", serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 1.5px;
}

.sec-about .cmn-about-ttl span {
  position: relative;
  padding-left: 32px;
}

.sec-about .cmn-about-ttl span::before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 20px;
  background: url("../img/management/img_estate_before.png") no-repeat center/contain;
  content: "";
}

.sec-about .about-txt span {
  position: relative;
  line-height: 2.11;
  padding: 11px 5px 9px 24px;
  letter-spacing: 0.99px;
}

.sec-about .about-txt span::before {
  position: absolute;
  top: 0;
  left: 6px;
  width: 1px;
  height: 100%;
  background-color: #afafb7;
  content: "";
}

.sec-about .about-img {
  position: relative;
  width: 45.6%;
  height: 389px;
}

.sec-about .about-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.sec-about .about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reverse {
  flex-direction: row-reverse;
}

.cmn-block {
  width: 984px;
  margin: 0 auto;
  padding: 48px 70px;
  text-align: center;
}

.cmn-block.block01 {
  background: url("../img/management/img_condominium_bg.jpg") no-repeat center/cover;
}

.cmn-block.block02 {
  background: url("../img/management/img_apartment_bg.jpg") no-repeat center/cover;
}

.cmn-block .sub-ttl {
  padding-bottom: 38px;
  color: #ffffff;
}

.cmn-block-txt {
  line-height: 1.99;
  padding-bottom: 42px;
  color: #d5d5d5;
  letter-spacing: 0.99px;
}

/* Corporation Content */
.sec-corporation {
  padding-top: 84px;
}

.sec-corporation .corporation-content {
  margin: 0 auto;
  padding-bottom: 37px;
  max-width: 2560px;
}

.sec-corporation .corporation-content .sub-ttl {
  padding-bottom: 56px;
}

.sec-corporation .point-blk {
  display: flex;
}

.sec-corporation .corporation-blk {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 55px 0 42px;
  background-color: #ffffff;
}

.sec-corporation .corporation-blk .txt-blk {
  width: 489px;
  margin: 0 auto;
}

.sec-corporation .cmn-point-ttl span {
  position: relative;
  padding-left: 72px;
  color: #7cbe41;
  font-family: "Shippori Mincho", serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 5.25px;
}

.sec-corporation .cmn-point-ttl span::before,
.sec-corporation .cmn-point-ttl span::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  transform: translateY(-50%);
}

.sec-corporation .cmn-point-ttl span::before {
  z-index: 1;
  width: 13px;
  height: 2px;
  background-color: #34343a;
}

.sec-corporation .reverse .cmn-point-ttl span::before {
  background-color: #ffffff;
}

.sec-corporation .cmn-point-ttl span::after {
  width: 54px;
  height: 1px;
  background-color: #afafb7;
}

.sec-corporation .cmn-corporation-ttl {
  line-height: 1.62;
  padding: 32px 0 20px;
  font-family: "Shippori Mincho", serif;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: 1.4px;
}

.sec-corporation .corporation-txt {
  line-height: 2.12;
  letter-spacing: 0.95px;
}

.sec-corporation .corporation-img {
  width: 50%;
}

.sec-corporation .corporation-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec-corporation .corporation-black {
  background-color: #262627;
  color: #ffffff;
}

/* Condo Content */
.sec-condo {
  position: relative;
  padding: 110px 0 42px;
}

.sec-condo::after {
  position: absolute;
  right: 0;
  bottom: 87px;
  z-index: -1;
  width: 58.3%;
  height: 51.2%;
  background-color: #e2e8eb;
  content: "";
}

.sec-condo .cmn-ttl {
  text-align: center;
}

.sec-condo .condo-txt {
  line-height: 2.18;
  padding: 30px 0 72px;
  text-align: center;
  letter-spacing: 1px;
}

.sec-condo .condo-slide {
  display: flex;
}

.sec-condo .slide-item {
  position: relative;
  width: 376px;
}

.sec-condo .slide-item+.slide-item {
  margin-left: 20px;
}

.sec-condo .slide-img {
  position: relative;
  height: 429px;
  overflow: hidden;
}

.sec-condo .slide-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  content: "";
}

.sec-condo .slide-item .slide-img img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
  object-fit: cover;
}

@media (hover: hover) and (pointer: fine) {

  @keyframes clipAnimate {
    0% {
      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    }

    25% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }

    50% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }

    75% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    }

    100% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
  }

  .sec-condo .slide-item a:hover .slide-img img {
    transform: scale(1.1);
  }

  .sec-condo .slide-item a:hover .slide-btn::before {
    border: 3px solid #7cbe41;
    animation: clipAnimate 0.5s ease forwards;
  }

  .sec-condo .slide-item a:hover .slide-btn span {
    background: url("../img/common/ico_right_arr05.png") no-repeat center/contain;
  }

}


.sec-condo .slide-txt-blk {
  display: flex;
  position: absolute;
  bottom: 28px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 24px;
}

.sec-condo .slide-txt {
  width: 80%;
  line-height: 1.2;
  color: #ffffff;
  font-family: "Shippori Mincho", serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1.4px;
}

.sec-condo .slide-btn {
  position: relative;
  width: 53px;
  height: 53px;
  border: 2px solid #ffffff;
  border-radius: 100%;
}

.sec-condo .slide-btn::before {
  position: absolute;
  border: 3px solid transparent;
  content: "";
  inset: -2px;
  border-radius: 100%;
}

.sec-condo .slide-btn span {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 14px;
  height: 5px;
  margin: 0 auto;
  background: url("../img/common/ico_right_arr04.png") no-repeat center/contain;
  transform: translateY(-50%);
  transition: background 0.5s;
}

/* Flow Content */
.sec-flow {
  padding: 84px 0 102px;
}

.sec-flow .cmn-ttl {
  text-align: center;
}

.sec-flow .flow-blk {
  width: 984px;
  margin: 72px auto 0;
}

.sec-flow .flow-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 27px;
}

.sec-flow .flow-item .step {
  position: relative;
  z-index: 1;
  width: 197px;
  padding-top: 53px;
  padding-left: 52px;
  font-family: "AGaramondPro-Italic";
  font-size: 60px;
}

.sec-flow .flow-item .flow-txt-blk {
  position: relative;
}

.sec-flow .flow-item .flow-txt-blk::before,
.sec-flow .flow-item .flow-txt-blk::after {
  position: absolute;
  content: "";
}

.sec-flow .flow-item .flow-txt-blk::before {
  top: 101px;
  left: -63px;
  width: 12px;
  height: 12px;
  background-color: #34343a;
  border-radius: 50%;
}

.sec-flow .flow-item .flow-txt-blk::after {
  top: 120px;
  left: -57px;
  width: 1px;
  height: 100%;
  background-color: #262627;
}

.sec-flow .flow-item:last-child .flow-txt-blk::after {
  display: none;
}

.sec-flow .flow-item .flow-txt {
  width: 787px;
  padding: 58px 200px 45px 34px;
  box-shadow: 12px 12px 31px rgba(150, 160, 165, 0.2);
  letter-spacing: 1px;
}

.sec-flow .flow-item:nth-child(1) .flow-txt {
  background: url("../img/management/img_flow01.jpg") no-repeat top right/cover;
}

.sec-flow .flow-item:nth-child(2) .flow-txt {
  background: url("../img/management/img_flow02.jpg") no-repeat top right/cover;
}

.sec-flow .flow-item:nth-child(3) .flow-txt {
  background: url("../img/management/img_flow03.jpg") no-repeat top right/cover;
}

.sec-flow .flow-item:nth-child(4) .flow-txt {
  background: url("../img/management/img_flow04.jpg") no-repeat top right/cover;
}

.sec-flow .flow-item:nth-child(5) .flow-txt {
  background: url("../img/management/img_flow05.jpg") no-repeat top right/cover;
}

.sec-flow .flow-item .flow-txt h3 {
  margin-bottom: 23px;
  font-family: "Shippori Mincho", serif;
  font-size: 22px;
  font-weight: 600;
}

.sec-flow .flow-item .flow-txt .flow-desc {
  line-height: 2.1;
}

/* Ipad
-----------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {

  @media (hover: hover) and (pointer: fine) {
    .sec-condo .slide-item a:hover .slide-btn::before {
      border: 0.234vw solid #7cbe41;
    }
  }

  /* About Content */
  .sec-about {
    padding-top: 5.469vw;
  }

  .sec-about::after {
    height: 90vw;
  }

  .sec-about .about-content {
    padding-bottom: 5.625vw;
    max-width: 100%;
  }

  .sec-about .about-list .btn-black {
    bottom: -9.844vw;
    left: 3.203vw;
  }

  .sec-about .about-content .sub-ttl {
    padding-bottom: 8.672vw;
  }

  .sec-about .about-list {
    padding-bottom: 3.281vw;
  }

  .sec-about .about-blk {
    padding: 7.188vw 0.781vw 7.031vw;
    box-shadow: 0.938vw 0.938vw 2.422vw rgba(150, 160, 165, 0.2);
  }

  .sec-about .about-blk .txt-blk {
    width: 34.688vw;
  }

  .sec-about .cmn-about-ttl {
    margin-bottom: 2.422vw;
    font-size: 2.188vw;
    letter-spacing: 0.117vw;
  }

  .sec-about .cmn-about-ttl span {
    padding-left: 2.5vw;
  }

  .sec-about .cmn-about-ttl span::before {
    top: 0.313vw;
    width: 1.406vw;
    height: 1.563vw;
  }

  .sec-about .about-txt span {
    padding: 0.859vw 0.391vw 0.703vw 1.875vw;
    letter-spacing: 0.077vw;
  }

  .sec-about .about-txt span::before {
    left: 0.469vw;
    width: 0.13vw;
  }

  .sec-about .about-img {
    height: 30.391vw;
  }

  .cmn-block {
    width: 76.875vw;
    padding: 3.75vw 5.469vw;
  }

  .cmn-block .sub-ttl {
    padding-bottom: 2.969vw;
  }

  .cmn-block-txt {
    padding-bottom: 3.281vw;
    letter-spacing: 0.077vw;
  }

  /* Corporation Content */
  .sec-corporation {
    padding-top: 6.563vw;
  }

  .sec-corporation .corporation-content {
    padding-bottom: 2.891vw;
    max-width: 100%;
  }

  .sec-corporation .corporation-content .sub-ttl {
    padding-bottom: 4.375vw;
  }

  .sec-corporation .corporation-blk {
    padding: 4.297vw 0 3.281vw;
  }

  .sec-corporation .corporation-blk .txt-blk {
    width: 38.203vw;
  }

  .sec-corporation .cmn-point-ttl span {
    padding-left: 5.625vw;
    font-size: 1.406vw;
    letter-spacing: 0.41vw;
  }

  .sec-corporation .cmn-point-ttl span::before {
    width: 1.016vw;
    height: 0.156vw;
  }

  .sec-corporation .cmn-point-ttl span::after {
    width: 4.219vw;
    height: 0.13vw;
  }

  .sec-corporation .cmn-corporation-ttl {
    padding: 2.5vw 0 1.563vw;
    font-size: 2.109vw;
    letter-spacing: 0.109vw;
  }

  .sec-corporation .corporation-txt {
    letter-spacing: 0.074vw;
  }

  /* Condo Content */
  .sec-condo {
    padding: 8.594vw 0 3.281vw;
  }

  .sec-condo::after {
    bottom: 6.797vw;
  }

  .sec-condo .condo-txt {
    padding: 2.344vw 0 5.625vw;
    letter-spacing: 0.078vw;
  }

  .sec-condo .slide-item {
    width: 29.375vw;
  }

  .sec-condo .slide-item+.slide-item {
    margin-left: 1.563vw;
  }

  .sec-condo .slide-img {
    height: 33.516vw;
  }

  .sec-condo .slide-txt-blk {
    bottom: 2.188vw;
    padding: 0 1.875vw;
  }

  .sec-condo .slide-txt {
    font-size: 1.719vw;
    letter-spacing: 0.109vw;
  }

  .sec-condo .slide-btn {
    width: 4.141vw;
    height: 4.141vw;
    border: 0.156vw solid #ffffff;
  }

  .sec-condo .slide-btn::before {
    border: 0.234vw solid transparent;
    inset: -0.156vw;
  }

  .sec-condo .slide-btn span {
    width: 1.094vw;
    height: 0.391vw;
  }

  /* Flow Content */
  .sec-flow {
    padding: 6.563vw 0 7.969vw;
  }

  .sec-flow .flow-blk {
    width: 76.875vw;
    margin: 5.625vw auto 0;
  }

  .sec-flow .flow-item {
    margin-bottom: 2.109vw;
  }

  .sec-flow .flow-item .step {
    width: 15.391vw;
    padding-top: 4.141vw;
    padding-left: 4.063vw;
    font-size: 4.688vw;
  }

  .sec-flow .flow-item .flow-txt {
    width: 61.484vw;
    padding: 4.531vw 15.625vw 3.516vw 2.656vw;
    box-shadow: 0.938vw 0.938vw 2.422vw rgba(150, 160, 165, 0.2);
    letter-spacing: 0.078vw;
  }

  .sec-flow .flow-item .flow-txt-blk::before {
    top: 7.891vw;
    left: -4.922vw;
    width: 0.938vw;
    height: 0.938vw;
  }

  .sec-flow .flow-item .flow-txt-blk::after {
    top: 9.375vw;
    left: -4.453vw;
    width: 0.13vw;
  }

  .sec-flow .flow-item .flow-txt h3 {
    margin-bottom: 1.797vw;
    font-size: 1.719vw;
  }

}

/* SP
-----------------------------------------------------------------*/
@media only screen and (max-width: 767.9px) {

  @media (hover: hover) and (pointer: fine) {
    .sec-condo .slide-item a:hover .slide-btn::before {
      border: 0.763vw solid #7cbe41;
    }
  }

  .sec-manage-banner {
    padding: 11.305vw 0;
  }

  /* About Content */
  .sec-about {
    padding-top: 12.012vw;
  }

  .sec-about::after {
    top: 1.1%;
    width: 44.275vw;
    height: 77.4%;
  }

  .sec-about .about-content {
    padding-bottom: 0;
    max-width: 100%;
  }

  .sec-about .about-list .btn-black {
    position: relative;
    bottom: -4.561vw;
    left: 11.633vw;
  }

  .sec-about .about-content .sub-ttl {
    padding-bottom: 8.344vw;
  }

  .sec-about .about-list {
    flex-wrap: wrap;
    padding-bottom: 12.896vw;
  }

  .sec-about .about-blk {
    position: relative;
    z-index: 1;
    width: 95.9%;
    padding: 9.019vw 2.345vw 9.728vw;
    box-shadow: 3.053vw 3.053vw 7.888vw rgba(150, 160, 165, 0.2);
  }

  .sec-about .about-list:last-child .about-blk {
    padding-bottom: 14.122vw;
  }

  .sec-about .about-blk .txt-blk {
    width: 96%;
  }

  .sec-about .cmn-about-ttl {
    line-height: 1.41;
    margin-bottom: 5.089vw;
    font-size: 6.616vw;
    letter-spacing: 0.382vw;
  }

  .sec-about .cmn-about-ttl span {
    padding-left: 8.142vw;
  }

  .sec-about .cmn-about-ttl span::before {
    top: 1.781vw;
    width: 4.58vw;
    height: 5.089vw;
  }

  .sec-about .about-txt span {
    line-height: 2;
    padding: 2.699vw 0 3.19vw 6.107vw;
    letter-spacing: 0.252vw;
  }

  .sec-about .about-txt span::before {
    left: 1.527vw;
    width: 0.296vw;
  }

  .sec-about .about-img {
    width: 95.6%;
    height: 58.015vw;
    margin-top: -9.669vw;
    margin-left: 4.071vw;
  }

  .sec-about .reverse {
    flex-direction: unset;
  }

  .cmn-block {
    width: 100%;
    padding: 11.914vw 4.25vw;
  }

  .cmn-block.block02 {
    background: url("../img/management/img_apartment_bg_sp.jpg") no-repeat center/cover;
  }

  .cmn-block .sub-ttl {
    padding-bottom: 8.869vw;
  }

  .cmn-block-txt {
    padding-bottom: 8.287vw;
    letter-spacing: 0.252vw;
  }

  /* Corporation Content */
  .sec-corporation {
    padding-top: 15.008vw;
  }

  .sec-corporation .corporation-content {
    padding-bottom: 10.916vw;
    max-width: 100%;
  }

  .sec-corporation .corporation-content .sub-ttl {
    padding: 0 4.326vw 10.049vw;
  }

  .sec-corporation .point-blk {
    flex-wrap: wrap;
  }

  .sec-corporation .corporation-blk {
    width: 100%;
    padding: 10.687vw 4.2% 8.382vw;
  }

  .sec-corporation .corporation-blk .txt-blk {
    width: 100%;
  }

  .sec-corporation .cmn-point-ttl span {
    padding-left: 19.084vw;
    font-size: 4.58vw;
    letter-spacing: 1.336vw;
  }

  .sec-corporation .cmn-point-ttl span::before {
    width: 3.308vw;
    height: 0.509vw;
  }

  .sec-corporation .cmn-point-ttl span::after {
    width: 13.74vw;
    height: 0.296vw;
  }

  .sec-corporation .cmn-corporation-ttl {
    line-height: 1.65;
    padding: 5.915vw 0 6.107vw;
    font-size: 6.616vw;
    letter-spacing: 0.33vw;
  }

  .sec-corporation .corporation-txt {
    line-height: 2;
    letter-spacing: 0.242vw;
  }

  .sec-corporation .corporation-img {
    width: 100%;
    height: 100vw;
  }

  /* Condo Content */
  .sec-condo {
    padding: 15.095vw 0 2.88vw;
  }

  .sec-condo::after {
    bottom: 26.202vw;
    width: 82%;
    height: 38.9%;
  }

  .sec-condo .l-inner {
    padding: 0;
  }

  .sec-condo .cmn-ttl {
    line-height: 1.57;
    padding: 0 3.571vw;
  }

  .sec-condo .condo-txt {
    line-height: 2;
    padding: 9.415vw 4.326vw 14.505vw;
    text-align: left;
    letter-spacing: 0.254vw;
  }

  .sec-condo .condo-slide {
    width: 400%;
    padding-left: 4.58vw;
    overflow-x: hidden;
  }

  .sec-condo .slide-item {
    width: 68.448vw;
  }

  .sec-condo .slide-item+.slide-item {
    margin-left: 4.489vw;
  }

  .sec-condo .slide-img {
    height: 87.786vw;
  }

  .sec-condo .slide-txt-blk {
    bottom: 4.071vw;
    padding: 0 6.107vw;
  }

  .sec-condo .slide-txt {
    font-size: 4.58vw;
    letter-spacing: 0.3vw;
  }

  .sec-condo .slide-btn {
    width: 11.45vw;
    height: 11.45vw;
    border: 0.509vw solid #ffffff;
  }

  .sec-condo .slide-btn::before {
    border: 0.763vw solid transparent;
    inset: -0.509vw;
  }

  .sec-condo .slide-btn span {
    width: 3.562vw;
    height: 1.272vw;
  }

  /* Flow Content */
  .sec-flow {
    padding: 20.356vw 0 11.459vw;
  }

  .sec-flow .cmn-ttl {
    line-height: 1.5;
    letter-spacing: 0.458vw;
  }

  .sec-flow .cmn-ttl .en-ttl {
    margin-top: 3.053vw;
  }

  .sec-flow .flow-blk {
    width: 100%;
    margin: 10.178vw 0 0;
  }

  .sec-flow .flow-item {
    margin-bottom: 4.326vw;
  }

  .sec-flow .flow-item .step {
    width: 100%;
    padding: 0;
    font-size: 15.267vw;
    text-align: center;
  }

  .sec-flow .flow-item .flow-txt-blk::before,
  .sec-flow .flow-item .flow-txt-blk::after {
    display: none;
  }

  .sec-flow .flow-item .flow-txt {
    z-index: -1;
    width: 100%;
    margin-top: -7.634vw;
    padding: 11.196vw 5.344vw 20.356vw;
    box-shadow: 3.053vw 3.053vw 7.888vw rgba(150, 160, 165, 0.2);
    letter-spacing: 0.254vw;
  }

  .sec-flow .flow-item:nth-child(1) .flow-txt {
    background: url("../img/management/img_flow01_sp.jpg") no-repeat center bottom/cover, #ffffff;
  }

  .sec-flow .flow-item:nth-child(2) .flow-txt {
    background: url("../img/management/img_flow02_sp.jpg") no-repeat center bottom/cover, #ffffff;
  }

  .sec-flow .flow-item:nth-child(3) .flow-txt {
    background: url("../img/management/img_flow03_sp.jpg") no-repeat center bottom/cover, #ffffff;
  }

  .sec-flow .flow-item:nth-child(4) .flow-txt {
    background: url("../img/management/img_flow04_sp.jpg") no-repeat center bottom/cover, #ffffff;
  }

  .sec-flow .flow-item:nth-child(5) .flow-txt {
    background: url("../img/management/img_flow05_sp.jpg") no-repeat center bottom/cover, #ffffff;
  }

  .sec-flow .flow-item .flow-txt h3 {
    margin-bottom: 3.817vw;
    font-size: 5.598vw;
  }

  .sec-flow .flow-item .flow-txt .flow-desc {
    line-height: 2;
  }

}