@import url("global.css");
#mainvisual::after {
  content: "";
  background: url(../company/img/main.jpg) center center;
  background-size: cover; }

.overview table {
  margin: 0px auto 0px;
  width: 100%;
  max-width: 1000px;
  border-collapse: collapse; }
  .overview table tr:nth-child(odd) {
    background-color: #F6F6FA; }
  .overview table th {
    width: 20%;
    padding: 15px 20px 15px 0;
    border-right: 2px solid #ddd;
    text-align: right;
    font-weight: 700; }
  .overview table td {
    padding: 15px 20px;
    font-size: 16px;
    text-align: left; }
    .overview table td ul li {
      font-size: 16px;
      line-height: 1.5;
      margin-top: 5px; }
      .overview table td ul li:first-child {
        margin-top: 0; }
.overview .map {
  width: 100%;
  max-width: 1000px;
  height: 300px;
  margin: 40px auto 0; }
  .overview .map iframe {
    width: 100%;
    height: 100%; }

	
	.overview .img_map {
		width: 50%;
		max-width: 1000px;
		margin: 40px auto 0;
	}
	

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 ( 1200px )
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  .overview table {
    margin: 0px 0; }
    .overview table th {
      width: 20%;
      padding: 10px 20px 10px 0;
      border-right: 2px solid #ddd;
      text-align: right; }
    .overview table td {
      padding: 10px 20px;
      font-size: 15px;
      text-align: left; }
  .overview .map {
    margin: 30px auto 0; } 
	
	.overview .img_map {
		width: 70%;
		margin: 30px auto 0;
	}
	
	
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 645px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  .overview table {
    margin: 0px 0 0; }
    .overview table tr:nth-child(odd) {
      background-color: transparent; }
    .overview table th {
      display: block;
      width: 100%;
      font-size: 16px;
      font-weight: bold;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-right: none;
      background-color: #F6F6F6;
      text-align: left;
      padding: 10px;
      border-top: 1px solid #ddd; }
    .overview table td {
      display: block;
      width: 100%;
      font-size: 15px;
      padding: 5px 10px 15px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      margin-bottom: 15px; }
  .overview .map {
    height: 240px;
    margin: 10px auto 0; } 

  .overview .img_map {
    width: 100%;
    margin: 10px auto 0; } 
	
	
	
	}