@charset "utf-8";

h3.company-h3 {
        border-bottom:1px solid #ccc; padding-bottom:2rem; margin-bottom: 2rem;
      }

      #president-message p{
        padding-left:0;
      }
      #managed li {
        line-height: 170%;
        margin-bottom:1.5rem;
      }

      .president-name {
        margin-left: 0rem;
    font-size: 0.9rem;
    line-height: 150%;
    margin-bottom:1rem;
      }

      #company-profile dd {
        padding-left:1rem;
      }

      #managed,
      #company-profile,
      #chart,
      #toroku,
      #license {
        padding-top:5rem;
        margin-top:-5rem;
        
      }

      .main-managed {
        color:#227934; font-weight:700; font-size:0.8rem; margin-bottom:6rem; padding-bottom:3rem;
        border-bottom:1px dotted #ddd;
      }

      .main-managed a {
        color:#227934;
      }

      .main-managed a:hover {
        text-decoration: none;
      }

      .managed-list {
        font-weight:700;
        font-size:0.9rem;
      }

      .main-managed small,
      .managed-list small {
        color:#666;
        font-size:0.7rem;
        font-weight:normal;
        line-height:150%;
      }


      /* Swiper全体 */
.managedSwiper {
  padding: 0;
}

/* スライドの枠（正方形を維持） */
.managedSwiper .swiper-slide {
  aspect-ratio: 1 / 1;
  height: auto;
  box-sizing: border-box;
  background: #fff; /* 画像読み込み前の背景色 */
}

/* 画像の設定 */
.managedSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像を枠いっぱいにトリミングして表示 */
  vertical-align: bottom; /* 画像下の隙間を削除 */
  
  /* 任意：画像に枠線をつけたい場合 */
  /* border: 1px solid #eee; */
}

h3.message-title {
  font-weight: 700; color:#000; font-size: 2vw; line-height: 150%; margin-bottom: 1vw; margin-left: 0rem; padding-left:0;
}

table.company-table td,
table.company-table th {
  width:50%;
  text-align:center;
}

#toroku h5 {
  padding:1.2rem 0;
  text-align:center;
  font-weight:700;
  font-size:1.2rem;
  margin-bottom:1.5rem;
  color: #227934;
  background-color:#f2f2f2;
}

@media (max-width: 599px) {
  h3.message-title{
    font-size:1.2rem;
  }

  table.company-table td,
table.company-table th {
  font-size:0.8rem;
  text-align:center;
}
}