@charset "UTF-8";
.container a {
  text-decoration: none;
}
.container h1 {
  background-image: url(../images/title_sp.webp);
}
@media only screen and ( max-width : 768px ) {
  .container .pic-area {
    padding: 0;
    margin-bottom: 8vw;
  }
  .map-area iframe{
    width: 100%;
    height: 400px;
  }
  .container p{
    margin-bottom: 8vw;
  }
}
@media only screen and ( min-width : 769px ) {
  .container h1 {
    background-image: url(../images/title_pc.webp);
  }
  .container .col-wrapper {
    max-width: 1200px;
    display: block;
    margin: 0 auto 180px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .container .pic-area {
    float: right;
    width: 45%
  }
  .container .txt-area{
    float: left;
    width: 45%;
    margin-right: 10%;
  }
  .container .txt-area p:first-of-type{
    margin-bottom: 20px;
  }
  .map-area iframe{
    width: 100%;
    height: 380px;
  }
}