@charset "UTF-8";
@media screen and (min-width: 768px), print {
  .company-side-nav-list li ul.company-side-nav-list-3rd {
    display: block !important;
  }
  .branch-office-nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .branch-office-nav-list-item {
    margin: 0 22px 0 0;
    width: 24%;
  }
  .branch-office-nav-list-item:last-child {
    margin: 0 auto;
  }
  .branch-office-nav-list-item.-current > a {
    background-color: #a61c45;
    color: #fff;
  }
  .branch-office-nav-list-item > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    height: 120px;
    max-width: 198px;
    width: 100%;
    border-radius: 8px;
    border: solid 2px #a61c45;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .8px;
    text-align: center;
    color: #a61c45;
    -webkit-transition: all .3s;
            transition: all .3s;
  }
  .branch-office-nav-list-item > a:hover {
    text-decoration: none;
    background-color: #a61c45;
    color: #fff;
  }
  .branch-table {
    border-top: solid 1px #ebebeb;
    width: 100%;
  }
  .branch-table tr {
    border-bottom: solid 1px #ebebeb;
  }
  .branch-table th {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .05em;
    text-align: left;
    color: #121212;
    width: 196px;
    padding-right: 25px;
    padding-top: 33px;
    padding-bottom: 35px;
  }
  .branch-table td {
    font-size: 1.125rem;
    line-height: 2;
    text-align: left;
    color: #121212;
    vertical-align: top;
    padding-top: 33px;
    padding-bottom: 35px;
    letter-spacing: .01em;
  }
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  .branch-office-nav-list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .branch-office-nav-list-item {
    margin: 0 4% 4% 0;
    width: 48%;
  }
  .branch-office-nav-list-item:nth-child(2) {
    margin: 0 0 4% 0;
  }
  .branch-office-nav-list-item > a {
    max-width: inherit;
    width: 100%;
  }
  .branch-table th {
    width: 172px;
  }
}
@media screen and (max-width: 767px) {
  .branch-office-nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .branch-office-nav-list-item {
    margin: 3.2vw 3.2vw 0 0;
  }
  .branch-office-nav-list-item:nth-child(2n) {
    margin-right: 0;
  }
  .branch-office-nav-list-item.-current > a {
    background-color: #a61c45;
    color: #fff;
  }
  .branch-office-nav-list-item > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    width: 44vw;
    height: 11.7333333333vw;
    border-radius: 1.0666666667vw;
    border: solid .2666666667vw #a61c45;
    background-color: #fff;
    font-size: 4.2666666667vw;
    font-weight: 700;
    line-height: .75;
    letter-spacing: .8px;
    text-align: center;
    color: #a61c45;
    -webkit-transition: all .3s;
            transition: all .3s;
  }
  .branch-office-nav-list-item > a:hover {
    text-decoration: none;
    background-color: #a61c45;
    color: #fff;
  }
  .branch-table {
    border-top: solid 1px #ebebeb;
    width: 100%;
  }
  .branch-table tr {
    border-bottom: solid 1px #ebebeb;
  }
  .branch-table th {
    font-size: 4.2666666667vw;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    color: #121212;
    width: 31.4666666667vw;
    padding-right: 4.2666666667vw;
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
    letter-spacing: .05em;
    font-family: "Noto Sans JP", -apple-system, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  }
  .branch-table td {
    font-size: 4vw;
    line-height: 1.07;
    text-align: left;
    color: #121212;
    padding-top: 4.2666666667vw;
    padding-bottom: 5.3333333333vw;
    letter-spacing: 0;
  }
}