/*! Writen  by SCSS */
.sec_map {
  padding-top: clamp(30px, 5%, 60px);
  padding-bottom: clamp(40px, 6.67%, 80px); }

.inner {
  max-width: 900px; }

.page_ttl {
  font-size: clamp(24px, 3.29vw, 32px);
  margin-bottom: 0.62em; }
  @media screen and (max-width: 480px) {
    .page_ttl {
      padding-bottom: 10px;
      margin-bottom: 10px; } }

.lead {
  text-align: center;
  line-height: 1;
  font-size: clamp(18px, 2.65vw, 26px);
  margin-bottom: 1.07em; }

.map_wrap {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px 0;
  margin-bottom: 20px; }

.btn_wrap {
  margin-top: clamp(25px, 3.34%, 40px);
  max-width: 590px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: clamp(15px, 2.02vw, 20px);
  line-height: 1; }
  @media screen and (max-width: 768px) {
    .btn_wrap {
      justify-content: center;
      flex-wrap: wrap;
      gap: 15px 4%; } }
  @media screen and (max-width: 480px) {
    .btn_wrap {
      max-width: 320px;
      width: 80%;
      flex-direction: column; } }
  .btn_wrap .item {
    max-width: 280px;
    width: 47.46%; }
    @media screen and (max-width: 768px) {
      .btn_wrap .item {
        width: 48%; } }
    @media screen and (max-width: 480px) {
      .btn_wrap .item {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .btn_wrap .item.item_print {
        display: none; } }
    .btn_wrap .item a {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1em 0.5em;
      color: #fff;
      background: #b7b08c;
      transition: opacity 0.3s ease-in-out; }
      @media (hover: hover) {
        .btn_wrap .item a:hover {
          opacity: 0.7; } }
    .btn_wrap .item.item_salon a {
      background: #90162e; }

@media print {
  header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px; }

  div.header {
    padding-top: 10px;
    padding-bottom: 10px; }
    div.header .logo {
      max-width: 100px; }

  .wrap {
    padding-top: 70px !important; }

  div.header ul.headnavi,
  .gnavi_outer,
  .btn_wrap,
  .cap_wrap,
  footer .bottom_cv_wrap,
  footer .entry_wrap,
  footer .bottom_owner_wrap .item_btn {
    display: none !important; }

  .page_ttl {
    display: none; }

  .map,
  .map_lg {
    width: 65%;
    margin-left: auto;
    margin-right: auto; }

  .sec_map {
    padding-top: 15px;
    padding-bottom: 15px; }

  footer {
    padding-top: 15px; }
    footer .bottom_tel,
    footer .bottom_owner_wrap {
      margin-bottom: 15px; }
    footer .bottom_tel .tel_text {
      font-size: 12px; }
    footer .bottom_tel .tel_number {
      font-size: 24px; }
    footer .bottom_owner_wrap {
      justify-content: center; }
      footer .bottom_owner_wrap .item_company {
        width: 120px; }
    footer .bottom_logo_wrap {
      padding: 15px 0 6px; }
      footer .bottom_logo_wrap .bottom_logo {
        width: 120px;
        padding-bottom: 6px; } }

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