@charset "utf-8";
  .location_wrap{
    width: 100%;
    position: relative;
    box-sizing: border-box;
  }
  .location_wrap .inner{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
.location_title{
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 2em;
  }
.location_wrap h3:before {
  content: "";
  background: #FFF;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}


@media screen and (max-width: 759.9px) {
  .location_back{
    background: url("../image/location_border_black.svg") top no-repeat;
    background-size:100%;
  }
  .location_wrap{
    padding: 0 20px;
    margin: 0 0 15.5vw 0;
  }
  
  .location_title{
    font-size:4.7vw;
    position: relative;
    z-index: 10;
  }
  .location_title_border{
    display: inline;
    border-bottom: 1px solid #000;
    padding-bottom: 0.8vw;
  }
  .location_title_border span.font-l{
    font-size:min(5.32vw,64px);
  }
  .location_map{
    position: absolute;
    right: 20px;
    top: 0;
    width: calc(100% - 40px);
  }
  .location_outline{
    width: 70%;
    padding-top:15vw;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 10;
  }
  
  
  .location_wrap h3 {
    font-size:4.7vw;
    padding: 1em 0 1em 40px;
    position: relative;
    background: #23587F;
    color: #FFF;
    width: 100%;
    box-sizing: border-box;
     margin: 0 0 8vw 0;
 }
  .location_wrap h3:before {
    content: "";
    width: 20px;
    height: 5px;
  }  
  .location_wrap h4 {
    border-bottom: 1px solid #000;
    padding: 0 0 0.4vw 0;
    padding-bottom: 0.8vw;
    margin-bottom: 3vw;
  }
  .location_box{
    width:100%;
    background:#F9F9F9;
    padding-bottom: 8vw;
  }
  .location_box .adress{
    width: 100%;
     padding: 0 20px;
   box-sizing: border-box;
  }
  .location_box .contact{
    width: 100%;
     padding: 0 20px;
   box-sizing: border-box;
  }
  .location_box .access{
    width: 100%;
     padding: 0 20px;
   box-sizing: border-box;
  }
  .location_box .access_map{
    padding: 0 20px 8vw 20px;
  }
  .location_box .access_map iframe{
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 450px;
    border: 1px solid #23587F;
    border-radius: 10px;
  }
  
  
 }


@media screen and (min-width: 760px) {
  .location_back{
    background: url("../image/location_border_black.svg") top no-repeat;
    background-size:100%;
  }
  .location_wrap{
    padding: 0 20px;
    margin: 0 0 100px 0;
  }
  .location_title_wrap{
    width: 100%;
    position: relative;
  }
  .location_title{
    font-size:min(2.66vw,32px);
  }
  .location_title_border{
    display: inline;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
  }
  .location_title_border span.font-l{
    font-size:min(5.32vw,64px);
  }
  .location_title_border span{
    display: inline-block;
  }
  .location_map{
    position: absolute;
    right: 0;
    top: 40px;
    width: 52%;
  }
  .location_outline{
    width: 48%;
  }
  .location_wrap h3 {
    font-size: 24px;
    padding: 30px 0 30px 40px;
    margin: 0 0 50px 0;
    background: #23587F;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    color: #FFF;
  }
  .location_wrap h3:before {
    content: "";
    width: 20px;
    height: 5px;
  }
  .location_wrap h4 {
    border-bottom: 1px solid #000;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
  }
  .location_box{
    width:100%;
    background:#F9F9F9;
    position: relative;
    padding-bottom: 50px;
    min-height: 600px;
  }
  .location_box .adress{
    padding: 0 0 0 50px;
    width: 37%;
    box-sizing: border-box;
  }
  .location_box .contact{
    padding: 0 0 0 50px;
    width: 37%;
    box-sizing: border-box;
  }
  .location_box .access{
    padding: 0 0 0 50px;
    width: 37%;
    box-sizing: border-box;
  }
  .location_box .access_map{
    position: absolute;
    right: 50px;
    top:150px;
    width: 50%;
  }
  .location_box .access_map iframe{
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 450px;
    border: 1px solid #23587F;
    border-radius: 10px;
  }
}