@charset "UTF-8";

/* header */
@media screen and (min-width: 769px) {

  header .inner_wrap::after {
    padding-top: 85px;
    /* width: 100vw; */
  }

}










/* about_wrap */
.about_wrap,
.about_wrap a {
  color: #444444;
}

.about_wrap p {}

.about_wrap h2 {
  font-weight: normal;
}
.about_wrap h2 span {
  font-size: .7em;
}


.about_wrap ul strong {
  color: #999999;
}


@media screen and (max-width: 768px) {

  .about_wrap {
    padding-top: 50px;
  }

  .lead_wrap p {
    font-size: 1.4rem;
    margin-top: 20px;
  }

  .about_wrap h2 {
    font-size: 2.6rem;
    margin-bottom: 10%;
  }
  .about_wrap h2 span {
    font-size: 1.6rem;
    display: block;
  }
  .about_wrap ul {}
  .about_wrap ul li {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 5%;
  }

  .about_wrap ul strong {
    display: block;
  }

  .about_wrap ul p {}

  .about_wrap a {
    pointer-events: none;
  }







}

@media screen and (min-width: 769px) {

  .about_wrap {
    padding-top: 90px;
  }

  .about_wrap .inner_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .about_wrap h2 {
    width: 38%;
    font-size: 36px;
  }
  .about_wrap h2 span {
    display: block;
  }
  .about_wrap ul {
    width: 62%;
  }

  .about_wrap ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
    line-height: 2.25;
    margin-bottom: 28px;
  }

  .about_wrap ul strong {
    width: 17.74%;
  }

  .about_wrap ul p {
    width: 82.25%;
  }

  .about_wrap a {
    pointer-events: none;
  }



}

@media screen and (min-width: 770px) and (max-width: 1000px) {

  .about_wrap .inner_wrap {
    display: block;
    width: 90%;
  }

  .about_wrap h2,
  .about_wrap ul {
    width: 100%;
  }

  .about_wrap h2 {
    margin-bottom: 50px;
  }





}






/* map_wrap */
.map_wrap {}

.map_wrap .map_inner {
  margin: auto;
}

.map_wrap .map_inner iframe {
  width: 100%;
}

@media screen and (max-width: 768px) {


  .map_wrap {
    margin-top: 20%;
    position: relative;
  }
  .map_wrap:before {
    content: "";
    position: absolute;
    top: 10%;
    width: 100%;
    height: 100%;
    background: #f9f2ed;
  }

  .map_wrap .map_inner {
    max-width: 1000px;
    width: 90%;
    position: relative;
  }
  .map_wrap .map_inner iframe {
    height: 300px;
  }

  

}

@media screen and (min-width: 769px) {

  .map_wrap {
    margin-top: 306px;
    border-bottom: 420px solid #f9f2ed;
    height: 0;
  }

  .map_wrap .map_inner {
    max-width: 1000px;
    width: 90%;
    transform: translateY(-194px);
  }


}