/*! Writen  by SCSS */
@media screen and (max-width: 480px) {
  .w10_sp {
    width: 10%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w20_sp {
    width: 20%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w30_sp {
    width: 30%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w40_sp {
    width: 40%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w50_sp {
    width: 50%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w60_sp {
    width: 60%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w70_sp {
    width: 70%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w80_sp {
    width: 80%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w90_sp {
    width: 90%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w100_sp {
    width: 100%;
    margin: 0 auto; } }

.fr10 {
  font-size: 10%; }

.fr20 {
  font-size: 20%; }

.fr30 {
  font-size: 30%; }

.fr40 {
  font-size: 40%; }

.fr50 {
  font-size: 50%; }

.fr60 {
  font-size: 60%; }

.fr70 {
  font-size: 70%; }

.fr80 {
  font-size: 80%; }

.fr90 {
  font-size: 90%; }

.fr100 {
  font-size: 100%; }

.fr110 {
  font-size: 110%; }

.fr120 {
  font-size: 120%; }

.fr130 {
  font-size: 130%; }

.fr140 {
  font-size: 140%; }

.fr150 {
  font-size: 150%; }

.fr160 {
  font-size: 160%; }

.fr170 {
  font-size: 170%; }

.fr180 {
  font-size: 180%; }

.fr190 {
  font-size: 190%; }

.fr200 {
  font-size: 200%; }

.fr210 {
  font-size: 210%; }

.fr220 {
  font-size: 220%; }

.fr230 {
  font-size: 230%; }

.fr240 {
  font-size: 240%; }

.fr250 {
  font-size: 250%; }

.fr260 {
  font-size: 260%; }

.fr270 {
  font-size: 270%; }

.fr280 {
  font-size: 280%; }

.fr290 {
  font-size: 290%; }

.fr300 {
  font-size: 300%; }

.main:before {
  background-image: url("../images/main_img.jpg"); }
  @media screen and (max-width: 767px) {
    .main:before {
      background-position: 30% center; } }
  @media screen and (max-width: 480px) {
    .main:before {
      background-image: url("../images/main_img_sp.jpg"); } }
.main .ttl span {
  letter-spacing: 0; }

.map_wrap {
  padding: 0 0 100px; }
  @media screen and (max-width: 768px) {
    .map_wrap {
      padding: 0 0 60px; } }
  .map_wrap .map {
    position: relative;
    max-width: 976px;
    margin: 83px auto 0; }
    @media screen and (max-width: 480px) {
      .map_wrap .map {
        margin-top: 0; } }
    .map_wrap .map::before {
      content: '';
      position: absolute;
      display: block;
      box-sizing: border-box;
      border: 3px solid #6eb5b8;
      top: -13px;
      left: -13px;
      right: -13px;
      bottom: -13px;
      border-image-slice: 1;
      pointer-events: none; }
    .map_wrap .map::after {
      pointer-events: none;
      content: '';
      position: absolute;
      display: block;
      box-sizing: border-box;
      border: 1px solid #6eb5b8;
      top: -2px;
      left: -2px;
      right: -2px;
      bottom: -2px; }
    .map_wrap .map img {
      position: relative;
      z-index: 1; }
  .map_wrap .map2 {
    position: relative;
    max-width: 1000px;
    margin: 0px auto;
    /*&::before{
    	content: '';
    	position: absolute;
    	display: block;
    	box-sizing: border-box;
    	border: 3px solid #6e4e1f #6eb5b8;
    	top: -13px;
    	left: -13px;
    	right: -13px;
    	bottom: -13px;
    	border-image-slice: 1;
    	pointer-events: none;
    }
    &::after{
    	pointer-events: none;
    	content: '';
    	position: absolute;
    	display: block;
    	box-sizing: border-box;
    	border: 1px solid #6eb5b8;
    	top: -2px;
    	left: -2px;
    	right: -2px;
    	bottom: -2px;
    }*/ }
    @media screen and (max-width: 480px) {
      .map_wrap .map2 {
        margin-top: 0; } }
    .map_wrap .map2 img {
      position: relative;
      z-index: 1; }
  .map_wrap .google_btn {
    max-width: 340px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 480px) {
      .map_wrap .google_btn {
        width: 100%; } }
    .map_wrap .google_btn .btn_ggl {
      width: 100%;
      background-color: rgba(110, 181, 184, 0.8); }
      @media screen and (max-width: 480px) {
        .map_wrap .google_btn .btn_ggl {
          width: 100%;
          margin-bottom: 10px; } }
      .map_wrap .google_btn .btn_ggl a {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 10px;
        font-size: 16px;
        color: #fff;
        border: 1px solid #6eb5b8;
        transition: 0.3s opacity ease-in-out;
        letter-spacing: 0.08em; }
        @media screen and (max-width: 480px) {
          .map_wrap .google_btn .btn_ggl a {
            font-size: 14px; } }
        .map_wrap .google_btn .btn_ggl a span {
          margin: 0 15px; }
        body:not(.mobile) .map_wrap .google_btn .btn_ggl a:hover {
          opacity: 0.5; }