@charset "UTF-8";

/*-------------------------
__company_style
-------------------------*/

.company_data{ width: 100%; max-width: 1200px; margin: 0 auto 60px; padding: 0 50px; box-sizing: border-box; font-size: 1.5em; line-height: 2em; overflow-x: hidden;}
.company_data table{ width: 100%; border-collapse: collapse;}
.map_box iframe{ width: 100%;}

@media screen and (min-width: 768px) {
.company_data table tr:nth-child(odd){ background-color: #f4f2eb;}
.company_data table tr th{ position: relative; width: 220px; text-align: center; padding: 15px; box-sizing: border-box;}
.company_data table tr th:after{ display: block; content: ""; width: 30px; height: 1px; background-color: #333; position: absolute; top:calc(50% - 1px); right:-15px;}
.company_data table tr td{ width: calc(100% - 220px); padding: 20px 20px 20px 70px; box-sizing: border-box;}
.company_data table tr td a{ color: #000;}
.map_box{ width: 100%; max-width: 1200px; margin: 0 auto 90px; padding: 0 50px; box-sizing: border-box;}
}

@media screen and (max-width: 767px) {
.company_data{ width: 100%; margin: 0 auto 30px; padding: 0; font-size: 1.3em; line-height: 1.8em;}
.company_data table tr th,
.company_data table tr td{ display: block; width: 100%;}
.company_data table tr th{ background-color: #f4f2eb; padding: 5px 20px; box-sizing: border-box;}
.company_data table tr td{ padding: 15px 20px;}
.map_box{ width: 100%; height: 260px; margin-bottom: 30px;}
.map_box iframe{ width: 100%; height: 100%;}
}

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

}