@charset "UTF-8";
body {
  width: 100%;
  text-align: center;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #000000;
}
.container {
  margin: 0 auto;
  text-align: center;
}
img {
  width: 100vw;
  height: auto;
  background-size: cover;
  vertical-align: bottom;
}
/*button sono1 PC ここから*/
#cta_flex {
  background-image: url(../images/pc/pc_03.webp);
  background-position: top center;
  background-repeat: no-repeat;
}
.flex_box {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 0vh;
  padding-bottom: 10vh;
  width: 70vw;
}
.flex_box img {
  max-width: 100%;
}
.cta:hover {
  opacity: 0.7;
}
/*button sono1　PC ここまで*/

@media screen and (max-width: 750px) {
  /*button sono1　sp ここまで*/

  #cta_flex {
    background-image: url(../images/sp/sp_03.webp);
    background-position: top center;
    background-repeat: no-repeat;
  }

  .flex_box {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 6vh;
    margin-bottom: 0vh;
    padding: 0;
    width: 90vw;
  }

  .flex_box img {
    margin-top: 0vh;
    margin-bottom: 6vh;
  }
  /*button sono1　sp ここまで*/
}

/*button sono2　pc ここから*/
.cta_rel3 {
  position: relative;
}
.cta_position3 {
  position: absolute;
  top: 40vw;
  left: 52vw;
}

.cta_position3 img {
  max-width: 30vw;
}
/*button sono2　pc ここまで*/

/*button sono3　pc ここから*/
.cta_rel4 {
  position: relative;
}

.cta_position4 {
  position: absolute;
  top: 40vw;
  left: 52vw;
}

.cta_position4 img {
  max-width: 30vw;
}
/*button sono3　pc ここまで*/

@media screen and (max-width: 750px) {
  /*button sono2　sp ここから*/
  .cta_position3 {
    top: 202vw;
    left: 15vw;
  }
  .cta_position3 img {
    max-width: 70vw;
  }
  /*button sono2　sp ここまで*/
  /*button sono3　sp ここから*/
  .cta_position4 {
    top: 200vw;
    left: 15vw;
  }
  .cta_position4 img {
    max-width: 70vw;
  }
  /*button sono3　sp ここまで*/
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
/* footer */
/* ============================================ */
#footer {
  background-color: #000000;
  margin-top: -0.2em;
}

.footer_nav {
  padding: 1em 0;
  background-color: #000000;
  color: #fff;
}

.footer_nav ul {
  margin: 0 auto;
  list-style: none;
  text-align: center;
}

li {
  line-height: normal;
}

footer .copyright {
  text-align: center;
  padding-bottom: 2em;
  background-color: #000;
  color: #fff;
}

@media screen and (max-width: 750px) {
  .footer_nav {
    margin: 0 2em;
    font-size: small;
  }
}
/* footer ここまで */ /* ============================================ */