/*  #mainImg
================================================ */
#mainImg { background-image: url(../img/company/office/bg_main01_sp.png); }

@media screen and (min-width: 600px) { #mainImg { background-image: url(../img/company/office/bg_main01_pc.png); } }

#contents { margin-top: 32px; margin-bottom: 40px; }

@media screen and (min-width: 600px) { #contents { margin-top: 71px; margin-bottom: 145px; } }

/*  .leadText
================================================ */
@media screen and (min-width: 600px) { .leadText { text-align: center; } }

/*  #headOffice
================================================ */
#headOffice .inner { padding-bottom: 27px; }

#headOffice .tit { margin-top: 27px; margin-bottom: 20px; }

#headOffice .txt { margin-top: 7px; }

#headOffice .txt a { position: relative; padding-left: 17px; text-decoration: underline; color: #02439e; }

#headOffice .txt a:before { display: block; content: ""; width: 10px; height: 10px; position: absolute; top: 50%; left: 0; margin-top: -5px; background: url(../img/common/ico_window01.png); background-size: 100%; }

#headOffice .table01 { margin-top: 5px; }

#headOffice .table01 th { display: block; font-weight: bold; }

#headOffice .table01 td { display: block; margin-bottom: 7px; padding-bottom: 9px; border-bottom: 1px solid  #e7e8e9; }

@media screen and (min-width: 600px) { #headOffice .inner { padding-bottom: 70px; }
  #headOffice .tit { margin-top: 45px; margin-bottom: 40px; }
  #headOffice .img { width: 630px; float: left; }
  #headOffice .txt { float: left; margin-left: 35px; margin-top: -12px; }
  #headOffice .txt a { padding-left: 25px; }
  #headOffice .txt a:before { width: 18px; height: 18px; top: 50%; margin-top: -9px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #headOffice .txt a:hover { text-decoration: none; }
  #headOffice .table01 { margin-top: 21px; }
  #headOffice .table01 th { display: table-cell; vertical-align: middle; width: 301px; padding-left: 11px; border-bottom: 1px solid  #e7e8e9; }
  #headOffice .table01 td { display: table-cell; vertical-align: middle; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; }
  #headOffice .table01 td span { padding-left: 29px; } }

/*  #branchOffice
================================================ */
#branchOffice .tit { margin-bottom: 21px; }

#branchOffice .list .item { border: 3px solid  #e7e8e9; padding: 12px 17px 17px; }

#branchOffice .list .item + .item { margin-top: 10px; }

#branchOffice .list .item .subTit { display: table; width: 100%; padding-bottom: 7px; font-size: 1.5rem; line-height: 1.4; font-weight: bold; border-bottom: 1px solid  #151b28; }

#branchOffice .list .item .subTit span { display: table-cell; vertical-align: middle; font-weight: bold; }

#branchOffice .list .item .subTit span + span { font-weight: 400; }

#branchOffice .list .item .subTit a { display: block; float: right; position: relative; top: 0; padding-left: 17px; text-decoration: underline; font-size: 1.4rem; color: #02439e; font-weight: normal; }

#branchOffice .list .item .subTit a:before { display: block; content: ""; width: 10px; height: 10px; position: absolute; top: 50%; left: 0; margin-top: -3px; background: url(../img/common/ico_window01.png); background-size: 100%; }

#branchOffice .list .item .txt { margin-top: 5px; }

@media screen and (min-width: 600px) { #branchOffice .tit { margin-bottom: 43px; }
  #branchOffice .list .item { width: 459px; float: left; margin-bottom: 20px; padding: 26px 38px 20px; box-sizing: border-box; }
  #branchOffice .list .item + .item { margin-top: 0; }
  #branchOffice .list .item:nth-child(even) { margin-left: 17px; }
  #branchOffice .list .item .subTit { padding-bottom: 4px; font-size: 2.4rem; }
  #branchOffice .list .item .subTit span { display: inline-block; padding-right: 17px; }
  #branchOffice .list .item .subTit a { display: inline-block; float: none; position: relative; top: -10px; padding-left: 26px; font-size: 1.6rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #branchOffice .list .item .subTit a:before { width: 18px; height: 18px; top: 50%; left: 0; margin-top: -5px; }
  #branchOffice .list .item .subTit a:hover { text-decoration: none; }
  #branchOffice .list .item .txt { padding-left: 2px; margin-top: 10px; } }

.btn { margin: 35px 20px 0; }

@media screen and (min-width: 600px) { .btn { width: 398px; margin: 19px auto 0; } }