@media (max-width: 991px) {
  html, body {
    overflow-x: hidden; }

  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px; }

  .mobile-bottom-fix {
    margin-bottom: 30px; }

  .mobile-bottom-fix-big {
    margin-bottom: 60px; }

  body {
    background-size: 100%; } }
@media (max-width: 1200px) {
  .head-wrapper h1 span {
    font-size: 22px; } }
@media (max-width: 767px) {
  .sp-only {
    display: inline; }

  .top-bar {
    height: 100px; }

  body {
    background-size: 150%; }

  .head-wrapper {
    padding-bottom: 30px; }

  .head-wrapper h1 {
    line-height: 1em; }
    .head-wrapper h1 span {
      display: block;
      font-size: 20px; }

  .links-wrapper .link-01 h2 {
    font-size: 28px; }
  .links-wrapper .link-01 h3 {
    font-size: 20px; }
  .links-wrapper .link-sample ul {
    display: block; }
    .links-wrapper .link-sample ul li {
      width: 100%; }
  .links-wrapper .link-02 {
    padding: 0; }
    .links-wrapper .link-02 ul {
      display: block; }
      .links-wrapper .link-02 ul li {
        width: 100%; }

  .main-button a {
    font-size: 28px;
    padding: 12px 18px; } }