@charset "utf-8";html{
scroll-behavior: smooth;
}.wrapper {
	width: 100%;
	max-width: 1080px;
	margin:0 auto;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.header-img-wrapper img {
  width: 100%;
}
@media (min-width: 600px) {
  .title-wrapper .title {
      text-align: center;
      font-size: 18px;
      padding: 30px 0px;
  }
  .header-img-wrapper {
    padding-bottom: 30px;
  }
}
/*  SP 版----*/
@media (max-width: 600px) {
  .title-wrapper .title {
      text-align: center;
      font-size: 16px;
      padding: 20px 0px;
  }
  .header-img-wrapper {
    padding-bottom: 20px;
  }
}

ul.item_txtbtn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 auto 100px;
    width: 100%;
}
ul.btn3 {
    /* 4つのボタンを均等に横並びにするため、左寄せから中央・均等配置に変更、またはコメントアウト */
    justify-content: space-between!important; 
}
ul.item_txtbtn a {
    /* ★修正：4列にするため、(100% - 隙間3つ分の12px) / 4 に変更 */
    width: calc((100% - 12px) / 4);
    padding: 15px 10px; /* 横幅が狭くなるので左右パディングを少し調整 */
    background: #4682b4;
    font-size: 1.7rem;
    text-align: center;
    text-decoration: none; 
    font-weight: bold;
}
ul.item_txtbtn a li{
    color:#FFF;
    font-weight: bold;
}

/* SP版（スマホ）での見え方調整 */
@media screen and (max-width: 680px) {
    ul.item_txtbtn a {
        /* スマホでも横4列を維持する場合 */
        width: calc((100% - 12px) / 4);
        font-size: 1.2rem; /* スマホ用に文字サイズを調整 */
        padding: 10px 5px;
        
        /* もしスマホだけ「2列×2行」にしたい場合は、以下の2行に差し替えてください */
        /* width: calc((100% - 4px) / 2); */
        /* margin-bottom: 4px; */
    }
}