/*! Writen  by SCSS */
.o_btn {
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px; }
  @media screen and (max-width: 860px) {
    .o_btn {
      flex-wrap: wrap; } }
  .o_btn dd {
    width: calc(156% / 8.6);
      /*width: calc(140% / 8.6);*/
}
    @media screen and (max-width: 860px) {
      .o_btn dd {
        width: 49%; }
        .o_btn dd:not(:nth-last-child(-n+2)) {
          margin-bottom: 10px; }
        .o_btn dd:last-child {
/*          width: 100%;*/
        } }
    .o_btn dd a {
      display: block;
      background: #f0f0f0;
      padding: 10px 2px;
      font-size: 16px;
        font-size: 14px;
      line-height: 1.4;
      transition: all 0.3s ease-in-out;
      color: #231815;
      text-align: center; }
      @media screen and (max-width: 960px) {
        .o_btn dd a {
          font-size: 14px; } }
      @media screen and (max-width: 860px) {
        .o_btn dd a {
          padding: 5px; } }
      .o_btn dd a.cr {
        color: #fff;
        background: #17326f; }

.o_col {
  display: flex;
  justify-content: space-between;
  margin: 0 0 50px; }
  @media screen and (max-width: 480px) {
    .o_col {
      display: block; } }
  .o_col li:nth-child(1) {
    width: 60.47%; }
    @media screen and (max-width: 480px) {
      .o_col li:nth-child(1) {
        width: 100%;
        margin: 0 0 30px; } }
    .o_col li:nth-child(1) .o_list {
      padding-left: 30px;
      display: flex;
      justify-content: space-between;
      font-size: 15px;
      flex-wrap: wrap; }
      .o_col li:nth-child(1) .o_list dd {
        width: 30.77%; }
        @media screen and (max-width: 768px) {
          .o_col li:nth-child(1) .o_list dd {
            width: 48.08%; } }
        .o_col li:nth-child(1) .o_list dd a {
          display: block;
          width: 100%;
          padding: 5px 0 5px 20px;
          position: relative;
          background: url(../images/office/icon.png) 2px center no-repeat; }
          body:not(.mobile) .o_col li:nth-child(1) .o_list dd a:hover {
            background: url(../images/office/icon_on.png) 0px center no-repeat; }
        @media screen and (max-width: 768px) {
          .o_col li:nth-child(1) .o_list dd:nth-child(3) {
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; }
            .o_col li:nth-child(1) .o_list dd:nth-child(3) a {
              width: 48.08%; } }
      .o_col li:nth-child(1) .o_list.p2 dd a {
        background: url(../images/office/icon2.png) 2px center no-repeat; }
        body:not(.mobile) .o_col li:nth-child(1) .o_list.p2 dd a:hover {
          background: url(../images/office/icon2_on.png) 0px center no-repeat; }
      .o_col li:nth-child(1) .o_list.p3 dd a {
        background: url(../images/office/icon3.png) 2px center no-repeat; }
        body:not(.mobile) .o_col li:nth-child(1) .o_list.p3 dd a:hover {
          background: url(../images/office/icon3_on.png) 0px center no-repeat; }
      .o_col li:nth-child(1) .o_list.p4 dd a {
        background: url(../images/office/icon4.png) 2px center no-repeat; }
        body:not(.mobile) .o_col li:nth-child(1) .o_list.p4 dd a:hover {
          background: url(../images/office/icon4_on.png) 0px center no-repeat; }
      .o_col li:nth-child(1) .o_list.p5 dd {
        width: 100%; }
        .o_col li:nth-child(1) .o_list.p5 dd a {
          background: url(../images/office/icon5.png) 2px center no-repeat; }
          body:not(.mobile) .o_col li:nth-child(1) .o_list.p5 dd a:hover {
            background: url(../images/office/icon5_on.png) 0px center no-repeat; }
.o_col li:nth-child(1) .o_list.p6 dd {
        width: 100%; }
        .o_col li:nth-child(1) .o_list.p6 dd a {
          background: url(../images/office/icon6.png) 2px center no-repeat; }
          body:not(.mobile) .o_col li:nth-child(1) .o_list.p6 dd a:hover {
            background: url(../images/office/icon6_on.png) 0px center no-repeat; }
  .o_col li:nth-child(2) {
    width: 32.56%; }
    @media screen and (max-width: 480px) {
      .o_col li:nth-child(2) {
        width: 100%;
        text-align: center;
        padding: 0 20%; } }
.area {
  margin: 0 0 40px; }
  .area h4 {
    color: #cb0e00;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 20px; }
  .area .a_col {
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 25px;
    background: #f4f3f3; }
    @media screen and (max-width: 768px) {
      .area .a_col {
        padding: 20px 20px; } }
    @media screen and (max-width: 480px) {
      .area .a_col {
        padding: 20px 10px; } }
    .area .a_col li:nth-child(1) {
      width: 70%; }
      @media screen and (max-width: 768px) {
        .area .a_col li:nth-child(1) {
          width: 70.74%; } }
      @media all and (max-width: 640px) {
        .area .a_col li:nth-child(1) {
          width: 100%;
          margin: 0 0 20px; } }
      .area .a_col li:nth-child(1) .name {
        display: flex;
        justify-content: space-between;
        padding: 0 0 10px;
        font-size: 20px;
        border-bottom: 3px solid #cb0e00; }
        @media all and (max-width: 320px) {
          .area .a_col li:nth-child(1) .name {
            font-size: 14px; } }
        .area .a_col li:nth-child(1) .name dt {
          width: calc(100% - 115px); }
        .area .a_col li:nth-child(1) .name dd {
          width: 95px; }
          @media all and (max-width: 640px) {
            .area .a_col li:nth-child(1) .name dd {
              width: 60px; } }
          .area .a_col li:nth-child(1) .name dd span {
            cursor: pointer; }
          .area .a_col li:nth-child(1) .name dd img {
            transition: all 0.5s ease-in-out; }
            body:not(.mobile) .area .a_col li:nth-child(1) .name dd img:hover {
              opacity: 0.7; }
      .area .a_col li:nth-child(1) table {
        font-size: 14px;
        border-collapse: collapse;
        width: 100%; }
        .area .a_col li:nth-child(1) table th {
          width: 90px;
          padding: 10px;
          background: #d9d9d9;
          border-bottom: 1px solid #d9d9d9;
          font-weight: normal; }
          @media screen and (max-width: 768px) {
            .area .a_col li:nth-child(1) table th {
              width: 80px; } }
          @media screen and (max-width: 480px) {
            .area .a_col li:nth-child(1) table th {
              width: 100%;
              display: block; }
              .area .a_col li:nth-child(1) table th.kara {
                display: none; } }
        .area .a_col li:nth-child(1) table td {
          padding: 10px;
          background: #fff;
          border-bottom: 1px solid #d9d9d9; }
          @media screen and (max-width: 480px) {
            .area .a_col li:nth-child(1) table td {
              width: 100%;
              display: block; }
              .area .a_col li:nth-child(1) table td.kara {
                display: none; } }
        .area .a_col li:nth-child(1) table tr:nth-child(2) td {
          width: 170px; }
          @media screen and (max-width: 480px) {
            .area .a_col li:nth-child(1) table tr:nth-child(2) td {
              width: 100%; } }
    .area .a_col li:nth-child(2) {
      width: 26.25%; }
      @media screen and (max-width: 768px) {
        .area .a_col li:nth-child(2) {
          width: 25.61%; } }
      @media all and (max-width: 640px) {
        .area .a_col li:nth-child(2) {
          width: 100%;
          text-align: center; } }
    .area .a_col .map {
      width: 100%;
      padding-top: 20px;
      display: none; }
  .area.p2 li:nth-child(1) .name {
    border-bottom: 3px solid #2c9208; }
  .area.p3 li:nth-child(1) .name {
    border-bottom: 3px solid #083692; }
  .area.p4 li:nth-child(1) .name {
    border-bottom: 3px solid #dcd047; }
  .area.p5 li:nth-child(1) .name {
    border-bottom: 3px solid #941abc; }

.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 36.25%;
  position: relative; }
  .gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; }

.ttl_txt {
  font-size: 40px;
  line-height: 1.2;
  color: #113579; }
  @media screen and (max-width: 768px) {
    .ttl_txt {
      font-size: 32px;
      text-align: center; } }

a.yamagata {
  background: url(../images/office/icon_yamagata.png) 2px center no-repeat !important; }

body:not(.mobile) a.yamagata:hover {
  background: url(../images/office/icon_yamagata_on.png) 0px center no-repeat !important; }

a.akita {
  background: url(../images/office/icon_akita.png) 2px center no-repeat !important; }

body:not(.mobile) a.akita:hover {
  background: url(../images/office/icon_akita_on.png) 0px center no-repeat !important; }

a.miyagi {
  background: url(../images/office/icon_miyagi.png) 2px center no-repeat !important; }

body:not(.mobile) a.miyagi:hover {
  background: url(../images/office/icon_miyagi_on.png) 0px center no-repeat !important; }

.yamagata_list #o1 .name,
.yamagata_list #o2 .name,
.yamagata_list #o3 .name,
.yamagata_list #o4 .name,
.yamagata_list #o5 .name,
.yamagata_list #o6 .name,
.yamagata_list #o7 .name,
.yamagata_list #o8 .name,
.yamagata_list #o9 .name,
.yamagata_list #o10 .name,
.yamagata_list #o11 .name,
.yamagata_list #o12 .name,
.yamagata_list #o13 .name,
.yamagata_list #o14 .name,
.yamagata_list #o15 .name,
.yamagata_list #o16 .name,
.yamagata_list #o17 .name {
  border-bottom: 3px solid #e4bdaa; }
.yamagata_list #o18 .name,
.yamagata_list #o19 .name,
.yamagata_list #o20 .name,
.yamagata_list #o21 .name,
.yamagata_list #o22 .name,
.yamagata_list #o23 .name,
.yamagata_list #o24 .name,
.yamagata_list #o25 .name,
.yamagata_list #o26 .name,
.yamagata_list #o27 .name,
.yamagata_list #o28 .name,
.yamagata_list #o29 .name,
.yamagata_list #o30 .name,
.yamagata_list #o31 .name,
.yamagata_list #o32 .name,
.yamagata_list #o33 .name,
.yamagata_list #o34 .name {
  border-bottom: 3px solid #a1c4d7; }
.yamagata_list #o35 .name,
.yamagata_list #o36 .name,
.yamagata_list #o37 .name,
.yamagata_list #o38 .name {
  border-bottom: 3px solid #c9b788; }

.name {
  position: relative; }

.icons {
  position: absolute;
  right: 110px;
  top: -8px;
  display: flex; }
  @media all and (max-width: 640px) {
    .icons {
      right: 65px; } }
  .icons li {
    width: inherit !important; }
    @media all and (max-width: 640px) {
      .icons li {
        width: 36px !important; }
        .icons li.ico_006 {
          width: 45px !important; } }
    @media all and (max-width: 320px) {
      .icons li {
        width: 26px !important; }
        .icons li.ico_006 {
          width: 35px !important; } }
    .icons li:not(:nth-child(1)) {
      margin-left: 10px; }
      @media all and (max-width: 640px) {
        .icons li:not(:nth-child(1)) {
          margin-left: 5px; } }

.address_txt td p {
  display: inline-block;
  vertical-align: text-top; }
  .address_txt td p:nth-child(1) {
    margin-right: 1em; }
  .address_txt td p:nth-child(2) {
    text-align: right; }

@media all and (max-width: 767px) {
  .name_ex {
    font-size: 1.04rem; } }

.vsp767.in {
  display: none !important; }
  @media all and (max-width: 767px) {
    .vsp767.in {
      display: block !important; } }

/*# sourceMappingURL=office.css.map */