.custom-select {
    appearance: none; /* デフォルトの矢印を消す */
    -webkit-appearance: none; /* Safari用 */
    -moz-appearance: none; /* Firefox用 */
    background-image: url('../img/icn_arrow_2.svg'); /* 矢印画像を指定 */
    background-repeat: no-repeat;
    background-position: right 10px center; /* 右側に配置 */
    background-size: 16px; /* 画像サイズ調整 */
    padding: 10px;
    background-color: rgba(45, 45, 45, 0.5);
    border: none;
    outline: none;
    color: #fff;
    height: 50px;
    min-width: 100px;
  }

  .custom-select:focus{
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
  }

  .custom-select option{
    color: #fff;
  }

  .custom-select:disabled {
    background-color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}


.check-box {
    vertical-align:middle;
    display: flex; /* 横並び + 中央揃え */
    align-items: center; /* 縦方向の中央揃え */
}

input[type=checkbox] {
    display: none; 
} 

.check:after {
      position: absolute; 
      content: ""; 
      display: block; 
      top: 50%; 
      left: 4px; 
      width: 24px;
      height: 24px;
      border: 2px solid #fff; 
      border-radius: 3px; 
}

.check {
      position: relative; 
      padding: 0 0 0 40px; 
      display: flex; /* チェックマークも揃えやすく */
      align-items: center; /* テキストとの高さを揃える */
      font-size: var(--bs-body-font-size);

}


.check:after, .check:before{
      position: absolute; 
      content: ""; 
      display: block; 
      top: 50%; 
      top: 50%; 
      transform: translateY(-50%); /* ボックス自体も中央揃え */
}

/*チェックマークの追加*/
.check:before {
          left: 14px; 
          margin-top: -5px; 
          width: 5px; 
          height: 9px; 
          border-right: 2px solid #fff; 
          border-bottom: 2px solid #fff; 
          transform: rotate(45deg); 
          opacity: 0; 
}

/*チェックボックスがチェックされた時に動作する内容*/
input[type=checkbox]:checked + .check:before {
      opacity: 1; 
}


.contactform {
    background-color: rgba(45, 45, 45, 0.5);
    border: none;
    height: 400px;
    resize: none;
}


.contactform::-webkit-scrollbar {
    width: 16px;
}
 
.contactform::-webkit-scrollbar-track {
    background-color: rgba(45, 45, 45, 0.5);
    border-radius: 100px;
}
 
.contactform::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 100px;
}

a {
    text-decoration: none;
}

option {
    background-color: rgba(150, 150, 150);
}

.layout-space {
    margin-top: 75px;
    margin-bottom: 75px;
}

.header-space {
    margin-top: 200px;
}
.btn-act {
    background-color: transparent;
}

.btn-act:active {
    background-color: rgba(255, 255, 255, 0.4);
}

.btn-act_w:active {
    background-color: rgba(255, 255, 255, 0.8);
}