@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

#custom_html-3 {
    margin-top: 0;
}
.l-content {
    margin: 0 auto 0;
}

.w-beforeFooter {
	    margin: 0 auto 3em;
}

/* 基本構造はそのまま（PC時） */
.m-reverse-style .swell-block-columns__inner {
  display: flex;
  flex-wrap: wrap;
}

/* footerスタイル(フッター直前) */
/* footer-nav footer-list の横並び、左詰め、文字間隔20px */
.footer-nav.footer-list {
    list-style: none;           /* ・を消す */
    display: flex;              /* 横並び */
    justify-content: flex-start;/* 左詰め */
    padding: 0;                 /* ul の余白を削除 */
    margin: 0;                  /* ul の余白を削除 */
}

/* 各リスト項目間のスペース */
.footer-nav.footer-list li {
    margin-right: 20px;         /* リスト間の間隔 */
}

/* 最後の li の余白は不要 */
.footer-nav.footer-list li:last-child {
    margin-right: 0;
}

/* リンクのスタイル */
.footer-nav.footer-list li a {
    color: #ffffff;             /* 文字色白 */
    font-weight: bold;          /* 太字 */
    text-decoration: none;      /* 下線を消す */
}



/* ここまでfooterスタイル(フッター直前) */


/* モバイル時に縦並びへ変更 */
@media (max-width: 959px) {
  .m-reverse-style .swell-block-columns__inner {
    display: flex;
    flex-direction: column;
  }

  /* m-reverse-style-up を上に固定 */
  .m-reverse-style .m-reverse-style-up {
    order: 1; /* 上 */
  }

  /* m-reverse-style-down を下に固定 */
  .m-reverse-style .m-reverse-style-down {
    order: 2; /* 下 */
  }
}