@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 1.6em;

}
@media (max-width: 1020px) {
  .main {
    width: 30vw;
    margin-top: 10vw;
  }
  .border {
    margin-top: 15vw;
  }
  .News {
    margin-top: 5rem;
  }
  .google-map {
    width: 40vw;
  }
  .flex-box {
  flex-wrap: nowrap;
  }
  iframe {
    width: 45vw;
    height: 35vw;
    margin-top: 2.5vw;
  }
  article {
    margin-top: 3vw;
  }
}
@media screen and (max-width: 760px) {
  _::-webkit-full-page-media,_:future, :root .header-container {
    margin-top: -6rem;
  }
  li {
    font-size: 1.2vw;
    line-height: 3vw;
  }
  _::-webkit-full-page-media,_:future, :root a {
    font-size: 2.7vw;
  }
  .grid-itemC {
    height: 20vw;
    padding-top: 5vw;
  }
  _::-webkit-full-page-media,_:future, :root .grid-itemC h1 {
    width: 58vw;
    padding-top: vw;
  }

  .grid-itemD {
    padding-top: 4vw;
  margin: 35vw 0 0 50vw;
  width: 42vw;
  }
  .grid-itemF {
    height: 3.5rem;
    margin-bottom: 5vw;
  }
  .main {
    width: 35vw;
  }
  .container {
    margin-top: 5vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .grid-containerB {
    padding-bottom: 15vw;
  }
  h1 {
  margin-top: 7vw;
  padding-left: 30px;
  font-size: 4.5vw;
  margin-bottom: 20vw;
  line-height: 5vw
  }
  _::-webkit-full-page-media,_:future, :root .comment p {
    font-size: 2.8vw;
  }
  .grid-containerB {
    height: 80vw;
  }
  .coment p {
    line-height: 27px;
  }
  .grid-itemC h1 {
    width: 56vw;
    letter-spacing: 3.5vw;
    line-height: 8vw;
  }
  .border {
    margin-top: 5rem;
    padding-top:10rem ;
  }
  .style {
    width: 100%;
    height: 77vw;
    object-fit: fill;
  }
  .photo {
    width: 100%;
    height: auto;
  }
  h2 {
    line-height: 2.2vw;
  }
  main p {
    line-height: 8.5vw;
  }
  .grid-itemD img {
    margin-top: 25vw;
  }
  section {
    margin-top: 5vw;
    font-size: 2.2vw;
    line-height: 3vw;
  }
  .grid-itemE {
    margin-top: 100px;
  }
  .opentime {
    line-height: 4.5vw;
  }
  /* address {
    font-size: 2vw;
    font-family: sans-serif;
  }
  .boxA {
    margin-top: 4vw;
  }
  .opentime {
    font-size: 3.5vw;
  }
  a span {
    font-size: 2.5vw;
  }
  iframe {
    margin-top: 7vw;
  }
  footer {
    height: 5rem;
  }
  .flex-box
  article {
    padding-top: 5vw;
  } */

}
@media screen and (max-width: 380px) {
  .header-right {
    margin-right: 5vw;
  }
  _::-webkit-full-page-media,_:future, :root a {
    font-size: 2.7vw;
  }
  h1 {
    margin-top: 10vw;
  }
  .grid-itemD {
    margin-top: 40vw;
  }
  .News {
    line-height: ;
  }
  .News p {
    line-height: 5vw;
  }
 section li{
    height: 40vw;
  }
  .TEL {
    margin-top: -3vw;
  }
  iframe {
    margin-top: 7vw;
  }
}