@charset "UTF-8";
/* ==========================================================
Company Page
========================================================== */

.page-company{
padding:80px 0 50px;
}

.company-wrapper{
max-width:1000px;
margin:0 auto;
margin-top:30px;
}
.company-message{
padding:30px;
background:#fff;
border-radius:12px;
box-shadow:var(--shadow);
max-width:1000px;
margin:50px auto 50px;
}
.company-table{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:var(--shadow);

}

.company-table th{
width:220px;
background:var(--color-bg);
font-weight:700;
color:var(--color-primary);
}

.company-table td{
background:#fff;
}

.company-table a{
color:var(--color-secondary);
transition:var(--transition);
}

.company-table a:hover{
opacity:.8;
}

.company-map{
margin-top:50px;
overflow:hidden;
border-radius:12px;
box-shadow:var(--shadow);
}

.company-map iframe{
display:block;
width:100%;
height:450px;
}

/* ==========================================================
Responsive
========================================================== */

@media (max-width:767px){

.page-company{
padding:50px 0 0;
}

.company-table,
.company-table tbody,
.company-table tr,
.company-table th,
.company-table td{
display:block;
width:100%;
}

.company-table tr{
margin-bottom:1rem;
border-bottom:1px solid var(--color-border);
}

.company-table th{
padding:1rem;
border-bottom:none;
}

.company-table td{
padding:0 1rem 1rem;
}

.company-map{
margin-top:40px;
}

.company-map iframe{
height:320px;
}
.company-message{
margin:30px auto 30px;
}
}

.company-message-title{
margin-bottom:20px;
font-size:18px;
color:var(--color-primary);
}
.company-message-text{
font-size:1rem;
line-height:1;
}