@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
*/




/* ====================================
   共通デザイン（PC・スマホ共通）
   ==================================== */
/* --- 言語切り替えボタン全体の調整 --- */
.bogo-language-switcher {
    list-style: none !important;
    display: flex !important;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- ボタン本体（aタグ）の設定 --- */
.bogo-language-switcher li a {
    display: inline-flex !important; /* アイコンと文字を並べる */
    align-items: center !important;  /* 上下中央揃え */
    justify-content: center !important;
    padding: 6px 15px !important;    /* 余白を少し調整 */
    background-color: #004494 !important; /* 紺色 */
    color: #ffffff !important;       /* 文字色を白に強制 */
    border-radius: 50px !important;  /* デザインに合わせた丸み（10pxより50pxが綺麗です） */
    font-size: 12px !important;      /* 以前の .7em より確実な指定 */
    font-weight: bold !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    line-height: 1 !important;
}

/* ホバー時 */
.bogo-language-switcher li a:hover {
    opacity: 0.8 !important;
    background-color: #003370 !important;
}

/* 現在の言語を非表示 */
.bogo-language-switcher li.current {
    display: none !important;
}

/* 国旗を非表示（テキストのみにする） */
.bogo-language-switcher .flag {
    display: none !important;
}

/* --- 地球儀アイコンの追加（メディアライブラリのSVGを使用） --- */
.bogo-language-switcher li a::before {
    content: "" !important;
    display: inline-block !important;
    width: 1.4em !important;
    height: 1.4em !important;
    margin-right: 6px !important;

    /* 文字の色（白）と連動 */
    background-color: #ffffff !important; 

    /* マスクとしてアップロードしたSVGを使用 */
    -webkit-mask-image: url("https://www.kokusaikouryu.net/wp-content/uploads/2026/02/icon_language_01.svg");
    mask-image: url("https://www.kokusaikouryu.net/wp-content/uploads/2026/02/icon_language_01.svg");

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}


/* ====================================
   PCヘッダー位置の設定
   ==================================== */
.-parallel-bottom .l-header__logo{
    padding-top: 0;
    padding-bottom: 0;
}
.l-fixHeader__logo{
    padding-top: 0;
    padding-bottom: 0;
}

.header-bogo-pos {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 9999;
}

/* スマホ表示時（959px以下）はヘッダーのボタンだけ消す */
@media screen and (max-width: 959px) {
    .header-bogo-pos {
        display: none !important;
    }
}


/* ====================================
   PCヘッダーロゴを左揃えにする設定
   ==================================== */
@media screen and (min-width: 960px) {

    /* ロゴ枠の余白調整で左寄せにし、他の要素を右へ追いやる */
    .l-header__logo {
        margin-right: auto !important;
        margin-left: 40px !important;
        text-align: left !important;
    }

    /* ヘッダーの中身の整列設定も上書き */
    .l-header__inner {
        justify-content: flex-start !important;
    }
}





/* ====================================
   PCヘッダーメニューの文字サイズ変更
   ==================================== */
.c-gnav>.menu-item>a .ttl {
    font-size: .95em !important;
    /* お好みのサイズを指定 */
    /* font-weight: bold;*/
    /* 太字にしたい場合 */
}

/*グローバルメニューの背景にグラデーション*/
@media (min-width: 960px) {
    .-parallel .l-header__gnav {
        background-image: linear-gradient(120deg, #070f46 0%, #495299 40%, #495299 60%, #070f46 100%);
        color: #fff;
    }
}


.c-gnav>li:hover>a,
.c-gnav>.-current>a {
    background: #cdd1f3;
    color: #333;
}


/* ====================================
   特定のメニュー項目の背景色を変える
	「海外留学給付型奨学金」メニューの背景色
   ==================================== */
.menu-btn-highlight {
    background-color: #C5A059 !important;
    /* 金色 */
    margin: 0 !important;
    /* 外側の余白をゼロにする */
    height: 100% !important;
    /* 高さをバーに合わせる */
    display: flex !important;
    align-items: center !important;
}

.menu-btn-highlight a {
    color: #fff !important;
    padding: 0 20px !important;
    /* 左右の余白だけ調整 */
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

/* ホバー時の色 */
.menu-btn-highlight:hover {
    background-color: #A68648 !important;
}





/* ====================================
   メインビジュアル全体のレイアウト調整
   ==================================== */
/* --- メインビジュアル全体のレイアウト調整 --- */
.-height-auto .p-mainVisual__textLayer {
    justify-content: flex-start;
}

.p-mainVisual__slideText {
    text-align: left !important;
    left: 5% !important;
    transform: translate(0, -50%) !important;
    max-width: 90% !important;
}

/* --- メインテキスト（世界に羽ばたく〜） --- */
.p-mainVisual__slideTitle {
    font-family: "Noto Serif JP", serif !important;
    font-size: clamp(20px, 5vw, 50px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3) !important;
    border-left: 4px solid #C5A059 !important;
    padding-left: 20px !important;
}

/* --- 【最重要】J-MICAの装飾（クラス名を単体で強力に指定） --- */
.mv-jmica {
    display: inline-block !important;
    font-size: 2.8em !important;
    /* 確実に変わったことがわかるように大きくします */
    font-weight: 700 !important;
    /* 極太 */
    font-style: italic !important;
    /* 斜体 */
    line-height: 1.2 !important;
    margin-top: 2em !important;
    margin-bottom: 0 !important;
    letter-spacing: 0.05em !important;
    font-family: sans-serif !important;
    color: #fff !important;
}

/* --- サブテキスト（英語部分）全体の調整 --- */
.p-mainVisual__slideSubTitle,
.p-mainVisual__slideText {
    font-size: 1.2em !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

.p-mainVisual__slideBtn.c-mvBtn{
    margin-top: 0;
}


/* SWELLメインビジュアル（スライド1枚目）のテキストを言語を日英で切り替える */
/* デフォルトでは英語を隠す */
.only-en { display: none; }

/* <html>タグのlang属性が en の時だけ表示を切り替える */
html[lang^="en"] .only-ja {
    display: none;
}
html[lang^="en"] .only-en {
    display: inline-block;
    font-size: .7em;
}



/* ====================================
   パンくずリスト変更
   ==================================== */
.-body-solid .p-breadcrumb.-bg-on {
    /*box-shadow: inset 0 -1px 8px rgba(0, 0, 0, .06);*/
    box-shadow: none;
}

.p-breadcrumb.-bg-on {
    background: #fff;
}




/* ====================================
   カテゴリーページの説明を消す
   ==================================== */
.p-termHead {
    display: none;
}




/* ====================================
   カスタム投稿 活動実績(activity)
   ==================================== */
/* 活動実績(activity)の個別ページのみ日付関連を非表示にする */

.single-activity .p-articleHead.c-postTitle .c-postTitle__date.u-thin,
.single-activity .p-articleMetas {
    display: none !important;
}

/* タイトルの上の余白が空きすぎる場合は以下も追加（任意） */
.single-activity .l-mainContent__inner > .p-articleHead {
    margin-top: 0;
}






/* ====================================
   フッターメニュー
   ==================================== */
.w-footer__box #menu-primary-menu-3 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; /* middleからcenterに修正（flexではcenterを使います） */
    gap: 2em;
}

.w-footer__box #menu-primary-menu-3 li a {
    font-size: .8em;
    padding-top: 0;
    padding-bottom: 0;
}

/* ホバー時の透明度設定 */
.w-footer__box #menu-primary-menu-3 li a:hover {
    opacity: 0.7; /* 0.7（70%）の濃さにする */
}

/* 金色のボタン項目だけホバーの挙動を変えたい、または同様に透過させたい場合 */
.menu-btn-highlight:hover {
    opacity: 0.8 !important;
}





/* ====================================
   検索結果ページ
   ==================================== */
/* 検索結果ページのみサムネイル画像を非表示にする */
.search-results .p-postList__thumb {
    display: none !important;
}

/* 画像が消えた分の余白を詰め、テキストを横幅いっぱいに広げる */
.search-results .p-postList__body {
    width: 100% !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 記事間の余白などの微調整（必要に応じて） */
.search-results .p-postList__item {
    padding-left: 0 !important;
}