@charset "utf-8";

main{
  height: auto;
  margin-top: 100px;
}

.main-img{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-img2{
  width: 1200px;
  margin: 0 auto;
}

.main-img2 img{
  width: 1200px;
  height: 400px;
  object-fit: cover;
}

.aboutus{
  width: 100%;
  max-width: 1200px;
  margin: 100px auto;
}

h2{
  text-align: left;
  font-size: 22px;
}

.border-line{
  width: 1200px;
  height: 10px;
  border-bottom: 2px solid #24292E;
  margin: 5px 0;
}

.main-text{
  display: flex;
}

.aboutus p{
  width: 60%;
  text-align: left;
  line-height: 35px;
  font-size: 16px;
  margin-top: 50px;
  color: #24292E;
}

.main-text-img{
  width: 40%;
}

.main-text img{
  width: 350px;
  height: 300px;
  margin-top: 150px;
  object-fit: cover;
}

.access{
  width: 100%;
  max-width: 1200px;
  margin: 100px auto;
}

.map{
  margin: 0 auto;
  margin-top: 50px;
}

.map p{
  text-align: left;
  line-height: 25px;
  font-size: 16px;
  font-family: "Noto Serif JP", serif;
  color: #24292E;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Verdana", "Helvetica", "Arial", "ＭＳ Ｐゴシック", "sans-serif";
}

.company{
  font-weight: bold;
}

.map iframe{
  display: block;
  width: 100%;
  height: 320px;
  margin-top: 80px;
}


@media (max-width: 800px){
  .main-img2{
    width: 100%;
  }

  .main-img2 img{
    width: 100%;
    height: 150px;
  }

  .aboutus{
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .aboutus h2{
    font-size: 20px;
  }

  .border-line{
    width: 100%;
    height: 10px;
    border-bottom: 2px solid #24292E;
    margin: 0 auto;
  }

  .main-text{
    display: block;
  }

  .aboutus p{
    width: 100%;
    text-align: left;
    line-height: 25px;
    font-size: 14px;
  }

  .main-text-img{
    width: 100%;
  }

  .main-text img{
    width: 100%;
    margin-top: 50px;
  }

  .access{
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .map p{
    line-height: 20px;
    font-size: 14px;
  }

  .map iframe{
    margin-top: 60px;
  }


}