/*---------------------------------------------------------------------------*/
@media screen and (min-width: 768px), print {
  .contents__inner {
    line-height: 1.8em;
  }
  .contents__inner h3 {
    margin: 50px 0 1em;
  }
  .contents__inner .company_name p span {
    padding-left: 30px;
  }
  .contents__inner .location {
    /* For IE 6/7 only */
    *zoom: 1;
  }
  .contents__inner .location:before, .contents__inner .location:after {
    content: ' ';
    display: table;
  }
  .contents__inner .location:after {
    clear: both;
  }
  .contents__inner .location dt {
    font-weight: bold;
    margin-top: 20px;
  }
  .contents__inner .location .head_office, .contents__inner .location .branch_office {
    display: inline-block;
    width: 49%;
    vertical-align: top;
  }
  .contents__inner .location .head_office a:last-of-type, .contents__inner .location .branch_office a:last-of-type {
    width: 520px;
    height: 410px;
    margin-top: 10px;
    border: 2px solid #e2e2e2;
    display: -ms-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contents__inner .location .head_office a:last-of-type img, .contents__inner .location .branch_office a:last-of-type img {
    width: 450px;
  }
  .contents__inner .location .branch_office {
    float: right;
  }
  .contents__inner .business ul {
    counter-reset: li;
  }
  .contents__inner .business ul li {
    counter-increment: li;
  }
  .contents__inner .business ul li::before {
    content: counter(li) ". ";
  }
  .contents__inner .officer dl {
    display: -ms-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contents__inner .officer dl dt {
    width: 150px;
  }
  .contents__inner .officer dl dd {
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
  }
  .contents__inner .idea ul {
    margin-top: 1em;
    counter-reset: li;
  }
  .contents__inner .idea ul li {
    counter-increment: li;
    position: relative;
    padding-left: 1.5em;
  }
  .contents__inner .idea ul li::before {
    content: counter(li) ". ";
    position: absolute;
    left: 0;
  }
}

@media screen and (max-width: 767px) {
  .contents__inner {
    letter-spacing: 0.05em;
    overflow: hidden;
  }
  .contents__inner h3 {
    margin: 8.46354vw 0 2.60417vw;
  }
  .contents__inner .business ul {
    counter-reset: li;
  }
  .contents__inner .business ul li {
    counter-increment: li;
  }
  .contents__inner .business ul li::before {
    content: counter(li) ". ";
  }
  .contents__inner .business ul li span {
    padding-left: 1em;
  }
  .contents__inner .location {
    /* For IE 6/7 only */
    *zoom: 1;
  }
  .contents__inner .location:before, .contents__inner .location:after {
    content: ' ';
    display: table;
  }
  .contents__inner .location:after {
    clear: both;
  }
  .contents__inner .location a:first-of-type {
    text-decoration: none;
  }
  .contents__inner .location dt {
    font-weight: bold;
    margin-top: 5.20833vw;
  }
  .contents__inner .location .head_office, .contents__inner .location .branch_office {
    vertical-align: top;
  }
  .contents__inner .location .head_office a:last-of-type, .contents__inner .location .branch_office a:last-of-type {
    border: 1px solid #e2e2e2;
    margin: 0 -4.55729vw;
    height: 78.125vw;
    display: -ms-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 5.20833vw;
  }
  .contents__inner .location .head_office a:last-of-type img, .contents__inner .location .branch_office a:last-of-type img {
    width: 86%;
  }
  .contents__inner .officer dl {
    display: -ms-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contents__inner .officer dl dt {
    width: 32.55208vw;
  }
  .contents__inner .officer dl dd {
    width: -webkit-calc(100% - 32.55208vw);
    width: -moz-calc(100% - 32.55208vw);
    width: calc(100% - 32.55208vw);
  }
  .contents__inner .idea ul {
    margin-top: 1.5em;
    counter-reset: li;
  }
  .contents__inner .idea ul li {
    counter-increment: li;
    position: relative;
    padding-left: 1.5em;
  }
  .contents__inner .idea ul li::before {
    content: counter(li) ". ";
    position: absolute;
    left: 0;
  }
}