@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
*/



/* ========== Footer (CSS) ========== */
.hgd-footer{
  background:#333;
  color:#f7f7f7;
  font-family:"Noto Sans JP",sans-serif;
  padding:60px 20px 40px;
  text-align:left;
}
.hgd-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; /* space-around から space-between に変更 */
  flex-wrap: wrap;
  align-items: flex-start;
}

.hgd-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; /* space-around から space-between に変更 */
  flex-wrap: wrap;
  align-items: flex-start;
}

/* ── 見出し ───────────────────── */
.hgd-footer__heading{
  position:relative;
  margin:0 0 34px 0;     /* ライン分の余白 */
}

.hgd-footer__heading::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:2px;
  background-color: white;
}

.hgd-footer__heading::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-12px;
  width:100%;
  height:2px;
  background:#c8232c;     /* 中央だけ実線で強調 */
}

/* ── リスト ──────────────────── */
.hgd-footer__list{
  list-style:none;
  padding:0 !important;
  margin:0;
  display:grid;
  gap:10px;
}

.hgd-footer__list li a{
  position:relative;
  color:#e0e0e0;
  text-decoration:none;
  font-size:.95rem;
  padding:.1em .2em;
  transition:color .3s;
}
/* 下線を擬似要素でリッチに */
.hgd-footer__list li a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-3px;
  width:0%;
  height:2px;
  background:#c8232c;
  transition:width .3s;
}
.hgd-footer__list li a:hover{
  color:#ffffff;
}
.hgd-footer__list li a:hover::after{
  width:100%;
}

/* ── レスポンシブ ─────────────── */
@media(max-width:600px){
  .hgd-footer__inner{ flex-direction:column; gap:40px; }
  .hgd-footer__heading{ font-size:1.5rem; }
}






.hgd-footer-logo {
  width: fit-content; /* テキストの幅に合わせて調整 */
  margin-right: 20px; /* 右側に少し余白 */
}

/* 新しく追加されたメニュー部分のスタイル */
.hgd-footer-menu {
  display: flex;
  gap: 100px; /* 元のgap値を継承 */
  flex: 1; /* 残りのスペースを占める */
  justify-content: flex-end; /* メニューを右寄せに */
}

/* レスポンシブ対応 */
@media(max-width: 600px) {
  .hgd-footer__inner { 
    flex-direction: column; 
    gap: 40px; 
  }
  
  .hgd-footer-menu {
    flex-direction: column;
    width: 100%;
    gap: 40px;
  }
  
  .hgd-footer-logo {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}