.page.tsunashu .page-main .menu {
    background-color: transparent;
  }
  
  .page.tsunashu .page-main .menu ul {
    background-color: transparent;
    box-shadow: none;
    display: flex !important; /* Flexboxを強制適用 */
    flex-wrap: wrap !important; /* 折り返しを強制適用 */
    gap: 10px; /* アイコン間の間隔を詰める */
    padding: 0; /* ulのデフォルトパディングをリセット */
    list-style: none; /* ulのデフォルトリストスタイルをリセット */
  }
  
  .page.tsunashu .page-main .menu li {
    background-color: transparent;
    box-shadow: none;
    width: calc(25% - 8px); /* 4列表示にし、gapの合計を引く (例: 10pxのgapが3つで30px、それを4で割ると7.5px。約8px) */
    height: 250px; /* アイコンを大きくするために高さを確保 */
    margin: 0; /* marginはgapに任せるためリセット */
    box-sizing: border-box; /* パディングとボーダーをwidthに含める */
  }
  
  /* 左側メニューには表示するけど、アイコンを非表示にする */
  /* メニュー設定で対象のメニューのCSSクラス名をicon-hiddenにすると適用されます */
  .page.tsunashu .page-main .menu .menu-item-category.categorized .menu li {
    width: 15%; /* このルールは残しますが、上記liのルールが優先されるはずです */
  }
  
  .page.tsunashu .page-main .menu .menu-item-category.categorized .menu .icon-hidden {
    display: none;
  }
  
  @media (max-width: 900px) {
    .page.tsunashu .page-main .menu .menu-item-category.categorized .menu li {
      width: 33%;
      height: 200px;
    }
  }
  
  .page.tsunashu .page-main .menu .menu-item-category.categorized .menu li a:hover {
    background-color: transparent;
  }
  
  .page.tsunashu .page-main .menu .menu-item-category.categorized .menu li a .menu-item-icon {
    background-color: transparent;
    width: 100px;
    height: auto;
  }
  
  .page.tsunashu .page-main .menu .menu-item-category.categorized .menu li a .menu-item-icon img {
    background-color: transparent;
    background: none;
    width: 100%;
    height: 100%;
    border-radius: 21px;
    box-shadow: 3px 3px 5px 0px rgba(80, 80, 80, 0.4);
  }
  
  
  .page-main li.menu-item-category.categorized:last-child::after {
  
    content: "Tsunagaru就活のマイページへようこそ！！" "\A 初めての方は「使い方」より「マイページの使い方」を確認ください。" "\A イベントへのお申し込みは「イベント一覧」より「募集中のイベント」からお申し込みください。";
  
    white-space: pre;
  
    text-wrap: wrap;
  
  }
  
  
  
  .page-main li.menu-item-category.categorized:last-child {
  
      text-align: left;
    
    }
      
  
  .page-main ul > li.menu-item-category.categorized.current ~ li.menu-item-category.categorized {
    display: none !important;
  }
  
  .global-header li.menu-item-category.categorized:last-child {
    display: none;
  }
  
  
  @media (max-width: 900px) {
  
    .drawer-open .global-header .global-header__menu {
  
      overflow-y: scroll;
  
      height: 100dvh;
  
      padding-bottom: 40px;
  
    }
  
    .global-header .global-header__menu .menu li.menu-item-category.categorized .menu {
  
      height: 0;
  
      opacity: 0;
  
      visibility: hidden;
  
      transition: height 0s ease;
  
    }
  
    .global-header .global-header__menu>.menu {
  
      max-height: none;
  
      overflow-y: visible;
  
    }
  
  }
  
  
  .page.tsunashu .signup-page .route .form-check {
  
    line-height: 1;
  
  }
  
  
  
  .page.tsunashu .signup-page .route .form-check .form-check__label {
  
    margin-bottom: .1rem;
  
  }
  
  
  
  .page.tsunashu .signup-page .route .form-check input[type=checkbox]+.form-check__label::before {
  
    top: 1.2em;
  
  }
  .page.tsunashu .signup-page .route {
  
      display: flex;
  
      flex-wrap: wrap;
  
  }
  
  
  
  .page.tsunashu .signup-page .route label {
  
      flex: none;
  
      flex-basis: 100%;
  
  }
  
  .page.tsunashu .complete .container {
  
    text-align: left;
  
  }
  
  .global-footer .global-footer__menu.content .global-footer__row__links a[href="/terms"] {
  
      display: none;
    
    }
  
    @media screen and (max-width: 900px) {
  
      .with-global-header .page.tsunashu .container {
  
          padding-right: 10px;
  
          padding-left: 10px;
  
      }
  
  }
  
  
  
  @media screen and (max-width: 900px) {
  
    .page.tsunashu .detail-content  .section__content .header__media__image {
  
      position: static;
  
    }
  
    .page.tsunashu .detail-content  .section__content .header__media__image img {
  
      height: auto;
  
    }
  
  }
  
  
  @media screen and (max-width: 900px) {
  
    .page.tsunashu .detail-beginners2  .section__content .header__media__image {
  
      position: static;
  
    }
  
    .page.tsunashu .detail-beginners2  .section__content .header__media__image img {
  
      height: auto;
  
    }
  
  }
  
  
  @media screen and (max-width: 900px) {
  
      .page.tsunashu .detail-newsnews   .section__content .header__media__image {
    
        position: static;
    
      }
    
      .page.tsunashu .detail-newsnews   .section__content .header__media__image img {
    
        height: auto;
    
      }
    
    }
  
  
  .page.tsunashu .forms-page .routecompany26tanabata .form-check {
  
    line-height: 1;
  
  }
  
  
  
  .page.tsunashu .forms-page .routecompany26tanabata .form-check .form-check__label {
  
    margin-bottom: .1rem;
  
  }
  
  
  
  .page.tsunashu .forms-page .routecompany26tanabata .form-check input[type=checkbox]+.form-check__label::before {
  
    top: 1.2em;
  
  }
    
  
  .page.tsunashu .forms-page .routecompany26tanabata {
  
    display: flex;
  
    flex-wrap: wrap;
  
  }
  
  .page.tsunashu .forms-page .routecompany26tanabata label {
  
    flex: none;
  
    flex-basis: 100%;
  
  }
  
  .page.tsunashu .forms-page .route26tanabata .form-check {
  
      line-height: 1;
    
    }
    
    
    
    .page.tsunashu .forms-page .route26tanabata .form-check .form-check__label {
    
      margin-bottom: .1rem;
    
    }
    
    
    
    .page.tsunashu .forms-page .route26tanabata .form-check input[type=checkbox]+.form-check__label::before {
    
      top: 1.2em;
    
    }
  
    .page.tsunashu .forms-page .foodIndustry_0 .form-check {
  
      line-height: 1;
    
    }
    
    
    
    .page.tsunashu .forms-page .foodIndustry_0 .form-check .form-check__label {
    
      margin-bottom: .1rem;
    
    }
    
    
    
    .page.tsunashu .forms-page .foodIndustry_0 .form-check input[type=checkbox]+.form-check__label::before {
    
      top: 1.2em;
    
    }
  
    .page.tsunashu .forms-page .intern_0 .form-check {
  
      line-height: 1;
    
    }
    
    
    
    .page.tsunashu .forms-page .fintern_0 .form-check .form-check__label {
    
      margin-bottom: .1rem;
    
    }
    
    
    
    .page.tsunashu .forms-page .intern_0 .form-check input[type=checkbox]+.form-check__label::before {
    
      top: 1.2em;
    
    }
  
    .page.tsunashu .forms-page .jobfair_0 .form-check {
  
      line-height: 1;
    
    }
    
    
    
    .page.tsunashu .forms-page .jobfair_0 .form-check .form-check__label {
    
      margin-bottom: .1rem;
    
    }
    
    
    
    .page.tsunashu .forms-page .jobfair_0 .form-check input[type=checkbox]+.form-check__label::before {
    
      top: 1.2em;
    
    }
  
    @media screen and (max-width: 900px) {
  
      .page.tsunashu .detail-calendar2024    .section__content .header__media__image {
    
        position: static;
    
      }
    
      .page.tsunashu .detail-calendar2024    .section__content .header__media__image img {
    
        height: auto;
    
      }
    
    }
  
    .page.tsunashu .forms-page.forms-tanabata26guest .company1 .form-check {
      line-height: 1;
      }
      .page.tsunashu .forms-page.forms-tanabata26guest .company1 .form-check .form-check__label {
      margin-bottom: .1rem;
      }
      .page.tsunashu .forms-page.forms-tanabata26guest .company1 .form-check input[type=checkbox]+.form-check__label::before {
      top: 1.2em;
      }
  
  
    .page.tsunashu .forms-page.forms-tanabata26guest .company2 .form-check {
      line-height: 1;
      }
      .page.tsunashu .forms-page.forms-tanabata26guest .company2 .form-check .form-check__label {
      margin-bottom: .1rem;
      }
      .page.tsunashu .forms-page.forms-tanabata26guest .company2 .form-check input[type=checkbox]+.form-check__label::before {
      top: 1.2em;
      }
  
      .page.tsunashu .forms-page.forms-tanabata26guest .company3 .form-check {
      line-height: 1;
      }
      .page.tsunashu .forms-page.forms-tanabata26guest .company3 .form-check .form-check__label {
      margin-bottom: .1rem;
      }
      .page.tsunashu .forms-page.forms-tanabata26guest .company3 .form-check input[type=checkbox]+.form-check__label::before {
      top: 1.2em;
      }
  
  
      .page.tsunashu .forms-page.forms-tanabata26guest .company1 {
  
          display: flex;
        
          flex-wrap: wrap;
        
        }
        
        .page.tsunashu .forms-page.forms-tanabata26guest .company1 label {
        
          flex: none;
        
          flex-basis: 100%;
        
        }
        .page.tsunashu .forms-page.forms-tanabata26guest .company2 {
  
          display: flex;
        
          flex-wrap: wrap;
        
        }
        
        .page.tsunashu .forms-page.forms-tanabata26guest .company2 label {
        
          flex: none;
        
          flex-basis: 100%;
        
        }
        .page.tsunashu .forms-page.forms-tanabata26guest .company3 {
  
          display: flex;
        
          flex-wrap: wrap;
        
        }
        
        .page.tsunashu .forms-page.forms-tanabata26guest .company3 label {
        
          flex: none;
        
          flex-basis: 100%;
        
        }
  
  /* 親要素にFlexboxを適用し、子要素を確実に折り返すようにします */
  /* ul要素自体にもFlexboxを強制適用 */
  .page.tsunashu .page-main .menu ul {
    display: flex !important; /* Flexboxを強制適用 */
    flex-wrap: wrap !important; /* 折り返しを強制適用 */
    gap: 10px; /* アイコン間の間隔を詰める */
    padding: 0; /* ulのデフォルトのパディングをリセット */
    list-style: none; /* ulのデフォルトのリストスタイルをリセット */
  }
  
  
  /* 2024/7/1 メニュー調整 - アイコン4列表示、間隔調整、アイコン拡大 */
  .page.tsunashu .page-main .menu li {
    width: calc(25% - 8px); /* 4列表示にし、gapの合計を引く (例: 10pxのgapが3つで30px、それを4で割ると7.5px。約8px) */
    height: 250px; /* アイコンを大きくするために高さを確保 */
    margin: 0; /* gapを使用するためmarginは0にする */
    box-sizing: border-box; /* パディングとボーダーをwidthに含める */
  }
  
  /* 4番目の倍数（4, 8, 12...番目）の項目には右マージンを適用しないというルールはgapを使うため不要になりますが、念のため残します */
  .page.tsunashu .page-main .menu li:nth-child(4n) {
    margin-right: 0;
  }
  
  .page.tsunashu .page-main .menu li.menu-item-app {
    padding: 0;
  }
  .page.tsunashu .page-main .menu .icon-hidden {
    display: none;
  }
  @media (max-width: 900px) {
    .page.tsunashu .page-main .menu ul {
      gap: 14px; /* モバイル時のギャップ */
    }
    .page.tsunashu .page-main .menu li {
      width: calc(33.333% - 9.333px); /* 3列表示にし、gapの合計を引く (例: 14pxのgapが2つで28px、それを3で割ると約9.333px) */
      height: 210px;
      margin: 0; /* モバイル時のマージンもリセットしgapを使う */
    }
  }
  .page.tsunashu .page-main .menu li a:hover {
    background-color: transparent;
  }
  .page.tsunashu .page-main .menu li a .menu-item-details {
    margin-top: 15px; /* アイコンとテキストの間隔 */
    min-height: 80px; /* テキスト部分の最小高さを調整 */
  }
  .page.tsunashu .page-main .menu li a .menu-item-icon {
    background-color: transparent;
    width: 120px; /* アイコンコンテナの幅を大きく */
    height: auto;
  }
  .page.tsunashu .page-main .menu li a .menu-item-icon img {
    background-color: transparent;
    background: none;
    width: 100%;
    height: 100%;
    min-height: 120px; /* アイコン画像の最小高さを大きく */
    border-radius: 21px;
    box-shadow: 3px 3px 5px 0px rgba(80, 80, 80, 0.4);
  }
  @media (max-width: 900px) {
    .page.tsunashu .page-main .menu li a .menu-item-icon img {
      min-height: 92px; /* モバイルのアイコンサイズは維持 */
    }
  }
  .page.tsunashu .forms-page.forms-tanabata26question .form-check {
    line-height: 1;
    }
    .page.tsunashu .forms-page.forms-tanabata26question .form-check .form-check__label {
    margin-bottom: .1rem;
    }
    .page.tsunashu .forms-page.forms-tanabata26question .form-check input[type=checkbox]+.form-check__label::before {
    top: 1.2em;
    }
    .page.tsunashu .forms-page.forms-tanabata26question {
      display: flex;
      flex-wrap: wrap;
      }
      .page.tsunashu .forms-page.forms-tanabata26question{
      flex: none;
      flex-basis: 100%;
      }        
  
  .page.tsunashu .forms-page.forms-tanabata26question_kr .form-check {
    line-height: 1;
    }
    .page.tsunashu .forms-page.forms-tanabata26question_kr .form-check .form-check__label {
    margin-bottom: .1rem;
    }
    .page.tsunashu .forms-page.forms-tanabata26question_kr .form-check input[type=checkbox]+.form-check__label::before {
    top: 1.2em;
    }
    .page.tsunashu .forms-page.forms-tanabata26question_kr {
      display: flex;
      flex-wrap: wrap;
      }
      .page.tsunashu .forms-page.forms-tanabata26question_kr{
      flex: none;
      flex-basis: 100%;
      }  
  .page.tsunashu .forms-page.query-hollween26 .form-check {
  line-height: 1;
  }
  .page.tsunashu .forms-page.query-hollween26 .form-check .form-check__label {
  margin-bottom: .1rem;
  }
  .page.tsunashu .forms-page.query-hollween26 .form-check input[type=checkbox]+.form-check__label::before {
  top: 1.2em;
  }
  
  .page.tsunashu .forms-page.query-hollween26 {
    display: flex;
    flex-wrap: wrap;
    }
    .page.tsunashu .forms-page.query-hollween26{
    flex: none;
    flex-basis: 100%;
    }
    .page.tsunashu .forms-page.forms-offerbox26 .form-check {
      line-height: 1;
      }
      .page.tsunashu .forms-page.forms-offerbox26 .form-check .form-check__label {
      margin-bottom: .1rem;
      }
      .page.tsunashu .forms-page.forms-offerbox26 .form-check input[type=checkbox]+.form-check__label::before {
      top: 1.2em;
      }
  .page.tsunashu .forms-page.forms-tabi26summer_question .form-check {
  line-height: 1;
  }
  .page.tsunashu .forms-page.forms-tabi26summer_question .form-check .form-check__label {
  margin-bottom: .1rem;
  }
  .page.tsunashu .forms-page.forms-tabi26summer_question .form-check input[type=checkbox]+.form-check__label::before {
  top: 1.2em;
  }
  .page.tsunashu .forms-page.forms-offer25question .form-check {
    line-height: 1;
    }
    .page.tsunashu .forms-page.forms-offer25question .form-check .form-check__label {
    margin-bottom: .1rem;
    }
    .page.tsunashu .forms-page.forms-offer25question .form-check input[type=checkbox]+.form-check__label::before {
    top: 1.2em;
    }
  
    .page.tsunashu .forms-page .mokuteki .form-check {
      line-height: 1;
      }
      .page.tsunashu .forms-page .mokuteki .form-check .form-check__label {
      margin-bottom: .1rem;
      }
      .page.tsunashu .forms-page .mokuteki .form-check input[type=checkbox]+.form-check__label::before {
      top: 1.2em;
      }
      .page.tsunashu .forms-page.forms-trend26event_form .form-check {
        line-height: 1;
        }
        .page.tsunashu .forms-page.forms-trend26event_form .form-check .form-check__label {
        margin-bottom: .1rem;
        }
        .page.tsunashu .forms-page.forms-trend26event_form .form-check input[type=checkbox]+.form-check__label::before {
        top: 1.2em;
        }
  
  .forms-page.forms-trend26event_form .form-section.lastName,
  .forms-page.forms-trend26event_form .form-section.firstName,
  .forms-page.forms-trend26event_form .dammy {
  width: 40%;
  display: inline-block;
  margin-right: 12px;
  }
  .forms-page.forms-trend26event_form .form-section.lastNamekana,
  .forms-page.forms-trend26event_form .form-section.firstNamekana,
  .forms-page.forms-trend26event_form .dammy {
  width: 40%;
  display: inline-block;
  margin-right: 12px;
  } 
  .forms-page.forms-trend26event_form .form-section.year,
  .forms-page.forms-trend26event_form .form-section.graduate,
  .forms-page.forms-trend26event_form .dammy {
  width: 40%;
  display: inline-block;
  margin-right: 12px;
  }                  
  .forms-page.forms-trend26event_form .form-section.gakubu,
  .forms-page.forms-trend26event_form .form-section.gakka,
  .forms-page.forms-trend26event_form .dammy {
  width: 40%;
  display: inline-block;
  margin-right: 12px;
  } 
  .forms-page.forms-trend26event_form .form-section.sex,
  .forms-page.forms-trend26event_form .form-section.bunri,
  .forms-page.forms-trend26event_form .dammy {
  width: 40%;
  display: inline-block;
  margin-right: 12px;
  }   
  .forms-page .form-section.lastName,
  .forms-page .form-section.firstName,
  .forms-page .dammy {
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  .forms-page .form-section.lastNamekana,
  .forms-page .form-section.firstNamekana,
  .forms-page .dammy {
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  } 
  .forms-page .form-section.year,
  .forms-page .form-section.graduate,
  .forms-page .dammy {
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }                  
  .forms-page .form-section.gakubu,
  .forms-page .form-section.gakka,
  .forms-page .dammy {
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  } 
  .forms-page .form-section.sex,
  .forms-page .form-section.bunri,
  .forms-page .dammy {
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  } 
  .page.tsunashu .forms-page .kimete .form-check {
      line-height: 1;
      }
      .page.tsunashu .forms-page .kimete .form-check .form-check__label {
      margin-bottom: .1rem;
      }
      .page.tsunashu .forms-page .kimete .form-check input[type=checkbox]+.form-check__label::before {
      top: 1.2em;
      }
  
      .page.tsunashu .forms-page .check1 .form-check {
        line-height: 1;
        }
        .page.tsunashu .forms-page .check1 .form-check .form-check__label {
        margin-bottom: .1rem;
        }
        .page.tsunashu .forms-page .check1 .form-check input[type=checkbox]+.form-check__label::before {
        top: 1.2em;
        }
        .page.tsunashu .forms-page .check2 .form-check {
          line-height: 1;
          }
          .page.tsunashu .forms-page .check2 .form-check .form-check__label {
          margin-bottom: .1rem;
          }
          .page.tsunashu .forms-page .check2 .form-check input[type=checkbox]+.form-check__label::before {
          top: 1.2em;
          }
  
          .page.tsunashu .forms-page .check3 .form-check {
            line-height: 1;
            }
            .page.tsunashu .forms-page .check3 .form-check .form-check__label {
            margin-bottom: .1rem;
            }
            .page.tsunashu .forms-page .check3 .form-check input[type=checkbox]+.form-check__label::before {
            top: 1.2em;
            }
            .page.tsunashu .forms-page .check4 .form-check {
              line-height: 1;
              }
              .page.tsunashu .forms-page .check4 .form-check .form-check__label {
              margin-bottom: .1rem;
              }
              .page.tsunashu .forms-page .check4 .form-check input[type=checkbox]+.form-check__label::before {
              top: 1.2em;
              }
              .page.tsunashu .forms-page .check5 .form-check {
                  line-height: 1;
                  }
                  .page.tsunashu .forms-page .check5 .form-check .form-check__label {
                  margin-bottom: .1rem;
                  }
                  .page.tsunashu .forms-page .check5 .form-check input[type=checkbox]+.form-check__label::before {
                  top: 1.2em;
                  }
                  .page.tsunashu .forms-page .check6 .form-check {
                      line-height: 1;
                      }
                      .page.tsunashu .forms-page .check6 .form-check .form-check__label {
                      margin-bottom: .1rem;
                      }
                      .page.tsunashu .forms-page .check6 .form-check input[type=checkbox]+.form-check__label::before {
                      top: 1.2em;
                      }
                      .page.tsunashu .forms-page .check7 .form-check {
                        line-height: 1;
                        }
                        .page.tsunashu .forms-page .check7 .form-check .form-check__label {
                        margin-bottom: .1rem;
                        }
                        .page.tsunashu .forms-page .check7 .form-check input[type=checkbox]+.form-check__label::before {
                        top: 1.2em;
                        }
                        .page.tsunashu .forms-page .check8 .form-check {
                          line-height: 1;
                          }
                          .page.tsunashu .forms-page .check8 .form-check .form-check__label {
                          margin-bottom: .1rem;
                          }
                          .page.tsunashu .forms-page .check8 .form-check input[type=checkbox]+.form-check__label::before {
                          top: 1.2em;
                          }
                          .page.tsunashu .forms-page .check9 .form-check {
                            line-height: 1;
                            }
                            .page.tsunashu .forms-page .check9 .form-check .form-check__label {
                            margin-bottom: .1rem;
                            }
                            .page.tsunashu .forms-page .check9 .form-check input[type=checkbox]+.form-check__label::before {
                            top: 1.2em;
                            }
                            .page.tsunashu .forms-page .check10 .form-check {
                              line-height: 1;
                              }
                              .page.tsunashu .forms-page .check10 .form-check .form-check__label {
                              margin-bottom: .1rem;
                              }
                              .page.tsunashu .forms-page .check10 .form-check input[type=checkbox]+.form-check__label::before {
                              top: 1.2em;
                              }
                              .page.tsunashu .forms-page .check11 .form-check {
                                line-height: 1;
                                }
                                .page.tsunashu .forms-page .check11 .form-check .form-check__label {
                                margin-bottom: .1rem;
                                }
                                .page.tsunashu .forms-page .check11 .form-check input[type=checkbox]+.form-check__label::before {
                                top: 1.2em;
                                }
  
  
  .forms-page .form-section.zemiday,
  .forms-page .form-section.mennsetutime,
  .forms-page .dammy {
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  .forms-page .form-section.zemi_gyousyu,
  .forms-page .form-section.zemi_syokusyu,
  .forms-page .dammy {
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  .forms-page .form-section.zemi_zinzi,
  .forms-page .form-section.zemi_yakusyoku,
  .forms-page .dammy {
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  .forms-page .form-section.zemi_mensetutype,
  .forms-page .form-section.zemi_mensetuway,
  .forms-page .dammy {
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  
  .signup-page .form-section.lastName,
  .signup-page .form-section.firstName{
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  .signup-page .form-section.lastNamekana,
  .signup-page .form-section.firstNamekana{
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  .signup-page .form-section.gakubu,
  .signup-page .form-section.gakka{
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  .signup-page .form-section.bunri,
  .signup-page .form-section.sex{
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  .signup-page .form-section.address,
  .signup-page .form-section.tell{
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  .signup-page .form-section.type1,
  .signup-page .form-section.type2{
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  .signup-page .form-section.year,
  .signup-page .form-section.graduate{
  width: 45%;
  display: inline-block;
  margin-right: 12px;
  }
  
  .page.tsunashu .signup-page .rikei.form-check {
      line-height: 1;
      }
      .page.tsunashu .signup-page .rikei .form-check .form-check__label {
      margin-bottom: .1rem;
      }
      .page.tsunashu .signup-page .rikei .form-check input[type=checkbox]+.form-check__label::before {
      top: 1.2em;
      }
  
  
  .page.tsunashu .signup-page .rikei {
    display: flex;
    flex-wrap: wrap;
    }
    .page.tsunashu .signup-page .rikei  {
    flex: none;
    flex-basis: 100%;
    } 
  
  .page.tsunashu .signup-page .bunnkei .form-check {
      line-height: 1;
      }
      .page.tsunashu .signup-page .bunnkei .form-check .form-check__label {
      margin-bottom: .1rem;
      }
      .page.tsunashu .signup-page .bunnkei .form-check input[type=checkbox]+.form-check__label::before {
      top: 1.2em;
      }
  
  
  .page.tsunashu .signup-page .bunnkei {
    display: flex;
    flex-wrap: wrap;
    }
    .page.tsunashu .signup-page .bunnkei  {
    flex: none;
    flex-basis: 100%;
    }
  
    @media (max-width: 900px) {
      .page.tsunashu .page-main .menu {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
    
      .page.tsunashu .page-main .menu li {
        width: 100%;
        height: auto;
      }
    
      .page.tsunashu .page-main .menu li a {
        display: flex;
        align-items: center; /* ←これが縦中央揃えのポイント！ */
        gap: 16px;
        padding: 12px;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
      }
    
      .page.tsunashu .page-main .menu li a .menu-item-icon {
        width: 60px;
        height: 60px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    
      .page.tsunashu .page-main .menu li a .menu-item-icon img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: contain;
        border-radius: 12px;
      }
    
      .page.tsunashu .page-main .menu li a .menu-item-details {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center; /* ←上下中央に */
        font-size: 15px;
        line-height: 1.4;
        margin-top: 0;
      }
    }
    @media (max-width: 900px) {
      .page.tsunashu .page-main .menu {
        display: flex;
        flex-direction: column;
        gap: 14px;
      }
    
      .page.tsunashu .page-main .menu li {
        width: 100%;
        height: auto;
        margin: 0;
      }
    
      .page.tsunashu .page-main .menu li a {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 16px;
        background-color: #fff8f4; /* ← やさしいピンクベージュ系で変化しっかり */
        border: 1px solid #e8bdb3;
        border-radius: 12px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* やや影もありで浮かせる感じ */
        transition: background-color 0.2s ease;
      }
    
      .page.tsunashu .page-main .menu li a:hover {
        background-color: #ffece5; /* ホバーでちょっと濃くなる */
      }
    
      .page.tsunashu .page-main .menu li a .menu-item-icon {
        width: 84px; /* ← 大きめに変更 */
        height: 84px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    
      .page.tsunashu .page-main .menu li a .menu-item-icon img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: contain;
        border-radius: 16px;
      }
    
      .page.tsunashu .page-main .menu li a .menu-item-details {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 15.5px;
        line-height: 1.5;
        margin-top: 0;
      }
    }
  
  /* お知らせ部分のCSS (現在、すべてのページに表示されます) */
  .page.tsunashu .home-page .page-main::before {
    content: "【お知らせ】「6/28開催・食品業界理解イベント七夕編」の参加用URLを「申込状況の確認」ページにアップしました。"; /* お知らせのテキスト */
    display: block;
    text-align: center;
    background-color: #ffe6b3; /* 薄いオレンジ色の背景 */
    color: #333;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px; /* お知らせとメニューの間の余白 */
    border-radius: 5px;
  }