@charset "UTF-8";
/* =====
 * COMPANY（会社概要）
=================================================================== */
/* ===== ALL ===== */
#Billboard {background-image: url("../img/company/bg_billboard.webp");}

/* block-company-01：会社概要テーブル（dl。行は div、見出し列は dt） */
#Main .block-company-01 {padding: 3.875em 0 2.8125em;background: var(--green-pale);}
#Main .block-company-01 dl {margin: 0;padding: 3.0625em;background: #fff;}
#Main .block-company-01 dl > div {display: flex;border: 0 solid #ddd;border-width: 0 1.5px;}
#Main .block-company-01 dl > div:first-child {border-top-width: 1.5px;}
#Main .block-company-01 dl > div:last-child {border-bottom-width: 1.5px;}
#Main .block-company-01 dl > div + div {border-top: 1px solid rgba(66, 64, 64, .5);}
#Main .block-company-01 dl > div:nth-child(2) {border-top: 0;}
#Main .block-company-01 dl > div dt {display: flex;flex: none;align-items: center;justify-content: center;width: 11.9688em;background: #f5f8f5;font-size: 87.5%;font-weight: 700;letter-spacing: .08em;line-height: 1.2;text-align: center;}
#Main .block-company-01 dl > div:nth-child(2) dt {align-items: flex-start;padding-top: 1.75em;}
#Main .block-company-01 dl > div dd {flex: 1;margin: 0;padding: 1.75em 1.9375em;font-size: 87.5%;font-weight: 500;letter-spacing: .08em;line-height: 1.2;}
#Main .block-company-01 dl > div dd p {margin: 0;line-height: 1.8;}
#Main .block-company-01 dl > div dd iframe {display: block;width: 100%;aspect-ratio: 783.5 / 376.5;margin: 3.25em 0 .75em;border: 0;}
#Main .block-company-01 dl > div dd ol {margin: 0;padding-left: 1.7em;list-style: decimal;line-height: 1.4;}
#Main .block-company-01 dl > div dd ol li {margin: 0;}

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

/* ===== SP ===== */
@media (width < 769px) {
  #Main .block-company-01 {padding: 2em 0 1.5em;}
  #Main .block-company-01 dl {padding: 1em;}
  #Main .block-company-01 dl > div {display: block;}
  #Main .block-company-01 dl > div dt {display: block;width: auto;padding: .5em .75em;text-align: left;}
  #Main .block-company-01 dl > div:nth-child(2) dt {padding-top: .5em;}
  #Main .block-company-01 dl > div dd {padding: 1em .75em 1.25em;}
  #Main .block-company-01 dl > div dd iframe {margin: 1.25em 0 0;}
  #Main .block-company-02 {padding-bottom: 3.5em;}
  #Main .block-company-02 section {padding: 1.5em 1em 1.5em;}
  #Main .block-company-02 section h2 {font-size: 118.75%;}
  #Main .block-company-02 section figure {aspect-ratio: 16 / 10;}
}