@charset "UTF-8";
/*****************************************************
　会社概要ページ専用スタイル
　common.css の変数・命名規則を踏襲
*****************************************************/

/* ===== Company intro（ヒーローリード文） ===== */
.company-intro{
	padding:150px 70px 0;
}
.company-intro .display{
	font-size:48px;font-size:4.8rem;
	font-weight:600;
	line-height:1.6;
	margin:0 0 40px;
	letter-spacing:.01em;
}
.company-intro .lede{
	color:var(--text-basic);
	max-width:920px;
}
.company-intro .lede p{
	line-height:1.87;
	margin:0 0 1.5em;
}
.company-intro .lede p:last-child{margin-bottom:0;}

.gradient-btn{
	display:inline-flex;align-items:center;
	margin-top:44px;
	padding:18px 38px;
	border-radius:var(--radius-full);
	background:linear-gradient(90deg,#6d56bf 0%,#d8457d 50%,#fdd984 100%);
	color:#fff;
	font-size:16px;font-size:1.6rem;
	font-weight:600;
	letter-spacing:.01em;
}
.gradient-btn:hover{opacity:.85;transition:.3s;}

/* ===== Company info（会社情報テーブル） ===== */
.company-info{
	margin-top:130px;
}
.company-info-head{
	margin:0 0 40px;
}
.company-info-head .eyebrow-left{
	justify-content:flex-start;
}
.company-info-head h2{
	font-size:28px;font-size:2.8rem;
	font-weight:700;
	margin:0;
}
.info-table{
	width:100%;
	border-collapse:collapse;
}
.info-table tr{border-top:1px solid var(--border);}
.info-table tr:last-child{border-bottom:1px solid var(--border);}
.info-table th,
.info-table td{
	text-align:left;
	font-weight:600;
	padding:22px 20px;
	font-size:16px;font-size:1.6rem;
	vertical-align:top;
}
.info-table th{
	width:220px;
	color:var(--text-basic);
	white-space:nowrap;
}
.info-table td{
	color:var(--text-basic);
	font-weight:600;
	line-height:1.8;
}

/* ===== Map ===== */
.map-wrap{
	max-width:100%;
	height:460px;
	margin-top:110px;
}
.map-wrap iframe{
	width:100%;height:100%;
	border:0;display:block;
}

/* ===================================================
	 Responsive: <=1024px -> 縦積み
=================================================== */
@media (max-width:1024px){
	.company-intro{padding:50px 26px 0;}
	.company-intro .display{font-size:clamp(24px,6vw,32px);margin-bottom:28px;}
	.gradient-btn{width:100%;justify-content:center;margin-top:36px;}

	.company-info{margin-top:70px;}

	.info-table th,
	.info-table td{
		display:block;
		width:100%;
		padding:4px 0;
	}
	.info-table tr{
		display:block;
		padding:18px 0;
	}
	.info-table th{color:var(--text-muted);font-size:13px;font-size:1.3rem;margin-bottom:4px;}

	.map-wrap{height:320px;margin-top:70px;}
}

@media (max-width:520px){
	.company-intro{padding:44px 20px 0;}
}