@charset "UTF-8";
@import 'kiso.css';

.l-container {
  max-inline-size: 960px;
  margin-inline: auto;
}

.l-inner {
  background-color: rgba(0, 60, 126, 0.4);
  padding: 5%;
  margin-block-start: 5%;
  margin-inline: 3.5%;
}

.mt-xl {
  margin-block-start: 5%;
}

.btn {
  max-inline-size: 550px;
  margin-inline: auto;
  margin-block-start: 30px;
}

a {
  display: block;
  transition: opacity 0.3s;
  &:hover {
    opacity: 0.7;
  }
}

.logo {
  inline-size: 60%;
  max-inline-size: 240px;
  margin-inline: auto;
  margin-block-start: 5%;
}

@media screen and (min-width: 769px) {
  .logo {
    margin-block-start: 40px;
  }
}

.footer {
  inline-size: 90%;
  margin-inline: auto;
  margin-block-start: 10%;
  padding-block-end: 5%;
}

@media screen and (min-width: 769px) {
  .footer {
    inline-size: 70%;
    margin-inline: auto;
    margin-block-start: 60px;
    padding-block-end: 40px;
  }
}

/* SP専用 */
.pc-only {
  display: none;
}
.sp-only {
  display: block;
}

/* PC専用 */
@media screen and (min-width: 769px) {
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
}

.sp-block {
  background-image: url('../img/sp/bg.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 4%;
}

.sp-block-innner {
  background-color: rgba(0, 60, 126, 0.4);
  padding: 4%;
}

.sp-block-img {
  margin-block-start: 8%;
  a {
    display: block;
    margin-block-start: 4%;
  }
}