@charset "utf-8";

/*___________スマホ用CSS_____________*/
@media print, screen and (max-width: 767px) {
  /*ウィンドウ幅が最大767pxまでの場合に適用*/

  body,
  html {
    overflow-x: hidden;
  }

  body {
    background-color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 2em;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  img {
    vertical-align: bottom;
    height: auto;
  }
  a img {
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
  }
  a img:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
  }

  .content_wrapper {
    position: relative;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0 1%;
  }
  .content_wrapper img {
    width: 100%;
    height: auto;
  }

  /*FV*/
  #fv {
    position: relative;
    width: 100%;
    height: 58.019vw;
    background-image: url(../img/fv_bg.jpg);
    background-size: cover;
    background-position: right center;
  }
  #logo {
    width: 24.811vw;
    margin: 6vw auto 0;
  }
  h1.head_copy {
    width: 100%;
    text-align: left;
    font-size: 4.245vw;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    margin-top: 5vw;
  }
  #fv .sub_copy {
    width: 100%;
    text-align: left;
    font-size: 2.83vw;
    font-weight: 700;
    line-height: 1.6em;
    letter-spacing: -0.02em;
    margin-top: 2.358vw;
  }
  #fv .fv_btn {
    width: 48.019vw;
    margin-top: 5.28vw;
  }
  #fv .fv_illust {
    position: absolute;
    top: 23%;
    right: 0;
    width: 26vw;
    margin-top: 4.528vw;
  }
  #fv .login-link {
    display: none;
  }

  /*コンテンツ*/
  #content03 a.manual {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 8.491vw;
    width: 21.698vw;
    height: 4.151vw;
    font-size: 1.321vw;
    font-weight: 500;
    line-height: 3.6vw;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    color: #333;
    border: 1px solid #333;
    border-radius: 0.943vw;
  }
  #content03 a.manual:hover {
    background-color: #eee;
  }
  #content04 {
    margin-bottom: 7%;
  }
  #content04 .btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3vw;
    width: 48.113vw;
  }
  #content06 {
    position: relative;
  }
  #content06 .faq_illust {
    display: none;
  }
  /*フッター*/
  footer {
    position: relative;
    width: 100%;
    height: 16vw;
    background-color: #c4deff;
    padding: 0 3%;
  }
  footer .footer_navi {
    white-space: nowrap;
    padding-top: 0;
    text-align: center;
  }
  footer .footer_navi a {
    line-height: 1.2em;
    font-size: 1.35vw;
    text-decoration: none;
    color: #4b4b4b;
    margin: 0;
    padding: 0;
    font-feature-settings: "palt";
  }
  footer .copyright {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    top: auto;
    bottom: 5%;
    font-size: 1.321vw;
    padding-top: 1.3vw;
    color: #696969;
  }
  .bottom_txt {
    width: 100%;
    height: 12.321vw;
    text-align: center;
    line-height: 11.321vw;
    font-size: 1.321vw;
  }

  /*下層*/
  #lower_fv {
    position: relative;
    width: 100%;
    height: 18.868vw;
    background-image: url(../img/fv_bg.jpg);
    background-size: cover;
    background-position: right center;
  }
  #logo {
    width: 24.811vw;
    margin: 1.6vw auto 0;
  }
  #lower_fv .midashi {
    font-size: 2vw;
    margin: 1.3vw auto 0;
    font-weight: 500;
  }
  .lower_content {
    position: relative;
    width: 90%;
    max-width: none;
    height: 100%;
    margin: 10vw 5%;
    font-size: 2.7vw;
    line-height: 1.7em;
    text-align: left;
  }
  .lower_content h2 {
    font-size: 3.5vw;
    font-weight: 500;
    margin: 3vw 0;
  }
}