/* 
■■■■ company ■■■■
*/

.com_title h1 {
	font-size:24px;
}
/* ================
    contents
   ================ */
/* ----------タイトルキャッチ---------- */
#company_catch .com_title{
  margin-top: 40px;
  text-align: center;
  line-height: 40px;
}

#company_catch h1 span br,
#company_overview table span br {
  display: none;
  }

#company_catch .com_title p{
  font-size: 1rem;
  color: rgb(155, 153, 153);
  font-family: sans-serif;
}

#company_catch .howto p{
  width: 650px;
  line-height: 30px;
  margin: 40px auto 60px;
}

/* ----------section---------- */

#company_overview,
#access_head,
#access_kawasaki,
#company_catch{
  width: 850px;
  margin: 40px auto;
}

/* ----------company_overview---------- */

.title_frame .title {
  display: flex;
  align-items: center;
  width: 400px;
  margin: 30px 0;
	font-size:24px;
	line-height:1;
}
.title_frame .title:before {
  content: url(/img/company/title_line.png);
    margin: 0 0.4em 0 0;
    height: 32px;
}

#company_overview table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 750px;
  line-height: 200%;
  margin: auto;
}
#company_overview table .top_tr{
  border-top: solid 1px grey;
}
#company_overview table tr{
  border-bottom: solid 1px grey;
  vertical-align: top;
}
#company_overview table th{
  padding: 12px 0 12px 30px;
}
#company_overview table td{
  padding: 10px 0 10px 50px;

}

/* ----------access---------- */
.access_add,.access_map{
  width: 750px;
  margin: auto;
}
.access_add img{
  padding-top: 10px;
}
.access_map img{
  margin-top: 50px;
}
.access_map iframe{
  margin-top: 50px;
}

.access_add .accesstext{ 
/* font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
font-size: 0.9rem;
width: 530px;
line-height: 30px;
display: block;
float: right;
text-align: left;
}



@media screen and (max-width: 740px) {
  /*表示領域が0～740pxに適用*/
  
  /* =========================
    contents(max-width: 740px)
    ========================= */
  #company_overview,
  #access_head,
  #access_kawasaki,
	#company_catch{
    width: 100%;
    margin: 80px auto;
  }

  /* ----------company_overview---------- */
  #company_catch  h1 span br,
  #company_overview table span br {
    display: inline;
  }
  #company_catch .howto p{
    width: 95%;
    margin: 40px auto;
  }
  #company_overview table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    line-height: 150%;
    margin: auto;
  }
  #company_overview table th {
    padding: 12px 0 12px;
    width: 80px;
    font-size: 0.8rem;
    text-align: left;
  }
  #company_overview table td {
    padding: 10px 0 10px 20px;
  }
  /* ----------access---------- */
  .title_frame .title {
    font-size: 1.2rem;
  }
  .access_add,.access_map{
    width: 100%;
    margin: auto;
  }
  .access_add img{
    padding-top: 10px;
    width: 23%;
  }
  .access_map img{
    margin-top: 50px;
  }
  .access_add .accesstext{
    width:75%;
  }
  
}