@charset "UTF-8";
/* CSS Document */
.top-main {
  margin-top: -300px;
}
.vision {
  max-width: 800px;
  width: 100%;
  margin: 70px auto;
  display: flex;
  text-align: center;
}
.vision h2 {
  width: 50%;
  height: auto;
}
.vision img {
  width: 90%;
  height: auto;
}
#partner {
  text-align: center;
  padding-bottom: 100px;
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
}
#partner img {
  width: 100%;
  height: auto;
  margin: 30px 0;
}
.partner-third {
  padding-top: 20px;
}
#partner a {
  font-size: 1.2rem;
  display: inline-block;
  border-bottom: 4px orange solid;
}
#company, .instagram {
  max-width: 800px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 100px 0;
}
#company img {
  max-width: 450px;
  width: 100%;
  height: auto;
  margin: 30px 0;
}
#company p {
  font-size: 1.2rem;
}
.instagram-title {
  width: 172px;
  height: auto;
  margin: 0 auto;
}
.instagram-title img {
  width: 100%;
  height: auto;
}
.instagram iframe {
  margin: 50px 0;
}
/*-----------------
  1000px以下
-----------------*/
@media screen and (max-width: 1000px) {
  .top-main {
    margin-top: -200px;
  }
}
/*-----------------
  800px以下
-----------------*/
@media screen and (max-width: 800px) {
  .top-main {
    margin-top: -100px;
  }
  .vision {
    display: block;
  }
  .vision h2 {
    width: 90%;
    margin: 70px auto;
  }
}