@charset "utf-8";


main section#top {
  margin: 0 auto 50px;
  padding: 66px 0;
  background: url(../../img/top/bg_clrfl.png) no-repeat center 2%;
}
main section#top > div h2 {
  line-height: 1.5;
}
section#top img.pola {
  margin: 0 6% 0 2%;
  float: left;
}
main section#top p {
  color: #000;
  line-height: 2;
  text-shadow: 0.1em 0.1em 5px #fff;
}

main section#insta ul.flx {
  position: relative;
  z-index: 1;
}
main section#insta ul.flx > li {
  width: 30%;
}
main section#insta ul.flx > li p {
  height: 70%;
  margin: 0 auto;
  overflow: hidden;
}
main section#insta ul.flx > li img {
  border-radius: 1.2rem 1.2rem 0 0;
}
main section#insta ul.flx > li dl {
  padding: 4%;
  background: #fff;
  border-radius: 0 0 1.2rem 1.2rem;
}
main section#insta ul.flx > li a {
  text-decoration: none;
}
main section#insta > div > a {
  width: 36%;
  max-width: 200px;
  margin: -83px 0 0;
  padding: 1% 3%;
  background: #8BC34A;
  display: inline-block;
  float: right;
  position: relative;
  z-index: 1;
}
main section#insta > div > a::after {
  content: "";
  display: block;
  width: 2em;
  height: 1em;
  background-image: url(../../img/arw2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
  position: absolute;
  top: 66%;
  right: -.8em;
  transform: translateY(-70%);
  filter: drop-shadow(2px 4px 1px black);
}
main section#insta > div > a img {
  filter: brightness(6.5);
}

main section#grtng .flx > div {
  width: 60%;
}
main section#grtng .flx > img {
  width: 33%;
  height: 36%;
  margin: -4vw 0 0;
}

/* tablet */
@media screen and (max-width: 850px) {

  main section#top {
    margin: 0 auto;
  }

  main section#grtng p.mb10 {
    width: 168%;
  }
}


/* sp */
@media screen and (max-width: 640px) {

  section#top img.pola {
    width: 39%;
  }

  main section#grtng div.flx {
    flex-direction: column-reverse;
  }
  main section#grtng .flx > div {width: 100%;}
  main section#grtng .flx > img {
    width: 60%;
    max-width: 240px;
    margin: 0 auto 10vw;
  }

  main section#insta ul.flx > li {
    width: 46%;
  }


}