/* ==================================
COMPANY
================================== */

.company{
overflow:hidden;
}

/* ======================================
タイトル
====================================== */

.company .section-title{

margin-bottom:120px;

text-align:center;

}


.story-label{

font-size:11px;

letter-spacing:.45em;

text-transform:uppercase;

color:var(--accent);

margin-bottom:20px;

font-family:
BrilliantCutProMedium;

}


.company-intro{

margin:0 auto 80px;

position:relative;

padding-bottom:70px;

}


.company-intro:after{

content:"";

position:absolute;

left:50%;
bottom:0;

width:80px;
height:1px;

transform:translateX(-50%);

background:
linear-gradient(
90deg,

transparent,

rgba(188,158,120,.9),

transparent
);

}


/* ======================================
Aboutページ群と統一
====================================== */

.company .catch-copy.txt-c,
.company-intro .catch-copy{

max-width:760px;

margin:0 auto 30px;

font-size:
clamp(
20px,
2.4vw,
34px
);

line-height:1.9;

letter-spacing:.06em;

font-family:
'Cormorant Garamond',
serif;

font-weight:400;

text-align:center;

color:#2f2f2f;

}

/* =========================
CARD
========================= */

.company-card{

position:relative;

padding:60px 70px;

/* 白ベース */
background:
rgba(255,255,255,.92);

/* 薄いガラス感 */
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);

/* 薄ゴールド枠 */
border:
1px solid rgba(188,158,120,.10);

/* footer-banner寄り影 */
box-shadow:
0 8px 20px rgba(0,0,0,.04),
0 20px 40px rgba(0,0,0,.03),
inset 0 1px 0 rgba(255,255,255,.7);

overflow:hidden;

transition:
transform .5s ease,
box-shadow .5s ease;

}


/* 内側フレーム */

.company-card::before{

content:"";

position:absolute;

top:14px;
left:14px;
right:14px;
bottom:14px;

border:
1px solid rgba(188,158,120,.10);

pointer-events:none;

}


/* 光 */

.company-card::after{

content:"";

position:absolute;

top:-60%;
left:-40%;

width:35%;
height:220%;

background:
linear-gradient(
120deg,
transparent,
rgba(255,255,255,.35),
transparent
);

transform:rotate(25deg);

transition:1s;

}


/* hover */

.company-card:hover{

transform:
translateY(-2px);

box-shadow:
0 14px 35px rgba(0,0,0,.07),
0 25px 60px rgba(0,0,0,.05);

}


.company-card:hover::after{

left:140%;

}
@media(max-width:768px){

.company-card{

padding:35px 24px;

}

.company-card:before{

top:10px;
left:10px;
right:10px;
bottom:10px;

}

}
/* =========================
COMPANY TABLE
========================= */

.company-table{

width:100%;

border-collapse:collapse;

table-layout:fixed;

background:#fff;

}

.company-table tr{

position:relative;

}


/* 幅 */

.company-table th{

width:28%;

padding:28px 18px;

vertical-align:top;

font-size:11px;

letter-spacing:.22em;

font-weight:500;

font-family:
"Cormorant Garamond",serif;

color:var(--accent);

position:relative;

}


.company-table td{

width:72%;

padding:28px 10px;

font-size:14px;

line-height:2;

color:#444;

position:relative;

}


/* ライン */

.company-table td::after{

content:"";

position:absolute;

bottom:0;

left:-38%; /* ←th側まで侵入 */

width:138%; /* ←全体幅に見せる */

height:1px;

background:
linear-gradient(

90deg,

transparent 0%,

rgba(188,158,120,.10) 12%,

rgba(188,158,120,.35) 50%,

rgba(188,158,120,.10) 88%,

transparent 100%

);

pointer-events:none;

}



/* 最後だけ消す */

.company-table tr:last-child td::after{

display:none;

}



/* SP */

@media(max-width:768px){

.company-table,
.company-table tbody,
.company-table tr,
.company-table th,
.company-table td{

display:block;
width:100%;

}

.company-table th{

padding:20px 0;

}

.company-table td{

padding:0 0 30px;

}

.company-table td::after{

left:0;
width:100%;

}

}


/* =========================
Button
========================= */

.section-btn{

margin-top:50px;

text-align:center;

}

.section-btn a{

display:inline-block;

padding:18px 50px;

border:1px solid
rgba(188,158,120,.4);

letter-spacing:.18em;

font-size:12px;

position:relative;

overflow:hidden;

transition:.6s;

}

.section-btn a::before{

content:"";

position:absolute;

top:0;
left:-100%;

width:100%;
height:100%;

background:
rgba(188,158,120,.08);

transition:.7s;

}

.section-btn a:hover::before{

left:0;

}