/* 長尾東町2邸。スマホ版、PC版。 */

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

@media (max-width:1023px) {
  .sp-nagao-area-heading {
    position:absolute;
    top:25px;
    left:103px;
    right:25px;
    padding-top:26px;
    z-index:2;
  }
}

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

@media (max-width:1023px) {
  .sp-nagao-area-heading h2 {
    font-size:27px;
    line-height:1.15;
  }
}

@media (max-width:1023px) {
  .sp-nagao-area-heading h2 > span {
    display:block;
  }
}

@media (max-width:1023px) {
  .sp-nagao-area-heading h2 > strong {
    display:block;
    font-size:45px;
    font-weight:900;
    margin-top:2px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-area-heading .script::after {
    content:"";
    width:74px;
    height:13px;
    margin:-7px 0 0 80px;
    border-bottom:1px solid var(--c-camel);
    border-radius:50%;
    transform:rotate(-8deg);
  }
}

@media (max-width:1023px) {
  .sp-nagao-outline {
    position:absolute;
    top:17px;
    left:55px;
    display:grid;
    gap:0;
    color:transparent;
    -webkit-text-stroke:.65px var(--c-camel);
    font-family:"Playfair Display",serif;
    font-size:60px;
    font-weight:400;
    line-height:.91;
  }
}

@media (max-width:1023px) {
  .sp-nagao-area-ribbon {
    position:absolute;
    top:140px;
    left:50%;
    min-height:39px;
    transform:translateX(-50%);
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    z-index:3;
    white-space:nowrap;
  }
}

@media (max-width:1023px) {
  .sp-nagao-question {
    position:absolute;
    top:180px;
    left:36%;
    font-size:13px;
    line-height:1.35;
    z-index:3;
  }
}

@media (max-width:1023px) {
  .sp-nagao-area-houses {
    position:absolute;
    top:203px;
    left:0;
    right:0;
    height:168px;
    background:url("../assets/deco/watercolor-sky-trees-mobile.webp") center bottom / 100% 100% no-repeat;
  }
}

@media (max-width:1023px) {
  .sp-nagao-house {
    position:absolute;
    bottom:0;
    width:46%;
  }
}

@media (max-width:1023px) {
  .sp-nagao-vertical {
    position:absolute;
    top:27px;
    left:-9px;
    font-family:"Zen Maru Gothic",sans-serif;
    font-size:15px;
    line-height:1.05;
    font-weight:700;
    text-orientation:upright;
    z-index:2;
  }
}

@media (max-width:1023px) {
  .sp-nagao-facts {
    position:absolute;
    top:385px;
    left:15px;
    right:15px;
    height:110px;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    z-index:2;
  }
}

@media (max-width:1023px) {
  .sp-nagao-facts::before {
    content:"";
    position:absolute;
    top:-7px;
    width:40px;
    height:16px;
    background:rgba(235,220,195,.85);
    transform:rotate(-4deg);
    left:15%;
  }
}

@media (max-width:1023px) {
  .sp-nagao-facts::after {
    content:"";
    position:absolute;
    top:-7px;
    width:40px;
    height:16px;
    background:rgba(235,220,195,.85);
    right:12%;
    transform:rotate(4deg);
  }
}

@media (max-width:1023px) {
  .sp-nagao-facts li {
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
    margin:0;
    padding:5px 0;
    font-family:"Zen Maru Gothic",sans-serif;
    font-weight:700;
    font-size:13px;
    line-height:1.4;
  }
}

@media (max-width:1023px) {
  .sp-nagao-facts li:nth-child(odd) {
    border-right:1px dotted var(--c-camel);
    padding-right:6px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-facts li:nth-child(even) {
    padding-left:8px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-facts li:nth-child(-n+2) {
    border-bottom:1px dotted var(--c-camel);
  }
}

@media (max-width:1023px) {
  .sp-nagao-facts .icon {
    width:32px;
    height:32px;
    flex-shrink:0;
    border:1px solid var(--c-camel);
    border-radius:50%;
    padding:5px;
    color:var(--c-dusty-blue);
  }
}

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

@media (max-width:1023px) {
  .sp-nagao-autumn-item img {
    width:69px;
    height:58px;
    object-fit:contain;
  }
}

@media (max-width:1023px) {
  .sp-nagao-autumn-item figcaption {
    position:absolute;
    right:-23px;
    bottom:-2px;
    font-size:10px;
    line-height:1.2;
  }
}

@media (max-width:1023px) {
  .sp-nagao-leaf {
    position:absolute;
    z-index:0;
    pointer-events:none;
    width:110px;
    opacity:.72;
  }
}

@media (max-width:1023px) {
  .sp-nagao-leaf--area-top {
    top:-13px;
    left:-35px;
    transform:scaleX(-1);
  }
}

@media (max-width:1023px) {
  .sp-nagao-leaf--area-bottom {
    bottom:-3px;
    right:-34px;
    transform:rotate(12deg);
    width:95px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-compare-heading {
    position:absolute;
    top:13px;
    left:15px;
    right:15px;
    padding-top:26px;
    z-index:2;
  }
}

@media (max-width:1023px) {
  .sp-nagao-compare-heading .script {
    left:38%;
    font-size:34px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-compare-heading h3 {
    font-size:24px;
    line-height:1.25;
  }
}

@media (max-width:1023px) {
  .sp-nagao-compare-heading h3 .accent {
    font-size:26px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-compare-houses {
    position:absolute;
    top:107px;
    left:0;
    right:0;
    height:146px;
    display:grid;
    grid-template-columns:1fr 1fr;
    background:url("../assets/deco/watercolor-sky-trees-mobile.webp") center bottom / 100% 100% no-repeat;
    z-index:1;
  }
}

@media (max-width:1023px) {
  .sp-nagao-compare-houses > figure {
    position:relative;
    min-width:0;
  }
}

@media (max-width:1023px) {
  .sp-nagao-compare-houses img {
    width:100%;
    height:146px;
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(4px 6px 5px rgba(34,57,92,.1));
  }
}

@media (max-width:1023px) {
  .sp-nagao-compare-houses .sp-badge {
    position:absolute;
    left:14px;
    top:-18px;
    width:48px;
    height:48px;
    z-index:2;
  }
}

@media (max-width:1023px) {
  .sp-nagao-compare-houses > figure:last-child .sp-badge {
    left:auto;
    right:14px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table {
    border-collapse:collapse;
    table-layout:fixed;
    background:var(--c-white);
    border:2px solid var(--c-white);
    font-family:"Zen Maru Gothic",sans-serif;
    font-weight:700;
    text-align:center;
    font-size:13px;
    line-height:1.3;
    z-index:2;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table col:first-child {
    width:65px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table th {
    border:1px solid var(--c-camel);
    padding:4px 3px;
    overflow-wrap:normal;
    word-break:normal;
    vertical-align:middle;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table td {
    border:1px solid var(--c-camel);
    padding:4px 3px;
    overflow-wrap:normal;
    word-break:normal;
    vertical-align:middle;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table thead {
    height:30px;
    color:var(--c-white);
    background:var(--c-dusty-blue);
  }
}

@media (max-width:1023px) {
  .sp-nagao-table thead th {
    font-size:13px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table thead .sp-num {
    font-size:15px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table thead b {
    font-size:22px;
    font-weight:400;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table tbody th {
    background:#F3E9D8;
    font-size:13px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table tbody tr {
    height:33px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table-price {
    height:44px!important; /* 理由: 通常宣言の詳細度/順序を打ち消す: .m2-nagao-table tbody tr */
  }
}

@media (max-width:1023px) {
  .sp-nagao-table-price .sp-num {
    font-size:28px;
    letter-spacing:-.04em;
    white-space:nowrap;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table-price td {
    font-size:14px;
    white-space:nowrap;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table-ldk {
    height:36px!important; /* 理由: 通常宣言の詳細度/順序を打ち消す: .m2-nagao-table tbody tr */
  }
}

@media (max-width:1023px) {
  .sp-nagao-table-ldk .sp-num {
    font-size:22px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table tbody tr:nth-last-child(-n+2) {
    height:39px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table tbody tr:nth-child(2) td {
    font-size:12px;
    white-space:nowrap;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table tbody tr:nth-child(4) td {
    font-size:12px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-table tbody tr:last-child td {
    font-size:12px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-compare-cloud {
    font-size:17px;
    line-height:1.35;
    z-index:2;
  }
}

@media (max-width:1023px) {
  .sp-nagao-leaf--compare-top {
    top:-5px;
    left:-34px;
    transform:rotate(12deg);
  }
}

@media (max-width:1023px) {
  .sp-nagao-leaf--compare-bottom {
    bottom:-5px;
    right:-39px;
    width:100px;
  }
}

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

@media (max-width:1023px) {
  .sp-nagao-plan-heading {
    position:absolute;
    top:7px;
    left:15px;
    right:15px;
    padding-top:17px;
    text-align:center;
    z-index:3;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan-heading .sp-badge {
    position:absolute;
    top:0;
    left:43px;
    width:58px;
    height:58px;
  }
}

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

@media (max-width:1023px) {
  .sp-nagao-plan-heading h3 {
    font-size:27px;
    line-height:1.3;
    margin-left:56px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan-name {
    display:inline-block;
    padding:3px 12px;
    font-family:"Zen Maru Gothic",sans-serif;
    font-weight:700;
    font-size:14px;
    line-height:1.45;
    background:var(--c-kraft) url("../assets/deco/craft-paper.webp") center/300px auto;
    white-space:nowrap;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan-paper {
    position:absolute;
    top:92px;
    left:21px;
    right:49px;
    min-height:433px;
    padding:7px 5px 6px 7px;
    display:grid;
    grid-template-columns:160px minmax(0,1fr);
    gap:11px;
    background:var(--c-white);
    box-shadow:0 6px 16px rgba(34,57,92,.08);
    z-index:1;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan-paper::before {
    content:"";
    position:absolute;
    top:-7px;
    width:35px;
    height:15px;
    background:rgba(235,220,195,.8);
    transform:rotate(-9deg);
    left:8px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan-paper::after {
    content:"";
    position:absolute;
    top:-7px;
    width:35px;
    height:15px;
    background:rgba(235,220,195,.8);
    right:10px;
    transform:rotate(9deg);
  }
}

@media (max-width:1023px) {
  .sp-nagao-floor-stack {
    min-width:0;
    display:grid;
    gap:5px;
    justify-items:center;
    align-content:start;
  }
}

@media (max-width:1023px) {
  .sp-nagao-floor {
    display:block;
    width:160px;
    max-width:100%;
    position:relative;
    text-decoration:none;
    color:var(--c-navy);
  }
}

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

@media (max-width:1023px) {
  .sp-nagao-floor-badge {
    position:absolute;
    top:3px;
    left:-15px;
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    border-radius:50%;
    color:var(--c-white);
    background:var(--c-dusty-blue);
    font-size:18px;
    line-height:1;
    z-index:2;
  }
}

@media (max-width:1023px) {
  .sp-nagao-zoom {
    position:absolute;
    right:0;
    bottom:1px;
    padding:1px 3px;
    background:rgba(255,255,255,.92);
    font-family:"Noto Sans JP",sans-serif;
    font-size:11px;
    line-height:1.35;
    text-decoration:underline;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan-points {
    position:relative;
    min-width:0;
    height:415px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan-points > li {
    position:absolute;
    left:0;
    width:100%;
    margin:0;
    font-family:"Klee One",serif;
    color:var(--c-navy);
    font-weight:600;
    font-size:15px;
    line-height:1.5;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan-points b {
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    margin-bottom:4px;
    color:var(--c-white);
    background:var(--c-navy);
    font-size:14px;
    font-weight:400;
    line-height:1;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan-points p {
    font-size:15px;
    line-height:1.5;
  }
}

@media (max-width:1023px) {
  .sp-nagao-pointer {
    width:54px;
    height:25px;
    margin-left:-17px;
    overflow:visible;
  }
}

@media (max-width:1023px) {
  .sp-nagao-point--ldk {
    top:14px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-point--wic {
    top:310px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-point--wic .sp-nagao-pointer {
    margin-left:-41px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-point--bedroom .sp-nagao-pointer {
    margin-left:-41px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-point--storage .sp-nagao-pointer {
    margin-left:-41px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan-vertical {
    position:absolute;
    top:64px;
    right:15px;
    text-orientation:upright;
    font-family:"Zen Maru Gothic",sans-serif;
    font-size:17px;
    line-height:1.35;
    font-weight:700;
    z-index:3;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan-photo {
    position:absolute;
    top:529px;
    left:44px;
    width:195px;
    height:116px;
    transform:rotate(-2deg);
    z-index:3;
  }
}

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

@media (max-width:1023px) {
  /* WICは縦位置の元写真を全体表示し、下のセクションまでの高さも確保する。 */
  .sp-nagao-plan--02 {
    min-height:840px;
    height:840px;
  }

  .sp-nagao-plan--02 .sp-nagao-plan-photo {
    height:auto;
  }

  .sp-nagao-plan--02 .sp-nagao-plan-photo img {
    display:block;
    height:auto;
    object-fit:contain;
  }
}

@media (max-width:1023px) {
  .sp-nagao-photo-comment {
    position:absolute;
    top:633px;
    left:254px;
    right:15px;
    font-family:"Klee One",serif;
    font-weight:600;
    font-size:15px;
    line-height:1.5;
    z-index:3;
  }
}

@media (max-width:1023px) {
  .sp-nagao-photo-comment::after {
    content:"";
    width:100%;
    height:12px;
    border-bottom:1px solid var(--c-navy);
    border-radius:50%;
  }
}

@media (max-width:1023px) {
  .sp-nagao-leaf--plan-top {
    top:-12px;
    left:-35px;
    width:105px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-leaf--plan-bottom {
    top:408px;
    right:-42px;
    width:102px;
    transform:rotate(12deg);
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-leaf--plan-bottom {
    top:476px;
    right:-45px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-area-heading {
    left:91px;
    right:15px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-area-heading h2 > strong {
    font-size:40px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-facts li {
    font-size:12px;
    gap:5px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-facts .icon {
    width:28px;
    height:28px;
    padding:4px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-facts li:nth-child(even) {
    padding-left:5px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-table col:first-child {
    width:58px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-table th {
    padding-inline:2px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-table td {
    padding-inline:2px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-table-price .sp-num {
    font-size:25px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-table tbody tr:nth-child(2) td {
    white-space:normal;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-plan-paper {
    left:17px;
    right:46px;
    grid-template-columns:145px minmax(0,1fr);
    gap:8px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-floor--1 {
    width:145px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-plan-points p {
    font-size:14px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-plan-heading .sp-badge {
    left:24px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-plan-heading .script {
    left:102px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-plan-name {
    font-size:13px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-plan-photo {
    left:32px;
    width:184px;
  }
}

@media (max-width:1023px) and (max-width:374px) {
  .sp-nagao-photo-comment {
    left:228px;
    font-size:14px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan-points .sp-nagao-pointer {
    display:none;
  }
}

@media(max-width:1023px) {
  [data-artwork="callout-nagao-question"] {
    width:115px;
    height:85px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-area-houses .sp-nagao-house {
    height:138px;
  }
}

@media(max-width:1023px) {
  [data-artwork="callout-nagao-compare"] {
    width:255px;
    height:70px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan-points p[data-artwork] {
    position:relative;
    width:117px;
    height:76px;
    margin:0;
  }
}

@media(max-width:1023px) {
  .sp-nagao-facts .icon>.deco-generated-icon {
    inset:6px;
  }
}

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

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

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

@media (max-width:1023px) {
  .sp-nagao-area {
    height:580px;
    min-height:580px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-house--02 {
    left:8%;
  }
}

@media (max-width:1023px) {
  .sp-nagao-house--03 {
    right:8%;
  }
}

@media (max-width:1023px) {
  .sp-nagao-house > img {
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(4px 6px 5px rgba(34,57,92,.1));
    position:absolute;
    left:4%;
    bottom:0;
    width:92%;
    height:92%;
  }
}

@media(max-width:1023px) {
  .sp-nagao-house--02 .sp-nagao-vertical {
    left:-18px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-house--03 .sp-nagao-vertical {
    left:auto;
    top:13px;
    right:-18px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-house > .sp-badge {
    position:absolute;
    top:-20px;
    left:9px;
    width:45px;
    height:45px;
    z-index:5;
  }
}

@media (max-width:1023px) {
  .sp-nagao-house--03 > .sp-badge {
    left:auto;
    right:9px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-autumn-item {
    position:absolute;
    width:69px;
    z-index:3;
    top:508px;
    left:12px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-compare {
    height:620px;
    min-height:620px;
  }
}

@media(max-width:1023px) {
  .layout-sp-compare-table-group .sp-nagao-table {
    position:relative;
    top:0;
    left:0;
    width:100%;
  }
}

@media(max-width:1023px) {
  .layout-sp-compare-table-group .sp-nagao-compare-cloud {
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    margin:12px auto 0;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--02 .sp-nagao-point--parking {
    top:148px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--02 .sp-nagao-point--parking p[data-artwork] {
    left:-26px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-floor--2 {
    width:107px;
    justify-self:end;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--02 .sp-nagao-floor--2 {
    width:90.95px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--02 .sp-nagao-point--wic > b {
    position:absolute;
    left:0;
    top:0;
    margin:0;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--02 .sp-nagao-point--ldk > b {
    position:absolute;
    left:0;
    top:0;
    margin:0;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--02 .sp-nagao-point--wic p[data-artwork] {
    margin-top:24px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--02 .sp-nagao-point--ldk p[data-artwork] {
    margin-top:24px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan--03 {
    height:830px;
    min-height:830px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-plan-paper {
    min-height:490px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-point--water {
    top:-18px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-point--ldk {
    top:108px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-point--bedroom {
    top:287px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-point--storage {
    top:401px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-point--storage p[data-artwork] {
    left:0;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-plan-points b {
    position:absolute;
    left:0;
    top:0;
    margin:0;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-point--water > b {
    left:-24px;
    top:12px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-plan-points p[data-artwork] {
    margin-top:24px;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--02 [data-artwork="comment-nagao1-plan-wic"] .deco-raster-ink {
    width:163.1826px;
    max-height:none;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 [data-artwork="comment-nagao2-plan-ldk"] .deco-raster-ink {
    width:100.0414px;
    max-height:none;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 [data-artwork="comment-nagao2-plan-storage"] .deco-raster-ink {
    width:100.269px;
    max-height:none;
  }
}

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

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

@media(max-width:1023px) {
  .sp-nagao-plan--03 [data-artwork="comment-nagao2-plan-water"] > .deco-artwork-original {
    display:block;
    position:static!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.artwork-original */
    width:auto!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.artwork-original */
    height:auto!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.artwork-original */
    overflow:visible!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.artwork-original */
    clip-path:none!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.artwork-original */
    white-space:normal;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 [data-artwork="comment-nagao2-plan-storage"] > .deco-artwork-original {
    display:block;
    position:static!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.artwork-original */
    width:auto!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.artwork-original */
    height:auto!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.artwork-original */
    overflow:visible!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.artwork-original */
    clip-path:none!important; /* 理由: 同時適用するimportant宣言との元の勝者を維持: [data-artwork]>.artwork-original */
    white-space:normal;
  }
}

@media(max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-plan-photo {
    top:590px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan--03 .sp-nagao-photo-comment {
    font-size:14px;
    top:618px;
  }
}

@media (max-width:1023px) {
  .sp-nagao-plan--03 [data-mobile-cta] {
    position:absolute;
    left:15px;
    right:15px;
    z-index:4;
    top:735px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-area {
    height:960px;
    min-height:960px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plans {
    height:1284px;
    min-height:1284px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-area .pc-num {
    font-family:"Playfair Display",serif;
    font-weight:400;
    font-variant-numeric:lining-nums;
    line-height:1.1;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plans .pc-num {
    font-family:"Playfair Display",serif;
    font-weight:400;
    font-variant-numeric:lining-nums;
    line-height:1.1;
  }
}

@media (min-width:1024px) {
  .pc-nagao-intro {
    position:absolute;
    top:20px;
    left:40px;
    right:40px;
    height:440px;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:20px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-house {
    position:relative;
    min-width:0;
    height:440px;
    z-index:1;
  }
}

@media (min-width:1024px) {
  .pc-nagao-house::before {
    content:"";
    position:absolute;
    inset:0 -5% 0;
    background:url("../assets/deco/watercolor-sky-trees.webp") center/100% 100% no-repeat;
    z-index:-1;
    pointer-events:none;
  }
}

@media (min-width:1024px) {
  .pc-nagao-house > img {
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(3px 6px 4px #22395c0d);
  }
}

@media (min-width:1024px) {
  .pc-nagao-outline {
    position:absolute;
    top:-5px;
    left:72px;
    font-family:"Playfair Display",serif;
    font-size:130px;
    line-height:1;
    font-weight:400;
    z-index:0;
  }
}

@media (min-width:1024px) {
  .pc-nagao-house--03 .pc-nagao-outline {
    right:0;
    left:auto;
  }
}

@media (min-width:1024px) {
  .pc-nagao-vertical {
    position:absolute;
    top:254px;
    left:0;
    font-family:"Zen Maru Gothic",sans-serif;
    font-size:18px;
    line-height:1.15;
    font-weight:700;
    text-orientation:upright;
    z-index:3;
  }
}

@media (min-width:1024px) {
  .pc-nagao-house--03 .pc-nagao-vertical {
    top:178px;
    left:auto;
    right:0;
  }
}

@media (min-width:1024px) {
  .pc-nagao-title {
    position:relative;
    z-index:2;
    text-align:center;
    min-width:0;
  }
}

@media (min-width:1024px) {
  .pc-nagao-heading {
    position:absolute;
    top:0;
    left:-15px;
    right:-15px;
    padding-top:85px;
    text-align:center;
  }
}

@media (min-width:1024px) {
  .pc-nagao-heading .script {
    font-size:78px;
    white-space:nowrap;
  }
}

@media (min-width:1024px) {
  .pc-nagao-heading h2 {
    font-size:44px;
    font-weight:900;
    line-height:1.25;
  }
}

@media (min-width:1024px) {
  .pc-nagao-heading h2 > span {
    display:block;
  }
}

@media (min-width:1024px) {
  .pc-nagao-heading h2 > strong {
    display:block;
    font-size:64px;
    font-weight:900;
    line-height:1.35;
    white-space:nowrap;
  }
}

@media (min-width:1024px) {
  .pc-nagao-ribbon {
    position:absolute;
    top:269px;
    left:-10px;
    right:-10px;
    font-family:"Zen Maru Gothic",sans-serif;
    font-size:22px;
    font-weight:900;
    line-height:1.25;
    white-space:nowrap;
  }
}

@media (min-width:1024px) {
  .pc-nagao-question {
    position:absolute;
    top:344px;
    left:0;
    right:0;
    font-family:"Klee One",serif;
    font-size:25px;
    font-weight:600;
    line-height:1.45;
  }
}

@media (min-width:1024px) {
  .pc-nagao-question::after {
    content:"";
    position:absolute;
    left:8%;
    right:4%;
    bottom:-10px;
    height:28px;
    border-bottom:3px solid var(--c-camel);
    border-radius:50%;
    transform:rotate(-2deg);
  }
}

@media (min-width:1024px) {
  .pc-nagao-facts {
    position:absolute;
    top:478px;
    left:70px;
    right:70px;
    height:84px;
    display:grid;
    grid-template-columns:1.1fr 1fr 1fr 1.2fr;
    z-index:2;
  }
}

@media (min-width:1024px) {
  .pc-nagao-facts li {
    display:flex;
    align-items:center;
    gap:15px;
    min-width:0;
    margin:0;
    padding:0 20px;
    font-family:"Zen Maru Gothic",sans-serif;
    font-size:18px;
    font-weight:700;
    line-height:1.4;
  }
}

@media (min-width:1024px) {
  .pc-nagao-facts li + li {
    border-left:1px dotted var(--c-camel);
  }
}

@media (min-width:1024px) {
  .pc-nagao-facts .icon {
    width:60px;
    height:60px;
    border:1px solid var(--c-camel);
    border-radius:50%;
    padding:13px;
    color:var(--c-navy);
  }
}

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

@media (min-width:1024px) {
  .pc-nagao-facts li:first-child .pc-num {
    font-size:32px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-compare-heading {
    position:absolute;
    top:567px;
    left:110px;
    right:110px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    height:63px;
    z-index:2;
  }
}

@media (min-width:1024px) {
  .pc-nagao-compare-heading .script {
    position:relative;
    font-size:64px;
    line-height:1;
    flex-shrink:0;
  }
}

@media (min-width:1024px) {
  .pc-nagao-compare-heading h3 {
    display:flex;
    gap:25px;
    align-items:center;
    font-family:"Zen Maru Gothic",sans-serif;
    font-size:32px;
    font-weight:900;
    line-height:1.3;
    white-space:nowrap;
  }
}

@media (min-width:1024px) {
  .pc-nagao-compare-heading h3::before {
    content:"";
    width:40px;
    height:1px;
    background:var(--c-camel);
  }
}

@media (min-width:1024px) {
  .pc-nagao-compare-heading h3::after {
    content:"";
    width:40px;
    height:1px;
    background:var(--c-camel);
  }
}

@media (min-width:1024px) {
  .pc-nagao-table {
    position:absolute;
    top:636px;
    left:50%;
    transform:translateX(-50%);
    width:calc(100% - 160px);
    max-width:1220px;
    height:292px;
    table-layout:fixed;
    border-collapse:collapse;
    border:1px solid #d1c9bc;
    background:var(--c-white);
    box-shadow:0 6px 16px #22395c08;
    font-family:"Zen Maru Gothic",sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:1.3;
    text-align:center;
    z-index:2;
  }
}

@media (min-width:1024px) {
  .pc-nagao-table col:first-child {
    width:19%;
  }
}

@media (min-width:1024px) {
  .pc-nagao-table th {
    height:48px;
    padding:5px 12px;
    border:1px solid #ccd0d2;
    vertical-align:middle;
    overflow-wrap:normal;
  }
}

@media (min-width:1024px) {
  .pc-nagao-table td {
    height:48px;
    padding:5px 12px;
    border:1px solid #ccd0d2;
    vertical-align:middle;
    overflow-wrap:normal;
  }
}

@media (min-width:1024px) {
  .pc-nagao-table thead th {
    height:40px;
    color:var(--c-white);
    background:var(--c-dusty-blue);
    font-size:22px;
    font-weight:700;
  }
}

@media (min-width:1024px) {
  .pc-nagao-table thead th:not(:first-child) {
    font-family:"Playfair Display",serif;
    font-style:italic;
    font-weight:400;
    font-size:26px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-table tbody th {
    background:#eee2cd;
    font-weight:700;
  }
}

@media (min-width:1024px) {
  .pc-nagao-table-price td {
    height:60px;
    white-space:nowrap;
    font-size:24px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-table-price .pc-num {
    font-size:40px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-table-ldk .pc-num {
    font-size:30px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-leaf {
    position:absolute;
    pointer-events:none;
    width:180px;
    opacity:.85;
    z-index:0;
  }
}

@media (min-width:1024px) {
  .pc-nagao-leaf > picture {
    display:block;
    width:100%;
    height:auto;
  }
}

@media (min-width:1024px) {
  .pc-nagao-leaf--area-top {
    top:-15px;
    left:-45px;
    transform:scaleX(-1);
  }
}

@media (min-width:1024px) {
  .pc-nagao-leaf--area-left {
    top:540px;
    left:-75px;
    width:210px;
    transform:rotate(180deg);
  }
}

@media (min-width:1024px) {
  .pc-nagao-leaf--area-bottom {
    bottom:-15px;
    right:-65px;
    width:210px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plans-heading {
    position:absolute;
    top:17px;
    left:35%;
    right:35%;
    padding-top:46px;
    text-align:center;
    z-index:2;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plans-heading .script {
    font-size:64px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plans-heading .script::before {
    content:"";
    position:absolute;
    top:55%;
    width:90px;
    height:1px;
    background:var(--c-camel);
    transform:rotate(8deg);
    right:calc(100% + 20px);
  }
}

@media (min-width:1024px) {
  .pc-nagao-plans-heading .script::after {
    content:"";
    position:absolute;
    top:55%;
    width:90px;
    height:1px;
    background:var(--c-camel);
    transform:rotate(8deg);
    left:calc(100% + 20px);
  }
}

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

@media (min-width:1024px) {
  .pc-nagao-plan-grid {
    position:absolute;
    top:119px;
    left:40px;
    right:40px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:40px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan {
    min-width:0;
    position:relative;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan + .pc-nagao-plan::before {
    content:"";
    position:absolute;
    top:15px;
    bottom:0;
    left:-20px;
    width:1px;
    border-left:1px dotted var(--c-camel);
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-name .pc-badge {
    position:absolute;
    left:15px;
    top:-7px;
    width:88px;
    height:88px;
    z-index:4;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-name h4 {
    font-size:24px;
    font-weight:900;
    line-height:1.3;
    white-space:nowrap;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-name::after {
    content:"";
    flex:1;
    height:1px;
    background:var(--c-camel);
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-vertical {
    position:absolute;
    top:20px;
    left:0;
    font-family:"Zen Maru Gothic",sans-serif;
    font-size:18px;
    font-weight:700;
    line-height:1.45;
    text-orientation:upright;
    z-index:3;
  }
}

@media (min-width:1024px) {
  .pc-nagao-original {
    position:relative;
    display:block;
    min-width:0;
    align-self:start;
    margin-top:8px;
    text-decoration:none;
    color:var(--c-navy);
    z-index:1;
  }
}

@media (min-width:1024px) {
  .pc-nagao-original img {
    width:100%;
    height:400px;
    object-fit:contain;
    object-position:center top;
  }
}

@media (min-width:1024px) {
  .pc-nagao-original > span {
    position:absolute;
    bottom:0;
    right:0;
    padding:1px 4px;
    background:rgba(255,255,255,.9);
    font-family:"Noto Sans JP",sans-serif;
    font-size:12px;
    font-weight:500;
    line-height:1.4;
    text-decoration:underline;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-points b {
    flex-shrink:0;
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    color:var(--c-white);
    background:var(--c-dusty-blue);
    border-radius:50%;
    font-size:25px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-points p::before {
    content:"";
    position:absolute;
    left:-6px;
    right:-4px;
    bottom:1px;
    height:18px;
    background:var(--c-kraft) url("../assets/deco/craft-paper.webp") center/200px;
    opacity:.55;
    transform:rotate(-13deg);
    border-radius:40%;
    z-index:-1;
  }
}

@media (min-width:1024px) {
  .pc-nagao-photo-row {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,360px) minmax(0,1fr);
    align-items:center;
    gap:18px;
    margin:-4px 0 0 25px;
    height:210px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-photo {
    position:relative;
    width:100%;
    height:205px;
    padding:6px;
    background:var(--c-white);
    box-shadow:0 6px 16px #22395c14;
    transform:rotate(-2deg);
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-photo::before {
    content:"";
    position:absolute;
    top:-9px;
    left:35%;
    width:78px;
    height:21px;
    background:rgba(235,220,195,.86);
    transform:rotate(-3deg);
    z-index:2;
  }
}

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

@media (min-width:1024px) {
  /* WICの縦位置写真は上下を切らず、写真の高さを行にも反映する。 */
  .pc-nagao-plan--02 .pc-nagao-photo-row {
    height:auto;
    min-height:210px;
  }

  .pc-nagao-plan--02 .pc-nagao-plan-photo {
    height:auto;
  }

  .pc-nagao-plan--02 .pc-nagao-plan-photo img {
    height:auto;
    object-fit:contain;
  }
}

@media (min-width:1024px) {
  .pc-nagao-photo-comment {
    position:relative;
    font-family:"Klee One",serif;
    font-size:20px;
    font-weight:600;
    line-height:1.7;
    z-index:2;
  }
}

@media (min-width:1024px) {
  .pc-nagao-photo-comment::after {
    content:"";
    height:29px;
    width:70px;
    background:url("../assets/deco/hand-arrow.svg") center/contain no-repeat;
    transform:rotate(-17deg);
    margin:10px 0 0 -13px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-cta {
    position:absolute;
    left:50%;
    bottom:12px;
    transform:translateX(-50%);
    width:810px;
    max-width:calc(100% - 220px);
    z-index:4;
  }
}

@media (min-width:1024px) {
  .pc-nagao-leaf--plans-top {
    top:-35px;
    left:-55px;
    width:250px;
    transform:scaleX(-1);
  }
}

@media (min-width:1024px) {
  .pc-nagao-leaf--plans-bottom {
    bottom:-42px;
    right:-70px;
    width:245px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-heading h2 > strong {
    font-size:58px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-heading h2 {
    font-size:38px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-ribbon {
    font-size:19px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-question {
    font-size:22px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-facts {
    left:40px;
    right:40px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-facts li {
    gap:9px;
    padding-inline:12px;
    font-size:16px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-facts .icon {
    width:48px;
    height:48px;
    padding:10px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-compare-heading {
    left:70px;
    right:70px;
    gap:20px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-compare-heading .script {
    font-size:58px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-compare-heading h3 {
    font-size:28px;
    gap:20px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-table {
    font-size:18px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-plan-grid {
    gap:28px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-plan + .pc-nagao-plan::before {
    left:-14px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-plan-name .pc-badge {
    width:74px;
    height:74px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-plan-name h4 {
    font-size:21px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-plan-points li {
    gap:6px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-plan-points b {
    width:30px;
    height:30px;
    font-size:23px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-photo-row {
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
    gap:14px;
    margin-left:16px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-photo-comment {
    font-size:18px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-intro {
    gap:10px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-heading .script {
    font-size:67px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-heading h2 > strong {
    font-size:48px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-ribbon {
    font-size:16px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-question {
    font-size:20px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-facts li {
    font-size:14px;
    gap:6px;
    padding-inline:7px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-facts .icon {
    width:42px;
    height:42px;
    padding:8px;
  }
}

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

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-compare-heading {
    gap:15px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-compare-heading h3 {
    font-size:24px;
    gap:10px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-compare-heading h3::before {
    width:20px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-compare-heading h3::after {
    width:20px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-table {
    width:calc(100% - 100px);
    font-size:16px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-plan-name h4 {
    font-size:18px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-plan-points b {
    width:26px;
    height:26px;
    font-size:20px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-plan-vertical {
    padding-inline:4px;
    font-size:16px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-photo-comment {
    font-size:16px;
  }
}

@media(min-width:1024px) {
  .pc-nagao-compare-heading>[data-pc-ornament-kind="english"] {
    transform:none;
  }
}

@media(min-width:1024px) {
  .pc-nagao-heading>[data-pc-ornament] {
    left:50%;
    transform:translateX(-50%);
    top:10px;
    --pc-word-w:240px;
    --pc-word-h:64px;
  }
}

@media(min-width:1024px) {
  .pc-nagao-compare-heading>[data-pc-ornament] {
    --pc-word-w:190px;
    --pc-word-h:62px;
  }
}

@media(min-width:1024px) {
  .pc-nagao-plans-heading>[data-pc-ornament] {
    left:50%;
    transform:translateX(-50%);
    top:-3px;
    --pc-word-w:160px;
    --pc-word-h:44px;
  }
}

@media(min-width:1024px) and (max-width:1250px) {
  .pc-nagao-heading>[data-pc-ornament] {
    --pc-word-w:200px;
    --pc-word-h:60px;
  }
}

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

@media (min-width:1024px) {
  .pc-nagao-house > .pc-badge {
    position:absolute;
    width:84px;
    height:84px;
    left:0;
    top:0;
    z-index:5;
  }
}

@media (min-width:1024px) {
  .pc-nagao-house--03 > .pc-badge {
    left:0;
    top:0;
    z-index:5;
  }
}

@media (min-width:1024px) {
  .pc-nagao-house--02 > img {
    position:relative;
    left:40px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-house--02 .pc-nagao-vertical {
    left:0;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-name {
    position:relative;
    height:80px;
    padding:20px 0 10px 100px;
    display:flex;
    align-items:center;
    gap:15px;
    --layout-plan-badge:88px;
    padding-left:calc(15px + var(--layout-plan-badge) + 12px);
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-paper {
    position:relative;
    height:420px;
    display:grid;
    gap:10px;
    padding-left:28px;
    background:rgba(255,255,255,.6);
    border:1px solid #eee5d9;
    grid-template-columns:minmax(0,1fr) 200px;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-plan-paper {
    gap:5px;
    padding-left:24px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-points {
    flex-direction:column;
    justify-content:space-around;
    min-width:0;
    position:relative;
    display:block;
    width:200px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-points li {
    display:flex;
    gap:6px;
    min-width:0;
    font-family:"Klee One",serif;
    font-size:18px;
    font-weight:600;
    line-height:1.5;
    position:absolute;
    left:0;
    right:0;
    flex-shrink:0;
    align-items:center;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-points p {
    position:relative;
    flex:1;
    min-width:0;
    font-size:18px;
    letter-spacing:-.025em;
    line-height:1.5;
    z-index:1;
  }
}

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-plan-points p {
    font-size:16px;
  }
}

@media (min-width:1024px) and (max-width:1199px) {
  .pc-nagao-plan-points p {
    font-size:14px;
  }
}

@media (min-width:1024px) {
  .pc-nagao-plan-points li::after {
    content:"";
    position:absolute;
    opacity:.9;
    width:26px;
    height:47.92px;
    left:50px;
    bottom:-34px;
    background:url('../assets/deco/arrow-gold-up-pc.webp') 49.4755% 56.0455%/226.5487% 184.3938% no-repeat;
    display:none;
    transform:none;
  }
}

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

@media (min-width:1024px) and (max-width:1359px) {
  .pc-nagao-plan-name {
    --layout-plan-badge:74px;
  }
}

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

@media (min-width:1024px) and (max-width:1279px) {
  .pc-nagao-plan-grid {
    grid-template-columns:1fr;
    gap:50px;
    left:40px;
    right:40px;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-nagao-plan {
    width:100%;
    max-width:760px;
    margin:auto;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-nagao-plan + .pc-nagao-plan::before {
    display:none;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-nagao-plan-paper {
    grid-template-columns:minmax(0,434px) 200px;
    gap:18px;
    justify-content:center;
    padding-left:28px;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-nagao-photo-row {
    grid-template-columns:minmax(0,360px) minmax(0,1fr);
    margin-left:25px;
  }
}

@media (min-width:1024px) and (max-width:1279px) {
  .pc-nagao-photo-comment[data-pc-artwork] {
    max-width:clamp(205px,calc(20.4vw - 4px),257px);
  }
}