@charset "UTF-8";
/* CSS Document */
/* 背景カラー ここから*/
.bg-color-yellow {
  background-color: #FFCE00;
}
/* 共用ここから */
/* 〜767px：スマホ
------------------------------ */
/*@media screen and (max-width:767px) {
  body {
      padding-top: 120px;
  }
}*/
/* 〜767px：スマホここまで
------------------------------ */
body {
	padding-top: 120px;
}

.flexCancell {
  flex-wrap: wrap;
}
.centralNav a {
    color: #292929;
    text-decoration: none;
    font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
    font-size: 0.90rem;
}
.centralNav a:hover {
    color: #FF7F00;
}
.separateLine {
  width: 100%;
  border-bottom: 1px solid #707070;
  display: flex;
}
.separateLine-dot {
  width: 100%;
  border-bottom: 1px dotted #FF7F00;
  display: flex;
}
.bg-HeaderNav {
  background-color: rgba(255, 255, 255, 0.85);
}
.navbar-nav li {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}
/* nav-itemの文字色 */
.navbar .navbar-nav .nav-link {
  color: #000000;
}
/* nav-item activeの文字色 */
.navbar .navbar-nav .active > .nav-link {
  color: rgba(0, 0, 255, 1);
}
/* nav-item:focus、nav-item:hoverの文字色 */
.navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #FF7F00;
}
/* ドロップダウンアイテムの文字色 */
.dropdown-item {
  color: rgba(255, 0, 0, 1);
}
.marginTop10 {
    margin-top: 10rem !important;
}
.marginBottom6 {
  margin-bottom: 6rem !important;
}
.marginBottom10 {
  margin-bottom: 10rem !important;
}

/* 共用ここまで */

















/* フォーム関連ここから */

.message{
    color:red;
    margin-bottom:20px;
}
/* 送信ボタンここから */
.btn-custom {
  background-color: #ffffff; /* 独自の色 */
  color: #FF7F00;            /* 文字色 */
  border: 1px solid #707070; /* 枠線 */
  border-radius: 26px;        /* 角の丸み */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 影 */
  transition: all 0.3s ease; /* アニメーションのスムーズさ */
}

/* ホバー時（マウスを乗せたとき）の装飾 */
.btn-custom:hover {
  background-color: #FF7F00; /* ホバー時に少し濃くする */
  color: #ffffff;
  transform: translateY(-2px); /* 少し上に浮かす演出 */
}

/* クリックされた時の装飾 */
.btn-custom:active, .btn-custom:focus {
  background-color: #3FE600;
  border-color: #3FE600;
  box-shadow: none; /* クリック時の青い枠線を消す */
}
/* 送信ボタンここまで */
/* フォーム関連ここから */