.mv {
  background-image: url(../img/office_mv.jpg); }
  @media screen and (max-width: 768px) {
    .mv {
      background-position: top right 55%; } }

ul.nav {
  display: flex;
  justify-content: center; }
  ul.nav li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    margin: 5px 0 18px;
    padding: 0 3.5%; }
    ul.nav li:not(:nth-last-of-type(1)) {
      border-right: 1px solid #bdbdbd; }
    ul.nav li.act {
      position: relative; }
      ul.nav li.act::after {
        content: '';
        width: 110px;
        height: 13px;
        background: url(../img/ttl_act.gif) no-repeat center bottom/cover;
        position: absolute;
        bottom: -18px;
        left: 50%;
        transform: translateX(-50%); }
    ul.nav li a, ul.nav li span {
      font-size: 18px;
      line-height: 1; }
    ul.nav li a {
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s; }
      ul.nav li a:hover {
        color: #e72a48; }

h2 {
  margin-bottom: 55px;
  padding-top: 55px;
  background: url(../img/top_frame.gif) no-repeat center top/contain; }
  @media screen and (max-width: 768px) {
    h2 {
      margin-bottom: 24px;
      padding-top: 0;
      background: none; } }

ul.anch {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  @media screen and (max-width: 768px) {
    ul.anch {
      justify-content: space-between;
      margin-bottom: 18px;
      padding: 0 5%; } }
  ul.anch li {
    max-width: 145px;
    width: 45%;
    margin: 0 5px 10px; }
    @media screen and (max-width: 768px) {
      ul.anch li {
        margin: 0 5px 8px; } }
    ul.anch li a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 45px;
      border: 1px solid #75b827;
      border-radius: 25px;
      color: #75b827; }
      ul.anch li a::after {
        content: '';
        width: 6px;
        height: 6px;
        margin-left: 5px;
        border-right: 2px solid #75b827;
        border-bottom: 2px solid #75b827;
        transform: rotate(45deg) translateY(-35%); }

section {
  margin-bottom: 55px; }
  section .inner {
    max-width: 850px;
    padding: 5%;
    border-radius: 10px;
    background: #dfeca8 url(../img/office_inner_bg.gif) no-repeat left top/contain; }
    @media screen and (max-width: 768px) {
      section .inner {
        background-size: auto 220px; } }
    section .inner .address {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      max-width: 670px;
      width: 80%;
      margin: 0 auto 35px; }
      @media screen and (max-width: 768px) {
        section .inner .address {
          width: 100%;
          margin: 0 auto 24px; } }
      section .inner .address .txt {
        max-width: 240px;
        width: 36%; }
        @media screen and (max-width: 768px) {
          section .inner .address .txt {
            max-width: 100%;
            width: 100%;
            margin-bottom: 12px; } }
        section .inner .address .txt h3 {
          height: 65px;
          margin-bottom: 15px;
          padding-top: 5px;
          background: url(../img/office_ttl_dot.gif) repeat-x left bottom;
          color: #75b827;
          font-size: 30px; }
          @media screen and (max-width: 768px) {
            section .inner .address .txt h3 {
              height: auto;
              padding: 15px 0 15px 70px;
              font-size: 20px; } }
        section .inner .address .txt p {
          line-height: 1.8; }
          @media screen and (max-width: 768px) {
            section .inner .address .txt p {
              line-height: 1.6; } }
      section .inner .address .pic {
        max-width: 370px;
        width: 56%;
        padding: 5px;
        border-radius: 10px;
        background-color: #fff; }
        @media screen and (max-width: 768px) {
          section .inner .address .pic {
            max-width: 100%;
            width: 100%; } }
        section .inner .address .pic img {
          border-radius: 10px; }
    section .inner .map {
      padding-top: 5%; }
      section .inner .map iframe {
        display: block;
        width: 100%;
        height: 320px; }
        @media screen and (max-width: 768px) {
          section .inner .map iframe {
            height: 220px; } }

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