@charset "UTF-8";

* {
  margin: 0;
}

.tit-top {
  width: 100%;
  padding-top: 70px;
}

.haikei0 {
  width: 100%;
  height: 200px;
  background-image: url(img/AdobeStock_事業紹介.jpeg);
  background-size: cover; /* 画像を要素全体にフィットさせる */
}

.size {
  padding: 60px;
  text-align: center;
  font-size: 300%;
  color: rgb(255, 255, 255);
  text-shadow: 2px 3px 4px black;
}

.sub-name {
  font-size: 60%;
}

#tuyomi,
#zigyou,
#torikumi,
#kaihatu,
#gengo {
  scroll-margin-top: 60px; /* 必要に応じて調整 */
}

.scroll {
  text-align: center;
  max-width: 100%;
  background-color: #7084a4; /* 背景色を指定 */
  border-bottom: 1px solid #ccc; /* ボーダーを追加 */
  padding: 10px;
}

.scroll li {
  display: inline;
  padding: 15px 15px; /* 左右のマージンを指定 */
}

.scroll a {
  text-decoration: none;
  color: white;
  font-size: 15px;
  padding: 10px;
  font-weight: 900;
}

.scroll a:hover {
  color: #2f3775; /* ホバー時のテキストカラーを指定 */
  background-color: #e0e0e0; /* ホバー時の背景色を指定 */
}

html {
  scroll-behavior: smooth;
}

.padding1 {
  margin-top: 30px;
  padding: 20px 120px;
}

.top {
  margin-bottom: 50px;
}

h2 {
  margin-bottom: 30px;
  font-size: 200%;
}

.outer-table {
  margin: auto;
}

.outer-table td {
  padding: 0px 10px 0px 5px;
}

.inner-table {
  border-spacing: 0px 20px;
}
.inner-table td {
  border: 1px solid #ddd;
  padding: 10px;
}
.icon {
  background-color: rgb(240, 248, 255);
}

.zigyou-icon {
  width: 140px;
  padding: 10px 20px;
}
.center {
  width: 360px;
  padding: 20px 10px;
}

.center p {
  font-size: 120%;
  line-height: 1.9;
}

.haikei {
  background-color: rgb(240, 240, 239);
}

.kaihatsu {
  padding: 80px 120px;
}

.kaihatsu h2 {
  font-size: 280%;
}
.kaihatsu h3 {
  font-size: 180%;
  margin-top: 30px;
  margin-bottom: 20px;
}
.kaihatsu p {
  font-size: 120%;
}

.table-font {
  padding: 10px 120px;
  font-size: 180%;
}

.table01 {
  margin: auto;
  margin-bottom: 80px;
}

.table01 th {
  padding: 40px 0px;
  min-width: 200px;
  background-color: rgb(242, 242, 242);
}

.table01 tr {
  display: flex;
  padding: 0px;
  border: 0.5px solid black;
}

.table01 td {
  padding: 30px 40px;
}

/* スマホ用メディアクエリ */
@media screen and(max-width: 768px) {
  .zigyou {
    /* スマホ画面用にパディングを調整 */
    padding: 10px 30px;
  }

  .zigyou h3 {
    font-size: 10px; /* フォントサイズを調整 */
  }

  .first {
    flex-direction: column; /* 縦に並べる */
    gap: 20px; /* スペースを調整 */
    height: auto; /* 高さを自動調整 */
    padding: 5%; /* パディングを調整 */
  }

  .center {
    padding: 2px; /* スマホ画面用にパディングを調整 */
    font-size: 30px;
  }
}