@charset "UTF-8";
/*! Writen  by SCSS */
/*	物件概要・現地案内図共用のcss	*/
.pre-inc .out_map_cont {
  padding: 170px 0 60px;
  position: relative; }
  @media screen and (max-width: 820px) {
    .pre-inc .out_map_cont {
      padding: 80px 0 30px; } }
  @media screen and (max-width: 480px) {
    .pre-inc .out_map_cont {
      padding: 50px 0 30px; } }
  .pre-inc .out_map_cont .page_ttl {
    text-align: center;
    font-size: clamp(36px, 5.2vw, 52px);
    margin-bottom: clamp(50px, 10vw, 100px); }
    .pre-inc .out_map_cont .page_ttl span {
      display: block; }
      .pre-inc .out_map_cont .page_ttl span.jp {
        font-size: 38%; }
  .pre-inc .out_map_cont.outline_area iframe {
    width: 100%;
    border: none;
    margin: 0;
    padding: 0; }
  .pre-inc .out_map_cont.map_area .map_group {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: clamp(50px, 6.667vw, 80px);
    row-gap: 50px; }
    @media screen and (max-width: 820px) {
      .pre-inc .out_map_cont.map_area .map_group {
        row-gap: 30px;
        margin-bottom: 50px; } }
    .pre-inc .out_map_cont.map_area .map_group .map_image {
      position: relative; }
      .pre-inc .out_map_cont.map_area .map_group .map_image.border {
        position: relative; }
        .pre-inc .out_map_cont.map_area .map_group .map_image.border:after {
          content: "";
          position: absolute;
          inset: 0;
          border: 1px solid #333;
          pointer-events: none; }
      .pre-inc .out_map_cont.map_area .map_group .map_image .map {
        position: relative; }
        .pre-inc .out_map_cont.map_area .map_group .map_image .map.small {
          max-width: 1000px;
          margin: 0 auto;
          width: 100%; }
        .pre-inc .out_map_cont.map_area .map_group .map_image .map .map_cap {
          position: absolute;
          left: 0;
          top: 0;
          background: #333;
          font-size: 16px;
          line-height: 1;
          color: #FFF;
          padding: 3px 5px 5px; }
    .pre-inc .out_map_cont.map_area .map_group .button_link_group {
      max-width: 430px;
      margin: 0 auto;
      width: 100%; }
      .pre-inc .out_map_cont.map_area .map_group .button_link_group a {
        width: 46.52%;
        display: block;
        text-align: center;
        padding: 5px;
        background: #333;
        border: 1px solid #333;
        transition: 0.3s all ease-in-out 0s; }
        .pre-inc .out_map_cont.map_area .map_group .button_link_group a span {
          color: #FFF;
          font-size: clamp(14px, 1.334vw, 16px);
          align-self: center;
          transition: 0.3s all ease-in-out 0s; }
  .pre-inc .out_map_cont.map_area .salon_map_group .lim_midashi_group {
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .pre-inc .out_map_cont.map_area .salon_map_group .lim_midashi_group {
        margin-bottom: 30px; } }
  .pre-inc .out_map_cont.map_area .salon_map_group .map_img_group {
    max-width: 700px;
    margin: 0 auto 40px; }
    @media screen and (max-width: 480px) {
      .pre-inc .out_map_cont.map_area .salon_map_group .map_img_group {
        margin: 0 auto 30px; } }
    .pre-inc .out_map_cont.map_area .salon_map_group .map_img_group .map_img {
      margin-bottom: 10px; }
  .pre-inc .out_map_cont.map_area .salon_map_group .site_btn {
    max-width: 300px;
    margin: 0 auto; }
.pre-inc:not(.mobile) .out_map_cont.map_area .button_link_group a:hover {
  background: #FFF; }
  .pre-inc:not(.mobile) .out_map_cont.map_area .button_link_group a:hover span {
    color: #333; }
@media print {
  .pre-inc .out_map_cont {
    padding: 60px 0 50px; }
    .pre-inc .out_map_cont.map_area .page_ttl {
      margin-bottom: 30px; }
    .pre-inc .out_map_cont.map_area .map_group {
      margin-bottom: 0; }
    .pre-inc .out_map_cont.map_area .button_link_group {
      display: none; } }

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