#pankuzu {
  margin: 153px 10px 0; }
  @media screen and (max-width: 768px) {
    #pankuzu {
      display: none; } }

.subwin-btn li a {
  width: inherit; }

#mapArea {
  max-width: 1080px;
  margin: auto; }
  #mapArea .map_img {
    margin: 2rem auto 0; }
    #mapArea .map_img img {
      width: 100%;
      height: auto; }

.zoomin {
  display: none;
  max-width: 880px;
  margin: auto; }
  .zoomin p {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-family: ten-mincho-text, serif;
    background: linear-gradient(180deg, #29755c 0%, #29755c 50%, #08694f 50%, #08694f 100%); }
    .zoomin p img {
      width: 22px;
      height: auto;
      margin: 0 10px; }
  @media screen and (max-width: 768px) {
    .zoomin {
      display: block; } }

@media screen and (max-width: 768px) {
  #container {
    padding-top: 100px;
    width: 90%;
    margin: auto; } }
@media screen and (max-width: 768px) {
  .pc-map {
    display: none; } }

.sp-map {
  display: none; }
  @media screen and (max-width: 768px) {
    .sp-map {
      display: block; } }

.mapbox {
  width: 100%;
  max-width: 1080px;
  /*margin: 2rem auto 0;*/
  margin: 0 auto; }
  .mapbox .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 910px;
    margin: 0 auto; }
    .mapbox .inner img {
      width: 100%;
      height: auto; }
    .mapbox .inner .mg {
      width: 42.8571428571%; }
    .mapbox .inner .info {
      width: 54.9450549451%; }
  @media screen and (max-width: 768px) {
    .mapbox {
      margin: 4rem auto 0; }
      .mapbox .inner {
        flex-direction: column; }
        .mapbox .inner .mg {
          width: 100%;
          margin-bottom: 1rem; }
        .mapbox .inner .info {
          width: 100%; } }

.root_img {
  display: none; }
  .root_img img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 768px) {
    .root_img {
      display: block;
      margin-top: 4rem; } }