@charset "utf-8";

.company .ttl_area{
  background-image: url(../images/common/under_mv_02.jpg);
}

.top_box{
	display: none;
}

#Main{
	padding-bottom: 32px;
}

/* #Sec01
-----------------------------------------------------------------*/
.company #Sec01{
}
.company #Sec01 .inner{
  padding: 0 50px;
  max-width: 1020px;
  margin: 0 auto;
}

.company #Sec01 .table{
  max-width: 640px;
  margin: 80px auto 0;
}
.company #Sec01 .table table{
  width: 100%;
}
.company #Sec01 .table table tr th{
  width: 60px;
  text-align-last: justify;
  padding: 15px 0;
  font-weight: 400;
}
.company #Sec01 .table table tr td{
  width: calc( 100% - 60px);
  padding: 15px 0 15px 30px;
}
.company #Sec01 .table table tr td span a{
  border: solid 1px #0084DD;
  color: #0084DD;
  padding: 0 8px;
}
.company #Sec01 .table table tr td .img_box{
  display: flex;
  margin-top: 10px;
  max-width: 560px;
	width: 100%;
}
.company #Sec01 .table table tr td .img_box .img{
	width: 46%;
	margin-right: 2%;
}
.company #Sec01 .table table tr td .img_box .img img{
  width: 100%;
  height: auto;
}
.company #Sec01 .table table tr td table tbody{
  border-right: solid 1px rgba(112,112,112,0.5);
  border-bottom: solid 1px rgba(112,112,112,0.5);
}
.company #Sec01 .table table tr td table tr th{
  width: 120px;
  padding: 10px;
  box-sizing: border-box;
  background: #E5F2FC;
  border-top: solid 1px rgba(112,112,112,0.5);
  border-left: solid 1px rgba(112,112,112,0.5);
  vertical-align: middle;
}
.company #Sec01 .table table tr td table tr td{
  width: calc( 100% - 120px);
  border-top: solid 1px rgba(112,112,112,0.5);
  border-left: solid 1px rgba(112,112,112,0.5);
  padding: 10px 15px;
}

/* #Sec02
-----------------------------------------------------------------*/
.company #Sec02{
  padding: 100px 50px 0;
}
.company #Sec02 .inner{
  max-width: 1020px;
  margin: 0 auto;
}

.company #Sec02 .map_box{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.company #Sec02 .map{
  width: 48%;
}
.company #Sec02 .map .txt{
  margin-bottom: 10px;
}

.company #SecMedia{
  margin-top: 60px;
}

@media screen and (max-width: 960px) {
/* 960pxまでの幅の場合に適応される */


}

@media screen and (max-width: 680px) {
/* 680pxまでの幅の場合に適応される */

/* #Sec01
-----------------------------------------------------------------*/
.company #Sec01{
}
.company #Sec01 .inner{
  padding: 0 20px;
}

.company #Sec01 .table{
  max-width: 640px;
  margin: 0;
}
.company #Sec01 .table table{
  display: block;
}
.company #Sec01 .table table tr{
  display: block;
}
.company #Sec01 .table table tr th{
  width: 100%;
  display: block;
  text-align-last: left;
	text-align: left;
  padding: 10px 0 0 0;
  font-weight: 500;
}
.company #Sec01 .table table tr td{
  width: 100%;
  display: block;
  padding: 0;
  padding: 5px 0 10px 0;
}

.company #Sec01 .table table tr td table tbody{
  border-right: solid 1px rgba(112,112,112,0.5);
  border-bottom: solid 1px rgba(112,112,112,0.5);
	display: block;
	width: 100%;
}
.company #Sec01 .table table tr td table tr th{
  width: 100%;
  display: block;
  padding: 5px;
  box-sizing: border-box;
  background: #E5F2FC;
  border-top: solid 1px rgba(112,112,112,0.5);
  border-left: solid 1px rgba(112,112,112,0.5);
  vertical-align: middle;
}
.company #Sec01 .table table tr td table tr td{
  width: 100%;
  display: block;
  border-top: solid 1px rgba(112,112,112,0.5);
  border-left: solid 1px rgba(112,112,112,0.5);
  padding: 5px;
  box-sizing: border-box;
}

.company #Sec01 .table table tr td .img_box{
  display: block;
	margin-top: 0;
}
.company #Sec01 .table table tr td .img_box .img{
	width: 100%;
	margin-right: 0;
	margin-top: 10px;
}
	
/* #Sec02
-----------------------------------------------------------------*/
.company #Sec02{
  padding: 70px 20px 0;
}
.company #Sec02 .map_box{
  display: block;
  margin-top: 10px;
}
.company #Sec02 .map{
  width: 100%;
  margin-top: 10px;
}
.company #Sec02 .map .txt{
  margin-bottom: 10px;
}


}