@charset "utf-8";
@media screen and (max-width: 768px){
  #mv{
    max-width: 100%;
    overflow: hidden;
  }
  .spPointWap{
    padding: 10px 0;
  }
  #location{
    background: #F2F4F9;
  }
  #location .sinner{
    width: 90%;
    margin: 20px auto;
  }
  .fright .lcBox{
    float: left;
    width: 48%;
    margin-right: 2%;
  }
  .fright .lcBox:nth-child(2n){
    float: left;
    width: 48%;
    margin-left: 2%;
    margin-right: 0;
  }
  #location{
    background: #F2F4F9;
  }
  #location .sinner{
    padding: 30px 0;
  }
  .fleft .linkbtnR{
    margin-top: 20px;
  }
  #point .sinner{
    width: 100%;
  }
  
}
@media print, screen and (min-width: 769px){
  #mv{
    width: 100%;
    max-width: 1920px;
    overflow: hidden;
    margin: 0 auto;
  }
  #point{
    padding: 30px 0;
  }
  .pointBox{
    width: 30%;
    float: left;
    text-align: center;
  }
  .pointBox:nth-child(2){
    margin: 0 5%;
  }
  .pointWap{
  }
  .pointImg{
    margin-bottom: 10px;
    max-width: 300px;
    max-height: 300px;
    border-radius: 150px;
    border: 7px solid #13AE67;
    box-sizing: border-box;
    transition: 0.3s;
  }
  .pointImg:hover{
    margin-bottom: 10px;
    max-width: 300px;
    max-height: 300px;
    border-radius: 150px;
    border: 7px solid #073190;
    box-sizing: border-box;
  }
  .pointBox h2{
    text-align: center;
    margin-bottom: 10px;
  }
  .pointBox p{
    font-size: 12px;
    margin-bottom: 15px;
  }
  
  .fleft{
    float: left;
    width: 50%;
  }
  .fright{
    float: right;
    width: 50%;
  }
  .fright .lcBox{
    float: left;
    width: 46%;
    margin-left: 4%;
    margin-bottom: 4%;
  }
  #location{
    background: #F2F4F9;
  }
  #location .sinner{
    padding: 30px 0;
  }
  .fleft .linkbtnR{
    margin-top: 20px;
  }
}