/*
 * Avada 7 に合わせた調整
 *
 * less/main.css（Avada 3.8 時代からの子テーマの CSS）はそのまま残し、
 * Avada 7 で見た目が変わった部分だけをここで直す。main.css の後に読み込む（inc/avada7.php）。
 */

/* ヘッダーの右上の案内枠: Avada 7 ではヘッダーの z-index が 10010 → 10011 になり、案内枠が隠れるため上に出す */
.header-info-box-wapper {
	z-index: 10012;
}

/*
 * アイコンのフォント「FontAwesome」（Font Awesome 4 の名前）
 *
 * less/main.css は font-family: 'FontAwesome' と Font Awesome 4 の文字コードでアイコンを出している
 * （一覧の先頭の丸い矢印 \f138、トップのスライダーの左右の矢印 \f053・\f054）。
 * Avada 7 が入れている Font Awesome 5.15.4 にはこの名前のフォントが無いので、同じ文字を持つ
 * Avada の Font Awesome 5 の solid のフォントを、この名前で使えるようにする。
 * HTML の fa fa-… の書き方は、Avada の設定「Font Awesome v4 の互換」で対応している。
 */
@font-face {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	font-display: block;
	src: url('../../Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-solid-900.woff2') format('woff2'),
		url('../../Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-solid-900.woff') format('woff');
}

/*
 * ヘッダー（Avada のヘッダーの型 v4）
 * Avada 7 はロゴの枠を横並び（flex）にしたので、ロゴの上の見出し・ロゴ・右上の案内枠の並びが崩れる。
 * Avada 3.8 と同じく、上から順に積む並びに戻す。
 */
.fusion-header-v4 .fusion-logo {
	display: block;
}

/*
 * スマートフォンのロゴのリンク: Avada 7 は幅を 75% に絞る（Avada 3.8 は絞らない）。
 * トップページはロゴを h1 で囲み、子テーマの CSS がその h1 をリンクの幅の 60% にしているので、
 * 75% の 60% になってロゴが小さくなっていた（150px → 119px）。旧と同じく絞らない
 */
.fusion-header-v4.fusion-mobile-menu-design-modern .fusion-logo .fusion-logo-link {
	max-width: 100%;
}

/* ロゴの上の見出し: Avada 3.8 は h2 に太さを指定していなかった（ブラウザの標準で太字）。Avada 7 は見出しの設定の太さ（400）にするので、太字に戻す */
/* 行の高さ: Avada 3.8 は h2 に行の高さを指定せず、本文の 20px を引き継いでいた。Avada 7 は見出しの設定（文字の 1.5 倍 = 21px）にする */
h2#page-top-title {
	font-weight: bold;
	line-height: inherit;
}

/*
 * 学校のページの上の帯（parts/before-main.php の #sub-menu-box）の見出し「語学留学」など
 * Avada 3.8 は本文の外の h2 に大きさ・太さを指定せず、ブラウザの標準（1.5em・太字）と本文の行の高さ 20px だった。
 * Avada 7 はすべての h2 に見出しの設定（18px・太さ 400・行の高さ 27px）を当てるので、旧に戻す
 */
#sub-menu-box h2 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 20px;
}

/*
 * プログラムのページ（single-programs.php）の下の「学校情報」の見出し
 * ほかの見出しと違い本文の枠（.post-content）の外にあり、Avada 3.8 では見出しの設定が当たらず、
 * ブラウザの標準の太字と本文の行の高さ 20px だった。Avada 7 はすべての h3 に見出しの設定（太さ 400・24px）を当てる
 */
.content-program-detail .programs > .fusion-fullwidth > .fusion-row > h3.program-detail-h-title {
	font-weight: bold;
	line-height: 20px;
}

/*
 * 申し込みのフォーム（Contact Form 7）の中の見出し「ご本人様情報」など
 * 子テーマの less/form.less は太字・21px にしているが、Avada 3.8 ではもっと強い指定（#main h2 と
 * #wrapper .post-content h2）が勝って、太さ 400・18px で表示されていた。旧サイトの表示に合わせる
 */
#main .wpcf7-pc .form_box h2 {
	font-weight: 400;
	font-size: 18px;
}

/*
 * フッターのリンク一覧（メニューのウィジェット）
 * Avada 7 は行（li）に余白・下線・先頭の「›」を付けるが、Avada 3.8 はリンク（a）に上下の余白と下線を付けていた。
 * 「›」の分だけリンクの幅が狭くなり、文字が折り返していたので、Avada 3.8 の付け方に戻す。
 */
.fusion-footer-widget-area .widget_nav_menu li {
	padding: 0;
	border-bottom: 0;
}
.fusion-footer-widget-area .widget_nav_menu li a {
	padding: 12px 0;
	border-bottom: 1px solid var(--footer_divider_color);
}
.fusion-footer-widget-area .widget_nav_menu > div > ul > li:first-child > a {
	padding-top: 0;
}
.fusion-footer-widget-area .widget_nav_menu li a::before {
	content: none;
}

/*
 * フッター下部（会社概要などのリンクと、コピーライト）
 * Avada 7 はこの 2 つを横に並べる（table）が、Avada 3.8 は上下に積んで中央にそろえていた
 */
.fusion-footer-copyright-area .fusion-copyright-content {
	display: block;
	text-align: center;
}
.fusion-footer-copyright-area .fusion-copyright-content > .sub-footer,
.fusion-footer-copyright-area .fusion-copyright-notice {
	display: block;
	width: 100%;
}

/* フッターのウィジェットの下の余白: Avada 3.8 は 20px、Avada 7 は 50px（どちらも Avada の CSS に直接書かれた値） */
.fusion-footer-widget-column {
	margin-bottom: 20px;
}

/*
 * 本文の HTML の埋め込みブロック（[fusion_code]）の中に、Avada 3.8 の枠のクラス（fusion-column-wrapper）が書かれている所がある
 * （トップページの「海外サポートデスク紹介」のニュージーランドなど）。Avada 7 はこのクラスを横並び（flex）にするので、
 * 画像と文字が横に並んでしまう。Avada 7 の枠の中に入れ子になっているものは、Avada 3.8 と同じく上下に積む
 */
/* Avada 7 の指定（.fusion-flex-container .fusion-row .fusion-flex-column .fusion-column-wrapper）より強くする */
.fusion-flex-container .fusion-row .fusion-flex-column .fusion-column-wrapper .fusion-column-wrapper {
	display: block;
}

/*
 * 段組みの列 col-sm-*（子テーマのテンプレート・ショートコード・案内枠で使っている。記事の本文では使っていない）
 * Avada 3.8 は画面の幅が 800px 以上のときだけ横に並べ、それより狭いと縦に積んでいた。
 * Avada 7（assets/css/no-builder/shortcodes.css）はどの幅でも横に並べるので、スマートフォンで列が詰まる。
 * 800px より狭いときは、旧と同じく縦に積む
 */
@media (max-width: 799px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: none;
		width: auto;
	}
}

/*
 * col-xs-* と col-sm-* の両方が付いた列（例 トップページの留学タイプのリンク「col-xs-6 col-sm-3」。狭い画面では 2 列）
 * Avada 3.8 は、狭い画面でも col-xs-* の幅で横に並べていた。上の指定と、Avada 7 の狭い画面用の指定
 * （Avada/assets/css/media/max-sh-cbp.css の「.col-sm-3 など: 幅 100%・回り込みなし」。フッターの列のためのもの）が
 * col-sm-* に当たって 1 列に積まれていたので、col-xs-* の幅と横並びに戻す（段階 10）
 */
@media (max-width: 799px) {
	[class*="col-xs-"][class*="col-sm-"] { float: left; }
	.col-xs-1[class*="col-sm-"] { width: 8.33333%; }
	.col-xs-2[class*="col-sm-"] { width: 16.6667%; }
	.col-xs-3[class*="col-sm-"] { width: 25%; }
	.col-xs-4[class*="col-sm-"] { width: 33.3333%; }
	.col-xs-5[class*="col-sm-"] { width: 41.6667%; }
	.col-xs-6[class*="col-sm-"] { width: 50%; }
	.col-xs-7[class*="col-sm-"] { width: 58.3333%; }
	.col-xs-8[class*="col-sm-"] { width: 66.6667%; }
	.col-xs-9[class*="col-sm-"] { width: 75%; }
	.col-xs-10[class*="col-sm-"] { width: 83.3333%; }
	.col-xs-11[class*="col-sm-"] { width: 91.6667%; }
	.col-xs-12[class*="col-sm-"] { width: 100%; }
}

/*
 * フォームの選択欄（都道府県など）の右端の矢印
 * 子テーマの less/form.less は矢印の字体を Avada 3.8 のアイコンの字体「icomoon」に固定している。
 * Avada 7 ではこの字体の名前が「awb-icons」に変わり、icomoon は無いので、矢印が文字化け（四角）していた
 */
.wpcf7 .wpcf7-select-parent .select-arrow {
	font-family: awb-icons !important;
}

/*
 * 検索結果のタイトル（ユーザーの指示: 投稿者・日付の行と「Read More」を出さないので、タイトルをリンクとわかる色にする）
 * 色は本文のリンクと同じ #0b3188（子テーマの指定。Avada の設定のリンクの色 link_color は #333333 で、見出しと同じ黒になる）
 */
body.search-results #posts-container .entry-title a {
	color: #0b3188;
}
body.search-results #posts-container .entry-title a:hover {
	text-decoration: underline;
}

/*
 * 検索結果の一覧（子テーマの search.php・parts/search-results.php。2026-11-01 ユーザーの決定: 画像＋文字）
 * 左に小さい画像、右にタイトル・種類・日付・本文の最初の 2 行。画像が無いものはロゴを薄く出す
 */
.rp-search-results {
	margin-top: 30px;
}
.rp-search-item {
	display: flex;
	gap: 20px;
	padding: 20px 0;
	border-bottom: 1px solid #e0e0e0;
}
.rp-search-item__image {
	display: block;
	flex: 0 0 160px;
	height: 107px;
	overflow: hidden;
	background: #f4f4f4;
}
.rp-search-item__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.rp-search-item__image--none img {
	object-fit: contain;
	padding: 14px;
	box-sizing: border-box;
	opacity: 0.25;
}
.rp-search-item__body {
	flex: 1;
	min-width: 0;
}
.rp-search-item .entry-title {
	margin: 0 0 6px;
	font-size: 18px;
	line-height: 27px;
}
.rp-search-item__meta {
	margin: 0 0 6px;
	font-size: 12px;
	color: #666;
}
.rp-search-item__type {
	display: inline-block;
	margin-right: 8px;
	padding: 0 8px;
	background: #0b3188;
	color: #fff;
	line-height: 20px;
	border-radius: 2px;
}
.rp-search-item__text {
	margin: 0;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media (max-width: 640px) {
	.rp-search-item {
		gap: 12px;
	}
	.rp-search-item__image {
		flex-basis: 100px;
		height: 67px;
	}
	.rp-search-item .entry-title {
		font-size: 15px;
		line-height: 22px;
	}
	.rp-search-item__text {
		-webkit-line-clamp: 3;
	}
}

/*
 * Avada のタイトルの部品（[fusion_title]）の中の見出し（段階 10-1）
 * 子テーマの less/main.css は、タイトルの部品の中の見出しに余白・大きさを付けて飾っている
 * （大きいタイトル h1 は 24px・上 20px・下 5px、「イベント案内」などの黄色い帯の h1 は余白 50px 30px、h2 は上 8px）。
 * Avada 7（fusion-builder の title.css の `.fusion-body #wrapper .fusion-title h1` など）は、見出しの余白を 0、
 * 大きさを 1em（見出しの設定の 34px など）にする指定を強く書いているので、子テーマの飾りが効かなくなっていた。同じ値を強くして戻す
 */
.fusion-body #wrapper .fusion-title.title.fusion-title-size-one h1 {
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 24px;
}
.fusion-body #wrapper .rp_title-1 .fusion-title.title.fusion-title-size-one h1 {
	padding: 50px 30px;
}
.fusion-body #wrapper .fusion-title.title h2 {
	padding-top: 8px;
}
/* 画面の幅が 800px 以下では、Avada 3.8 はタイトルの部品の見出しの右の余白を 0 にしていた */
@media (max-width: 800px) {
	.fusion-body #wrapper .rp_title-1 .fusion-title.title.fusion-title-size-one h1 {
		padding-right: 0;
	}
}

/*
 * タイトルの部品の上下の余白（段階 10-1）
 * Avada 3.8 は、タイトルの部品の余白を見出しの設定の余白と同じにしていた（大きさ 1 は上下 0.67em、2 は下 1.1em、3 は上下 1em。
 * 部品の文字の大きさ 13px で計算して、8.71px・14.3px・13px）。画面の幅が 800px 以下では、どの大きさも上 0・下 20px。
 * Avada 7 は大きさに関係なく 1 つの設定（Avada の設定画面の Title の Margin）を使う。
 * いちばん多い大きさ 2（287 個）の値（上 0・下 14.3px、スマートフォンは上 0・下 20px）を Avada の設定画面に入れ、
 * 大きさ 1（42 個）と 3（9 個）と、Avada 7 がスマートフォンの値を使わない 641〜800px の幅だけ、ここで旧の値にする
 * （記事の部品で余白を書いたものがあれば、Avada が部品に直接書く値が優先される。今は 0 個）
 */
.fusion-body .fusion-title.fusion-title-size-one {
	--awb-margin-top: 8.71px;
	--awb-margin-bottom: 8.71px;
}
.fusion-body .fusion-title.fusion-title-size-three {
	--awb-margin-top: 13px;
	--awb-margin-bottom: 13px;
}
@media (max-width: 800px) {
	.fusion-body .fusion-title.fusion-title-size-one,
	.fusion-body .fusion-title.fusion-title-size-three,
	.fusion-body .fusion-title {
		--awb-margin-top: 0px;
		--awb-margin-bottom: 20px;
	}
}

/*
 * 幅 100% のページ（テンプレート「100% Width」と、子テーマが 100% にする学校・プログラム・特集のページ）の、
 * 画面が狭いときの枠の左右の余白（段階 10。2026-11-01 ユーザーの決定、案 1）
 *
 * Avada 3.8 は、画面の幅がサイトの幅（980px）以下のとき、幅 100% のページのすべての枠（.fullwidth-box）に
 * 左右 30px（Avada の設定の 100% Width Padding）の余白を !important で付けていた（Avada 3.8 の includes/dynamic_css.php）。
 * 枠の設定で左右の余白を 0 にしてあっても、この余白が優先されていた。
 * Avada 7 にはこの決まりが無く、枠の設定の 0 がそのまま使われるので、スマートフォンで本文が画面の端に付き、
 * 列の間隔の分だけ画面の外にはみ出していた（固定ページ 50 件・学校のページ 20 件）。旧の決まりを同じ値で戻す。
 * 枠の外側の -30px は、Avada 7 も同じ値を付けている（.width-100 .fusion-fullwidth の margin-left・right）。
 * 「100% 幅」にした枠（hundred_percent="yes"）は、Avada 3.8 でも枠ごとの余白の設定を、より強い指定でどの幅でも使っていたので
 * （Avada 3.8 の fusion-core/shortcodes/class-fullwidth.php）、この決まりから外す。Avada 7 も枠の設定の余白を使う
 */
@media (max-width: 980px) {
	.width-100 .fusion-fullwidth:not(.hundred-percent-fullwidth) {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}

/*
 * 表の横スクロール（段階 10。2026-11-01 ユーザーの指摘「スマホで表が切れる」）
 * 本文の表は <div class="table-responsive"> で囲んである。Avada 3.8 は、画面の幅が 800px 未満のとき、この囲みを
 * 横にスクロールできる箱にしていた（Avada 3.8 の style.css。薄い枠線と下の余白 15px も付く）。
 * Avada 7 は同じ指定を、Avada Builder を使わないときの CSS（assets/css/no-builder/shortcodes.css）にだけ持っていて、
 * このサイトでは読み込まれないので、画面より広い表（子テーマで幅 980px にしている表など）の右側が切れていた。旧の指定を同じ値で戻す。
 * 表の中の文字の折り返し（白い空白の扱い）は、子テーマの less/main.css の指定のまま
 */
@media (max-width: 799px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		overflow-x: scroll;
		border: 1px solid #e5e4e3;
		-webkit-overflow-scrolling: touch;
	}
}

/*
 * 横にスクロールする表の案内（段階 10。js/table-scroll-hint.js が、表の囲み .table-responsive を .rp-scroll-hint で包む）
 * 表が画面より広いときだけ（.is-scrollable）、表の上に「スクロールできます」の札を出し、一度スクロールしたら消す（.is-scrolled）。
 * 続きがある側の端に影を出し、いちばん端まで来たら消す（.is-start・.is-end）。色はサイトの青 #0b3188
 */
.rp-scroll-hint {
	position: relative;
}
.rp-scroll-hint__label,
.rp-scroll-hint__shadow {
	display: none;
	pointer-events: none;
}
@media (max-width: 799px) {
	.rp-scroll-hint.is-scrollable .rp-scroll-hint__label,
	.rp-scroll-hint.is-scrollable .rp-scroll-hint__shadow {
		display: block;
	}
	.rp-scroll-hint__label {
		position: absolute;
		top: min(50%, 90px); /* 縦に長い表でも、表の上の方（最初に目に入る所）に出す */
		left: 50%;
		z-index: 2;
		transform: translate(-50%, -50%);
		padding: 8px 14px;
		border-radius: 20px;
		background: rgba(11, 49, 136, 0.85);
		color: #fff;
		font-size: 13px;
		line-height: 18px;
		white-space: nowrap;
		transition: opacity 0.3s;
	}
	.rp-scroll-hint__label svg {
		display: inline-block;
		margin-right: 6px;
		vertical-align: -4px;
	}
	.rp-scroll-hint.is-scrolled .rp-scroll-hint__label {
		opacity: 0;
	}
	.rp-scroll-hint__shadow {
		position: absolute;
		top: 1px;
		bottom: 16px; /* 表の囲みの下の余白（15px）と枠線の分は除く */
		z-index: 1;
		width: 24px;
		transition: opacity 0.2s;
	}
	.rp-scroll-hint__shadow--left {
		left: 1px;
		background: linear-gradient(to right, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
	}
	.rp-scroll-hint__shadow--right {
		right: 1px;
		background: linear-gradient(to left, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
	}
	.rp-scroll-hint.is-start .rp-scroll-hint__shadow--left,
	.rp-scroll-hint.is-end .rp-scroll-hint__shadow--right {
		opacity: 0;
	}
}

/* 段階 10: 埋め込み地図（.rp-map。/access/ と学校のページ）。iframe は文字と同じ並び方なので、下に文字の下がりの分（約 5px）の隙間ができる。
   旧の Avada の地図の部品は高さちょうど（300px）だったので、隙間を出さない。 */
.rp-map iframe { display: block; }

/* タイトルの部品の枠の高さ。子テーマ（less/main.css）は枠を高さ 43px にしている。
   Avada 7 は枠が横並び（flex）で見出しを上下の中央に置くので、見出しが 2 行になると下の線に重なる。
   枠を見出しに合わせて伸ばし（最低 43px）、見出しを枠の上に付ける。
   段階 10 では、旧（Avada 3.8）が 1 行に入らない見出しの 2 行目を隠していた動きを JS で再現していたが、
   スマートフォンで大見出しの上の端しか見えない崩れになるので、2026-11-02 にやめた（ユーザーの方針: 旧の再現より今の Avada に合わせる）。
   見出しの外側の余白は、旧の Avada 3.8 の決まり（.title h1〜h6 は margin 0）と同じく 0 にする
   （子テーマのテンプレートで作る見出し。Avada 7 は h2 に下 19.8px を付け、枠が 15px 高くなっていた）。 */
.fusion-body .fusion-title.title {
	align-items: flex-start;
	height: auto;
	min-height: 43px;
}
/* 見出しの中の右上のリンク（会社概要の「English」。子テーマの main.css が右上に置く）が、スマートフォンで 2 行になった見出しに重ならないように、
   リンクの分だけ見出しの右を空ける */
@media (max-width: 799px) {
	.fusion-body #wrapper .fusion-title.title > :is(h1, h2, h3, h4, h5, h6):has(> a) {
		padding-right: 60px;
	}
}
.fusion-body #wrapper .fusion-title.title > :is(h1, h2, h3, h4, h5, h6) {
	margin: 0;
}

/* 段階 10: 本文の中で「title」という名前を付けた箱（問い合わせのフォームの上の黄色い箱 .col-md-6.title。17 ページ）。
   旧の Avada 3.8 は、名前が「title」の箱すべてに、見出しを左に寄せて詰める決まり（Avada/style.css の .title・.title h1〜h6）を持っていた。
   Avada 7 にはこの決まりが無いので、見出しの上下に余白が付き、見出しの後の改行が下に送られて、黄色い箱が旧より約 110px 高くなる。
   Avada 7 のタイトルの部品（.fusion-title）は別の決まりで作るので除く。余白（margin）は子テーマの main.css の指定を使う。
   強さ（詳細度）は旧の .fusion-post-content .title h2 と同じにする（:where の中は数えない）。子テーマの main.css の指定
   （例: .supportTop .title .titleHead の「回り込まない・上の余白 5px」）が旧と同じく勝つように。 */
.fusion-body .post-content :where(.title:not(.fusion-title)) {
	overflow: hidden;
	display: table;
}
.fusion-body .post-content :where(.title:not(.fusion-title)) :is(h1, h2, h3, h4, h5, h6) {
	display: table-cell;
	white-space: pre;
	float: left;
	padding: 0 8px 0 0;
	margin: 0;
}
.fusion-body .post-content :where(.title:not(.fusion-title)) h2 {
	font-size: 18px;
}
/* 見出しが 1 行に入らない箱（js/title-wrap.js が class「rp-title-wrap」を付ける）は、旧の「border-below-title」と同じく、
   詰めて 1 行に並べる決まりを外して折り返す（例: スマートフォンの /pathway/us/us-graduate-pathway/ の青い箱） */
.fusion-body .post-content :where(.title:not(.fusion-title)).rp-title-wrap {
	display: block;
}
.fusion-body .post-content :where(.title:not(.fusion-title)).rp-title-wrap :is(h1, h2, h3, h4, h5, h6) {
	white-space: normal;
	float: none;
	padding-right: 0;
}

/* 段階 10: よくある質問の一覧（WordPress FAQ Manager の [faq]）のページ送り。
   旧（1.331）は、ページ送りの数をページ全体の数（$wp_query->max_num_pages）で作っていたため、ページ送りが出なかった（空の段落だけ）。
   新しい版（2.0.4.4）は正しく「1 2 3 … 7 »」を出すので、区切りごとに 40px 長くなり、旧に無かったリンクが増える。
   旧と同じく出さない（空の段落は残す）。 */
.faq-list p.faq-nav > * {
	display: none;
}

/* 段階 10: Contact Form 7 のフォームの部品の見た目を、旧（Contact Form 7 4.2.2・Avada 3.8）と同じにする。
   Avada 7 は入力欄の高さ（29px）・角の丸み（6px）・文字の大きさ（16px）を全体に付け、送信ボタンの幅を auto にするので、
   送信ボタンが「送信」の文字の幅の小さな灰色のボタンになり、入力欄も旧と違って見えていた。旧の画面で測った値に合わせる。 */
/* 送信ボタン: 旧は子テーマの main.css（幅 33%・高さ 50px）に Avada 3.8 のボタンの飾り（青の階調・余白 13px 29px）が重なっていた。
   旧の Avada 3.8 のボタンは box-sizing が content-box（幅と高さに余白を足す）。 */
.fusion-body .wpcf7 input.wpcf7-submit {
	box-sizing: content-box;
	width: 33%;
	height: 50px;
	padding: 13px 29px;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	text-transform: uppercase;
	color: #105378;
	background: linear-gradient(to top, #5aabd6, #90c9e8) #90c9e8;
	border: 0 solid #105378;
	border-radius: 2px;
	text-shadow: #fff 1px 1px 0;
	box-shadow: rgba(0, 0, 0, 0.5) 1px 4px 9px -6px inset;
	transition: 0.2s;
}
.fusion-body .wpcf7 input.wpcf7-submit:hover,
.fusion-body .wpcf7 input.wpcf7-submit:focus {
	color: #105378;
	background: linear-gradient(to top, #90c9e8, #5aabd6) #5aabd6;
}
.fusion-body .wpcf7-sp .contact_form input.wpcf7-submit {
	width: 50%;
}
/* 選択肢（チェックボックス・ラジオ）: 旧は左の余白 0.5em で文字の流れに並べていた（4.2.2 の styles.css）。スマートフォン用のフォームは
   子テーマの form.css で 1 行ずつ。同意の欄は旧では選択肢の囲みが無く、チェックと「同意する」が同じ行だった */
.fusion-body .wpcf7 .wpcf7-list-item {
	display: inline;
	margin: 0 0 0 0.5em;
}
.fusion-body .wpcf7-sp .wpcf7-list-item {
	display: block;
}
.fusion-body .wpcf7 .wpcf7-acceptance .wpcf7-list-item {
	display: inline;
	margin: 0;
}
/* 入力欄: パソコン用は子テーマの main.css（余白 5px・角 3px）、スマートフォン用は Avada 3.8 の決まり（余白 8px・角 0）。高さは中身から決める */
.fusion-body .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], input[type="url"]) {
	height: auto;
}
.fusion-body .wpcf7 textarea {
	padding: 8px 11px;
	border-radius: 0;
	font-size: 13px;
}
.fusion-body .wpcf7-sp :is(input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], input[type="url"]) {
	padding: 8px 2%;
	border-radius: 0;
}
.fusion-body .wpcf7-sp input[type="date"],
.fusion-body .wpcf7-sp select {
	font-size: 13px;
}
.fusion-body .wpcf7-sp select {
	height: auto;
	padding: 8px 15px;
	border-radius: 0;
}
/* 入力欄の書体: 旧は Arial（Avada 3.8 は入力欄に本文の書体を付けなかった）。Avada 7 は本文の書体（PT Sans）を付け、高さが 2px 変わる。
   パソコン用の一部の欄は子テーマの main.css が「Arial, sans-serif」を付けているので、それより弱く付ける（:where で強さを上げない） */
.fusion-body .wpcf7 :where(input:not(.wpcf7-submit), select, textarea) {
	font-family: Arial, Helvetica, sans-serif;
}

/* 2026-11-02: 留学パスウェイのサポート（/suport/、固定ページ 2075）のスマートフォンの表示を直す（旧サイトでも崩れていた。ユーザーの指摘）。
   本文は「コード」の部品の HTML で、見た目は子テーマの main.css（less/support.less）が決める。旧のスマートフォン向けの直しは
   幅 360px 以下にしか効かず、今のスマートフォン（幅 390px など）では次の 4 つが崩れていた。本文（DB）は変えない。
   - 「お申し込みから出発まで」の縦の帯（.stepLeft_2）だけ隠す決まりが無く、右に大きな空白ができ、点線が step 3 の文字に重なる
     （ほかの帯 .stepLeft は 992px 以下で隠している。同じにする）
   - step 1 のイラストが、電話番号とボタンに重なる → ボタンの下に置く
   - チェックの印の見出しが 2 行になると、2 行目が本文に重なる（高さ 42px・行の高さ 47px の固定）→ 高さを中身に合わせる
   - 料金の表が狭く、見出しが 1 文字ずつ折り返す → 見出しを表の幅いっぱいに、「一律」は折り返さない
   あわせて、step の帯の長い見出し（出発前オリエンテーション）が帯からはみ出す、step 4 の箱のチェックの字下げがそろわない、
   step 5 の飛行機の絵の切れ端が帯の右端に見える、を直す。幅 360px 以下の旧の直し（帯を 80% に縮める など）はそのまま効く。 */
@media (max-width: 992px) {
	body.page-id-2075 .stepContainer .stepLeft_2 {
		display: none;
	}
}
@media (max-width: 799px) {
	body.page-id-2075 .stepContainer .stepRight .stepContentsContainer01 {
		background-position: center bottom;
		padding-bottom: 230px;
	}
	body.page-id-2075 .stepContainer .stepRight .stepContentsContainer01 p {
		margin-bottom: 20px;
	}
	body.page-id-2075 .stepContainer .stepRight .stepTitle h2.headH2 {
		font-size: 15px !important;
		white-space: nowrap;
	}
	body.page-id-2075 .stepContainer .stepRight .step5Illust {
		display: none;
	}
	body.page-id-2075 .stepContainer .stepRight .checkList {
		height: auto;
		min-height: 42px;
		padding-top: 10px;
		line-height: 1.5 !important;
	}
	body.page-id-2075 .stepContainer .stepRight .col-md-6 {
		padding-left: 0;
		padding-right: 0;
	}
	/* 料金の表: 行を横並びの箱にして、見出しの行は 1 つ目の欄を幅いっぱいに（空の欄は隠す） */
	body.page-id-2075 table.sample-schedule,
	body.page-id-2075 table.sample-schedule tbody {
		display: block;
	}
	body.page-id-2075 table.sample-schedule tr {
		display: flex;
	}
	body.page-id-2075 table.sample-schedule :is(th, td) {
		display: block;
		padding: 10px;
	}
	body.page-id-2075 table.sample-schedule th:first-child {
		flex: 1 1 auto;
	}
	body.page-id-2075 table.sample-schedule th:not(:first-child) {
		display: none;
	}
	body.page-id-2075 table.sample-schedule td:nth-child(1) {
		flex: 0 0 40%;
	}
	body.page-id-2075 table.sample-schedule td:nth-child(2) {
		flex: 0 0 auto;
		white-space: nowrap;
	}
	body.page-id-2075 table.sample-schedule td:nth-child(3) {
		flex: 1 1 0;
	}
	body.page-id-2075 .stepContainer .stepRight .step4Box {
		padding: 5px 15px;
	}
	body.page-id-2075 .stepContainer .stepRight .step4Box h3 {
		display: block;
		line-height: 1.5;
		padding-left: 1.3em;
		text-indent: -1.3em;
	}
	body.page-id-2075 .stepContainer .stepRight .step4Box h3 i {
		text-indent: 0;
	}
	body.page-id-2075 .stepContainer .stepRight .step4Box h3 i.mgn {
		margin-left: 0;
	}
	body.page-id-2075 .stepContainer .stepRight .step4Box br {
		display: none;
	}
}

/* 2026-11-02: パスウェイのページ（/pathway/us/・ca/・gb/・au/・us-undergraduate-pathway/・us-graduate-pathway/）の灰色の箱（.abt-eria）。
   子テーマの main.css が「高さ 100%」を付けている。旧（Avada 3.8）は列の高さが決まっていないので効かず、中身の高さだった。
   Avada 7 の Flex の列は高さが決まるので効くようになり、箱が列と同じ高さまで伸びて、後ろのボタンが次の区切りの文字に重なり
   （/pathway/gb/ の「入学保証」）、灰色の背景が途中まで広がっていた。旧と同じく中身の高さにする。 */
.fusion-body .post-content .abt-eria {
	height: auto;
}