@charset "utf-8";
/* ------------------------------------- */
/*メインビジュアル*/
/* ------------------------------------- */
.mv{
  background: url(../img/contact/main_contact.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 600px) {
  .mv{
    background:url(../img/contact/main_contact_sp.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
}

/* ------------------------------------- */
/*共通テーブルスタイル*/
/* ------------------------------------- */
.table-box h4{
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #4595d2;
  padding: 12px;
  border-radius: 10px 10px 0 0;
}
table{
  width: 100%;
  border-collapse: separate;
  overflow: hidden;
  border-spacing: 0;
  border-radius: 10px;
  border: 1px solid #e5ebef;
  table-layout: fixed;
}
.table-box table{
  border-radius: 0 0 10px 10px;
}
table td,
table th {
	padding: 15px;
  vertical-align: middle;
  border-bottom: 1px solid #e5ebef;
}
table tr:last-of-type td,
table tr:last-of-type th{
  border-bottom:0;
}
table th{
	background: #f5f5f5;
  font-weight: bold;
}
table td{
  background:#fff;
  line-height: 1.8;
}
@media screen and (max-width: 600px) {
  table th{
    text-align: center;
  }
}
/* ------------------------------------- */
/*お電話でのお問い合わせ*/
/* ------------------------------------- */
.about-tel .flex-box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about-tel .flex-box .left-block,
.about-tel .flex-box .right-block{
  width: calc(50% - 15px);
}
.about-tel .flex-box .right-block .table-box:nth-of-type(2){
  margin-top:30px;
}
.about-tel table td,
.about-tel table th{
  border-right: 1px solid #e5ebef;
}
.about-tel table td:last-of-type,
.about-tel table th:last-of-type{
  border-right: 0;
}

@media screen and (max-width: 600px) {
  .about-tel .flex-box{
    display: block;
  }
  .about-tel .flex-box .left-block,
  .about-tel .flex-box .right-block{
    width:100%;
  }
  .about-tel .flex-box .right-block{
    margin-top: 30px;
  }
}
/* ------------------------------------- */
/*メールフォームでのお問い合わせ*/
/* ------------------------------------- */
.about-mail .bg-wrap{
  background: url(../img/contact/bg_pattern.jpg) repeat;
  padding: 50px 4%;
}
.about-mail .bg-wrap p{
  text-align: center;
  line-height: 1.7;
}
.about-mail .bg-wrap .btn{
  margin:30px auto 0;
}
@media screen and (max-width: 600px) {

}
/* ------------------------------------- */
/*本社アクセス*/
/* ------------------------------------- */
.access-map .google-maps{
  position: relative;
  padding-bottom: 40%;
}
@media screen and (max-width: 600px) {
  .access-map .google-maps{
    padding-top:100%;
  }
}
/* ------------------------------------- */
/*交通アクセス*/
/* ------------------------------------- */
.access-info .flex-box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.access-info .flex-box .text-wrap{
  width: calc(50% - 15px);
}
.access-info .flex-box .text-wrap p{
  line-height: 1.7;
}
.access-info .flex-box .text-wrap dl{
  margin-top:35px;
}
.access-info .flex-box .text-wrap dl dt{
  line-height: 1.7;
  font-weight: bold;
}
.access-info .flex-box .text-wrap dl dd{
  line-height: 1.7;
}
.access-info .flex-box .right-block{
  width: calc(50% - 15px);
}
.access-info .flex-box table th{
  border-right: 1px solid #e5ebef;
}

@media screen and (max-width: 600px) {
  .access-info .flex-box{
    display: block;
  }
  .access-info .flex-box .text-wrap,
  .access-info .flex-box .right-block{
    width:100%;
  }
  .access-info .flex-box .text-wrap{
    margin-bottom:30px;
  }
  .access-info .flex-box table th,
  .access-info .flex-box table td{
    display: block;
    width:100%;
  }
  .access-info .flex-box table th{
    border-right:0;
  }
  table tr:last-of-type th{
    border-bottom:1px solid #e5ebef;
  }
  .access-info .flex-box table td{
    padding:30px 4%;
  }
}