@charset "UTF-8";
/* =====
 * GROUP（グループ案内・販売実績）
=================================================================== */
/* ===== ALL ===== */
#Billboard {background-image: url("../img/group/bg_billboard.webp");}

/* block-group-01：STRENGTHUS（ワイズグループの強み） */
#Main .block-group-01 {padding: 3.5em 0 0;background: var(--green-pale);}
#Main .block-group-01 .container {padding: 3.25em 3.125em 3em;border-radius: .375em;background: #fff;}
#Main .block-group-01 header {margin-bottom: 3.9375em;}
#Main .block-group-01 header h2 + p {color: var(--green);}
#Main .block-group-01 header h2 + p + p {margin-top: 1.4737em;font-size: 118.75%;font-weight: 700;letter-spacing: .08em;}
#Main .block-group-01 .columns {display: flex;align-items: flex-start;gap: 3.1875em;}
#Main .block-group-01 .columns ul {display: flex;flex: 1;flex-direction: column;gap: 1.5em;margin: 1.6875em 0 0;}
#Main .block-group-01 .columns ul li {min-height: 7.5625em;margin: 0;padding: 1.875em 1.125em 1.5em;border: 1.5px solid var(--green-light);border-radius: .375em;background: #fff;}
#Main .block-group-01 .columns ul li h3 {color: var(--green);font-size: 118.75%;letter-spacing: .1em;line-height: 1;}
#Main .block-group-01 .columns ul li p {margin: .8125em 0 0;font-weight: 500;letter-spacing: .08em;line-height: 1.4;}
#Main .block-group-01 .columns figure {flex: none;width: 31.5em;margin: 0;border-radius: .375em;overflow: hidden;}
#Main .block-group-01 .lead {margin: 2em 0 0;color: var(--green);font-size: 143.75%;font-weight: 700;letter-spacing: .1em;line-height: 1;text-align: center;}
#Main .block-group-01 .lead small {display: block;margin-top: 1.6429em;color: var(--ink);font-size: 60.87%;letter-spacing: .08em;}

/* block-group-02：Y’s GROUP（グループ企業） */
#Main .block-group-02 {padding: 2.625em 0 8.1875em;background: var(--green-pale);}
#Main .block-group-02 .container {padding: 4.4375em 3.125em 5.4375em;border-radius: .375em;background: #fff;}
#Main .block-group-02 .container > header {margin-bottom: 2.875em;}
#Main .block-group-02 .container > header h2 + p {color: var(--green);}
#Main .block-group-02 .container > ul {display: flex;flex-direction: column;gap: 1.875em;margin: 0;}
#Main .block-group-02 .container > ul li {margin: 0;}
#Main .block-group-02 section {padding: 1.5625em 1.5em 1.75em;border: 1.5px solid #799987;border-radius: .375em;background: #fff;}
#Main .block-group-02 section header {display: flex;align-items: center;justify-content: space-between;gap: 1em;padding: 0 1.625em .875em 1.1875em;background: radial-gradient(circle, rgba(66, 64, 64, .8) .75px, transparent .8px) left bottom / .46875em .1875em repeat-x;}
#Main .block-group-02 section header h3 {display: flex;align-items: center;margin: 0;}
#Main .block-group-02 section header h3 img {width: auto;height: 2.375em;}
#Main .block-group-02 section header h3 span {margin-left: 1.1875em;padding-left: 1.25em;border-left: 1px solid rgba(66, 64, 64, .7);color: var(--green);font-size: 87.5%;font-weight: 700;letter-spacing: .1em;line-height: 1.4;}
#Main .block-group-02 section header a {display: inline-flex;flex: none;align-items: center;gap: .35em;color: var(--green);font-size: 87.5%;font-weight: 500;letter-spacing: .08em;line-height: 1.2;}
#Main .block-group-02 section header a::after {content: "";width: .75em;height: .75em;background: url("../img/common/icon_external.svg") no-repeat center / contain;filter: var(--filter-green);}
#Main .block-group-02 section p {margin: 0;padding: 0 1.625em 0 1.1875em;font-weight: 500;letter-spacing: .08em;line-height: 2.0625;}
#Main .block-group-02 section header + p {margin-top: .9375em;}
/* ロゴは PSD の実寸（会社ごとに高さが違う） */
#Main .block-group-02 .container > ul li:nth-child(1) h3 img {height: 2.9375em;}
#Main .block-group-02 .container > ul li:nth-child(3) h3 img {height: 1.8125em;}
#Main .block-group-02 .container > ul li:nth-child(5) h3 img {height: 2.4375em;}

/* block-group-03：SALES RESULT（仲介実績） */
#Main .block-group-03 {padding: 4.375em 0 0;}
#Main .block-group-03 .container > header {margin-bottom: 3.9375em;}
#Main .block-group-03 .container > header h2 + p {color: var(--green);}
#Main .block-group-03 section {text-align: center;}
#Main .block-group-03 section h3 {font-size: 143.75%;letter-spacing: .1em;line-height: 1;}
#Main .block-group-03 section h3 + p {margin: 1.5714em 0 0;font-size: 87.5%;font-weight: 700;letter-spacing: .08em;line-height: 1;}
#Main .block-group-03 section dl {display: flex;gap: .875em;max-width: 63em;margin: 2em auto 0;}
#Main .block-group-03 section dl > div {flex: 1;padding: .125em .125em 1em;border: 1.5px solid var(--green);border-radius: .375em;background: #fff;}
#Main .block-group-03 section dl > div dt {margin: 0 .9375em;padding-bottom: .5em;border-bottom: 1px solid rgba(66, 64, 64, .5);}
#Main .block-group-03 section dl > div dt img {margin: 0 -.9375em;width: calc(100% + 1.875em);aspect-ratio: 646 / 373;border-radius: .25em .25em 0 0;object-fit: cover;}
#Main .block-group-03 section dl > div dt span {display: block;margin-top: .75em;font-size: 118.75%;font-weight: 700;letter-spacing: .1em;line-height: 1;}
#Main .block-group-03 section dl > div dd {display: flex;align-items: baseline;justify-content: center;gap: .1em;margin: 0;padding-top: .5em;color: var(--green);font-size: 187.5%;font-weight: 900;letter-spacing: .05em;line-height: 1;}
#Main .block-group-03 section dl > div dd strong {font-family: var(--font-en);font-size: 200%;font-weight: 600;letter-spacing: .05em;}
#Main .block-group-03 section .note {margin: 1.5714em 0 0;font-size: 87.5%;font-weight: 500;letter-spacing: .01em;line-height: 1;}

/* block-group-04：Y’s MANSION（ワイズマンションシリーズ分譲実績） */
#Main .block-group-04 {padding: 6.3125em 0 1.8125em;}
#Main .block-group-04 section {padding-top: 3.1875em;background: #fff url("../img/group/bg_mansion.webp") no-repeat center top / 100% auto;text-align: center;}
#Main .block-group-04 section header {position: relative;z-index: 1;}
#Main .block-group-04 section header p {margin: 0;font-size: 118.75%;font-weight: 700;letter-spacing: .1em;line-height: 1;}
#Main .block-group-04 section header h3 {margin-top: .6471em;color: var(--green);font-family: var(--font-en);font-size: 212.5%;font-weight: 700;letter-spacing: .1em;line-height: 1;}
#Main .block-group-04 section .total {position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;gap: 1.5625em;margin: 2.75em 0 0;font-weight: 700;letter-spacing: .05em;line-height: 1;}
#Main .block-group-04 section .total > span:first-child {display: inline-flex;align-items: center;justify-content: center;width: 7.5263em;height: 2.7105em;border: 1.5px solid var(--orange);border-radius: .375em;background: #fff;color: var(--orange);font-size: 118.75%;letter-spacing: .1em;}
#Main .block-group-04 section .total .num {display: inline-flex;align-items: baseline;gap: .125em;font-size: 150%;}
#Main .block-group-04 section .total .num strong {color: var(--green);font-family: var(--font-en);font-size: 333.33%;font-weight: 600;letter-spacing: .02em;}
#Main .block-group-04 section figure {position: relative;width: 40.375em;height: 42.1875em;margin: -11.625em auto 0;text-align: left;}
#Main .block-group-04 section figure img {position: absolute;left: 0;bottom: 0;width: 19.125em;}
#Main .block-group-04 section figure ul {margin: 0;}
#Main .block-group-04 section figure ul li {position: absolute;left: 9.3125em;bottom: var(--bottom);display: flex;align-items: baseline;gap: 1.3125em;margin: 0;padding: 0 0 .875em 11.375em;border-bottom: 1.5px solid var(--green);font-weight: 700;letter-spacing: .1em;line-height: 1;white-space: nowrap;}
#Main .block-group-04 section figure ul li::before {content: "";position: absolute;left: 0;bottom: -1.5px;width: var(--len);height: 1.5px;background: var(--green);transform-origin: 0 50%;transform: rotate(var(--deg));}
#Main .block-group-04 section figure ul li::after {content: "";position: absolute;left: calc(var(--dx) - .390625em);bottom: calc(-1 * var(--dy) - .390625em);width: .78125em;height: .78125em;border-radius: 50%;background: var(--green);}
#Main .block-group-04 section figure ul li span {font-size: 118.75%;}
#Main .block-group-04 section figure ul li .num {display: inline-flex;align-items: baseline;gap: .1em;font-size: 143.75%;}
#Main .block-group-04 section figure ul li .num strong {color: var(--green);font-family: var(--font-en);font-size: 200%;font-weight: 600;letter-spacing: .02em;}
#Main .block-group-04 section figure ul li[data-area="central"] {--bottom: 18.25em;--dx: -2.03125em;--dy: 2.625em;--len: 3.3125em;--deg: 127.7deg;}
#Main .block-group-04 section figure ul li[data-area="naha"] {--bottom: 11.03125em;--dx: -5.21875em;--dy: 2.65625em;--len: 5.859375em;--deg: 153deg;}
#Main .block-group-04 section figure ul li[data-area="south"] {--bottom: 1.6875em;--dx: -5.625em;--dy: -3.0625em;--len: 6.40625em;--deg: -151.4deg;}

#Main .block-group-04 section .note {margin: 4.3125em 0 0;padding-right: 3.125em;font-size: 68.75%;font-weight: 400;letter-spacing: .06em;line-height: 1;text-align: right;}

/* block-group-05：会社概要 */
#Main .block-group-05 {padding: 4.5625em 0 11em;background: var(--green-pale);}
#Main .block-group-05 section {position: relative;padding: 2.75em 3.125em 2.25em;border-radius: .375em;background: #fff;text-align: center;}
#Main .block-group-05 section h2 {margin-bottom: 1.26em;color: #39604a;font-size: 143.75%;letter-spacing: .1em;line-height: 1;}
#Main .block-group-05 section figure {margin: 0 0 2.1429em;aspect-ratio: 1007.5 / 286.5;border-radius: .25em;overflow: hidden;}
#Main .block-group-05 section figure img {height: 100%;object-fit: cover;}
#Main .block-group-05 section p {margin-bottom: 1.6429em;font-size: 87.5%;font-weight: 700;letter-spacing: .05em;line-height: 1;}
#Main .block-group-05 section .btn-area {margin: 0;}
/* セクション全体をクリッカブルに（2026-09-25 クライアント指示。ABOUT US／会社概要と同じ作り）：READ MORE の a::before を section 全面に広げる（::after は矢印で使用中） */
#Main .block-group-05 section .btn-area a {transition: background .6s ease, color .6s ease;}
#Main .block-group-05 section .btn-area a::before {content: "";position: absolute;inset: 0;z-index: 1;}
#Main .block-group-05 section .btn-area a::after {transition: border-color .6s ease;}
#Main .block-group-05 section figure img {transition: transform .6s ease;}
#Main .block-group-05 section:has(a:focus-visible) {outline: 2px solid var(--green);outline-offset: 2px;}
@media (hover: hover) {
  #Main .block-group-05 section:hover figure img {transform: scale(1.04);}
  #Main .block-group-05 section:hover .btn-area a {background-color: var(--green);color: #fff;}
  #Main .block-group-05 section:hover .btn-area a::after {border-color: #fff;}
}

/* ===== SP ===== */
@media (width < 769px) {
  #Main .block-group-01 {padding-top: 1.5em;}
  #Main .block-group-01 .container,
  #Main .block-group-02 .container {padding: 2em 1em 2em;}
  #Main .block-group-01 header,
  #Main .block-group-02 .container > header,
  #Main .block-group-03 .container > header {margin-bottom: 1.75em;}
  #Main .block-group-01 header h2 + p + p {margin-top: 1em;font-size: 100%;letter-spacing: .05em;}
  #Main .block-group-01 .columns {display: block;}
  #Main .block-group-01 .columns ul {gap: 1em;margin-top: 0;}
  #Main .block-group-01 .columns ul li {min-height: 0;padding: 1.25em 1em 1.25em;}
  #Main .block-group-01 .columns ul li p {font-size: 100%;}
  #Main .block-group-01 .columns figure {width: auto;margin-top: 1.5em;}
  #Main .block-group-01 .lead {font-size: 112.5%;line-height: 1.5;letter-spacing: .05em;}
  #Main .block-group-01 .lead small {margin-top: .75em;font-size: 85.7%;line-height: 1.6;}
  #Main .block-group-02 {padding: 1.5em 0 3.5em;}
  #Main .block-group-02 .container > ul {gap: 1em;}
  #Main .block-group-02 section {padding: 1em 1em 1.25em;}
  #Main .block-group-02 section header {flex-wrap: wrap;padding: 0 0 .75em;}
  #Main .block-group-02 section header h3 {flex-wrap: wrap;gap: .5em .75em;}
  #Main .block-group-02 section header h3 img,
  #Main .block-group-02 .container > ul li:nth-child(n) h3 img {height: 2em;}
  #Main .block-group-02 section header h3 span {margin-left: 0;padding-left: 0;border-left: 0;}
  #Main .block-group-02 section p {padding: 0;font-size: 100%;line-height: 1.8;word-break: normal;}   /* SP は auto-phrase の文節区切りで行末が不揃いになるため通常の折り返しに（ボス指示 2026-09-17） */
  #Main .block-group-02 section header + p {margin-top: .75em;}
  #Main .block-group-03 {padding-top: 3em;}
  #Main .block-group-03 section h3 {font-size: 118.75%;line-height: 1.5;}
  #Main .block-group-03 section h3 + p {margin-top: .75em;line-height: 1.6;}
  #Main .block-group-03 section dl {flex-direction: column;gap: 1em;margin-top: 1.5em;}
  #Main .block-group-03 section .note {margin-top: 1.25em;line-height: 1.6;}
  #Main .block-group-04 {padding: 3em 0 3em;}
  #Main .block-group-04 section {padding-top: 2em;background-size: auto 12em;}
  #Main .block-group-04 section header p {font-size: 100%;}
  #Main .block-group-04 section header h3 {font-size: 175%;}
  #Main .block-group-04 section .total {flex-wrap: wrap;gap: .75em 1em;margin-top: 1.5em;}
  #Main .block-group-04 section .total > span:first-child {width: 7.5em;height: 2.5em;font-size: 100%;}
  #Main .block-group-04 section .total .num {font-size: 112.5%;}
  #Main .block-group-04 section .total .num strong {font-size: 300%;}
  #Main .block-group-04 section figure {width: auto;height: auto;margin: 1.5em 0 0;}
  #Main .block-group-04 section figure img {position: static;width: 50%;margin: 0 auto;}
  #Main .block-group-04 section figure ul {margin-top: 1.5em;}
  #Main .block-group-04 section figure ul li {position: static;left: auto;bottom: auto;gap: .75em;margin-top: .75em;padding: 0 0 .5em;border-bottom-color: rgba(66, 64, 64, .3);}
  #Main .block-group-04 section figure ul li::before,
  #Main .block-group-04 section figure ul li::after {content: none;}
  #Main .block-group-04 section figure ul li span {font-size: 100%;}
  #Main .block-group-04 section figure ul li .num {margin-left: auto;font-size: 112.5%;}
  #Main .block-group-04 section figure ul li .num strong {font-size: 175%;}
  #Main .block-group-04 section .note {margin-top: 1.5em;padding-right: 1em;}
  #Main .block-group-05 {padding: 2em 0 3.5em;}
  #Main .block-group-05 section {padding: 1.5em 1em 1.5em;}
  #Main .block-group-05 section h2 {font-size: 118.75%;}
  #Main .block-group-05 section figure {margin-bottom: 1.25em;aspect-ratio: 16 / 10;}
  #Main .block-group-05 section p {line-height: 1.6;}
}