@charset "UTF-8";
.office {
  padding-top: 80px; }
  @media only screen and (max-width: 767px) {
    .office {
      padding-top: 40px; } }
  .office .inr {
    max-width: 880px;
    width: 95%;
    margin: 0 auto; }
    .office .inr h3 {
      font-size: 1.4em;
      letter-spacing: .2em;
      font-weight: bold !important;
      position: relative;
      border-bottom: 1px solid;
      padding-left: 42px; }
      @media only screen and (max-width: 767px) {
        .office .inr h3 {
          font-size: 1.1em; } }
      .office .inr h3::before {
        content: '';
        display: inline-block;
        width: 32px;
        height: 7px;
        background-image: url(../img/title_icon.png);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .office .inr h4 {
      font-size: 1.1em;
      letter-spacing: .2em;
      font-weight: bold;
      margin-top: 30px;
      border-bottom: 1px dashed;
      padding-bottom: 10px; }
    .office .inr ul li {
      padding: 15px 0;
      border-bottom: 1px dashed; }
      @media only screen and (max-width: 767px) {
        .office .inr ul li {
          padding: 8px 0; } }
      .office .inr ul li.b_none {
        border: none; }
      .office .inr ul li dl {
        font-weight: bold;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        @media only screen and (max-width: 767px) {
          .office .inr ul li dl {
            display: block; } }
        .office .inr ul li dl dt {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          width: 120px; }
          @media only screen and (max-width: 767px) {
            .office .inr ul li dl dt {
              width: 100%;
              display: block;
              letter-spacing: .2em; } }
          .office .inr ul li dl dt span {
            font-weight: bold; }
        .office .inr ul li dl dd {
          width: calc(100% - 120px);
          position: relative;
          padding-left: 30px;
          margin-left: 15px;
          padding-right: 70px; }
          @media only screen and (max-width: 767px) {
            .office .inr ul li dl dd {
              width: 100%;
              font-size: .95em;
              padding-left: 0;
              margin-left: 0; } }
          .office .inr ul li dl dd::before {
            content: '：';
            display: inline-block;
            vertical-align: middle;
            font-weight: bold;
            position: absolute;
            left: 0; }
            @media only screen and (max-width: 767px) {
              .office .inr ul li dl dd::before {
                display: none; } }
          .office .inr ul li dl dd a {
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background-color: #231815;
            color: #fff;
            width: 60px;
            text-align: center;
            font-weight: bold;
            border: 1px solid #231815;
            display: block; }
            .office .inr ul li dl dd a:hover {
              background-color: #fff;
              color: #231815; }