@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*MAIN MENU fontawesome周り*/
.menu {
	font-size: 2.2em;
	margin-bottom: 10px;
}

/* 求人情報テーブル */
.p-jobInfo__table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 16px;
  line-height: 1.6;
}

.p-jobInfo__table th,
.p-jobInfo__table td {
  border: 1px solid #426489;
  padding: 12px 16px;
  vertical-align: top;
}

/* 左側の見出し列 */
.p-jobInfo__table th {
  width: 25%;
  background-color: #e8eff5; /* 薄いブルーグレーに変更 */
  color: #333;
  font-weight: bold;
  text-align: left;
}

/* 右側の内容列 */
.p-jobInfo__table td {
  background-color: #fff;
  color: #333;
}

/* セクションタイトル */
.p-jobInfo__title {
  font-size: 20px;
  margin-bottom: 0.8em;
  color: #426489;
  border-left: 6px solid #426489;
  padding-left: 10px;
}

/* スマホ対応（横幅が768px以下のとき） */
@media screen and (max-width: 768px) {
  .p-jobInfo__table,
  .p-jobInfo__table tbody,
  .p-jobInfo__table tr,
  .p-jobInfo__table th,
  .p-jobInfo__table td {
    display: block;
    width: 100%;
  }

  .p-jobInfo__table tr {
    margin-bottom: 1em;
    border: 1px solid #426489;
    border-radius: 4px;
    overflow: hidden;
  }

  .p-jobInfo__table th {
    background-color: #426489; /* スマホでは見出しだけ強調 */
    color: #fff;
    width: 100%;
    padding: 10px;
  }

  .p-jobInfo__table td {
    background-color: #f9fbfd;
    padding: 10px;
    border-top: none;
  }
}

.for_SP {display: inline-block;}
.for_PC {display: none}
.for_TB {display: none;}

/* -------------------------------------------- */
/* ▼タブレット用として付け足すデザイン */
/* -------------------------------------------- */
	@media (min-width: 768px) {
.for_SP {display: none;}
.for_PC {display: none}
.for_TB {display: inline-block;}

/*MAIN MENU fontawesome周り*/
.global_menu_pc {
	font-size: 20pt !important;
	margin-bottom: 5px;
	display: block;
}
.ttl {
	font-size: 12pt !important;
	font-weight: bolder;
	display: block;
		}
.ttl .ttl_en {
	font-size: 6pt !important;
	font-weight: bolder;
	display: block;
		}
		.menu-item img {
			width: 48px;
		}
    /* アイコンがぴょこっと跳ねる */
    .menu-item:hover img {
      animation: bounce 0.5s ease;
    }
    @keyframes bounce {
      0%   { transform: translateY(0); }
      30%  { transform: translateY(-8px); }
      60%  { transform: translateY(3px); }
      80%  { transform: translateY(-3px); }
      100% { transform: translateY(0); }
    }

/*header右のボタン*/
    .btn-wrapper {
      display: flex;
      gap: 0px; /* ボタン同士の間隔 */
      justify-content: center;
      margin-top: 0px;
    }
    .circle-btn {
      width: 90px;
      height: 90px;
/*      border-radius: 50%; 丸にするか四角にするか・・・*/
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      text-decoration: none;
      line-height: 1;
      vertical-align: middle;
      transition: transform 0.25s ease;
    }
    .circle-btn img {
      width: 24px;
      margin-bottom: 4px;
      line-height: 1;
      display: inline-block; /* アニメーション対象にするため */
    }
    /* アイコンがぴょこっと跳ねる */
    .circle-btn:hover img {
      animation: bounce 0.5s ease;
    }
    @keyframes bounce {
      0%   { transform: translateY(0); }
      30%  { transform: translateY(-8px); }
      60%  { transform: translateY(3px); }
      80%  { transform: translateY(-3px); }
      100% { transform: translateY(0); }
    }
    /* お問い合わせボタン */
    .contact-btn {
      /*background-color: #268ece;*/
      background-color: #60a6d1;
    }
    /* ご予約ボタン */
    .reserve-btn {
      background-color: #F15A22;
    }
	}

/* ------------------------------------ */
/* ▼PC用として付け足すデザイン */
/* ------------------------------------ */
	@media (min-width: 1024px) {
.for_SP {display: none;}
.for_PC {display: inline-block;}
.for_TB {display: inline-block;}


	}