body {
  margin: 0;
  background: #fff;
}

html,
body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

.c-wrapper {
    max-width:480px;
    padding-right: 0;
    padding-left: 0;
    position: relative;

    
}

.c-wrapper::before,
.c-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px; /* 影の幅 */
  height: 100%;
  filter: blur(8px);
  opacity: 0.3;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.c-wrapper::before {
  left: -10px; /* 左側に影 */
}
.c-wrapper::after {
  right: -10px; /* 右側に影 */
}

.c-inner {
  padding-top: 0;
  padding-bottom: 0;
    background: #fff;
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
   

}
/* リセット */
*,
*::before,
*::after {
  box-sizing: border-box;
}

.c-inner--one-elem.c-inner--md {
    padding-bottom: 0;
}


/* ナビ（初期非表示） */
.global-nav {
  display: none;
}



/* PC */
@media screen and (min-width: 768px) {

  body {
    background: #eee;
  }

  .container {
    background: #fff;
  }

 /* =========================
   nav
========================= */

    
  .global-nav {
    display: block;
    position: fixed;
    top: 50%;
    left: calc(50% - 350px);
    transform: translateY(-50%);
  }

  .global-nav ul {
    list-style: none;
    padding: 0;
  }

  .global-nav li {
    margin-bottom: 16px;
  }

  .global-nav a {
    font-size: 11px;
    color: #aaa;
    writing-mode: vertical-rl;
    text-decoration: none;
  }

  .global-nav a:hover {
    color: #000;
  }
}



/* =========================
   コンテンツ
========================= */


/* 固定ボタン */
.justfit-btn{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 98%;
  max-width: 460px;
  margin: 0 auto;
  z-index:100;
}

.justfit-btn:hover {
  opacity: 0.8;
}


 #section-21{
     margin-bottom: 40px;
}

.footer-section {
  padding: 60px 30px;
    background: #009259;
    color:#fff;
    margin-top: 80px;
}

.subtitle{
    text-align: center;
    font-weight: bold;
}

p.company {
    font-size: clamp(1.5rem, -1.500rem + 12.8vw, 2.5rem);
    font-weight: 700;
    text-align: center;
}

.company-info{
    font-size: 16px;
}

/* 会社情報のスタイル */
.company-info dt {
  font-weight: bold;
  margin-top: 15px;
    line-height: 1.5;
}

.company-info dd {
  margin-left: 0; /* デフォルトの左余白を消して縦ラインを揃える */
  margin-bottom: 5px;
}


.p-footer__inner{
    display: none;
}

.copyright {
  background-color: #000000; 
  text-align: center;        /* センター寄せ */
  padding: 10px 10px 100px 10px;             /* パディング10px */
  color: #ffffff;            /* 文字色は白が見やすいです */
  font-size: 0.8rem;         /* コピーライト用の少し小さめサイズ */
  width: 100%;               /* 横幅いっぱい */
}

.copyright small {
  display: block;
}