/* =====================
会社概要ページ
===================== */

/* ページタイトル */

.page-title{
text-align:center;
padding:100px 20px 10px;
background:#f5f5f5;
}

.page-title h1{
font-size:36px;
margin-bottom:10px;
}

.page-title p{
color:#777;
}

/* =====================
会社概要テーブル
===================== */

.company{
padding:20px 20px 40px;
}

.company-table{
max-width:900px;
margin:auto;
width:100%;
border-collapse:collapse;
background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

.company-table th{
background:#f0f0f0;
width:220px;
padding:20px;
text-align:left;
font-weight:600;
border-bottom:1px solid #ddd;
}

.company-table td{
padding:20px;
border-bottom:1px solid #ddd;
line-height:1.8;
}

/* =====================
アクセス
===================== */

.access{
padding:80px 20px;
text-align:center;
}

.access h2{
font-size:28px;
margin-bottom:30px;
}

.map{
max-width:1000px;
margin:auto;
}

.map iframe{
width:100%;
height:450px;
border:0;
border-radius:10px;
}

/* =====================
スマホ対応
===================== */

@media screen and (max-width:768px){

.page-title h1{
font-size:28px;
}

.company-table th{
width:120px;
font-size:14px;
}

.company-table td{
font-size:14px;
}

.map iframe{
height:350px;
}

}