#pagehead_business > .content .business .logo {
  width: 30.9375em; }
  @media screen and (max-width: 767px) {
    #pagehead_business > .content .business .logo {
      width: 18.9230769231em; } }

#first {
  margin-top: 8.75em;
  margin-bottom: 9.375em; }
  #first .txt01 {
    text-align: center; }
  #first .txt02 {
    text-align: center;
    margin-bottom: 4.375em; }
  #first .photo01 {
    width: 60em;
    max-width: 100%;
    margin: 0 auto;
    line-height: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #first .photo01 .i01 {
      width: 100%;
      margin-bottom: 0.375em; }
    #first .photo01 .i02,
    #first .photo01 .i03 {
      width: 49.6875%; }
    #first .photo01 .icon {
      position: absolute;
      width: 26.4583333333%;
      bottom: 0;
      right: 0;
      transform: translate(68.8976377953%, 24.5353159851%);
      -webkit-transition: -webkit-transform 0.3s, bottom 0.3s, right 0.3s;
      -moz-transition: -moz-transform 0.3s, bottom 0.3s, right 0.3s;
      transition: transform 0.3s, bottom 0.3s, right 0.3s; }
  #first .morebtn {
    margin-top: 4.6875em;
    text-align: center; }
    #first .morebtn .btn1 {
      width: 30em;
      max-width: 100%; }
  @media screen and (max-width: 1280px) {
    #first .photo01 .icon {
      bottom: 0;
      right: 0;
      transform: translate(16%, 24.5353159851%); } }
  @media screen and (max-width: 767px) {
    #first {
      margin-top: 1.9230769231em;
      margin-bottom: 5.6923076923em; }
      #first .txt02 {
        text-align: left;
        margin-bottom: 2.3076923077em; }
      #first .photo01 {
        width: auto;
        max-width: none;
        flex-direction: column;
        margin-left: -2.3076923077rem;
        margin-right: -2.3076923077rem; }
        #first .photo01 .i01 {
          margin-bottom: 2.3076923077em; }
        #first .photo01 .i02,
        #first .photo01 .i03 {
          width: 20em;
          margin: 0 auto;
          margin-top: 0.3846153846em; }
        #first .photo01 .icon {
          width: 32%;
          transform: translate(6%, 39%); }
      #first .morebtn {
        margin-top: 2.3076923077em; }
        #first .morebtn .btn1 {
          width: 13.4615384615em; } }

#features {
  margin-bottom: 4.0625em; }
  #features .icon {
    position: absolute; }
    #features .icon.i01 {
      width: 21.875em;
      top: 5.875em;
      left: 2.25em;
      transform: translate(-50%, -50%); }
    #features .icon.i02 {
      width: 21.625em;
      right: 0.4375em;
      bottom: 6em;
      transform: translate(50%, 50%); }
  #features .cbox {
    position: relative; }
  #features .layout_type1 .l_item > .content .h_size28 {
    white-space: nowrap; }
  #features .layout_type1 .l_item > .content .morebtn {
    margin-top: auto; }
    #features .layout_type1 .l_item > .content .morebtn .btn1 {
      margin-top: 1.9230769231em;
      width: 100%; }
  #features .part1 {
    padding-bottom: 1.25em; }
    #features .part1 .txt01 {
      text-align: center;
      margin-left: -0.5em;
      margin-right: -0.5em; }
    #features .part1 .txt02 {
      text-align: center;
      margin-bottom: 5.875em; }
  #features .outside {
    margin-top: 8.4375em; }
    #features .outside img {
      width: 60em;
      max-width: 100%;
      display: block;
      margin: 0 auto; }
  @media screen and (max-width: 1280px) {
    #features .icon.i01 {
      left: 0.9375em;
      transform: translate(0, -50%); }
    #features .icon.i02 {
      right: 1.875em;
      bottom: 0;
      transform: translateY(40%); } }
  @media screen and (max-width: 1140px) {
    #features .icon.i01 {
      display: none; } }
  @media screen and (max-width: 767px) {
    #features {
      margin-bottom: 2.3076923077em; }
      #features .icon.i01 {
        display: block;
        width: 8.9846153846em;
        top: -4em;
        left: 0.6153846154em;
        transform: none; }
      #features .icon.i02 {
        display: block;
        width: 10.6453846154em;
        right: -0.6923076923em;
        bottom: -3.6923076923em;
        transform: none; }
      #features .layout_type1 .l_item > .content .morebtn {
        text-align: center; }
        #features .layout_type1 .l_item > .content .morebtn .btn1 {
          width: 13.4615384615em; }
      #features .part1 {
        padding-bottom: 0; }
        #features .part1 .txt02 {
          text-align: left;
          margin-bottom: 3.5384615385em; }
      #features .outside {
        margin-top: 5.7692307692em; }
        #features .outside img {
          width: 20em;
          max-width: none; } }

#locations {
  margin-bottom: 11.25em; }
  #locations .gmap_base {
    height: 37.5em;
    position: relative;
    background-color: #f1f1f1;
    margin-bottom: 6.25em; }
    #locations .gmap_base #gmap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #locations .photos {
    display: flex;
    justify-content: space-between;
    width: 60em;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 6.25em;
    line-height: 0; }
    #locations .photos > div {
      width: 49.6875%; }
      #locations .photos > div img {
        width: 100%; }
  @media screen and (max-width: 767px) {
    #locations {
      margin-bottom: 4.2307692308em; }
      #locations .gmap_base {
        margin-bottom: 2.6923076923em;
        height: auto;
        position: relative; }
        #locations .gmap_base::before {
          content: "";
          display: block;
          padding-top: 109.375%; }
      #locations .photos {
        flex-direction: column;
        width: 20em;
        margin-top: 2.6923076923em; }
        #locations .photos > div {
          width: 100%; }
          #locations .photos > div:not(:last-child) {
            margin-bottom: 0.3846153846em; } }

#recruit h3 {
  margin-bottom: 3.75em; }
#recruit .txt01 {
  text-align: center;
  line-height: 1.7142857143em; }
#recruit .photos {
  display: flex;
  justify-content: space-between;
  width: 60em;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 4.0625em;
  line-height: 0; }
  #recruit .photos > div {
    width: 49.6875%; }
    #recruit .photos > div img {
      width: 100%; }
#recruit .morebtn {
  margin-top: 4.6875em;
  text-align: center; }
  #recruit .morebtn a {
    width: 30em;
    max-width: 100%; }
@media screen and (max-width: 767px) {
  #recruit {
    margin-bottom: 1.9230769231em; }
    #recruit h3 {
      margin-bottom: 2.6923076923em; }
    #recruit .txt01 {
      line-height: 1.6875em; }
    #recruit .photos {
      flex-direction: column;
      width: 20em;
      margin-top: 2.3076923077em; }
      #recruit .photos > div {
        width: 100%; }
        #recruit .photos > div:not(:last-child) {
          margin-bottom: 0.3846153846em; }
    #recruit .morebtn {
      margin-top: 2.6923076923em; }
      #recruit .morebtn .btn1 {
        width: 13.4615384615em; } }