/* ============================================================
   サイト共通の既存スタイル
   BANK ORANG（indonesia-hr.jp）
   ------------------------------------------------------------
   2026/09 Arkhe CSSエディター「フロント」前半から子テーマ /css/base.css へ移設
   内容は移設前と同じ。記述の誤り2か所のみ修正（★修正 の箇所）
   ============================================================ */

body {
    font-family: 'Noto Sans JP', sans-serif;
}

/* ★修正：background-size の単位「ps」→「px」、値のない「align-content」を削除 */
#wpmem_restricted_msg p{color:#cc0000;
    width: 240px;
    height: 0;
    padding-top: 65px;
		margin-top: 20px;
    background: url(https://indonesia-hr.jp/wp-content/uploads/2025/03/bt-member.png) 0 0 no-repeat;
    background-size: 245px;
    overflow: hidden;}

.l-content__body{
	margin-bottom:0!important;
}

/* --- 見出し --- */
h3.wp-block-heading {
    margin: 2.5em 0 1.2em;
    padding: 1.0em 1.2em;
    color: #516ab6;
    background: #f8faff;
    border-bottom: solid 2px #516ab6;
    border-left: none;
    font-size: 1.1em;
    border-radius: 4px;
}

/* --- 履歴書セクション --- */
.box-015 {
    padding: 2em;
    background-color: #fffafb;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 影を柔らかく */
}

.box-015 ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* 2列並び */
    gap: 10px 20px;
    padding: 0;
    list-style: none;
}

.box-015 li {
    padding: 8px 0;
    border-bottom: 1px dashed #eec9d2;
    display: flex;
    justify-content: space-between;
}

.box-015 li strong {
    color: #d02547;
    font-size: 0.9em;
}

.box-015::before,
.box-015::after {
    position: absolute;
    content: '';
}

.box-015::before {
    top: -15px;
    right: 10px;
    height: 50px;
    width: 15px;
    border: 3px solid #999;
    border-radius: 10px;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
    transform: rotate(10deg);
}

.box-015::after {
    top: 0;
    width: 10px;
    right: 20px;
    border: solid 5px #fffbe0;
}

.box-010 {
    border: 1px solid #eef4fb;
    background-color: #f9fcff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border-radius: 8px;
    overflow: hidden;
    padding: 0; /* 下で余白を調整 */
}

.box-010 img {
    width: 100% !important;
    height: 250px;
    object-fit: cover; /* 画像の比率を保ちつつ切り抜き */
    margin: 0 !important;
}

.box-010 .school-content {
    padding: 2em 1.5em;
}

.box-010 span {
    top: 10px;
    left: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #112d9c;
    color: #112d9c;
    transform: none; /* シンプルに */
    border-radius: 4px;
}

/* --- h2: より洗練されたモダンなデザイン --- */
h2.style2b, h2.heading-21 {
    position: relative;
    padding: 0.5em 0 0.5em 1.2em; /* 三角形を廃止し、左のバーで表現 */
    border-bottom: 1px solid #eee; /* 下線は細く、薄く */
    color: #333; /* 文字色は少し落として高級感を */
    font-size: 1.6em;
    letter-spacing: 0.1em; /* 文字間を少し広げて優雅に */
}

/* 左側のアクセントバー（履歴書は赤、学校は紺） */
h2.style2b::before {
    position: absolute;
    left: 0;
    top: 15%;
    width: 6px;
    height: 70%;
    background-color: #d02547;
    content: '';
}

h2.heading-21::before {
    position: absolute;
    left: 0;
    top: 15%;
    width: 6px;
    height: 70%;
    background-color: #112d9c;
    content: '';
}

h3.style3b {
    margin: 2.5em 0 1.2em;
    padding: 1.0em 1.2em;
    color: #d02547;
    background: #fff;
    border-bottom: solid 2px #d02547;
    border-left: none;
    font-size: 1.1em;
    border-radius: 4px;
}

/* マップのレスポンシブ対応 */
.box-010 iframe {
    width: 100% !important;
    height: 300px;
    border-radius: 8px;
}

.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}

/* 履歴書ボタンのカスタマイズ */
.resume-section {
    margin: 15px 0;
}

.resume-btn {
    display: inline-block;
    background-color: #d02547; /* メインカラー */
    color: #ffffff !important;
    padding: 12px 30px;
    text-decoration: none !important;
    border-radius: 25px; /* 柔らかさを出す角丸 */
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(208, 37, 71, 0.2); /* 軽い影で浮かせる */
}

.resume-btn:hover {
    background-color: #b01e3b; /* ホバー時は少し深みのある色に */
    transform: translateY(-2px); /* 少し持ち上げる */
    box-shadow: 0 6px 15px rgba(208, 37, 71, 0.3);
    color: #ffffff !important;
}

.resume-btn .icon {
    margin-right: 8px;
}

/* ============================================================
   下層ページのページタイトル（Arkhe の h1.c-pageTitle）
   2026/09 カスタマイズ「追加CSS」から移設（内容の変更なし）
   ※ 提携大学ページはページ設定でタイトル非表示のため対象外
   ============================================================ */
h1.c-pageTitle {
  font-weight: bold;
  border: 3px solid #000084;
  background-color: #fff;
  padding: 0.5em 1em;
  position: relative;
	margin: 0 0 20px 0;
	font-size: 1.2em;
	color: #000084;
}
h1.c-pageTitle::after {
  content: '';
  background-color: #000084;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: rotate(-1deg);
}