/* 交野郡津。スマホ版、PC版。 */

/* 全数値は元のraw宣言。QA未合格の外部候補。 */

@media (max-width: 1023px) {
  .sp-kozu-reason {
    height: 675px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-overview figure {
    margin: 0;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point figure {
    margin: 0;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reason figure {
    margin: 0;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-leaves {
    position: absolute;
    z-index: 0;
    width: 116px;
    pointer-events: none;
    opacity: .86;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-furniture-note {
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
    margin: 0;
    background: rgba(255,255,255,.9);
    font: 500 10px/1.2 "Noto Sans JP", sans-serif;
    text-align: right;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-town-cloud > span {
    white-space: nowrap;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-cloud > span {
    white-space: nowrap;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-callout .sp-cloud > span {
    white-space: nowrap;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-ending > span {
    white-space: nowrap;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-paperclip {
    position: absolute;
    top: -12px;
    right: 2px;
    width: 12px;
    height: 29px;
    border: 1.5px solid var(--c-camel);
    border-radius: 7px;
    transform: rotate(28deg);
    z-index: 3;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-paperclip::after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 2px;
    border-left: 1px solid var(--c-camel);
    border-bottom: 1px solid var(--c-camel);
    border-radius: 0 0 4px 4px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-leaves--overview-top {
    right: -35px;
    top: -16px;
    width: 125px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-leaves--overview-bottom {
    left: -43px;
    top: 392px;
    width: 107px;
    transform: rotate(162deg);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-area-badge {
    position: absolute;
    left: 15px;
    top: 19px;
    width: 65px;
    height: 65px;
    z-index: 2;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-outline-number {
    position: absolute;
    left: 17px;
    top: 83px;
    font: 400 70px/1 "Playfair Display",serif;
    z-index: 1;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-area-heading {
    position: absolute;
    top: 15px;
    left: 84px;
    right: 17px;
    padding-top: 26px;
    z-index: 2;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-area-heading .script {
    left: 32px;
    font-size: 34px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-area-ribbon {
    position: absolute;
    top: 132px;
    left: 84px;
    display: grid;
    place-items: center;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    z-index: 4;
    white-space: nowrap;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-exterior {
    position: absolute;
    left: 8px;
    top: 166px;
    right: 8px;
    height: 217px;
    z-index: 1;
    background: url("../assets/deco/watercolor-sky-trees-mobile.webp") center bottom/contain no-repeat;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-exterior img {
    position: absolute;
    left: 32px;
    bottom: 0;
    width: 278px;
    height: auto;
    filter: drop-shadow(4px 6px 5px rgba(34,57,92,.12));
  }
}

@media (max-width: 1023px) {
  .sp-kozu-sale-seal {
    position: absolute;
    top: 171px;
    left: 11px;
    width: 86px;
    height: 86px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 4;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-sale-seal > span {
    max-width: 80%;
    line-height: 1;
    white-space: nowrap;
    flex-shrink: 0;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-sale-seal > span:first-child {
    transform: translateY(3px);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-sale-seal > span:last-child {
    transform: translateY(-3px);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-sale-seal .sp-num {
    font-size: 40px;
    line-height: .95;
    flex-shrink: 0;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-vertical-label {
    position: absolute;
    right: 15px;
    top: 178px;
    text-orientation: upright;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    z-index: 3;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-townscape {
    position: absolute;
    left: 163px;
    top: 379px;
    width: 162px;
    height: 114px;
    transform: rotate(2deg);
    z-index: 2;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-townscape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-town-cloud {
    position: absolute;
    left: 32px;
    top: 391px;
    font-size: 14px;
    line-height: 1.4;
    z-index: 3;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-town-cloud::after {
    right: -24px;
    bottom: 5px;
    transform: rotate(-12deg);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-dried-flowers {
    position: absolute;
    left: 326px;
    top: 391px;
    width: 59px;
    height: 103px;
    z-index: 1;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-dried-flowers img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-dried-flowers figcaption {
    position: absolute;
    bottom: -4px;
    right: 2px;
    font-size: 10px;
    line-height: 1;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-facts li + li {
    border-left: 1px solid var(--c-camel);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-facts .sp-num {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-fact-icon {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: 1px solid var(--c-camel);
    border-radius: 50%;
    color: var(--c-dusty-blue);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-fact-icon .icon {
    width: 21px;
    height: 21px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-leaves--point-top {
    left: -43px;
    top: -18px;
    width: 119px;
    transform: rotate(-10deg);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-leaves--point-side {
    right: -42px;
    top: 362px;
    width: 91px;
    transform: scaleX(-1);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-badge {
    position: absolute;
    top: 33px;
    left: 40px;
    width: 55px;
    height: 55px;
    z-index: 3;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-heading {
    position: absolute;
    top: 16px;
    left: 129px;
    right: 13px;
    padding-top: 26px;
    z-index: 2;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-heading .script {
    left: -6px;
    font-size: 32px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-heading h3 {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-heading h3 .sp-num {
    font-size: 44px;
    line-height: 1.05;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-heading h3 > span:last-child {
    font-size: 30px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-photo {
    position: absolute;
    top: 117px;
    left: 34px;
    width: 290px;
    height: 165px;
    z-index: 1;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-photo::after {
    content: "";
    position: absolute;
    width: 42px;
    height: 17px;
    top: -8px;
    right: 18px;
    background: rgba(235,220,195,.85);
    transform: rotate(4deg);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-cloud {
    position: absolute;
    top: 137px;
    font-size: 12px;
    line-height: 1.4;
    z-index: 3;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-cloud::after {
    right: 35px;
    bottom: -23px;
    transform: rotate(132deg);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-tiles > figure {
    min-width: 0;
    text-align: center;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-tile {
    display: grid;
    place-items: center;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-tiles figcaption {
    font: 600 15px/1.35 "Klee One", sans-serif;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-balcony figcaption {
    position: relative;
    white-space: nowrap;
    font-size: 14px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-property-facts {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 8px;
    border-bottom: 1px solid var(--c-camel);
    padding-bottom: 7px;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-property-facts > span + span {
    padding-left: 8px;
    border-left: 1px dotted var(--c-camel);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-property-facts .sp-num {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-property-price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 4px;
    white-space: nowrap;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-property-price > .sp-num {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -.04em;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-property-price > span:last-child {
    font-size: 17px;
    font-weight: 700;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-property-price > span:last-child > span {
    font-size: 14px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-leaves--plan-top {
    right: -35px;
    top: -20px;
    width: 112px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-badge {
    position: absolute;
    left: 19px;
    top: 18px;
    width: 59px;
    height: 59px;
    z-index: 2;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-heading {
    position: absolute;
    left: 91px;
    top: 12px;
    width: 132px;
    padding-top: 26px;
    z-index: 2;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-heading .script {
    left: -5px;
    font-size: 32px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-heading h3 {
    text-align: left;
    color: var(--c-navy);
    font-size: 32px;
    font-weight: 900;
    line-height: 1.3;
    white-space: nowrap;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-property {
    position: absolute;
    top: 56px;
    left: 226px;
    right: 15px;
    min-height: 24px;
    padding: 3px 4px;
    background: var(--c-dusty-blue);
    color: white;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    z-index: 2;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-image {
    position: absolute;
    display: block;
    color: var(--c-navy);
    text-decoration: none;
    z-index: 1;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-image img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-marker {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--c-dusty-blue);
    color: white;
    font-size: 20px;
    margin: auto;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-callout p {
    font-size: 14px;
    line-height: 1.3;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-callout--1 p::after {
    left: -22px;
    bottom: 16px;
    transform: rotate(150deg);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-callout--2 p::after {
    right: -18px;
    top: 1px;
    transform: rotate(-30deg);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-callout--3 p::after {
    left: -18px;
    bottom: 8px;
    transform: rotate(165deg);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-ending {
    position: absolute;
    font-size: 16px;
    line-height: 1.4;
    z-index: 2;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-ending::after {
    right: -29px;
    bottom: 3px;
    transform: rotate(135deg);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-leaves--reason-top {
    left: -43px;
    top: 5px;
    width: 101px;
    transform: rotate(-10deg);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-leaves--reason-bottom {
    right: -42px;
    top: 413px;
    width: 100px;
    transform: scaleX(-1);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reason-heading {
    position: absolute;
    top: 18px;
    left: 70px;
    right: 14px;
    padding-top: 26px;
    z-index: 2;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reason-heading .script {
    left: 0;
    font-size: 34px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reason-heading h3 {
    text-align: left;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.3;
    white-space: nowrap;
    letter-spacing: -.035em;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reason-heading h3 > span {
    display: inline-block;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.25;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reason-photo {
    position: absolute;
    top: 120px;
    right: 10px;
    width: 160px;
    height: 258px;
    transform: rotate(2.5deg);
    z-index: 1;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reason-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 55% center;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reason-photo .sp-kozu-furniture-note {
    line-height: 1.25;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reasons {
    position: absolute;
    top: 144px;
    left: 15px;
    right: 15px;
    z-index: 2;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reasons li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-height: 84px;
    border-bottom: 1px dotted var(--c-camel);
    padding: 0 0 6px;
    margin: 0 0 4px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reasons li:nth-child(-n+3) {
    width: 205px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reasons li:nth-child(n+4) {
    width: 100%;
    min-height: 66px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reasons li:nth-child(n+4) > div {
    padding-right: 68px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reasons li:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reason-marker {
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--c-dusty-blue);
    color: white;
    font-size: 28px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reasons li > div {
    flex: 1;
    min-width: 0;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reasons h4 {
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -.04em;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-reasons p {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-cta {
    position: absolute;
    top: 585px;
    left: 15px;
    right: 15px;
    z-index: 3;
  }
}

@media(max-width:1023px) {
  [data-artwork="callout-kozu-town"] {
    width:145px;
    height:85px;
  }
}

@media(max-width:1023px) {
  [data-artwork="callout-kozu-point"] {
    width:100px;
    height:110px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-callout--1 {
    top: 24px;
    width: 64px;
    left:min(245px,calc(100% - 120px));
  }
}

@media(max-width:1023px) {
  [data-artwork="callout-kozu-plan-ending"] {
    width:204px;
    height:66px;
  }
}

@media(max-width:1023px) {
  .sp-kozu-area-heading>[data-ornament="english-area-01"] {
    top:-10px;
    --orn-w:120px!important; /* 理由: 元inline切り抜き値より優先する既存装飾寸法 */
    --orn-h:35px!important; /* 理由: 元inline切り抜き値より優先する既存装飾寸法 */
    width:120px;
    height:35px;
  }
}

@media(max-width:1023px) {
  .sp-kozu-point-heading>[data-ornament="english-point"] {
    top:-10px;
    --orn-w:80px!important; /* 理由: 元inline切り抜き値より優先する既存装飾寸法 */
    --orn-h:36px!important; /* 理由: 元inline切り抜き値より優先する既存装飾寸法 */
    width:80px;
    height:36px;
  }
}

@media(max-width:1023px) {
  .sp-kozu-plan-heading>[data-ornament="english-madori"] {
    top:-8px;
    --orn-w:100px!important; /* 理由: 元inline切り抜き値より優先する既存装飾寸法 */
    --orn-h:32px!important; /* 理由: 元inline切り抜き値より優先する既存装飾寸法 */
    width:100px;
    height:32px;
  }
}

@media(max-width:1023px) {
  .sp-kozu-reason-heading>[data-ornament="english-reason"] {
    top:-11px;
    --orn-w:125px!important; /* 理由: 元inline切り抜き値より優先する既存装飾寸法 */
    --orn-h:36px!important; /* 理由: 元inline切り抜き値より優先する既存装飾寸法 */
    width:125px;
    height:36px;
  }
}

.pc-kozu-tile[data-photo-frame] {
  padding:0;
}

.sp-kozu-point-tile[data-photo-frame] {
  padding:0;
}

@media(max-width:1023px) {
  .sp-kozu-point-cloud[data-artwork] {
    right:17px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point {
    height:964px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-point-tiles {
    position: absolute;
    top: 292px;
    display: grid;
    gap: 12px 14px;
    z-index: 2;
    left:calc(50% - 157px);
    right:auto;
    width:314px;
    grid-template-columns:150px 150px;
    column-gap:14px;
    row-gap:30px;
  }
}

@media(max-width:1023px) {
  .sp-kozu-point-tiles .sp-kozu-point-tile {
    width:150px;
    height:69px;
    padding:0;
    box-sizing:border-box;
    border:4px solid var(--c-white);
    background:var(--c-white);
    transform:none;
  }
}

@media(max-width:1023px) {
  /* 縦位置の室内写真は上下を切らず、元画像の2:3の比率で見せる。 */
  .sp-kozu-point-tiles .sp-kozu-point-tile[data-photo-frame] {
    height:221px;
  }

  .sp-kozu-point-tiles .lp-photo-window > .lp-photo {
    object-fit:contain;
  }
}

@media(max-width:1023px) {
  .sp-kozu-point-tiles .sp-kozu-point-tile > img {
    width:100%;
    height:100%;
    object-fit:cover;
  }
}

@media(max-width:1023px) {
  .sp-kozu-point-tiles figcaption[data-artwork] {
    margin-top:6px;
    left:auto;
    width:150px;
    height:22px;
  }
}

@media(max-width:1023px) {
  .sp-kozu-point-tiles .sp-kozu-balcony figcaption[data-artwork] {
    left:50%;
    width:178px;
    transform:translateX(-50%)!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork] */
  }
}

@media(max-width:1023px) {
  .sp-kozu-point-tiles [data-artwork="comment-kozu-balcony"] .deco-raster-ink {
    transform:translate(-50%,-50%) scale(.85);
  }
}

@media (max-width: 1023px) {
  .sp-kozu-property {
    position: absolute;
    left: 17px;
    right: 17px;
    height: 112px;
    padding: 11px 10px 8px;
    z-index: 2;
    top:833px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-facts {
    position: absolute;
    top: 521px;
    display: grid;
    z-index: 2;
    left:16px;
    right:16px;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 1023px) {
  .sp-kozu-facts li {
    display: flex;
    align-items: center;
    min-width: 0;
    font-weight: 700;
    line-height: 1.35;
    flex-direction:column;
    text-align:center;
    gap:5px;
    padding:0 4px;
    font-size:12px;
  }
}

@media(max-width:1023px) {
  .sp-kozu-facts .sp-kozu-fact-icon {
    flex-basis:32px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-overview {
    height:610px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-callout--2 {
    width: 73px;
    left:25px;
    top:221px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-callout--3 {
    width: 96px;
    left:calc(100% - 156px);
    top:305px;
  }
}

@media(max-width:1023px) {
  .sp-kozu-plan-callout--3 [data-artwork] .deco-raster-ink {
    transform:translate(-50%,-50%) scale(.9);
  }
}

@media(max-width:374px) {
  .sp-kozu-plan-property {
    font-size:10.5px;
  }
}

@media(max-width:374px) {
  .sp-kozu-point-cloud[data-artwork] .deco-raster-ink {
    transform:translate(-50%,-50%) scale(.9);
  }
}

@media (max-width:1023px) {
  .sp-kozu-reason-marker > .refine-reason-glyph {
    display:block;
    line-height:inherit;
    transform:translate(var(--reason-ink-x,0px),var(--reason-ink-y,-4px));
  }
}

@media (max-width:1023px) {
  .sp-kozu-reasons > li:nth-child(1) .refine-reason-glyph {
    --reason-ink-x:-.5px;
  }
}

@media (max-width:1023px) {
  .sp-kozu-reasons > li:nth-child(4) .refine-reason-glyph {
    --reason-ink-x:.5px;
    --reason-ink-y:-4.5px;
  }
}

@media (max-width:1023px) {
  .sp-kozu-reasons > li:nth-child(5) .refine-reason-glyph {
    --reason-ink-x:-.5px;
  }
}

.kozu-plan-picture {
  display:none!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.generated-art / 同時適用するimportant宣言との元の勝者を維持: [data-pc-artwork]>.pc-artwork-picture / 同時適用するimportant宣言との元の勝者を維持: [data-kozu-v11^="pc-"] > .kozu-v11-picture / 同時適用するimportant宣言との元の勝者を維持: [data-kozu-v11^="sp-"] > .kozu-v11-picture */
}

.kozu-plan-long-arrow {
  display:none!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: .p1-kozu-plan-paper > .kozu-v11-long-arrow */
}

@media (max-width: 1023px) {
  .sp-kozu-plan {
    height:940px;
    min-height:940px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-paper {
    position: absolute;
    top: 92px;
    left: 15px;
    right: 15px;
    padding: 0;
    z-index: 1;
    height:740px;
    overflow:visible;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-paper::after {
    content: "";
    position: absolute;
    top: 249px;
    right: 10px;
    width: 34px;
    height: 17px;
    background: rgba(235,220,195,.86);
    transform: rotate(9deg);
    z-index: 3;
    display:none;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-extra-tape {
    position: absolute;
    right: 30px;
    top: -8px;
    width: 45px;
    height: 18px;
    background: rgba(235,220,195,.85);
    transform: rotate(5deg);
    z-index: 3;
    display:none;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-strip {
    position: absolute;
    top: 29px;
    text-orientation: upright;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    z-index: 4;
    white-space: nowrap;
    pointer-events: none;
    right:0;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-image--1 {
    left:max(38px,calc(50% - 140px));
    top:10px;
    width:min(280px,calc(100% - 76px));
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-image--2 {
    left:max(17.5px,calc(50% - 160.5px));
    top:355px;
    width:min(321px,calc(100% - 35px));
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-image > span {
    position: absolute;
    background: rgba(255,255,255,.92);
    font-size: 11px;
    line-height: 1.35;
    padding: 1px 2px;
    left:0!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: .m2-kozu-plan-image--2 > span */
    right:auto!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: .m2-kozu-plan-image--2 > span */
    top:calc(100% + 6px);
    bottom:auto;
    white-space:nowrap;
  }
}

@media(max-width:1023px) {
  .sp-kozu-plan-image--2 > span {
    left:auto!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: .m2-kozu-plan-image > span */
    right:0!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: .m2-kozu-plan-image > span */
    top:0;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-floor {
    display: grid;
    place-items: center;
    position: absolute;
    border-radius: 50%;
    background: var(--c-dusty-blue);
    color: white;
    z-index: 3;
    pointer-events: none;
    width:36px;
    height:36px;
    font-size:17px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-floor--1 {
    left:0;
    top:10px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-floor--2 {
    left:0;
    top:355px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-plan-callout {
    z-index: 3;
    pointer-events: none;
    position:static;
  }
}

@media(max-width:1023px) {
  .sp-kozu-plan-callout > .sp-kozu-plan-marker {
    position:absolute;
    left:10px;
    top:300px;
    width:28px;
    height:28px;
    font-size:17px;
    margin:0;
    z-index:5;
  }
}

@media(max-width:1023px) {
  .sp-kozu-plan-callout > p[data-kozu-v11] {
    position:absolute;
    left:80px;
    top:300px;
    margin:0;
    z-index:3;
  }
}

@media(max-width:1023px) {
  [data-kozu-v11^="sp-"][data-kozu-mode="replace"] {
    width:var(--kozu-body-w);
    height:var(--kozu-body-h);
    min-height:0;
  }
}

@media(max-width:1023px) {
  [data-kozu-v11^="sp-"][data-kozu-mode="replace"] > .deco-generated-art:not(.kozu-plan-picture) {
    display:none!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.generated-art */
  }
}

@media(max-width:1023px) {
  [data-kozu-v11^="sp-"] > .kozu-plan-picture {
    display:block!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: .kozu-v11-picture */
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:0;
    overflow:visible;
    pointer-events:none;
  }
}

@media(max-width:1023px) {
  [data-kozu-v11^="sp-"] > .kozu-plan-picture > .kozu-plan-raster {
    position:absolute;
    display:block;
    width:var(--kozu-file-w);
    height:var(--kozu-file-h);
    left:var(--kozu-file-x);
    top:var(--kozu-file-y);
    max-width:none;
    max-height:none;
    margin:0;
    padding:0;
    border:0;
    object-fit:contain;
    transform:none;
    filter:none;
    box-shadow:none;
  }
}

@media(max-width:1023px) {
  .sp-kozu-plan-ending[data-artwork] {
    top:830px;
    left:auto;
    right:16px;
  }
}

@media(max-width:1023px) {
  .sp-kozu-plan > .layout-sp-ending-number {
    position:absolute;
    top:840px;
    left:80px;
    right:auto;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-leaves--plan-bottom {
    left: -40px;
    width: 107px;
    transform: rotate(164deg);
    top:auto;
    bottom:20px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-area-heading h2 {
    text-align: center;
    font-size: 23px;
    font-weight: 900;
    line-height: 1.3;
    white-space: nowrap;
    position:relative;
    left:-33.5px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-area-heading h2 > span {
    display: block;
    font-size: 23px;
    position:relative;
    left:-1px;
  }
}

@media (max-width: 1023px) {
  .sp-kozu-area-heading h2 > strong {
    display: block;
    font-size: 47px;
    font-weight: 900;
    line-height: 1.25;
    position:relative;
    left:-.5px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-overview {
    height: 1200px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plans-reasons {
    height: 960px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-overview img {
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plans-reasons img {
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-overview .pc-leaves {
    position: absolute;
    width: 180px;
    pointer-events: none;
    z-index: 1;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plans-reasons .pc-leaves {
    position: absolute;
    width: 180px;
    pointer-events: none;
    z-index: 1;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-town::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 42%;
    width: 72px;
    height: 23px;
    background: rgba(235,220,195,.86);
    transform: rotate(-3deg);
    z-index: 4;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-ldk::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 42%;
    width: 72px;
    height: 23px;
    background: rgba(235,220,195,.86);
    transform: rotate(-3deg);
    z-index: 4;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-town img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-ldk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-furniture-note {
    position: absolute;
    right: 8px;
    left: 8px;
    bottom: 8px;
    padding: 1px 3px;
    background: rgba(255,255,255,.95);
    text-align: right;
    font: 500 12px/1.35 "Noto Sans JP", sans-serif;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-leaves--overview-top {
    left: -55px;
    top: -20px;
    transform: rotate(-10deg);
  }
}

@media (min-width: 1024px) {
  .pc-kozu-leaves--overview-bottom {
    left: -45px;
    bottom: -5px;
    transform: rotate(165deg);
  }
}

@media (min-width: 1024px) {
  .pc-kozu-leaves--overview-right {
    right: -90px;
    bottom: -5px;
    transform: rotate(35deg);
  }
}

@media (min-width: 1024px) {
  .pc-kozu-exterior {
    position: absolute;
    left: 2.78%;
    top: 20px;
    width: 48.61%;
    height: 470px;
    background: url("../assets/deco/watercolor-sky-trees.webp") center bottom/100% 100% no-repeat;
    z-index: 1;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-exterior img {
    position: absolute;
    left: 11%;
    bottom: 0;
    width: 74.3%;
    height: auto;
    filter: drop-shadow(4px 8px 6px rgba(34,57,92,.08));
  }
}

@media (min-width: 1024px) {
  .pc-kozu-sale {
    position: absolute;
    top: 55px;
    left: 39.58%;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 17px;
    line-height: 1.1;
    font-weight: 900;
    z-index: 5;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-sale .pc-num {
    font-size: 65px;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-vertical {
    position: absolute;
    left: 2.78%;
    top: 185px;
    text-orientation: upright;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    z-index: 4;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-area-badge {
    position: absolute;
    left: 53.47%;
    top: 28px;
    width: 105px;
    height: 105px;
    z-index: 3;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-area-badge .script {
    font-size: 33px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-area-badge .pc-num {
    font-size: 46px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-area-heading {
    position: absolute;
    top: 36px;
    left: 53.47%;
    width: 28.47%;
    padding-top: 111px;
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-area-heading > .script {
    left: 120px;
    font-size: 60px;
    white-space: nowrap;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-area-heading h2 {
    line-height: 1.25;
    font-weight: 900;
    white-space: nowrap;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-area-heading h2 > span {
    display: block;
    font-size: clamp(23px,2.23vw,32px);
    font-weight: 900;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-area-heading h2 > strong {
    display: block;
    margin-top: 3px;
    font-size: clamp(44px,4.45vw,64px);
    font-weight: 900;
    line-height: 1.3;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-ribbon {
    position: absolute;
    left: 52.78%;
    top: 328px;
    width: 30%;
    display: grid;
    place-items: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: clamp(17px,1.39vw,20px);
    font-weight: 900;
    white-space: nowrap;
    z-index: 4;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-town {
    padding: 8px;
    background: white;
    box-shadow: 0 6px 14px rgba(34,57,92,.12);
    position: absolute;
    right: 2.78%;
    top: 46px;
    width: 15.28%;
    height: 215px;
    transform: rotate(3deg);
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-town-cloud {
    text-align: center;
    position: absolute;
    right: 1.39%;
    top: 282px;
    width: 202px;
    font: 600 20px/1.5 "Klee One", sans-serif;
    z-index: 3;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-facts {
    position: absolute;
    top: 425px;
    left: 53.47%;
    right: 40px;
    display: grid;
    grid-template-columns: 1.23fr .95fr 1fr;
    gap: 8px;
    z-index: 3;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-facts li {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-fact-icon {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 1px solid var(--c-camel);
    border-radius: 50%;
    color: var(--c-dusty-blue);
  }
}

@media (min-width: 1024px) {
  .pc-kozu-fact-icon .icon {
    width: 29px;
    height: 29px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-facts .pc-num {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-point-heading {
    position: absolute;
    left: 4.17%;
    top: 518px;
    width: 45.14%;
    padding-top: 72px;
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-point-heading .script {
    left: -17px;
    font-size: 74px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-point-heading h3 {
    font-size: clamp(25px,2.5vw,36px);
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -.055em;
    white-space: nowrap;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-point-heading h3 .pc-num {
    font-size: 1.2em;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-property {
    position: absolute;
    left: 7.64%;
    top: 690px;
    width: 40.28%;
    height: 235px;
    padding: 26px 30px 10px;
    transform: rotate(-.5deg);
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-property-facts {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 13px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--c-camel);
    font-size: clamp(15px,1.39vw,20px);
    font-weight: 700;
    white-space: nowrap;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-property-facts > span + span {
    border-left: 1px solid var(--c-navy);
    padding-left: 13px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-property-facts .pc-num {
    font-size: 1.15em;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
    white-space: nowrap;
    gap: 12px;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-price > .pc-num {
    font-size: clamp(82px,7.64vw,110px);
    letter-spacing: -.035em;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-price > span:last-child {
    font-size: 31px;
    font-weight: 700;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-price small {
    display: block;
    font: 700 16px/1.5 "Noto Sans JP",sans-serif;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-ldk {
    padding: 8px;
    background: white;
    box-shadow: 0 6px 14px rgba(34,57,92,.12);
    position: absolute;
    left: 53.47%;
    right: 4.17%;
    top: 502px;
    height: 285px;
    transform: rotate(1deg);
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-tiles {
    position: absolute;
    left: 53.47%;
    right: 4.17%;
    top: 811px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-tiles figure {
    min-width: 0;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-tile {
    height: auto;
    aspect-ratio: 2 / 3;
    display: grid;
    place-items: center;
    border: 7px solid white;
    border-radius: 0;
    box-shadow: 0 4px 10px rgba(34,57,92,.08);
  }
}

@media (min-width: 1024px) {
  .pc-kozu-tile[data-photo-frame] .lp-photo {
    height:100%;
    object-fit:contain;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-tiles figcaption {
    font-size: 16px;
    font-weight: 700;
    margin-top: 7px;
    line-height: 1.4;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plans-reasons::after {
    content: "";
    position: absolute;
    top: 100px;
    bottom: 32px;
    left: 57.64%;
    border-left: 1px dotted rgba(184,135,58,.55);
    z-index: 0;
    pointer-events: none;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-leaves--plan-top {
    left: -50px;
    top: -25px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-leaves--plan-bottom {
    right: -140px;
    bottom: -30px;
    transform: rotate(22deg);
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-heading {
    position: absolute;
    left: 9.72%;
    top: 28px;
    padding-top: 120px;
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-heading .script {
    left: 32px;
    font-size: 104px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-heading h3 {
    font-size: 40px;
    line-height: 1.3;
    font-weight: 900;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-property {
    position: absolute;
    top: 153px;
    left: 25.35%;
    width: 27.43%;
    padding: 9px 14px;
    background: var(--c-kraft) url("../assets/deco/craft-paper.webp") center/400px auto;
    font-size: clamp(17px,1.67vw,24px);
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-paper {
    background: white;
    box-shadow: 0 6px 14px rgba(34,57,92,.12);
    position: absolute;
    left: 2.78%;
    width: 53.47%;
    top: 243px;
    height: 595px;
    padding: 0;
    z-index: 2;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-paper::before {
    content: "";
    position: absolute;
    height: 23px;
    background: rgba(235,220,195,.86);
    z-index: 4;
    left: 4px;
    width: 75px;
    top: -2px;
    transform: rotate(-29deg);
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-paper::after {
    content: "";
    position: absolute;
    width: 72px;
    height: 25px;
    bottom: -1px;
    right: -12px;
    background: rgba(235,220,195,.9);
    transform: rotate(-30deg);
    z-index: 4;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-images {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
    align-items: start;
    padding: 50px 56px 0 24px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-images img {
    width: 100%;
    height: 360px;
    object-fit: contain;
    object-position: center center;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-strip {
    position: absolute;
    right: -1px;
    top: 0;
    text-orientation: upright;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.15;
    z-index: 4;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-highlights li {
    gap: 9px;
    align-items: flex-start;
    min-width: 0;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-highlights li::before {
    content: "";
    position: absolute;
    top: -37px;
    left: 61%;
    width: 32px;
    height: 42px;
    background: url("../assets/deco/hand-arrow.svg") center/contain no-repeat;
    transform: rotate(-70deg);
    pointer-events: none;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-highlights li > .pc-num {
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    border-radius: 50%;
    background: var(--c-dusty-blue);
    color: white;
    font-size: 25px;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-highlights p {
    font: 600 18px/1.5 "Klee One", sans-serif;
    white-space: nowrap;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-reason-heading {
    position: absolute;
    left: 58.33%;
    right: 2.78%;
    top: 35px;
    padding-top: 110px;
    z-index: 3;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-reason-heading .script {
    left: 35px;
    font-size: 100px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-reason-heading h3 {
    position: relative;
    left: -15px;
    font-size: clamp(22px,2.09vw,30px);
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: -.075em;
    white-space: nowrap;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-reason-heading h3 > strong {
    font-size: clamp(33px,3.06vw,44px);
    font-weight: 900;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-reasons {
    position: absolute;
    left: 59.03%;
    right: 40px;
    top: 239px;
    z-index: 3;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-reasons li {
    display: flex;
    align-items: flex-start;
    min-height: 116px;
    gap: 17px;
    padding: 0 0 18px;
    margin-bottom: 4px;
    border-bottom: 1px dotted var(--c-camel);
  }
}

@media (min-width: 1024px) {
  .pc-kozu-reasons li:last-child {
    border-bottom: 0;
    min-height: 100px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-reason-number {
    display: grid;
    place-items: center;
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    background: var(--c-dusty-blue);
    color: white;
    border-radius: 50%;
    font-size: 38px;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-reasons li > div {
    min-width: 0;
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-reasons h4 {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.4;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-reasons p {
    margin-top: 6px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.55;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-cta {
    position: absolute;
    left: 59.03%;
    right: 40px;
    top: 850px;
    z-index: 5;
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-facts {
      gap: 5px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-facts li {
      gap: 5px;
      font-size: 13px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-fact-icon {
      flex-basis: 38px;
      width: 38px;
      height: 38px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-sale {
      width: 115px;
      height: 115px;
      font-size: 14px;
      left: 38.5%;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-sale .pc-num {
      font-size: 53px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-town {
      top: 56px;
      height: 180px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-town-cloud {
      top: 267px;
      width: 165px;
      font-size: 16px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-property {
      padding-inline: 16px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-price {
      gap: 7px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-price > span:last-child {
      font-size: 24px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-price small {
      font-size: 13px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-plan-property {
      padding-inline: 8px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-plan-images {
      padding-inline: 17px 49px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-plan-highlights li {
      gap: 5px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-plan-highlights p {
      font-size: 15px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-plan-highlights li > .pc-num {
      flex-basis: 30px;
      font-size: 21px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-reasons li {
      gap: 12px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-reasons h4 {
      font-size: 19px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-reasons p {
      font-size: 14px;
    }
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-reason-number {
      flex-basis: 49px;
      width: 49px;
      height: 49px;
      font-size: 32px;
    }
  }
}

@media(min-width:1024px) {
  .pc-kozu-area-heading>[data-pc-ornament] {
    top:8px;
    --pc-word-w:210px;
    --pc-word-h:78px;
  }
}

@media(min-width:1024px) {
  .pc-kozu-point-heading>[data-pc-ornament] {
    top:-16px;
    --pc-word-w:165px;
    --pc-word-h:80px;
  }
}

@media(min-width:1024px) {
  .pc-kozu-plan-heading>[data-pc-ornament] {
    top:10px;
    --pc-word-w:300px;
    --pc-word-h:100px;
  }
}

@media(min-width:1024px) {
  .pc-kozu-reason-heading>[data-pc-ornament] {
    top:0;
    --pc-word-w:300px;
    --pc-word-h:96px;
  }
}

@media(min-width:1024px) and (max-width:1250px) {
  .pc-kozu-area-heading>[data-pc-ornament] {
    left:90px;
    --pc-word-w:175px;
    --pc-word-h:65px;
  }
}

@media(min-width:1024px) and (max-width:1250px) {
  .pc-kozu-reason-heading>[data-pc-ornament] {
    --pc-word-w:230px;
    --pc-word-h:86px;
  }
}

@media(min-width:1024px) {
  .pc-kozu-town-cloud[data-pc-artwork] {
    height:120px!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-pc-artwork] / 同時適用するimportant宣言との元の勝者を維持: .p1-kozu-town-cloud[data-pc-artwork] */
    --pc-art-fit-h:120px;
  }
}

@media(min-width:1024px) {
  .pc-kozu-tiles figcaption[data-pc-artwork] {
    position:relative;
  }
}

@media(min-width:1024px) {
  .pc-kozu-plan-highlights li:nth-child(2)::before {
    background:url('../assets/deco/arrow-gold-up-pc.webp') 49.4755% 56.0455%/226.5487% 184.3938% no-repeat;
  }
}

@media(min-width:1024px) {
  .pc-kozu-town-cloud[data-pc-artwork]::after {
    display:block!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-pc-artwork]::after */
    content:"";
    left:45%;
    top:-38px;
    width:26px;
    height:47.92px;
    background:url('../assets/deco/arrow-gold-up-pc.webp') 49.4755% 56.0455%/226.5487% 184.3938% no-repeat;
    transform:rotate(-15deg);
  }
}

@media(min-width:1024px) and (max-width:1250px) {
  .pc-kozu-town-cloud[data-pc-artwork] {
    height:110px!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-pc-artwork] / 同時適用するimportant宣言との元の勝者を維持: .p1-kozu-town-cloud[data-pc-artwork] */
    --pc-art-fit-h:110px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-outline-number {
    position: absolute;
    font: 400 160px/1 "Playfair Display", serif;
    font-variant-numeric: lining-nums;
    left:calc(5.56% - 40px);
    top:10px;
    z-index:3;
    transform:scale(.85);
    transform-origin:top left;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-floor {
    position: absolute;
    display: grid;
    place-items: center;
    min-width: 36px;
    height: 33px;
    padding: 1px 5px;
    background: var(--c-navy);
    color: white;
    font: 400 23px/1 "Playfair Display",serif;
    font-variant-numeric: lining-nums;
    top:0;
    bottom:auto;
    left:0;
    z-index:5;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-zoom {
    position: absolute;
    padding: 1px 3px;
    background: rgba(255,255,255,.92);
    font-size: 12px;
    line-height: 1.4;
    text-decoration: underline;
    top:auto;
    right:auto;
    bottom:auto;
    left:0;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-images > a {
    position: relative;
    display: block;
    min-width: 0;
    text-decoration: none;
    isolation:isolate;
  }
}

@media (min-width:1024px) {
  .pc-kozu-plan-highlights > li > p[data-pc-artwork] {
    --pc-art-top:0px;
    --pc-art-left:0px;
  }
}

@media(min-width:1024px) {
  .pc-kozu-plan-highlights [data-pc-artwork="comment-kozu-plan-ldk-pc"] {
    --pc-art-width:145px;
    --pc-art-height:115px;
    --pc-art-fit-h:115px;
  }
}

@media(min-width:1024px) {
  .pc-kozu-plan-highlights [data-pc-artwork="comment-kozu-plan-balcony-pc"] {
    --pc-art-width:145px;
    --pc-art-height:115px;
    --pc-art-fit-h:115px;
  }
}

@media(min-width:1024px) {
  .pc-kozu-plan-highlights [data-pc-artwork="comment-kozu-plan-storage-pc"] {
    --pc-art-width:135px;
    --pc-art-height:32px;
    --pc-art-fit-h:32px;
  }
}

@media (min-width:1024px) {
  .pc-kozu-plan-highlights > li:nth-child(2)::before {
    position:absolute;
    left:var(--layout-storage-arrow-x,450px);
    top:var(--layout-storage-arrow-y,150px);
    width:24px;
    height:44.23px;
    transform:none;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-kozu-plans-reasons {
    height:1600px;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-kozu-plans-reasons::after {
    display:none;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-kozu-plan-paper {
    left:40px;
    width:calc(100% - 80px);
    max-width:770px;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-kozu-plan-images {
    gap:20px;
    padding:50px 56px 0 24px;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-kozu-reason-heading {
    left:60px;
    right:40px;
    top:890px;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-kozu-reasons {
    left:60px;
    right:40px;
    top:1080px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 30px;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-kozu-reasons li {
    min-height:110px;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-kozu-cta {
    left:60px;
    right:60px;
    top:1470px;
  }
}

@media(min-width:1024px) and (max-width:1250px) {
  .pc-kozu-plan-highlights [data-pc-artwork="comment-kozu-plan-ldk-pc"] {
    --pc-art-width:132px;
    --pc-art-height:105px;
    --pc-art-fit-h:105px;
  }
}

@media(min-width:1024px) and (max-width:1250px) {
  .pc-kozu-plan-highlights [data-pc-artwork="comment-kozu-plan-balcony-pc"] {
    --pc-art-width:132px;
    --pc-art-height:105px;
    --pc-art-fit-h:105px;
  }
}

@media(min-width:1024px) and (max-width:1250px) {
  .pc-kozu-plan-highlights [data-pc-artwork="comment-kozu-plan-storage-pc"] {
    --pc-art-width:126px;
  }
}

@media (min-width: 1024px) {
  .pc-kozu-plan-highlights {
    position: absolute;
    left: 20px;
    right: 36px;
    bottom: 38px;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
    z-index: 2;
    inset:0;
    display:block;
    pointer-events:none;
  }
}

@media (min-width: 1024px) {
  @media (max-width: 1279px) {
    .pc-kozu-plan-highlights {
      gap: 7px;
    }
  }
}

@media (min-width:1024px) {
  .pc-kozu-plan-highlights > li {
    position:static;
    display:block;
  }
}

@media(min-width:1024px) {
  .pc-kozu-plan-highlights > li::before {
    display:none;
  }
}

@media (min-width:1024px) {
  .pc-kozu-plan-highlights > li > .pc-num {
    min-width:36px;
    position:absolute;
    width:36px;
    height:36px;
    z-index:4;
  }
}

@media(min-width:1024px) {
  .pc-kozu-plan-highlights > li > p[data-kozu-v11] {
    position:absolute;
    left:0;
    top:430px;
    margin:0;
  }
}

@media(min-width:1024px) {
  .pc-kozu-plan-images > a:nth-child(2) > .pc-kozu-plan-zoom {
    left:auto;
    right:12px;
  }
}

@media(min-width:1024px) {
  [data-kozu-v11^="pc-"][data-kozu-mode="replace"] {
    width:var(--kozu-body-w);
    height:var(--kozu-body-h)!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-pc-artwork] */
    min-height:0;
  }
}

@media(min-width:1024px) {
  [data-kozu-v11^="pc-"][data-kozu-mode="replace"] > .deco-pc-artwork-picture:not(.kozu-plan-picture) {
    display:none!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-pc-artwork]>.pc-artwork-picture */
  }
}

@media(min-width:1024px) {
  [data-kozu-v11^="pc-"] > .kozu-plan-picture {
    display:block!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: .pc-artwork-picture / 同時適用するimportant宣言との元の勝者を維持: .kozu-v11-picture */
    opacity:1;
    position:absolute;
    left:0;
    top:0;
    width:0!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-pc-artwork]>.pc-artwork-picture */
    height:0!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-pc-artwork]>.pc-artwork-picture */
    overflow:visible;
    pointer-events:none;
  }
}

@media(min-width:1024px) {
  .pc-kozu-plan-paper > .kozu-plan-long-arrow {
    display:block!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: .kozu-v11-long-arrow */
    opacity:1;
    position:absolute;
    width:0;
    height:0;
    overflow:visible;
    pointer-events:none;
    left:var(--kozu-arrow-x,0px);
    top:var(--kozu-arrow-y,0px);
    z-index:3;
  }
}

@media(min-width:1024px) {
  [data-kozu-v11^="pc-"] > .kozu-plan-picture > .kozu-plan-raster {
    position:absolute;
    display:block;
    width:var(--kozu-file-w);
    height:var(--kozu-file-h);
    left:var(--kozu-file-x);
    top:var(--kozu-file-y);
    max-width:none;
    max-height:none;
    margin:0;
    padding:0;
    border:0;
    object-fit:contain;
    transform:none;
    filter:none;
    box-shadow:none;
  }
}

@media(min-width:1024px) {
  .pc-kozu-plan-paper > .kozu-plan-long-arrow > .kozu-plan-raster {
    position:absolute;
    display:block;
    width:var(--kozu-file-w);
    height:var(--kozu-file-h);
    left:var(--kozu-file-x);
    top:var(--kozu-file-y);
    max-width:none;
    max-height:none;
    margin:0;
    padding:0;
    border:0;
    object-fit:contain;
    transform:none;
    filter:none;
    box-shadow:none;
  }
}