/* 2026.02 FUBUKI CMS Tools update */
/*TOC
---------------
共通設定
├ 色
├ フォントファミリー
├ フォントサイズ
├ フォントウェイト
├ 行間
├ 文字間
├ 動きの速度（ホバーなど）
├ ホバー時の透過具合
---------------
ヘッダー設定（p-header）
├ 背景色
├ 高さ
├ 左右余白
├ ロゴ
├ メニュー（SPのみ）
├ ナビゲーション
├ ボタン（PCのみ）
---------------
フッター設定（p-footer）
├ 背景色
├ ナビゲーション
├ コピーライト
---------------
リッチテキスト設定（c-richtext）
├ フォントサイズ
├ フォントウェイト
├ 行間
├ 文字間
├ 上余白
---------------
セクションモジュール設定（p-section）
├ タイトル 装飾など
├ リード文
├ コンテンツ 余白
├ ボタン 余白
├ オブション 背景
├ オプション 上下余白
├ オプション コンテンツの左右幅
---------------
カラムの余白設定（p-row）
---------------
ボタン設定（c-btn）
├ 共通ボタン
├ v2
├ v3
---------------
タグ設定（p-tags）
---------------
ページタイトル設定（p-page_head）
---------------
*/
:root {
/* ////////////////////////////////////////////////////////////////////////////////
共通設定
*/
/* ========================================
色
*/
/*
黒（テキスト）
*/
--common_color_black: #000;
/*
プライマリー（メイン）
*/
--common_color_primary: #344380;
/*
バリアント（サブ）
*/
--common_color_primary_variant: #999;
/*
セカンダリー（アクセント）
*/
--common_color_secondary: #2bacdd;
/*
全体背景
*/
--common_color_bg: #fff;
/*
ライン
*/
--common_color_line: #ccc;
/*
文字選択時の背景
*/
--common_color_selection_bg: var(--common_color_black);
/*
文字選択時のテキスト
*/
--common_color_selection_text: #fff;
/*
リンク
*/
--common_color_link: #000;
/* ========================================
フォントファミリー
*/
/*
日本語ゴシック
*/
--common_font_family_jp_sans: 'Noto Sans JP', sans-serif;
/*
日本語明朝
*/
--common_font_family_jp_serif: 'Noto Serif JP', serif;
/*
日本語基本フォント
*/
--common_font_family_jp: var(--common_font_family_jp_sans);
/*
英語基本フォント
*/
--common_font_family_en: 'Lato', sans-serif;
/* ========================================
フォントサイズ
*/
/*
heading1
*/
/* [SP] */ --common_heading1_font_size_sp: 22px;
/* [PC] */ --common_heading1_font_size_pc: 40px;
/*
heading2
*/
/* [SP] */ --common_heading2_font_size_sp: 20px;
/* [PC] */ --common_heading2_font_size_pc: 30px;
/*
heading3
*/
/* [SP] */ --common_heading3_font_size_sp: 18px;
/* [PC] */ --common_heading3_font_size_pc: 24px;
/*
heading4
*/
/* [SP] */ --common_heading4_font_size_sp: 17px;
/* [PC] */ --common_heading4_font_size_pc: 20px;
/*
heading5
*/
/* [SP] */ --common_heading5_font_size_sp: 16px;
/* [PC] */ --common_heading5_font_size_pc: 18px;
/*
heading6
*/
/* [SP] */ --common_heading6_font_size_sp: 15px;
/* [PC] */ --common_heading6_font_size_pc: 16px;
/*
paragraph
*/
/* [SP] */ --common_paragraph_font_size_sp: 14px;
/* [PC] */ --common_paragraph_font_size_pc: 16px;
/*
paragraph small
*/
/* [SP] */ --common_paragraph_small_font_size_sp: 12px;
/* [PC] */ --common_paragraph_small_font_size_pc: 13px;
/*
annotation
*/
/* [SP] */ --common_annotation_font_size_sp: 12px;
/* [PC] */ --common_annotation_font_size_pc: 13px;
/* ========================================
フォントウェイト
*/
/*
heading1
*/
--common_heading1_font_weight: 500;
/*
heading2
*/
--common_heading2_font_weight: 500;
/*
heading3
*/
--common_heading3_font_weight: 500;
/*
heading4
*/
--common_heading4_font_weight: 500;
/*
heading5
*/
--common_heading5_font_weight: 500;
/*
heading6
*/
--common_heading6_font_weight: 500;
/*
paragraph
*/
--common_paragraph_font_weight: 400;
/*
paragraph small
*/
--common_paragraph_small_font_weight: 400;
/*
annotation
*/
--common_annotation_font_weight: 400;
/* ========================================
行間
*/
/*
heading1
*/
--common_heading1_line_height: 150%;
/*
heading2
*/
--common_heading2_line_height: 150%;
/*
heading3
*/
--common_heading3_line_height: 150%;
/*
heading4
*/
--common_heading4_line_height: 150%;
/*
heading5
*/
--common_heading5_line_height: 150%;
/*
heading6
*/
--common_heading6_line_height: 150%;
/*
paragraph
*/
--common_paragraph_line_height: 180%;
/*
paragraph small
*/
--common_paragraph_small_line_height: 180%;
/*
annotation
*/
--common_annotation_line_height: 180%;
/* ========================================
文字間
*/
/*
heading1
*/
--common_heading1_letter_spacing: 0.04em;
/*
heading2
*/
--common_heading2_letter_spacing: 0.04em;
/*
heading3
*/
--common_heading3_letter_spacing: 0.04em;
/*
heading4
*/
--common_heading4_letter_spacing: 0.04em;
/*
heading5
*/
--common_heading5_letter_spacing: 0.04em;
/*
heading6
*/
--common_heading6_letter_spacing: 0.04em;
/*
paragraph
*/
--common_paragraph_letter_spacing: 0.04em;
/*
paragraph small
*/
--common_paragraph_small_letter_spacing: 0.04em;
/*
annotation
*/
--common_annotation_letter_spacing: 0.04em;
/* ========================================
動きの速度（ホバーなど）
*/
--common_transition_duration: 0.3s;
/* ========================================
ホバー時の透過具合
*/
--common_hover_opacity: 0.7;
/* ////////////////////////////////////////////////////////////////////////////////
ヘッダー設定（p-header）
*/
/* ========================================
背景色
*/
--header_bg_color: #fff;
/* ========================================
高さ
*/
/* [SP] */ --header_height_sp: 65px;
/* [PC] */ --header_height_pc: 125px;
/* ========================================
左右余白
*/
/*
ロゴ左
*/
/* [SP] */ --header_padding_left_sp: 15px;
/* [PC] */ --header_padding_left_pc: 35px;
/*
メニューバー右（SPのみ）
*/
--header_menu_right_sp: 15px;
/*
ナビゲーション右（PCのみ）
*/
--header_padding_right_pc: 20px;
/* ========================================
ロゴ
*/
/*
幅
*/
/* [SP] */ --header_logo_width_sp: 22vw;
/* [PC] */ --header_logo_width_pc: 110px;
/* ========================================
メニュー（SPのみ）
*/
/*
メニューのサイズ
*/
/* [高さ] */ --header_menu_height: 13px;
/* [幅] */ --header_menu_width: 20px;
/*
バーの色
*/
--header_menu_border_color: var(--common_color_black);
/*
バーの太さ
*/
--header_menu_border_width: 1px;
/* ========================================
ナビゲーション
*/
/*
親ナビゲーション フォントサイズ
*/
/* [sp] */ --header_nav_global_font_size_sp: 16px;
/* [pc] */ --header_nav_global_font_size_pc: 16px;
/*
親ナビゲーション フォントウェイト
*/
--header_nav_global_font_weight: 400;
/*
親ナビゲーション 文字間
*/
--header_nav_global_letter_spacing: 0.04em;
/*
子ナビゲーション フォントサイズ
*/
/* [sp] */ --header_nav_child_font_size_sp: 15px;
/* [pc] */ --header_nav_child_font_size_pc: 13px;
/*
子ナビゲーション フォントウェイト
*/
--header_nav_child_font_weight: 500;
/*
子ナビゲーション 文字間
*/
--header_nav_child_letter_spacing: 0.04em;
/*
子ナビゲーション 横幅（PCのみ）
*/
--header_nav_child_width_pc: auto;
/* ========================================
ボタン（PCのみ）
*/
/*
左余白（PCのみ）
*/
--header_nav_btn_left_margin_pc: 20px;
/*
高さ（PCのみ）
*/
--header_nav_btn_height_pc: 37px;
/*
ボーダー幅（PCのみ）
*/
--header_nav_btn_border_width_pc: 2px;
/*
角丸（PCのみ）
*/
--header_nav_btn_border_radius_pc: 0px;
/*
ボタン1 背景色（PCのみ）
*/
/* [通常] */ --header_nav_btn1_bg_color_pc: var(--common_color_primary);
/* [ホバー] */ --header_nav_btn1_bg_color_pc_hover: #fff;
/*
ボタン1 ボーダーカラー（PCのみ）
*/
/* [通常] */ --header_nav_btn1_border_color_pc: var(--common_color_primary);
/* [ホバー] */ --header_nav_btn1_border_color_pc_hover: var(--common_color_primary);
/*
ボタン1 文字色（PCのみ）
*/
/* [通常] */ --header_nav_btn1_font_color_pc: #fff;
/* [ホバー] */ --header_nav_btn1_font_color_pc_hover: var(--common_color_primary);
/*
ボタン2 背景色（PCのみ）
*/
/* [通常] */ --header_nav_btn2_bg_color_pc: var(--common_color_secondary);
/* [ホバー] */ --header_nav_btn2_bg_color_pc_hover: #fff;
/*
ボタン2 ボーダーカラー（PCのみ）
*/
/* [通常] */ --header_nav_btn2_border_color_pc: var(--common_color_secondary);
/* [ホバー] */ --header_nav_btn2_border_color_pc_hover: var(--common_color_secondary);
/*
ボタン2 文字色（PCのみ）
*/
/* [通常] */ --header_nav_btn2_font_color_pc: #fff;
/* [ホバー] */ --header_nav_btn2_font_color_pc_hover: var(--common_color_secondary);
/* ////////////////////////////////////////////////////////////////////////////////
フッター設定（p-footer）
*/
/* ========================================
背景色
*/
--footer_bg_color: var(--common_color_primary);
/* ========================================
ナビゲーション
*/
/*
親ナビゲーション フォントサイズ
*/
--footer_nav_global_font_size: 16px;
/*
親ナビゲーション フォントウェイト
*/
--footer_nav_global_font_weight: 500;
/*
親ナビゲーション 色
*/
--footer_nav_global_color: #fff;
/*
子ナビゲーション フォントサイズ
*/
--footer_nav_child_font_size: 15px;
/*
子ナビゲーション フォントウェイト
*/
--footer_nav_child_font_weight: 400;
/*
子ナビゲーション 色
*/
--footer_nav_child_color: #f0f0f0;
/* ========================================
コピーライト
*/
/*
背景色
*/
--footer_copyright_bg_color: #022038;
/*
文字色
*/
--footer_copyright_color: #fff;
/*
フォントウェイト
*/
--footer_copyright_font_weight: 400;
/*
フォントサイズ
*/
--footer_copyright_font_size: 14px;
/*
文字間
*/
--footer_copyright_letter_spacing: 0.1em;
/* ////////////////////////////////////////////////////////////////////////////////
リッチテキスト設定（c-richtext）
*/
/* ========================================
フォントサイズ
*/
/*
h1
*/
/* [SP] */ --richtext_h1_font_size_sp: var(--common_heading1_font_size_sp);
/* [PC] */ --richtext_h1_font_size_pc: var(--common_heading1_font_size_pc);
/*
h2
*/
/* [SP] */ --richtext_h2_font_size_sp: var(--common_heading2_font_size_sp);
/* [PC] */ --richtext_h2_font_size_pc: var(--common_heading2_font_size_pc);
/*
h3
*/
/* [SP] */ --richtext_h3_font_size_sp: var(--common_heading3_font_size_sp);
/* [PC] */ --richtext_h3_font_size_pc: var(--common_heading3_font_size_pc);
/*
h4
*/
/* [SP] */ --richtext_h4_font_size_sp: var(--common_heading4_font_size_sp);
/* [PC] */ --richtext_h4_font_size_pc: var(--common_heading4_font_size_pc);
/*
h5
*/
/* [SP] */ --richtext_h5_font_size_sp: var(--common_heading5_font_size_sp);
/* [PC] */ --richtext_h5_font_size_pc: var(--common_heading5_font_size_pc);
/*
h6
*/
/* [SP] */ --richtext_h6_font_size_sp: var(--common_heading6_font_size_sp);
/* [PC] */ --richtext_h6_font_size_pc: var(--common_heading6_font_size_pc);
/*
p
*/
/* [SP] */ --richtext_p_font_size_sp: var(--common_paragraph_font_size_sp);
/* [PC] */ --richtext_p_font_size_pc: var(--common_paragraph_font_size_pc);
/*
その他
*/
/* [SP] */ --richtext_other_font_size_sp: var(--common_paragraph_small_font_size_sp);
/* [PC] */ --richtext_other_font_size_pc: var(--common_paragraph_small_font_size_pc);
/* ========================================
フォントウェイト
*/
/*
h1
*/
--richtext_h1_font_weight: 400;
/*
h2
*/
--richtext_h2_font_weight: 400;
/*
h3
*/
--richtext_h3_font_weight: 400;
/*
h4
*/
--richtext_h4_font_weight: 400;
/*
h5
*/
--richtext_h5_font_weight: 400;
/*
h6
*/
--richtext_h6_font_weight: 400;
/*
p
*/
--richtext_p_font_weight: 400;
/*
その他
*/
--richtext_other_font_weight: 400;
/* ========================================
行間
*/
/*
h1
*/
--richtext_h1_line_height: var(--common_heading1_line_height);
/*
h2
*/
--richtext_h2_line_height: var(--common_heading2_line_height);
/*
h3
*/
--richtext_h3_line_height: var(--common_heading3_line_height);
/*
h4
*/
--richtext_h4_line_height: var(--common_heading4_line_height);
/*
h5
*/
--richtext_h5_line_height: var(--common_heading5_line_height);
/*
h6
*/
--richtext_h6_line_height: var(--common_heading6_line_height);
/*
p
*/
--richtext_p_line_height: var(--common_paragraph_line_height);
/*
その他
*/
--richtext_other_line_height: var(--common_paragraph_small_line_height);
/* ========================================
文字間
*/
/*
h1
*/
--richtext_h1_letter_spacing: var(--common_heading1_letter_spacing);
/*
h2
*/
--richtext_h2_letter_spacing: var(--common_heading2_letter_spacing);
/*
h3
*/
--richtext_h3_letter_spacing: var(--common_heading3_letter_spacing);
/*
h4
*/
--richtext_h4_letter_spacing: var(--common_heading4_letter_spacing);
/*
h5
*/
--richtext_h5_letter_spacing: var(--common_heading5_letter_spacing);
/*
h6
*/
--richtext_h6_letter_spacing: var(--common_heading6_letter_spacing);
/*
p
*/
--richtext_p_letter_spacing: var(--common_paragraph_letter_spacing);
/*
その他
*/
--richtext_other_letter_spacing: var(--common_paragraph_small_letter_spacing);
/* ========================================
上余白
*/
/*
h1
*/
/* [SP] */ --richtext_h1_margin_top_sp: 32px;
/* [PC] */ --richtext_h1_margin_top_pc: 32px;
/*
h2
*/
/* [SP] */ --richtext_h2_margin_top_sp: 24px;
/* [PC] */ --richtext_h2_margin_top_pc: 24px;
/*
h3
*/
/* [SP] */ --richtext_h3_margin_top_sp: 24px;
/* [PC] */ --richtext_h3_margin_top_pc: 24px;
/*
h4
*/
/* [SP] */ --richtext_h4_margin_top_sp: 24px;
/* [PC] */ --richtext_h4_margin_top_pc: 24px;
/*
h5
*/
/* [SP] */ --richtext_h5_margin_top_sp: 16px;
/* [PC] */ --richtext_h5_margin_top_pc: 16px;
/*
h6
*/
/* [SP] */ --richtext_h6_margin_top_sp: 16px;
/* [PC] */ --richtext_h6_margin_top_pc: 16px;
/*
p
*/
/* [SP] */ --richtext_p_margin_top_sp: 12px;
/* [PC] */ --richtext_p_margin_top_pc: 12px;
/*
その他
*/
/* [SP] */ --richtext_other_margin_top_sp: 12px;
/* [PC] */ --richtext_other_margin_top_pc: 12px;
/* ////////////////////////////////////////////////////////////////////////////////
セクションモジュール設定（p-section）
*/
/* ========================================
タイトル 装飾など
*/
/*
フォントサイズ
*/
/* [SP] */ --section_title_font_size_sp: var(--common_heading2_font_size_sp);
/* [PC] */ --section_title_font_size_pc: var(--common_heading2_font_size_pc);
/*
行間
*/
--section_title_line_height: 130%;
/*
文字間
*/
--section_title_letter_spacing: 0.04em;
/*
ウェイト
*/
--section_title_font_weight: 500;
/*
下余白（下線装飾までの距離）
*/
--section_title_padding_bottom: 25px;
/*
装飾の横幅
*/
--section_title_decoration_width: 100%;
/*
装飾の高さ
*/
--section_title_decoration_height: 4px;
/*
左半分の色
*/
--section_title_decoration_left_color: var(--common_color_primary);
/*
右半分の色
*/
--section_title_decoration_right_color: var(--common_color_secondary);
/* ========================================
リード文
*/
/*
上余白（タイトルとの間隔）
*/
--section_lead_margin_top: 30px;
/* ========================================
コンテンツ 余白
*/
/*
上余白（タイトルとの間隔）
*/
/* [SP] */ --section_body_margin_top_sp: 25px;
/* [PC] */ --section_body_margin_top_pc: 24px;
/* ========================================
ボタン 余白
*/
/*
上余白
*/
--section_btns_margin_top: 30px;
/* ========================================
オブション 背景
*/
/*
なし
*/
--section_bg_default: var(--common_color_bg);
/*
グレー
*/
--section_bg_gray: #f0f0f0;
/*
ライトカラー
*/
--section_bg_light_theme: #e9f1f4;
/* ========================================
オプション 上下余白
*/
/*
デフォルト
*/
/* [SP] */ --section_padding_default_sp: 60px;
/* [PC] */ --section_padding_default_pc: 85px;
/*
狭い
*/
/* [SP] */ --section_padding_low_sp: 30px;
/* [PC] */ --section_padding_low_pc: 40px;
/* ========================================
オプション コンテンツの左右幅
*/
/*
デフォルト
*/
--section_width_default: 1100px;
/*
広くする
*/
--section_width_wide: 1100px;
/*
狭くする
*/
--section_width_narrow: 940px;
/*
スマホ時の左右余白
*/
--section_side_padding_sp: 15px;
/* ////////////////////////////////////////////////////////////////////////////////
カラムの余白設定（p-row）
*/
/*
横 余白
*/
/* [SP][2カラム] */ --row2_space_horizon_sp: 32px;
/* [SP][3カラム] */ --row3_space_horizon_sp: 16px;
/* [PC][2カラム] */ --row2_space_horizon_pc: 40px;
/* [PC][3カラム] */ --row3_space_horizon_pc: 40px;
/* [PC][4カラム] */ --row4_space_horizon_pc: 32px;
/* [PC][5カラム] */ --row5_space_horizon_pc: 24px;
/*
[SP] 縦 余白
*/
/* [SP][1カラム] */ --row1_space_vertical_sp: 32px;
/* [SP][2カラム] */ --row2_space_vertical_sp: 32px;
/* [SP][3カラム] */ --row3_space_vertical_sp: 16px;
/* [PC][2カラム] */ --row2_space_vertical_pc: 40px;
/* [PC][3カラム] */ --row3_space_vertical_pc: 40px;
/* [PC][4カラム] */ --row4_space_vertical_pc: 32px;
/* [PC][5カラム] */ --row5_space_vertical_pc: 24px;
/* ////////////////////////////////////////////////////////////////////////////////
ボタン設定（c-btn）
*/
/* ========================================
共通ボタン
*/
/*
背景色
*/
/* [通常時] */ --btn_bg_color: var(--common_color_primary);
/* [ホバー時] */ --btn_bg_color_hover: #fff;
/*
文字色
*/
/* [通常時] */ --btn_font_color: #fff;
/* [ホバー時] */ --btn_font_color_hover: var(--common_color_primary);
/*
ボーダー色
*/
/* [通常時] */ --btn_border_color: var(--common_color_primary);
/* [ホバー時] */ --btn_border_color_hover: var(--common_color_primary);
/*
ボーダー太さ
*/
/* [SP] */ --btn_border_width_sp: 1px;
/* [PC] */ --btn_border_width_pc: 1px;
/*
フォントサイズ
*/
/* [SP] */ --btn_font_size_sp: 15px;
/* [PC] */ --btn_font_size_pc: 17px;
/*
フォントウェイト
*/
--btn_font_weight: 500;
/*
角丸
*/
/* [SP] */ --btn_radius_sp: 0px;
/* [PC] */ --btn_radius_pc: 0px;
/*
高さ
*/
/* [SP] */ --btn_height_sp: 54px;
/* [PC] */ --btn_height_pc: 54px;
/* ========================================
v2
*/
/*
背景色
*/
/* [通常時] */ --btn_v2_bg_color: #fff;
/* [ホバー時] */ --btn_v2_bg_color_hover: var(--common_color_primary);
/*
文字色
*/
/* [通常時] */ --btn_v2_font_color: var(--common_color_primary);
/* [ホバー時] */ --btn_v2_font_color_hover: #fff;
/*
ボーダー色
*/
/* [通常時] */ --btn_v2_border_color: var(--common_color_primary);
/* [ホバー時] */ --btn_v2_border_color_hover: var(--common_color_primary);
/*
ボーダー太さ
*/
/* [SP] */ --btn_v2_border_width_sp: var(--btn_border_width_sp);
/* [PC] */ --btn_v2_border_width_pc: var(--btn_border_width_pc);
/*
フォントサイズ
*/
/* [SP] */ --btn_v2_font_size_sp: var(--btn_font_size_sp);
/* [PC] */ --btn_v2_font_size_pc: var(--btn_font_size_pc);
/*
フォントウェイト
*/
--btn_v2_font_weight: var(--btn_font_weight);
/*
角丸
*/
/* [SP] */ --btn_v2_radius_sp: var(--btn_radius_sp);
/* [PC] */ --btn_v2_radius_pc: var(--btn_radius_pc);
/*
高さ
*/
/* [SP] */ --btn_v2_height_sp: var(--btn_height_sp);
/* [PC] */ --btn_v2_height_pc: var(--btn_height_pc);
/* ========================================
v3
*/
/*
背景色
*/
/* [通常時] */ --btn_v3_bg_color: none;
/* [ホバー時] */ --btn_v3_bg_color_hover: #fff;
/*
文字色
*/
/* [通常時] */ --btn_v3_font_color: var(--common_color_primary);
/* [ホバー時] */ --btn_v3_font_color_hover: var(--common_color_primary);
/*
ボーダー色
*/
/* [通常時] */ --btn_v3_border_color: var(--common_color_primary);
/* [ホバー時] */ --btn_v3_border_color_hover: var(--common_color_primary);
/*
ボーダー太さ
*/
/* [SP] */ --btn_v3_border_width_sp: var(--btn_border_width_sp);
/* [PC] */ --btn_v3_border_width_pc: var(--btn_border_width_pc);
/*
フォントサイズ
*/
/* [SP] */ --btn_v3_font_size_sp: var(--btn_font_size_sp);
/* [PC] */ --btn_v3_font_size_pc: var(--btn_font_size_pc);
/*
フォントウェイト
*/
--btn_v3_font_weight: var(--btn_font_weight);
/*
角丸
*/
/* [SP] */ --btn_v3_radius_sp: var(--btn_radius_sp);
/* [PC] */ --btn_v3_radius_pc: var(--btn_radius_pc);
/*
高さ
*/
/* [SP] */ --btn_v3_height_sp: var(--btn_height_sp);
/* [PC] */ --btn_v3_height_pc: var(--btn_height_pc);
/* ////////////////////////////////////////////////////////////////////////////////
タグ設定（p-tags）
*/
/*
背景色
*/
/* [通常時] */ --tag_bg_color: #fff;
/* [ホバー時] */ --tag_bg_color_hover: var(--common_color_primary);
/*
文字色
*/
/* [通常時] */ --tag_font_color: var(--common_color_black);
/* [ホバー時] */ --tag_font_color_hover: #fff;
/*
ボーダー色
*/
/* [通常時] */ --tag_border_color: #ccc;
/* [ホバー時] */ --tag_border_color_hover: #ccc;
/*
ボーダー太さ
*/
/* [SP] */ --tag_border_width_sp: 1px;
/* [PC] */ --tag_border_width_pc: 1px;
/*
フォントサイズ
*/
/* [SP] */ --tag_font_size_sp: var(--common_annotation_font_size_sp);
/* [PC] */ --tag_font_size_pc: var(--common_annotation_font_size_pc);
/*
フォントウェイト
*/
--tag_font_weight: 700;
/*
角丸
*/
/* [SP] */ --tag_radius_sp: 0;
/* [PC] */ --tag_radius_pc: 0;
/*
高さ
*/
/* [SP] */ --tag_height_sp: 24px;
/* [PC] */ --tag_height_pc: 24px;
/*
左右余白
*/
/* [SP] */ --tag_padding_sp: 15px;
/* [PC] */ --tag_padding_pc: 30px;
/* ////////////////////////////////////////////////////////////////////////////////
ページタイトル設定（p-page_head）
*/
/*
高さ（PCのみ）
*/
--page_head_height_pc: 250px;
/*
余白（SPのみ）
*/
/* [上下] */ --page_head_padding_vertical_sp: 35px;
/* [左右] */ --page_head_padding_horizon_sp: 10px;
}
@charset "UTF-8";
*,
::after,
::before {
box-sizing: border-box
}
blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
p {
margin: 0
}
ol[role=list],
ul[role=list] {
list-style: none
}
html:focus-within {
scroll-behavior: smooth
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5
}
a:not([class]) {
text-decoration-skip-ink: auto
}
img,
picture {
max-width: 100%;
display: block
}
button,
input,
select,
textarea {
font: inherit
}
@media (prefers-reduced-motion:reduce) {
html:focus-within {
scroll-behavior: auto
}
*,
::after,
::before {
animation-duration: 0s!important;
animation-iteration-count: 1!important;
transition-duration: 0s!important;
scroll-behavior: auto!important
}
}
.row-fluid [class*=span] {
min-height: auto!important
}
body .hs-tools-menu {
top: 120px!important
}
#wrap .hs_recaptcha {
margin-top: 60px
}
body {
font-family: var(--common_font_family_jp);
color: var(--common_color_black);
background-color: var(--common_color_bg)
}
body.is-open {
overflow: hidden;
height: 100%
}
img,
svg {
max-width: 100%;
height: auto;
vertical-align: top
}
::-moz-selection {
background-color: var(--common_color_selection_bg);
color: var(--common_color_selection_text)
}
::-moz-selection,
::selection {
background-color: var(--common_color_selection_bg);
color: var(--common_color_selection_text)
}
.a,
a {
cursor: pointer;
transition-duration: var(--common_transition_duration)
}
.a:hover,
a:hover {
cursor: pointer
}
a,
article,
aside,
body,
button,
dd,
div,
dl,
dt,
figure,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
input,
li,
main,
ol,
p,
section,
select,
span,
table,
td,
textarea,
th,
tr,
ul {
margin: 0;
padding: 0;
box-sizing: border-box;
word-break: normal;
line-break: strict;
word-wrap: break-word;
overflow-wrap: break-word
}
iframe {
max-width: 100%!important
}
#wrap {
position: relative;
overflow: hidden
}
#header {
position: relative;
z-index: 5
}
#page-contents {
position: relative;
z-index: 3
}
#foot-contents {
position: relative;
z-index: 2
}
#footer {
position: relative;
z-index: 1
}
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
margin: 0 auto
}
.c-btn {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;
font-weight: var(--btn_font_weight);
background-color: var(--btn_bg_color);
color: var(--btn_font_color);
min-width: 200px
}
.c-btn .icon {
flex: 0 0 16px;
margin-left: 12px
}
.c-btn img,
.c-btn svg {
vertical-align: baseline
}
.c-btn path {
fill: var(--btn_font_color);
transition-duration: var(--common_transition_duration)
}
.c-btn.is-current,
.c-btn:hover {
text-decoration: none;
background-color: var(--btn_bg_color_hover);
color: var(--btn_font_color_hover)
}
.c-btn.is-current path,
.c-btn:hover path {
fill: var(--btn_font_color_hover)
}
.c-btn.-v2 {
font-weight: var(--btn_v2_font_weight);
background-color: var(--btn_v2_bg_color);
color: var(--btn_v2_font_color)
}
.c-btn.-v2 svg {
fill: var(--btn_v2_font_color)
}
.c-btn.-v2.is-current,
.c-btn.-v2:hover {
background-color: var(--btn_v2_bg_color_hover);
color: var(--btn_v2_font_color_hover)
}
.c-btn.-v2.is-current svg,
.c-btn.-v2:hover svg {
fill: var(--btn_v2_font_color_hover)
}
.c-btn.-v3 {
font-weight: var(--btn_v3_font_weight);
background-color: var(--btn_v3_bg_color);
color: var(--btn_v3_font_color)
}
.c-btn.-v3 svg {
fill: var(--btn_v3_font_color)
}
.c-btn.-v3.is-current,
.c-btn.-v3:hover {
background-color: var(--btn_v3_bg_color_hover);
color: var(--btn_v3_font_color_hover)
}
.c-btn.-v3.is-current svg,
.c-btn.-v3:hover svg {
fill: var(--btn_v3_font_color_hover)
}
.c-btn.-directory_nav {
background-color: #ececec;
border: 2px solid #ececec;
color: var(--common_color_black);
font-weight: 400;
padding-left: 24px;
padding-right: 24px
}
.c-btn.-directory_nav svg {
fill: var(--common_color_black)
}
.c-btn.-directory_nav.is-current,
.c-btn.-directory_nav:hover {
background-color: var(--common_color_black);
border: 2px solid var(--common_color_black);
color: #fff
}
.c-btn.-directory_nav.is-current svg,
.c-btn.-directory_nav:hover svg {
fill: #fff
}
.c-sub_btn {
display: flex;
align-items: center;
justify-content: flex-start;
text-decoration: none;
color: var(--common_color_black)
}
.-flex_center .c-sub_btn {
justify-content: center
}
.c-sub_btn .icon {
flex: 0 0 16px;
margin-right: 12px
}
.c-sub_btn img,
.c-sub_btn svg {
vertical-align: baseline
}
.c-sub_btn path {
fill: var(--common_color_black)
}
.c-sub_btn.-arrow_left path,
.c-sub_btn.-arrow_right path {
fill: transparent;
stroke: var(--common_color_black)
}
.c-heading1 {
font-weight: var(--common_heading1_font_weight);
line-height: var(--common_heading1_line_height);
letter-spacing: var(--common_heading1_letter_spacing)
}
.c-heading2 {
font-weight: var(--common_heading2_font_weight);
line-height: var(--common_heading2_line_height);
letter-spacing: var(--common_heading2_letter_spacing)
}
.c-heading3 {
font-weight: var(--common_heading3_font_weight);
line-height: var(--common_heading3_line_height);
letter-spacing: var(--common_heading3_letter_spacing)
}
.c-heading4 {
font-weight: var(--common_heading4_font_weight);
line-height: var(--common_heading4_line_height);
letter-spacing: var(--common_heading4_letter_spacing)
}
.c-heading5 {
font-weight: var(--common_heading5_font_weight);
line-height: var(--common_heading5_line_height);
letter-spacing: var(--common_heading5_letter_spacing)
}
.c-heading6 {
font-weight: var(--common_heading6_font_weight);
line-height: var(--common_heading6_line_height);
letter-spacing: var(--common_heading6_letter_spacing)
}
.c-paragraph {
font-weight: var(--common_paragraph_font_weight);
line-height: var(--common_paragraph_line_height);
letter-spacing: var(--common_paragraph_letter_spacing)
}
.c-paragraph_small {
font-weight: var(--common_paragraph_small_font_weight);
line-height: var(--common_paragraph_small_line_height);
letter-spacing: var(--common_paragraph_small_letter_spacing)
}
.c-annotation {
font-weight: var(--common_annotation_font_weight);
line-height: var(--common_annotation_line_height);
letter-spacing: var(--common_annotation_letter_spacing)
}
#blog-contents,
.c-blog-contents,
.c-richtext {
font-weight: var(--richtext_other_font_weight);
line-height: var(--richtext_other_line_height);
letter-spacing: var(--richtext_other_letter_spacing)
}
#blog-contents h1,
.c-blog-contents h1,
.c-richtext h1 {
font-weight: var(--richtext_h1_font_weight);
line-height: var(--richtext_h1_line_height);
letter-spacing: var(--richtext_h1_letter_spacing)
}
#blog-contents h2,
.c-blog-contents h2,
.c-richtext h2 {
font-weight: var(--richtext_h2_font_weight);
line-height: var(--richtext_h2_line_height);
letter-spacing: var(--richtext_h2_letter_spacing)
}
#blog-contents h3,
.c-blog-contents h3,
.c-richtext h3 {
font-weight: var(--richtext_h3_font_weight);
line-height: var(--richtext_h3_line_height);
letter-spacing: var(--richtext_h3_letter_spacing)
}
#blog-contents h4,
.c-blog-contents h4,
.c-richtext h4 {
font-weight: var(--richtext_h4_font_weight);
line-height: var(--richtext_h4_line_height);
letter-spacing: var(--richtext_h4_letter_spacing)
}
#blog-contents h5,
.c-blog-contents h5,
.c-richtext h5 {
font-weight: var(--richtext_h5_font_weight);
line-height: var(--richtext_h5_line_height);
letter-spacing: var(--richtext_h5_letter_spacing)
}
#blog-contents h6,
.c-blog-contents h6,
.c-richtext h6 {
font-weight: var(--richtext_h6_font_weight);
line-height: var(--richtext_h6_line_height);
letter-spacing: var(--richtext_h6_letter_spacing)
}
#blog-contents p,
.c-blog-contents p,
.c-richtext p {
font-weight: var(--richtext_p_font_weight);
line-height: var(--richtext_p_line_height);
letter-spacing: var(--richtext_p_letter_spacing)
}
#blog-contents table,
.c-blog-contents table,
.c-richtext table {
width: 100%
}
#blog-contents a,
.c-blog-contents a,
.c-richtext a {
color: var(--common_color_primary);
text-decoration: underline
}
#blog-contents ol,
#blog-contents ul,
.c-blog-contents ol,
.c-blog-contents ul,
.c-richtext ol,
.c-richtext ul {
padding-left: 2em
}
.c-note_list {
list-style-type: none;
padding-left: 1em
}
.c-richtext .c-note_list {
padding-left: 1em
}
.c-note_list li::before {
content: "※";
margin-right: .5em
}
.p-anchor {
position: relative;
height: 0
}
.p-anchor__position {
position: absolute;
height: 0;
left: 0
}
.p-section {
position: relative
}
.p-section__anchor {
position: absolute;
height: 0
}
.p-section__contents {
position: relative;
z-index: 2
}
.p-section__contents.-board {
background-color: #dfdfdf
}
.p-section__title {
position: relative;
text-align: left;
line-height: var(--section_title_line_height);
letter-spacing: var(--section_title_letter_spacing);
font-weight: var(--section_title_font_weight);
padding-bottom: var(--section_title_padding_bottom)
}
.p-section__title::after,
.p-section__title::before {
content: "";
display: block;
position: absolute;
bottom: 0;
height: var(--section_title_decoration_height);
width: calc(var(--section_title_decoration_width)/ 2)
}
.p-section__title::before {
background-color: var(--section_title_decoration_left_color);
right: 50%
}
.p-section__title::after {
background-color: var(--section_title_decoration_right_color);
left: 50%
}
.p-section__title.-color_white {
color: #fff
}
.p-section__title.-color_white::after,
.p-section__title.-color_white::before {
background-color: #fff
}
.p-section__title.-decoration_no {
padding-bottom: 0
}
.p-section__title.-decoration_no::after,
.p-section__title.-decoration_no::before {
display: none
}
.p-section__title_main,
.p-section__title_sub {
line-height: var(--section_title_line_height);
letter-spacing: var(--section_title_letter_spacing);
font-weight: var(--section_title_font_weight)
}
* + .p-section__lead {
margin-top: var(--section_lead_margin_top)
}
.p-section__body_foot.-board {
background-color: #dfdfdf
}
* + .p-section__foot {
margin-top: var(--section_btns_margin_top)
}
.p-section__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.p-section__bg.-none {
background: 0 0
}
.p-section__bg.-gray {
background-color: var(--section_bg_gray)
}
.p-section__bg.-light_theme {
background-color: var(--section_bg_light_theme)
}
.p-sub_buttons.-flex_start {
display: flex;
justify-content: flex-start
}
.p-sub_buttons.-flex_center {
display: flex;
justify-content: center
}
.p-sub_buttons.-flex_end {
display: flex;
justify-content: flex-end
}
.p-sub_buttons__list {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap
}
.p-sub_buttons__item .c-btn {
min-width: auto
}
.p-row {
display: flex;
flex-wrap: wrap
}
.p-row__col {
flex-grow: 0;
flex-shrink: 0;
display: flex
}
.p-row__col > * {
flex: 0 0 100%
}
.p-row__contents.-board {
border: 1px solid var(--common_color_line);
background-color: #fff
}
.p-card__link {
text-decoration: none;
color: var(--common_color_black)
}
.p-card__head {
overflow: hidden;
background-color: transparent;
transition-duration: var(--common_transition_duration)
}
.p-card__figure {
padding-bottom: 56.333%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
will-change: transform;
transition-duration: var(--common_transition_duration)
}
.p-card__figure img {
display: none
}
.p-card__link:hover .p-card__figure {
transform: scale(1.05);
opacity: var(--common_hover_opacity)
}
.p-card__txt {
font-weight: var(--common_paragraph_font_weight);
line-height: var(--common_paragraph_line_height);
letter-spacing: var(--common_paragraph_letter_spacing)
}
.p-tags__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px
}
.p-tags__item {
list-style: none
}
.p-tags__btn {
display: flex;
align-items: center;
justify-content: center;
height: 24px;
background-color: var(--tag_bg_color);
color: var(--tag_font_color);
font-weight: var(--tag_font_weight);
text-decoration: none
}
.p-tags__btn:hover {
background-color: var(--tag_bg_color_hover);
color: var(--tag_font_color_hover)
}
.p-banner {
display: block
}
.p-banner__contents {
position: relative;
overflow: hidden
}
.p-banner__bg {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
will-change: transform
}
.p-banner__bg img {
display: none
}
.p-page_head {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center
}
.p-page_head__title {
font-weight: var(--common_heading1_font_weight);
line-height: var(--common_heading1_line_height);
letter-spacing: var(--common_heading1_letter_spacing)
}
.p-page_head__title.-white {
color: #fff
}
.p-page_head__title.-black {
color: var(--common_color_black)
}
.p-block {
display: flex;
align-items: center;
justify-content: center;
justify-content: space-between
}
.p-block__title {
font-weight: 700;
font-size: 18px;
line-height: 160%
}
.p-block__txt {
font-size: 14px;
line-height: 228.571%
}
.p-block_v2__icon {
background: var(--common_color_black);
color: #fff;
width: 120px;
height: 30px;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-weight: 700;
font-size: 14px
}
* + .p-block_v4 {
margin-top: 20px
}
.p-block_v4__figure img {
vertical-align: top
}
.p-block_v4__main {
background-color: #f0f0f0
}
.p-modal_bg {
background: rgba(0,0,0,.8);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 1000;
display: none
}
.p-modal_contents {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
max-height: 90vh;
z-index: 1001;
display: none
}
.p-modal_contents__closearea {
position: relative;
height: 0;
z-index: 3
}
.p-modal_contents__close {
position: absolute;
top: 0;
right: 0
}
.p-modal_contents__closebtn {
position: relative;
background-color: #fff;
cursor: pointer;
box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
width: 70px;
height: 70px
}
.p-modal_contents__closebtn::after,
.p-modal_contents__closebtn::before {
content: "";
display: block;
background-color: #696969;
position: absolute;
top: 50%;
left: 50%;
border-radius: 2px;
width: 48px;
height: 4px
}
.p-modal_contents__closebtn::before {
transform: translate(-50%,-50%) rotate(45deg)
}
.p-modal_contents__closebtn::after {
transform: translate(-50%,-50%) rotate(315deg)
}
.p-modal_contents__board {
position: relative;
max-height: 90vh;
background-color: #fff;
box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
overflow: scroll;
z-index: 2
}
.p-bread {
padding: 15px;
border-top: 1px solid var(--common_color_line);
border-bottom: 1px solid var(--common_color_line)
}
.p-bread__row {
display: flex;
align-items: center;
flex-wrap: wrap
}
.p-bread__item {
list-style: none
}
.p-bread__link {
color: var(--common_color_black)
}
.p-top_hero__main {
z-index: 4
}
.p-top_hero__nav {
z-index: 3
}
.p-top_hero__bar {
z-index: 2
}
.p-top_hero__bg {
z-index: 1
}
.p-top_hero {
position: relative
}
.p-top_hero__main {
position: relative;
display: flex;
align-items: center;
justify-content: center
}
.p-top_hero__nav {
position: relative
}
.p-top_hero__bg {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%
}
.p-top_hero__bg img {
display: none
}
.p-tab_nav__section.is-active {
z-index: 3
}
.p-tab_nav__section {
z-index: 2
}
.p-tab_nav__height {
z-index: 1
}
.p-tab_nav {
position: relative;
box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
border-radius: 10px
}
.p-tab_nav__section {
position: absolute;
top: 0;
left: 0;
width: 100%
}
.p-tab_nav__height {
position: relative
}
.p-tab_nav__contents {
position: relative
}
.p-tab_nav__head {
position: absolute;
width: 50%;
bottom: 100%;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
background-color: #444;
color: #fff;
cursor: pointer;
border-radius: 10px 10px 0 0;
transition-duration: var(--common_transition_duration)
}
.p-tab_nav__head:hover {
background-color: var(--common_color_black)
}
.is-active .p-tab_nav__head {
background-color: #fff;
color: var(--common_color_black)
}
.p-tab_nav__section.-left .p-tab_nav__head {
left: 0
}
.p-tab_nav__section.-right .p-tab_nav__head {
right: 0
}
.p-tab_nav__title {
font-weight: 700;
font-size: 18px
}
.p-tab_nav__body {
background-color: #fff;
border-radius: 0 0 10px 10px
}
.p-top_news__title::after,
.p-top_news__title::before {
content: "";
display: block;
width: 25px;
height: 3px;
position: absolute;
bottom: 0
}
.p-top_news__title::before {
background-color: #aaa;
right: 50%
}
.p-top_news__title::after {
background-color: #ccc;
left: 50%
}
.p-top_news__full {
font-size: 14px;
line-height: 160%
}
.p-top_news__body {
font-size: 14px;
line-height: 160%
}
.p-top_news__item {
list-style: none
}
* + .p-top_news__item {
margin-top: 25px
}
.p-top_news__date {
margin-right: 15px
}
.p-top_news__link {
color: var(--common_color_black);
text-decoration: none;
display: flex;
text-align: justify
}
.p-top_news__link:hover {
text-decoration: underline
}
.p-top_news__icon {
display: block;
flex: 0 0 9px;
height: 19px;
position: relative;
overflow: hidden
}
.p-top_news__icon::after,
.p-top_news__icon::before {
content: "";
display: block;
width: 200%;
height: 2px;
background: var(--common_color_black);
position: absolute;
right: 0
}
.p-top_news__icon::before {
bottom: 50%;
transform-origin: right bottom;
transform: translate(-2px,1px) rotate(45deg)
}
.p-top_news__icon::after {
top: 50%;
transform-origin: right top;
transform: translate(-2px,-1px) rotate(-45deg)
}
.p-top_news__foot {
font-weight: 700;
font-size: 14px
}
.p-top_news__more_link {
color: var(--common_color_black);
text-decoration: none;
display: flex;
align-items: center;
justify-content: flex-end
}
.p-top_news__more_link:hover {
text-decoration: underline
}
.p-top_news__more_icon {
display: block;
flex: 0 0 9px;
height: 19px;
position: relative;
overflow: hidden
}
.p-top_news__more_icon::after,
.p-top_news__more_icon::before {
content: "";
display: block;
width: 200%;
height: 2px;
background: var(--common_color_black);
position: absolute;
right: 0
}
.p-top_news__more_icon::before {
bottom: 50%;
transform-origin: right bottom;
transform: translate(-2px,1px) rotate(45deg)
}
.p-top_news__more_icon::after {
top: 50%;
transform-origin: right top;
transform: translate(-2px,-1px) rotate(-45deg)
}
* + .p-topics__archive {
margin-top: 35px
}
* + .p-topics__tags {
margin-top: 40px
}
.p-flow_list_rt {
max-width: 520px;
margin: 0 auto
}
.p-flow_list_rt__item {
list-style: none;
display: flex;
position: relative;
padding-bottom: 40px
}
.p-flow_list_rt__item:last-child {
padding-bottom: 0
}
.p-flow_list_rt__item::before {
content: "";
display: block;
width: 2px;
height: 100%;
background-color: var(--common_color_secondary);
position: absolute;
z-index: 1;
top: 30px;
left: 29px
}
.p-flow_list_rt__item:last-child {
padding-bottom: 0
}
.p-flow_list_rt__item:last-child::before {
display: none
}
.p-flow_list_rt__num {
flex: 0 0 60px;
height: 60px;
background-color: var(--common_color_secondary);
border: 2px solid var(--common_color_secondary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
font-weight: 500;
z-index: 2
}
.p-flow_list_rt__txt {
padding-left: 32px
}
.p-slider_area__item {
text-align: center
}
.p-slider_area__item img {
vertical-align: top
}
.p-slider_area .splide {
position: relative
}
.p-slider_area .splide__arrow {
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: 50%;
background: 0 0
}
.p-slider_area .splide__arrow svg {
transform: none
}
.p-slider_area .splide__arrow path {
fill: var(--common_color_black)
}
.p-faq__section {
border-bottom: 1px solid var(--common_color_line)
}
.p-faq__section:first-child {
border-top: 1px solid var(--common_color_line)
}
.p-faq__q {
position: relative;
cursor: pointer
}
.p-faq__q_inner {
display: flex;
font-weight: 700;
position: relative
}
.p-faq__q_inner .icon {
font-family: var(--common_font_family_en);
padding-top: 4px
}
.p-faq__q_inner .text {
font-weight: 500
}
.p-faq__q_inner .btn {
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 20px;
border-radius: 10px;
transform: translate(0,-50%);
display: block
}
.p-faq__q_inner .btn::after,
.p-faq__q_inner .btn::before {
content: "";
display: block;
background-color: var(--common_color_primary);
position: absolute;
transition-duration: var(--common_transition_duration);
width: 20px;
height: 2px;
top: 50%;
left: 50%
}
.p-faq__q_inner .btn::before {
transform: translate(-50%,-50%)
}
.p-faq__q_inner .btn::after {
transform: translate(-50%,-50%) rotate(90deg)
}
.p-faq__section.is-open .p-faq__q_inner .btn::after {
opacity: 0
}
.p-faq__a {
display: none
}
.p-faq__a_board {
background: #f5f5f5
}
.p-faq__a_inner {
display: flex
}
.p-faq__a_inner .icon {
font-family: var(--common_font_family_en);
padding-top: 4px;
font-weight: 700
}
.p-banner_blocks__label {
position: relative;
z-index: 2
}
.p-banner_blocks__bg {
position: relative;
z-index: 1
}
.p-banner_blocks {
flex-wrap: wrap
}
.p-banner_blocks__link {
display: block;
text-decoration: none;
color: #fff;
position: relative;
overflow: hidden;
background-color: #000
}
.p-banner_blocks__label {
display: flex;
min-width: 185px;
height: 40px;
align-items: center;
background-color: var(--common_color_secondary);
position: absolute;
bottom: 0;
left: 0;
max-width: 100%;
padding-left: 25px;
padding-right: 25px
}
.p-banner_blocks__icon {
display: block;
flex: 0 0 9px;
height: 19px;
position: relative;
overflow: hidden
}
.p-banner_blocks__icon::after,
.p-banner_blocks__icon::before {
content: "";
display: block;
width: 200%;
height: 2px;
background-color: #fff;
position: absolute;
right: 0
}
.p-banner_blocks__icon::before {
bottom: 50%;
transform-origin: right bottom;
transform: translate(-2px,1px) rotate(45deg)
}
.p-banner_blocks__icon::after {
top: 50%;
transform-origin: right top;
transform: translate(-2px,-1px) rotate(-45deg)
}
.p-banner_blocks__txt {
font-weight: 500;
letter-spacing: var(--common_paragraph_letter_spacing)
}
.p-banner_blocks__bg {
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition-duration: var(--common_transition_duration);
will-change: transform;
position: relative
}
.p-banner_blocks__item.-square .p-banner_blocks__bg {
padding-bottom: 84.21%
}
.p-banner_blocks__item.-rectangle .p-banner_blocks__bg {
padding-bottom: 27.777%
}
.p-banner_blocks__bg img {
display: none
}
.p-banner_blocks__link:hover .p-banner_blocks__bg {
transform: scale(1.05);
opacity: var(--common_hover_opacity)
}
.p-interview_accordion {
position: relative
}
.p-interview_accordion__anchor {
position: absolute;
left: 0;
height: 0
}
.p-interview_accordion__head {
position: relative
}
.p-interview_accordion__board {
background-color: #f7f7f7
}
.p-interview_accordion__body {
display: none
}
.p-interview_accordion__btn {
background-color: #f7f7f7;
border: 1px solid transparent;
height: 40px;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
justify-content: center
}
.p-interview_accordion__arr_area {
width: 40px;
height: 20px;
overflow: hidden;
position: relative;
transform: scale(.8)
}
.p-interview_accordion__arr {
width: 28px;
height: 28px;
border: 5px solid var(--common_color_black);
transform: translate(-50%,-50%) rotate(45deg);
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px
}
.is-interview-open .p-interview_accordion__arr {
margin-top: 10px
}
.p-carousel .splide {
position: relative
}
.p-carousel .splide__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
overflow: hidden;
border-radius: 0;
background: 0 0
}
.p-carousel .splide__arrow::after,
.p-carousel .splide__arrow::before {
content: "";
display: block;
width: 200%;
height: 7px;
background-color: var(--common_color_primary);
position: absolute;
right: 0
}
.p-carousel .splide__arrow img {
opacity: 0
}
.p-carousel .splide__arrow--prev::before {
bottom: 50%;
transform-origin: left bottom;
transform: translate(35px,4px) rotate(-45deg)
}
.p-carousel .splide__arrow--prev::after {
top: 50%;
transform-origin: left top;
transform: translate(35px,-4px) rotate(45deg)
}
.p-carousel .splide__arrow--next::before {
bottom: 50%;
transform-origin: right bottom;
transform: translate(-6px,4px) rotate(45deg)
}
.p-carousel .splide__arrow--next::after {
top: 50%;
transform-origin: right top;
transform: translate(-6px,-4px) rotate(-45deg)
}
.p-directory_nav {
display: flex;
justify-content: center;
flex-wrap: wrap
}
.p-directory_nav__item {
list-style: none
}
.p-directory_nav__link {
text-decoration: none;
background-color: #e0e0e0;
color: var(--common_color_black);
font-size: 14px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center
}
.p-directory_nav__link.is-current,
.p-directory_nav__link:hover {
background-color: var(--common_color_black);
color: #fff
}
.p-table__td,
.p-table__th {
text-align: left;
line-height: 150%
}
.p-table__th {
font-weight: 500
}
.p-table_pro {
border-collapse: collapse;
border: 1px solid var(--common_color_line);
width: 100%
}
.p-table_pro__tbody,
.p-table_pro__td,
.p-table_pro__th,
.p-table_pro__thead,
.p-table_pro__tr {
border: 1px solid var(--common_color_line)
}
.p-table_pro__td.-va_top,
.p-table_pro__th.-va_top {
vertical-align: top
}
.p-table_pro__td.-va_middle,
.p-table_pro__th.-va_middle {
vertical-align: middle
}
.p-table_pro__td.-va_bottom,
.p-table_pro__th.-va_bottom {
vertical-align: bottom
}
.p-table_pro__th {
background-color: var(--section_bg_light_theme)
}
.p-table_pro__thead .p-table_pro__th {
background-color: var(--common_color_primary);
color: #fff
}
.p-scroll_table > table {
float: none!important
}
* + .p-left_image__row {
margin-top: 40px
}
.p-pager {
display: flex;
align-items: center;
justify-content: center
}
.p-pager__all,
.p-pager__next,
.p-pager__prev {
flex: 0 0 120px;
margin: 0 10px
}
.p-pager__btn {
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 60px;
background-color: #f0f0f0;
border: 2px solid #dadada;
text-decoration: none;
color: var(--common_color_black)
}
.p-pager__btn i {
color: var(--common_color_black)
}
.p-sns_list {
display: flex;
align-items: center;
justify-content: flex-end
}
.p-sns_list__item {
list-style: none;
margin-right: 10px
}
.p-sns_list__btn {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 30px;
border-radius: 5px;
text-decoration: none
}
.p-sns_list__btn.-tw {
background-color: #55adef;
color: #fff
}
.p-sns_list__btn.-fb {
background-color: #325096;
color: #fff
}
.p-sns_list__btn.-hb {
background-color: #008fde;
color: #fff
}
.p-category_bar {
background-color: var(--common_color_black);
padding: 10px 0
}
.p-category_bar__list {
display: flex;
align-items: center;
flex-wrap: wrap
}
.p-category_bar__item {
list-style: none;
padding: 5px 15px;
letter-spacing: .04em
}
.p-category_bar__link {
color: #fff;
text-decoration: none
}
.p-loop_slider {
display: flex
}
.p-loop_slider__group {
display: flex
}
.p-loop_slider__group:first-child {
animation: loopSolider 90s linear infinite
}
.p-loop_slider__group:nth-child(2) {
animation: loopSolider2 90s -60s linear infinite
}
.p-loop_slider__group:last-child {
animation: loopSolider3 90s -30s linear infinite
}
.p-loop_slider.-logo .p-loop_slider__item {
padding: 0 20px 0 0
}
.p-loop_slider__figure {
width: 330px;
height: 185px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.p-loop_slider__figure img {
display: none
}
.p-loop_slider.-logo .p-loop_slider__figure {
background: 0 0!important;
width: auto;
height: auto;
padding: 0
}
.p-loop_slider.-logo .p-loop_slider__figure img {
display: block;
height: 90px;
width: auto;
max-width: inherit
}
@keyframes loopSolider {
0% {
transform: translateX(200%)
}
to {
transform: translateX(-100%)
}
}
@keyframes loopSolider2 {
0% {
transform: translateX(100%)
}
to {
transform: translateX(-200%)
}
}
@keyframes loopSolider3 {
0% {
transform: translateX(0)
}
to {
transform: translateX(-300%)
}
}
.p-pagination .blog-pagination {
display: flex;
align-items: center
}
.p-pagination .blog-pagination__link {
flex: 0 0 40px;
height: 40px;
border-radius: 50%;
margin: 0 4px;
border: 1px solid var(--common_color_primary);
background-color: #fff;
color: var(--common_color_primary);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;
font-size: 16px
}
.p-pagination .blog-pagination__link path {
fill: var(--common_color_primary)
}
.p-pagination .blog-pagination__link:hover path {
transition-duration: var(--common_transition_duration)
}
.p-pagination .blog-pagination__link--active {
background-color: var(--common_color_primary);
color: #fff
}
.p-pagination .blog-pagination__prev-link {
margin-left: 0
}
.p-pagination .blog-pagination__prev-link--disabled {
flex: 0 0 0px;
border: none;
background: 0 0;
height: 0
}
.p-pagination .blog-pagination__prev-link--disabled img,
.p-pagination .blog-pagination__prev-link--disabled svg {
display: none
}
.p-pagination .blog-pagination__next-link {
margin-right: 0
}
.p-pagination .blog-pagination__next-link--disabled {
flex: 0 0 0px;
border: none;
background: 0 0;
height: 0
}
.p-pagination .blog-pagination__next-link--disabled img,
.p-pagination .blog-pagination__next-link--disabled svg {
display: none
}
.p-pagination .blog-pagination img,
.p-pagination .blog-pagination svg {
width: 8px
}
.p-pager_v2 {
display: flex;
align-items: center;
justify-content: center
}
.p-pager_v2__next,
.p-pager_v2__prev {
flex: 0 0 40px
}
.p-pager_v2__btn {
width: 40px;
height: 40px;
border: 1px solid var(--common_color_primary);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: #fff
}
.p-pager_v2__btn img,
.p-pager_v2__btn svg {
width: 8px
}
.p-pager_v2__btn path {
fill: var(--common_color_primary)
}
.p-pager_v2__all_btn {
border: 2px solid var(--common_color_primary);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: #fff;
text-decoration: none;
color: var(--common_color_primary);
font-weight: 500
}
.p-news_list {
border-bottom: 1px solid var(--common_color_line)
}
.p-news_list__item {
border-top: 1px solid var(--common_color_line)
}
.p-news_list_article__head {
display: flex;
gap: 25px
}
.p-news_list_article__date {
width: 10ch
}
.p-news_list_article__title {
font-weight: 400
}
.p-news_list_article__link {
text-decoration: none;
color: #000
}
.p-indent_icon_list__item {
display: flex;
margin-bottom: 16px;
}
.p-indent_icon_list__title {
flex-shrink: 1;
white-space: nowrap
}
.p-indent_icon_list__data {
flex-grow: 1
}
.p-hero {
position: relative
}
.p-hero__contents {
position: relative;
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.p-hero__inner {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.p-hero__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.p-hero__bg img,
.p-hero__bg video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%!important;
object-fit: cover
}
.p-comment {
display: flex;
align-items: flex-start
}
.p-comment.-left_balloon {
flex-direction: row-reverse
}
.p-comment__caption {
text-align: center
}
.p-comment__main {
position: relative;
border-radius: 10px
}
.p-comment__main::before {
content: "";
display: block;
position: absolute
}
.p-comment.-right_balloon .p-comment__main::before {
-webkit-clip-path: polygon(0 50%,100% 0,100% 100%);
clip-path: polygon(0 50%,100% 0,100% 100%);
right: calc(100% - 1px)
}
.p-comment.-left_balloon .p-comment__main::before {
-webkit-clip-path: polygon(0 0,100% 50%,0 100%);
clip-path: polygon(0 0,100% 50%,0 100%);
left: calc(100% - 1px)
}
.p-comment.-white .p-comment__main {
background-color: #fff
}
.p-comment.-white .p-comment__main::before {
background-color: #fff
}
.p-comment.-gray .p-comment__main {
background-color: #f2f2f2
}
.p-comment.-gray .p-comment__main::before {
background-color: #f2f2f2
}
.p-header {
background-color: var(--header_bg_color);
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: 0 auto;
justify-content: space-between;
display: block
}
.p-header__inner {
display: flex;
align-items: center;
justify-content: space-between
}
.p-hdr_logo_set {
display: flex;
align-items: center
}
.p-hdr_logo_set__text_link {
color: var(--common_color_black);
text-decoration: none
}
.p-hdr_nav_global__item {
list-style: none;
position: relative;
font-weight: var(--header_nav_global_font_weight);
letter-spacing: var(--header_nav_global_letter_spacing)
}
.p-hdr_nav_global__link {
text-decoration: none;
transition-duration: var(--common_transition_duration)
}
.p-hdr_nav_global__child {
display: none
}
.p-hdr_nav_child {
position: relative
}
.p-hdr_nav_child__item {
list-style: none;
font-weight: var(--header_nav_child_font_weight);
letter-spacing: var(--header_nav_child_letter_spacing);
position: relative
}
.p-hdr_nav_child__link {
text-decoration: none
}
.p-hdr_nav_grandchild {
list-style: none
}
.p-hdr_nav_grandchild__item {
font-weight: var(--header_nav_child_font_weight);
letter-spacing: var(--header_nav_child_letter_spacing);
list-style: none
}
.p-hdr_nav_grandchild__link {
text-decoration: none;
color: var(--common_color_black)
}
.p-footer {
background-color: var(--footer_bg_color)
}
.p-footer__item {
font-weight: var(--footer_nav_global_font_weight);
padding-top: 15px;
padding-bottom: 15px;
font-size: var(--footer_nav_global_font_size)
}
.p-footer__item.-child {
font-weight: var(--footer_nav_child_font_weight);
padding-top: 0;
padding-bottom: 15px;
font-size: var(--footer_nav_child_font_size)
}
.p-footer__link {
text-decoration: none;
color: var(--footer_nav_global_color)
}
.p-footer__link.-child {
color: var(--footer_nav_child_color)
}
.p-footer__copyright {
text-align: center;
background-color: var(--footer_copyright_bg_color);
color: var(--footer_copyright_color);
font-weight: var(--footer_copyright_font_weight);
font-size: var(--footer_copyright_font_size);
letter-spacing: var(--footer_copyright_letter_spacing);
padding: 20px 10px
}
.u-dib {
display: inline-block!important
}
.u-db {
display: block!important
}
.u-dn {
display: none!important
}
.u-df {
display: flex!important
}
.u-aac {
align-items: center!important
}
.u-aafs {
align-items: flex-start!important
}
.u-aafe {
align-items: flex-end!important
}
.u-jcc {
justify-content: center!important
}
.u-jcfs {
justify-content: flex-start!important
}
.u-jcfe {
justify-content: flex-end!important
}
.u-jcsb {
justify-content: space-between!important
}
.u-fwwrap {
flex-wrap: wrap!important
}
.u-bold {
font-weight: 700!important
}
.u-medium {
font-weight: 500!important
}
.u-normal {
font-weight: 400!important
}
.u-light {
font-weight: 300!important
}
.u-black {
color: var(--common_color_black)!important
}
.u-black-heading {
color: var(--common_color_black)!important
}
.u-white {
color: #fff!important
}
.u-primary {
color: var(--common_color_primary)!important
}
.u-primary_variant {
color: var(--common_color_primary_variant)!important
}
.u-secondary {
color: var(--common_color_secondary)!important
}
.u-jp {
font-family: var(--common_font_jp)!important
}
.u-en {
font-family: var(--common_font_en)!important
}
.u-jp_sans {
font-family: var(--common_font_family_jp_sans)!important
}
.u-jp_serif {
font-family: var(--common_font_family_jp_serif)!important
}
.u-center {
text-align: center!important
}
.u-left {
text-align: left!important
}
.u-right {
text-align: right!important
}
.u-justify {
text-align: justify!important
}
.u-fz08 {
font-size: 8px!important
}
.u-fz09 {
font-size: 9px!important
}
.u-fz10 {
font-size: 10px!important
}
.u-fz11 {
font-size: 11px!important
}
.u-fz12 {
font-size: 12px!important
}
.u-fz13 {
font-size: 13px!important
}
.u-fz14 {
font-size: 14px!important
}
.u-fz15 {
font-size: 15px!important
}
.u-fz16 {
font-size: 16px!important
}
.u-fz17 {
font-size: 17px!important
}
.u-fz18 {
font-size: 18px!important
}
.u-fz19 {
font-size: 19px!important
}
.u-fz20 {
font-size: 20px!important
}
.u-fz21 {
font-size: 21px!important
}
.u-fz22 {
font-size: 22px!important
}
.u-fz23 {
font-size: 23px!important
}
.u-fz24 {
font-size: 24px!important
}
.u-fz25 {
font-size: 25px!important
}
.u-fz26 {
font-size: 26px!important
}
.u-fz27 {
font-size: 27px!important
}
.u-fz28 {
font-size: 28px!important
}
.u-fz29 {
font-size: 29px!important
}
.u-fz30 {
font-size: 30px!important
}
.u-fz31 {
font-size: 31px!important
}
.u-fz32 {
font-size: 32px!important
}
.u-fz33 {
font-size: 33px!important
}
.u-fz34 {
font-size: 34px!important
}
.u-fz35 {
font-size: 35px!important
}
.u-fz36 {
font-size: 36px!important
}
.u-fz37 {
font-size: 37px!important
}
.u-fz38 {
font-size: 38px!important
}
.u-fz39 {
font-size: 39px!important
}
.u-fz40 {
font-size: 40px!important
}
.u-fz41 {
font-size: 41px!important
}
.u-fz42 {
font-size: 42px!important
}
.u-fz43 {
font-size: 43px!important
}
.u-fz44 {
font-size: 44px!important
}
.u-fz45 {
font-size: 45px!important
}
.u-fz46 {
font-size: 46px!important
}
.u-fz47 {
font-size: 47px!important
}
.u-fz48 {
font-size: 48px!important
}
.u-fz49 {
font-size: 49px!important
}
.u-fz50 {
font-size: 50px!important
}
.u-fz51 {
font-size: 51px!important
}
.u-fz52 {
font-size: 52px!important
}
.u-fz53 {
font-size: 53px!important
}
.u-fz54 {
font-size: 54px!important
}
.u-fz55 {
font-size: 55px!important
}
.u-fz56 {
font-size: 56px!important
}
.u-fz57 {
font-size: 57px!important
}
.u-fz58 {
font-size: 58px!important
}
.u-fz59 {
font-size: 59px!important
}
.u-fz60 {
font-size: 60px!important
}
.u-marginauto {
margin-left: auto!important;
margin-right: auto!important
}
.u-mt00 {
margin-top: 0!important
}
.u-mt05 {
margin-top: 5px!important
}
.u-mt10 {
margin-top: 10px!important
}
.u-mt15 {
margin-top: 15px!important
}
.u-mt20 {
margin-top: 20px!important
}
.u-mt25 {
margin-top: 25px!important
}
.u-mt30 {
margin-top: 30px!important
}
.u-mt35 {
margin-top: 35px!important
}
.u-mt40 {
margin-top: 40px!important
}
.u-mt45 {
margin-top: 45px!important
}
.u-mt50 {
margin-top: 50px!important
}
.u-mt55 {
margin-top: 55px!important
}
.u-mt60 {
margin-top: 60px!important
}
.u-mt65 {
margin-top: 65px!important
}
.u-mt70 {
margin-top: 70px!important
}
.u-mt75 {
margin-top: 75px!important
}
.u-mt80 {
margin-top: 80px!important
}
.u-mt85 {
margin-top: 85px!important
}
.u-mt90 {
margin-top: 90px!important
}
.u-mt95 {
margin-top: 95px!important
}
.u-mt100 {
margin-top: 100px!important
}
.u-mt110 {
margin-top: 110px!important
}
.u-mt120 {
margin-top: 120px!important
}
.u-mt130 {
margin-top: 130px!important
}
.u-mt140 {
margin-top: 140px!important
}
.u-mt150 {
margin-top: 150px!important
}
.u-mt160 {
margin-top: 160px!important
}
.u-mt170 {
margin-top: 170px!important
}
.u-mt180 {
margin-top: 180px!important
}
.u-mt190 {
margin-top: 190px!important
}
.u-mt200 {
margin-top: 200px!important
}
.u-mr00 {
margin-right: 0!important
}
.u-mr05 {
margin-right: 5px!important
}
.u-mr10 {
margin-right: 10px!important
}
.u-mr15 {
margin-right: 15px!important
}
.u-mr20 {
margin-right: 20px!important
}
.u-mr25 {
margin-right: 25px!important
}
.u-mr30 {
margin-right: 30px!important
}
.u-mr35 {
margin-right: 35px!important
}
.u-mr40 {
margin-right: 40px!important
}
.u-mr45 {
margin-right: 45px!important
}
.u-mr50 {
margin-right: 50px!important
}
.u-mr55 {
margin-right: 55px!important
}
.u-mr60 {
margin-right: 60px!important
}
.u-mr65 {
margin-right: 65px!important
}
.u-mr70 {
margin-right: 70px!important
}
.u-mr75 {
margin-right: 75px!important
}
.u-mr80 {
margin-right: 80px!important
}
.u-mr85 {
margin-right: 85px!important
}
.u-mr90 {
margin-right: 90px!important
}
.u-mr95 {
margin-right: 95px!important
}
.u-mr100 {
margin-right: 100px!important
}
.u-mr110 {
margin-right: 110px!important
}
.u-mr120 {
margin-right: 120px!important
}
.u-mr130 {
margin-right: 130px!important
}
.u-mr140 {
margin-right: 140px!important
}
.u-mr150 {
margin-right: 150px!important
}
.u-mr160 {
margin-right: 160px!important
}
.u-mr170 {
margin-right: 170px!important
}
.u-mr180 {
margin-right: 180px!important
}
.u-mr190 {
margin-right: 190px!important
}
.u-mr200 {
margin-right: 200px!important
}
.u-mb00 {
margin-bottom: 0!important
}
.u-mb05 {
margin-bottom: 5px!important
}
.u-mb10 {
margin-bottom: 10px!important
}
.u-mb15 {
margin-bottom: 15px!important
}
.u-mb20 {
margin-bottom: 20px!important
}
.u-mb25 {
margin-bottom: 25px!important
}
.u-mb30 {
margin-bottom: 30px!important
}
.u-mb35 {
margin-bottom: 35px!important
}
.u-mb40 {
margin-bottom: 40px!important
}
.u-mb45 {
margin-bottom: 45px!important
}
.u-mb50 {
margin-bottom: 50px!important
}
.u-mb55 {
margin-bottom: 55px!important
}
.u-mb60 {
margin-bottom: 60px!important
}
.u-mb65 {
margin-bottom: 65px!important
}
.u-mb70 {
margin-bottom: 70px!important
}
.u-mb75 {
margin-bottom: 75px!important
}
.u-mb80 {
margin-bottom: 80px!important
}
.u-mb85 {
margin-bottom: 85px!important
}
.u-mb90 {
margin-bottom: 90px!important
}
.u-mb95 {
margin-bottom: 95px!important
}
.u-mb100 {
margin-bottom: 100px!important
}
.u-mb110 {
margin-bottom: 110px!important
}
.u-mb120 {
margin-bottom: 120px!important
}
.u-mb130 {
margin-bottom: 130px!important
}
.u-mb140 {
margin-bottom: 140px!important
}
.u-mb150 {
margin-bottom: 150px!important
}
.u-mb160 {
margin-bottom: 160px!important
}
.u-mb170 {
margin-bottom: 170px!important
}
.u-mb180 {
margin-bottom: 180px!important
}
.u-mb190 {
margin-bottom: 190px!important
}
.u-mb200 {
margin-bottom: 200px!important
}
.u-ml00 {
margin-left: 0!important
}
.u-ml05 {
margin-left: 5px!important
}
.u-ml10 {
margin-left: 10px!important
}
.u-ml15 {
margin-left: 15px!important
}
.u-ml20 {
margin-left: 20px!important
}
.u-ml25 {
margin-left: 25px!important
}
.u-ml30 {
margin-left: 30px!important
}
.u-ml35 {
margin-left: 35px!important
}
.u-ml40 {
margin-left: 40px!important
}
.u-ml45 {
margin-left: 45px!important
}
.u-ml50 {
margin-left: 50px!important
}
.u-ml55 {
margin-left: 55px!important
}
.u-ml60 {
margin-left: 60px!important
}
.u-ml65 {
margin-left: 65px!important
}
.u-ml70 {
margin-left: 70px!important
}
.u-ml75 {
margin-left: 75px!important
}
.u-ml80 {
margin-left: 80px!important
}
.u-ml85 {
margin-left: 85px!important
}
.u-ml90 {
margin-left: 90px!important
}
.u-ml95 {
margin-left: 95px!important
}
.u-ml100 {
margin-left: 100px!important
}
.u-ml110 {
margin-left: 110px!important
}
.u-ml120 {
margin-left: 120px!important
}
.u-ml130 {
margin-left: 130px!important
}
.u-ml140 {
margin-left: 140px!important
}
.u-ml150 {
margin-left: 150px!important
}
.u-ml160 {
margin-left: 160px!important
}
.u-ml170 {
margin-left: 170px!important
}
.u-ml180 {
margin-left: 180px!important
}
.u-ml190 {
margin-left: 190px!important
}
.u-ml200 {
margin-left: 200px!important
}
.u-nmt00 {
margin-top: 0!important
}
.u-nmt05 {
margin-top: -5px!important
}
.u-nmt10 {
margin-top: -10px!important
}
.u-nmt15 {
margin-top: -15px!important
}
.u-nmt20 {
margin-top: -20px!important
}
.u-nmt25 {
margin-top: -25px!important
}
.u-nmt30 {
margin-top: -30px!important
}
.u-nmt35 {
margin-top: -35px!important
}
.u-nmt40 {
margin-top: -40px!important
}
.u-nmt45 {
margin-top: -45px!important
}
.u-nmt50 {
margin-top: -50px!important
}
.u-nmt55 {
margin-top: -55px!important
}
.u-nmt60 {
margin-top: -60px!important
}
.u-nmt65 {
margin-top: -65px!important
}
.u-nmt70 {
margin-top: -70px!important
}
.u-nmt75 {
margin-top: -75px!important
}
.u-nmt80 {
margin-top: -80px!important
}
.u-nmt85 {
margin-top: -85px!important
}
.u-nmt90 {
margin-top: -90px!important
}
.u-nmt95 {
margin-top: -95px!important
}
.u-nmt100 {
margin-top: -100px!important
}
.u-nmr00 {
margin-right: 0!important
}
.u-nmr05 {
margin-right: -5px!important
}
.u-nmr10 {
margin-right: -10px!important
}
.u-nmr15 {
margin-right: -15px!important
}
.u-nmr20 {
margin-right: -20px!important
}
.u-nmr25 {
margin-right: -25px!important
}
.u-nmr30 {
margin-right: -30px!important
}
.u-nmr35 {
margin-right: -35px!important
}
.u-nmr40 {
margin-right: -40px!important
}
.u-nmr45 {
margin-right: -45px!important
}
.u-nmr50 {
margin-right: -50px!important
}
.u-nmr55 {
margin-right: -55px!important
}
.u-nmr60 {
margin-right: -60px!important
}
.u-nmr65 {
margin-right: -65px!important
}
.u-nmr70 {
margin-right: -70px!important
}
.u-nmr75 {
margin-right: -75px!important
}
.u-nmr80 {
margin-right: -80px!important
}
.u-nmr85 {
margin-right: -85px!important
}
.u-nmr90 {
margin-right: -90px!important
}
.u-nmr95 {
margin-right: -95px!important
}
.u-nmr100 {
margin-right: -100px!important
}
.u-nml00 {
margin-left: 0!important
}
.u-nml05 {
margin-left: -5px!important
}
.u-nml10 {
margin-left: -10px!important
}
.u-nml15 {
margin-left: -15px!important
}
.u-nml20 {
margin-left: -20px!important
}
.u-nml25 {
margin-left: -25px!important
}
.u-nml30 {
margin-left: -30px!important
}
.u-nml35 {
margin-left: -35px!important
}
.u-nml40 {
margin-left: -40px!important
}
.u-nml45 {
margin-left: -45px!important
}
.u-nml50 {
margin-left: -50px!important
}
.u-nml55 {
margin-left: -55px!important
}
.u-nml60 {
margin-left: -60px!important
}
.u-nml65 {
margin-left: -65px!important
}
.u-nml70 {
margin-left: -70px!important
}
.u-nml75 {
margin-left: -75px!important
}
.u-nml80 {
margin-left: -80px!important
}
.u-nml85 {
margin-left: -85px!important
}
.u-nml90 {
margin-left: -90px!important
}
.u-nml95 {
margin-left: -95px!important
}
.u-nml100 {
margin-left: -100px!important
}
.u-pt00 {
padding-top: 0!important
}
.u-pt05 {
padding-top: 5px!important
}
.u-pt10 {
padding-top: 10px!important
}
.u-pt15 {
padding-top: 15px!important
}
.u-pt20 {
padding-top: 20px!important
}
.u-pt25 {
padding-top: 25px!important
}
.u-pt30 {
padding-top: 30px!important
}
.u-pt35 {
padding-top: 35px!important
}
.u-pt40 {
padding-top: 40px!important
}
.u-pt45 {
padding-top: 45px!important
}
.u-pt50 {
padding-top: 50px!important
}
.u-pt55 {
padding-top: 55px!important
}
.u-pt60 {
padding-top: 60px!important
}
.u-pt65 {
padding-top: 65px!important
}
.u-pt70 {
padding-top: 70px!important
}
.u-pt75 {
padding-top: 75px!important
}
.u-pt80 {
padding-top: 80px!important
}
.u-pt85 {
padding-top: 85px!important
}
.u-pt90 {
padding-top: 90px!important
}
.u-pt95 {
padding-top: 95px!important
}
.u-pt100 {
padding-top: 100px!important
}
.u-pt110 {
padding-top: 110px!important
}
.u-pt120 {
padding-top: 120px!important
}
.u-pt130 {
padding-top: 130px!important
}
.u-pt140 {
padding-top: 140px!important
}
.u-pt150 {
padding-top: 150px!important
}
.u-pt160 {
padding-top: 160px!important
}
.u-pt170 {
padding-top: 170px!important
}
.u-pt180 {
padding-top: 180px!important
}
.u-pt190 {
padding-top: 190px!important
}
.u-pt200 {
padding-top: 200px!important
}
.u-pr00 {
padding-right: 0!important
}
.u-pr05 {
padding-right: 5px!important
}
.u-pr10 {
padding-right: 10px!important
}
.u-pr15 {
padding-right: 15px!important
}
.u-pr20 {
padding-right: 20px!important
}
.u-pr25 {
padding-right: 25px!important
}
.u-pr30 {
padding-right: 30px!important
}
.u-pr35 {
padding-right: 35px!important
}
.u-pr40 {
padding-right: 40px!important
}
.u-pr45 {
padding-right: 45px!important
}
.u-pr50 {
padding-right: 50px!important
}
.u-pr55 {
padding-right: 55px!important
}
.u-pr60 {
padding-right: 60px!important
}
.u-pr65 {
padding-right: 65px!important
}
.u-pr70 {
padding-right: 70px!important
}
.u-pr75 {
padding-right: 75px!important
}
.u-pr80 {
padding-right: 80px!important
}
.u-pr85 {
padding-right: 85px!important
}
.u-pr90 {
padding-right: 90px!important
}
.u-pr95 {
padding-right: 95px!important
}
.u-pr100 {
padding-right: 100px!important
}
.u-pr110 {
padding-right: 110px!important
}
.u-pr120 {
padding-right: 120px!important
}
.u-pr130 {
padding-right: 130px!important
}
.u-pr140 {
padding-right: 140px!important
}
.u-pr150 {
padding-right: 150px!important
}
.u-pr160 {
padding-right: 160px!important
}
.u-pr170 {
padding-right: 170px!important
}
.u-pr180 {
padding-right: 180px!important
}
.u-pr190 {
padding-right: 190px!important
}
.u-pr200 {
padding-right: 200px!important
}
.u-pb00 {
padding-bottom: 0!important
}
.u-pb05 {
padding-bottom: 5px!important
}
.u-pb10 {
padding-bottom: 10px!important
}
.u-pb15 {
padding-bottom: 15px!important
}
.u-pb20 {
padding-bottom: 20px!important
}
.u-pb25 {
padding-bottom: 25px!important
}
.u-pb30 {
padding-bottom: 30px!important
}
.u-pb35 {
padding-bottom: 35px!important
}
.u-pb40 {
padding-bottom: 40px!important
}
.u-pb45 {
padding-bottom: 45px!important
}
.u-pb50 {
padding-bottom: 50px!important
}
.u-pb55 {
padding-bottom: 55px!important
}
.u-pb60 {
padding-bottom: 60px!important
}
.u-pb65 {
padding-bottom: 65px!important
}
.u-pb70 {
padding-bottom: 70px!important
}
.u-pb75 {
padding-bottom: 75px!important
}
.u-pb80 {
padding-bottom: 80px!important
}
.u-pb85 {
padding-bottom: 85px!important
}
.u-pb90 {
padding-bottom: 90px!important
}
.u-pb95 {
padding-bottom: 95px!important
}
.u-pb100 {
padding-bottom: 100px!important
}
.u-pb110 {
padding-bottom: 110px!important
}
.u-pb120 {
padding-bottom: 120px!important
}
.u-pb130 {
padding-bottom: 130px!important
}
.u-pb140 {
padding-bottom: 140px!important
}
.u-pb150 {
padding-bottom: 150px!important
}
.u-pb160 {
padding-bottom: 160px!important
}
.u-pb170 {
padding-bottom: 170px!important
}
.u-pb180 {
padding-bottom: 180px!important
}
.u-pb190 {
padding-bottom: 190px!important
}
.u-pb200 {
padding-bottom: 200px!important
}
.u-pl00 {
padding-left: 0!important
}
.u-pl05 {
padding-left: 5px!important
}
.u-pl10 {
padding-left: 10px!important
}
.u-pl15 {
padding-left: 15px!important
}
.u-pl20 {
padding-left: 20px!important
}
.u-pl25 {
padding-left: 25px!important
}
.u-pl30 {
padding-left: 30px!important
}
.u-pl35 {
padding-left: 35px!important
}
.u-pl40 {
padding-left: 40px!important
}
.u-pl45 {
padding-left: 45px!important
}
.u-pl50 {
padding-left: 50px!important
}
.u-pl55 {
padding-left: 55px!important
}
.u-pl60 {
padding-left: 60px!important
}
.u-pl65 {
padding-left: 65px!important
}
.u-pl70 {
padding-left: 70px!important
}
.u-pl75 {
padding-left: 75px!important
}
.u-pl80 {
padding-left: 80px!important
}
.u-pl85 {
padding-left: 85px!important
}
.u-pl90 {
padding-left: 90px!important
}
.u-pl95 {
padding-left: 95px!important
}
.u-pl100 {
padding-left: 100px!important
}
.u-pl110 {
padding-left: 110px!important
}
.u-pl120 {
padding-left: 120px!important
}
.u-pl130 {
padding-left: 130px!important
}
.u-pl140 {
padding-left: 140px!important
}
.u-pl150 {
padding-left: 150px!important
}
.u-pl160 {
padding-left: 160px!important
}
.u-pl170 {
padding-left: 170px!important
}
.u-pl180 {
padding-left: 180px!important
}
.u-pl190 {
padding-left: 190px!important
}
.u-pl200 {
padding-left: 200px!important
}
.u-lh100 {
line-height: 100%!important
}
.u-lh110 {
line-height: 110%!important
}
.u-lh120 {
line-height: 120%!important
}
.u-lh130 {
line-height: 130%!important
}
.u-lh140 {
line-height: 140%!important
}
.u-lh150 {
line-height: 150%!important
}
.u-lh160 {
line-height: 160%!important
}
.u-lh170 {
line-height: 170%!important
}
.u-lh180 {
line-height: 180%!important
}
.u-lh190 {
line-height: 190%!important
}
.u-lh200 {
line-height: 200%!important
}
.u-radius01 {
border-radius: 1px!important
}
.u-radius02 {
border-radius: 2px!important
}
.u-radius03 {
border-radius: 3px!important
}
.u-radius04 {
border-radius: 4px!important
}
.u-radius05 {
border-radius: 5px!important
}
.u-radius06 {
border-radius: 6px!important
}
.u-radius07 {
border-radius: 7px!important
}
.u-radius08 {
border-radius: 8px!important
}
.u-radius09 {
border-radius: 9px!important
}
.u-radius10 {
border-radius: 10px!important
}
.u-radius11 {
border-radius: 11px!important
}
.u-radius12 {
border-radius: 12px!important
}
.u-radius13 {
border-radius: 13px!important
}
.u-radius14 {
border-radius: 14px!important
}
.u-radius15 {
border-radius: 15px!important
}
.u-radius16 {
border-radius: 16px!important
}
.u-radius17 {
border-radius: 17px!important
}
.u-radius18 {
border-radius: 18px!important
}
.u-radius19 {
border-radius: 19px!important
}
.u-radius20 {
border-radius: 20px!important
}
@media screen and (min-width:769px) {
#wrap {
min-width: calc(40px + var(--section_width_default))
}
#header {
min-width: calc(40px + var(--section_width_default))
}
#page-contents {
padding-top: var(--header_height_pc)
}
.l-inner-default-pc {
margin: 0 auto;
padding: 0;
width: var(--section_width_default)
}
.l-inner-wide-pc {
margin: 0 auto;
padding: 0 20px;
width: 100%;
min-width: calc(40px + var(--section_width_default));
max-width: calc(40px + var(--section_width_wide))
}
.l-inner-narrow-pc {
margin: 0 auto;
padding: 0;
width: var(--section_width_narrow)
}
.l-inner-full-pc {
margin: 0 auto;
padding: 0;
width: 100%;
max-width: none
}
.l-minwidth {
margin: 0 auto;
min-width: calc(40px + var(--section_width_default))
}
.c-btn {
font-size: var(--btn_font_size_pc);
border: var(--btn_border_width_pc) solid var(--btn_border_color);
border-radius: var(--btn_radius_pc);
height: var(--btn_height_pc);
padding: 0 27px
}
.c-btn.is-current,
.c-btn:hover {
border: var(--btn_border_width_pc) solid var(--btn_border_color_hover)
}
.c-btn.-v2 {
font-size: var(--btn_v2_font_size_pc);
border: var(--btn_v2_border_width_pc) solid var(--btn_v2_border_color);
border-radius: var(--btn_v2_radius_pc);
height: var(--btn_v2_height_pc)
}
.c-btn.-v2.is-current,
.c-btn.-v2:hover {
border: var(--btn_v2_border_width_pc) solid var(--btn_v2_border_color_hover)
}
.c-btn.-v3 {
font-size: var(--btn_v3_font_size_pc);
border: var(--btn_v3_border_width_pc) solid var(--btn_v3_border_color);
border-radius: var(--btn_v3_radius_pc);
height: var(--btn_v3_height_pc)
}
.c-btn.-v3.is-current,
.c-btn.-v3:hover {
border: var(--btn_v3_border_width_pc) solid var(--btn_v3_border_color_hover)
}
.c-btn.-directory_nav {
font-size: 15px;
height: 38px
}
.c-sub_btn {
font-size: 14px
}
.c-sub_btn:hover {
text-decoration: underline
}
.c-heading1 {
font-size: var(--common_heading1_font_size_pc)
}
.c-heading1-pc {
font-weight: var(--common_heading1_font_weight);
line-height: var(--common_heading1_line_height);
letter-spacing: var(--common_heading1_letter_spacing);
font-size: var(--common_heading1_font_size_pc)
}
.c-heading2 {
font-size: var(--common_heading2_font_size_pc)
}
.c-heading2-pc {
font-weight: var(--common_heading2_font_weight);
line-height: var(--common_heading2_line_height);
letter-spacing: var(--common_heading2_letter_spacing);
font-size: var(--common_heading2_font_size_pc)
}
.c-heading3 {
font-size: var(--common_heading3_font_size_pc)
}
.c-heading3-pc {
font-weight: var(--common_heading3_font_weight);
line-height: var(--common_heading3_line_height);
letter-spacing: var(--common_heading3_letter_spacing);
font-size: var(--common_heading3_font_size_pc)
}
.c-heading4 {
font-size: var(--common_heading4_font_size_pc)
}
.c-heading4-pc {
font-weight: var(--common_heading4_font_weight);
line-height: var(--common_heading4_line_height);
letter-spacing: var(--common_heading4_letter_spacing);
font-size: var(--common_heading4_font_size_pc)
}
.c-heading5 {
font-size: var(--common_heading5_font_size_pc)
}
.c-heading5-pc {
font-weight: var(--common_heading5_font_weight);
line-height: var(--common_heading5_line_height);
letter-spacing: var(--common_heading5_letter_spacing);
font-size: var(--common_heading5_font_size_pc)
}
.c-heading6 {
font-size: var(--common_heading6_font_size_pc)
}
.c-heading6-pc {
font-weight: var(--common_heading6_font_weight);
line-height: var(--common_heading6_line_height);
letter-spacing: var(--common_heading6_letter_spacing);
font-size: var(--common_heading6_font_size_pc)
}
.c-paragraph {
font-size: var(--common_paragraph_font_size_pc)
}
.c-paragraph-pc {
font-weight: var(--common_paragraph_font_weight);
line-height: var(--common_paragraph_line_height);
letter-spacing: var(--common_paragraph_letter_spacing);
font-size: var(--common_paragraph_font_size_pc)
}
.c-paragraph_small {
font-size: var(--common_paragraph_small_font_size_pc)
}
.c-paragraph_small-pc {
font-weight: var(--common_paragraph_small_font_weight);
line-height: var(--common_paragraph_small_line_height);
letter-spacing: var(--common_paragraph_small_letter_spacing);
font-size: var(--common_paragraph_small_font_size_pc)
}
.c-annotation {
font-size: var(--common_annotation_font_size_pc)
}
.c-annotation-pc {
font-weight: var(--common_annotation_font_weight);
line-height: var(--common_annotation_line_height);
letter-spacing: var(--common_annotation_letter_spacing);
font-size: var(--common_annotation_font_size_pc)
}
#blog-contents,
.c-blog-contents,
.c-richtext {
font-size: var(--richtext_other_font_size_pc)
}
#blog-contents h1,
.c-blog-contents h1,
.c-richtext h1 {
font-size: var(--richtext_h1_font_size_pc);
margin-top: var(--richtext_h1_margin_top_pc)
}
#blog-contents h1:first-child,
.c-blog-contents h1:first-child,
.c-richtext h1:first-child {
margin-top: 0
}
#blog-contents h2,
.c-blog-contents h2,
.c-richtext h2 {
font-size: var(--richtext_h2_font_size_pc);
margin-top: var(--richtext_h2_margin_top_pc)
}
#blog-contents h2:first-child,
.c-blog-contents h2:first-child,
.c-richtext h2:first-child {
margin-top: 0
}
#blog-contents h3,
.c-blog-contents h3,
.c-richtext h3 {
font-size: var(--richtext_h3_font_size_pc);
margin-top: var(--richtext_h3_margin_top_pc)
}
#blog-contents h3:first-child,
.c-blog-contents h3:first-child,
.c-richtext h3:first-child {
margin-top: 0
}
#blog-contents h4,
.c-blog-contents h4,
.c-richtext h4 {
font-size: var(--richtext_h4_font_size_pc);
margin-top: var(--richtext_h4_margin_top_pc)
}
#blog-contents h4:first-child,
.c-blog-contents h4:first-child,
.c-richtext h4:first-child {
margin-top: 0
}
#blog-contents h5,
.c-blog-contents h5,
.c-richtext h5 {
font-size: var(--richtext_h5_font_size_pc);
margin-top: var(--richtext_h5_margin_top_pc)
}
#blog-contents h5:first-child,
.c-blog-contents h5:first-child,
.c-richtext h5:first-child {
margin-top: 0
}
#blog-contents h6,
.c-blog-contents h6,
.c-richtext h6 {
font-size: var(--richtext_h6_font_size_pc);
margin-top: var(--richtext_h6_margin_top_pc)
}
#blog-contents h6:first-child,
.c-blog-contents h6:first-child,
.c-richtext h6:first-child {
margin-top: 0
}
#blog-contents p,
.c-blog-contents p,
.c-richtext p {
font-size: var(--richtext_p_font_size_pc);
margin-top: var(--richtext_p_margin_top_pc)
}
#blog-contents p:first-child,
.c-blog-contents p:first-child,
.c-richtext p:first-child {
margin-top: 0
}
#blog-contents div,
#blog-contents ol,
#blog-contents table,
#blog-contents ul,
.c-blog-contents div,
.c-blog-contents ol,
.c-blog-contents table,
.c-blog-contents ul,
.c-richtext div,
.c-richtext ol,
.c-richtext table,
.c-richtext ul {
margin-top: var(--richtext_p_margin_top_pc)
}
#blog-contents div:first-child,
#blog-contents ol:first-child,
#blog-contents table:first-child,
#blog-contents ul:first-child,
.c-blog-contents div:first-child,
.c-blog-contents ol:first-child,
.c-blog-contents table:first-child,
.c-blog-contents ul:first-child,
.c-richtext div:first-child,
.c-richtext ol:first-child,
.c-richtext table:first-child,
.c-richtext ul:first-child {
margin-top: 0
}
#blog-contents li,
.c-blog-contents li,
.c-richtext li {
margin-top: 10px
}
#blog-contents li:first-child,
.c-blog-contents li:first-child,
.c-richtext li:first-child {
margin-top: 0
}
#blog-contents table td,
#blog-contents table th,
.c-blog-contents table td,
.c-blog-contents table th,
.c-richtext table td,
.c-richtext table th {
padding: 15px 20px
}
#blog-contents a:hover,
.c-blog-contents a:hover,
.c-richtext a:hover {
text-decoration: none
}
#blog-contents li,
.c-blog-contents li,
.c-richtext li {
margin-top: 0
}
#blog-contents li:first-child,
.c-blog-contents li:first-child,
.c-richtext li:first-child {
margin-top: 0
}
.p-anchor__position {
top: calc(0px - var(--section_padding_default_pc))
}
.p-section {
padding: var(--section_padding_default_pc) 0
}
.p-section.-padding_default_low {
padding: var(--section_padding_low_pc) 0
}
.p-section.-padding_default_body {
padding: var(--section_body_margin_top_pc) 0
}
.p-section.-padding_default_default {
padding: var(--section_padding_default_pc) 0
}
.p-section.-padding_pb00_low {
padding: var(--section_padding_low_pc) 0 0
}
.p-section.-padding_pb00_body {
padding: var(--section_body_margin_top_pc) 0 0
}
.p-section.-padding_pb00_default {
padding: var(--section_padding_default_pc) 0 0
}
.p-section.-padding_pt00_low {
padding: 0 0 var(--section_padding_low_pc)
}
.p-section.-padding_pt00_body {
padding: 0 0 var(--section_body_margin_top_pc)
}
.p-section.-padding_pt00_default {
padding: 0 0 var(--section_padding_default_pc)
}
.p-section.-padding_ptb00_low {
padding: 0
}
.p-section.-padding_ptb00_body {
padding: 0
}
.p-section.-padding_ptb00_default {
padding: 0
}
.p-section__anchor {
top: calc(0px - var(--section_padding_default_pc) - var(--header_height_pc))
}
.p-section.-padding_default_low > .p-section__anchor,
.p-section.-padding_pb00_low > .p-section__anchor {
top: calc(0px - var(--section_padding_low_pc) - var(--header_height_pc))
}
.p-section.-padding_default_body > .p-section__anchor,
.p-section.-padding_pb00_body > .p-section__anchor {
top: calc(0px - var(--section_body_margin_top_pc) - var(--header_height_pc))
}
.p-section.-padding_default_default > .p-section__anchor,
.p-section.-padding_pb00_default > .p-section__anchor {
top: calc(0px - var(--section_padding_default_pc) - var(--header_height_pc))
}
.p-section.-padding_pt00_body > .p-section__anchor,
.p-section.-padding_pt00_default > .p-section__anchor,
.p-section.-padding_pt00_low > .p-section__anchor,
.p-section.-padding_ptb00_body > .p-section__anchor,
.p-section.-padding_ptb00_default > .p-section__anchor,
.p-section.-padding_ptb00_low > .p-section__anchor {
top: calc(0px - var(--header_height_pc))
}
.p-section__contents.-board {
padding: 80px;
max-width: var(--section_width_default);
margin-left: auto;
margin-right: auto
}
.p-section__contents.-board.-wide {
max-width: var(--section_width_wide)
}
.p-section__contents.-board.-narrow {
max-width: var(--section_width_narrow)
}
.p-section__title {
font-size: var(--section_title_font_size_pc)
}
.p-section__title_main,
.p-section__title_sub {
font-size: var(--section_title_font_size_pc)
}
.p-section__title_main.-small,
.p-section__title_sub.-small {
font-size: calc(var(--section_title_font_size_pc) / 2)
}
.p-section__title_sub:first-child {
margin-bottom: 10px
}
.p-section__title_sub:last-child {
margin-top: 10px
}
.p-section__body_foot.-board {
padding: 65px 80px;
max-width: var(--section_width_default);
margin: 0 auto;
max-width: var(--section_width_default);
margin-left: auto;
margin-right: auto
}
* + .p-section__body_foot.-board {
margin-top: var(--section_body_margin_top_pc)
}
.p-section__body_foot.-board.-wide {
max-width: var(--section_width_wide)
}
.p-section__body_foot.-board.-narrow {
max-width: var(--section_width_narrow)
}
* + .p-section__body {
margin-top: var(--section_body_margin_top_pc)
}
* + .p-sub_buttons {
margin-top: calc(var(--section_body_margin_top_pc)/ 2)
}
.p-sub_buttons__list {
gap: 20px
}
* + .p-sub_buttons__item {
margin-top: 0
}
.p-row.-pc_column2 {
gap: var(--row2_space_vertical_pc) var(--row2_space_horizon_pc)
}
.p-row.-pc_column3 {
gap: var(--row3_space_vertical_pc) var(--row3_space_horizon_pc)
}
.p-row.-pc_column4 {
gap: var(--row4_space_vertical_pc) var(--row4_space_horizon_pc)
}
.p-row.-pc_column5 {
gap: var(--row5_space_vertical_pc) var(--row5_space_horizon_pc)
}
.p-row__col.-pc_column2 {
flex-basis: calc((100% - var(--row2_space_horizon_pc))/ 2)
}
.p-row__col.-pc_column3 {
flex-basis: calc((100% - var(--row3_space_horizon_pc) * 2)/ 3)
}
.p-row__col.-pc_column4 {
flex-basis: calc((100% - var(--row4_space_horizon_pc) * 3)/ 4)
}
.p-row__col.-pc_column5 {
flex-basis: calc((100% - var(--row5_space_horizon_pc) * 4)/ 5)
}
.p-row.-flex_start {
justify-content: flex-start
}
.p-row.-flex_center {
justify-content: center
}
.p-row.-flex_end {
justify-content: flex-end
}
.p-row__contents.-board {
padding: 25px
}
.p-row__col.-pc_column2 .p-row__contents.-board {
padding: 25px
}
.p-row__col.-pc_column3 .p-row__contents.-board {
padding: 20px
}
.p-row__col.-pc_column4 .p-row__contents.-board {
padding: 15px
}
.p-row__col.-pc_column5 .p-row__contents.-board {
padding: 15px
}
.p-card__link:hover .p-card__head {
background-color: #000
}
.p-card__body {
margin-top: 15px
}
.p-card__txt {
font-size: var(--common_paragraph_font_size_pc)
}
.p-tags__item {
font-size: var(--common_annotation_font_size_pc)
}
.p-tags__btn {
border: var(--tag_border_width_pc) solid var(--tag_border_color);
font-size: var(--tag_font_size_pc);
border-radius: var(--tag_radius_pc);
height: var(--tag_height_pc);
padding: 0 var(--tag_padding_pc)
}
.p-tags__btn:hover {
border: var(--tag_border_width_pc) solid var(--tag_border_color_hover)
}
.p-banner__contents {
height: 140px
}
.p-page_head {
height: var(--page_head_height_pc)
}
.p-page_head__inner {
flex: 0 0 var(--section_width_default)
}
.p-page_head__title {
font-size: var(--common_heading1_font_size_pc)
}
.p-block__head {
flex: 0 0 22%;
padding-right: 20px
}
.p-block__txt {
margin-top: 20px
}
.p-block_v2 {
display: flex
}
* + .p-block_v2 {
margin-top: 30px
}
.p-block_v2__head {
flex: 0 0 120px
}
.p-block_v2__body {
padding-left: 20px
}
.p-block_v4 {
display: flex
}
.p-block_v4__figure,
.p-block_v4__main {
display: flex;
align-items: center
}
.p-block_v4__figure {
padding: 20px 0;
position: relative;
display: block;
flex: 0 0 57.5%
}
.p-block_v4__figure::before {
content: "";
display: block;
background-color: #f0f0f0;
width: 500px;
max-width: calc(100% - 185px);
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 1
}
.p-block_v4__figure img {
position: relative;
z-index: 2
}
.p-block_v4__main {
padding: 20px 40px 20px 30px;
flex: 0 0 42.5%
}
.p-block_v4__main_inner {
flex: 0 0 100%
}
.p-modal_contents {
max-width: var(--section_width_default)
}
.p-modal_contents__inner {
padding: 0 60px
}
.p-bread__item {
font-size: 15px
}
.p-top_hero__main {
height: 345px
}
.p-top_hero__nav {
transform: translateY(38px)
}
.p-top_hero__bar {
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
.p-top_hero__bg {
height: 100%
}
.p-tab_nav__body {
padding: 28px 60px 38px
}
.p-top_news {
display: flex;
justify-content: space-between
}
.p-top_news__head {
flex: 0 0 140px;
border-right: 1px solid var(--common_color_line)
}
.p-top_news__title {
font-size: 28px;
font-weight: 500
}
.p-top_news__title::after,
.p-top_news__title::before {
display: none
}
.p-top_news__full {
flex: 0 0 100%
}
.p-top_news__body {
flex: 0 0 calc(100% - 140px - 140px);
padding: 0 0 15px 40px
}
.p-top_news__list {
align-items: center
}
.p-top_news__item {
display: flex
}
.p-top_news__date {
flex: 0 0 130px;
margin-right: 0
}
.p-top_news__link {
flex: 0 0 calc(100% - 130px)
}
.p-top_news__icon {
margin-right: 15px
}
.p-top_news__txt {
flex: 0 0 calc(100% - 9px - 15px)
}
.p-top_news__foot {
flex: 0 0 140px
}
.p-top_news__more_icon {
margin-right: 15px
}
.p-topics__more {
width: 280px
}
.p-flow_list_rt {
display: flex;
justify-content: center
}
.p-slider_area .splide__arrow {
width: 69px;
height: 80px;
transform: translateY(-40px)
}
.p-slider_area .splide__arrow--prev {
left: -20px
}
.p-slider_area .splide__arrow--next {
right: -20px
}
.p-slider_area .splide__arrow svg {
width: auto;
height: auto
}
* + .p-faq {
margin-top: 40px
}
.p-faq__body {
font-size: 14px
}
.p-faq__section {
padding: 20px 0
}
.p-faq__section:first-child {
margin-top: 25px
}
.p-faq__q_inner .icon {
flex: 0 0 45px
}
.p-faq__q_inner .text {
flex: calc(100% - 45px);
padding-right: 30px
}
.p-faq__a {
padding-top: 20px
}
.p-faq__a_board {
padding: 20px
}
.p-faq__a_inner {
font-size: 20px
}
.p-faq__a_inner .icon {
flex: 0 0 45px
}
.p-faq__a_inner .text {
flex: calc(100% - 45px)
}
.p-banner_blocks {
display: flex;
margin-right: -20px
}
.p-banner_blocks__square {
flex: 0 0 42.553%;
padding-right: 20px
}
.p-banner_blocks__rectangle {
flex: 0 0 57.447%;
padding-right: 20px;
display: flex;
flex-direction: column;
justify-content: space-between
}
.p-banner_blocks__icon {
margin-right: 15px
}
.p-banner_blocks__txt {
font-size: 16px
}
* + .p-interview_accordion {
margin-top: 20px
}
.p-interview_accordion__anchor {
top: -105px
}
.p-interview_accordion__figure {
width: 460px
}
.p-interview_accordion__board {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 500px;
padding: 40px 25px
}
.p-interview_accordion__body {
padding-top: 47px;
padding-bottom: 15px
}
.p-interview_accordion__btn {
margin-top: 8px
}
.p-carousel .splide__arrow {
width: 29px;
height: 57px
}
.p-carousel .splide__arrow--prev {
left: -40px
}
.p-carousel .splide__arrow--next {
right: -40px
}
.p-directory_nav__item {
padding: 10px
}
.p-directory_nav__link {
height: 60px;
border-radius: 30px;
width: 150px
}
.p-page_directory_nav {
padding: 20px 0
}
.p-page_directory_nav__list {
display: flex;
flex-wrap: wrap;
gap: 15px 20px
}
.p-page_directory_nav__item:last-child {
margin-right: 0
}
.p-table {
width: 100%;
border-collapse: collapse
}
.p-table__td,
.p-table__th {
border-bottom: 1px solid var(--common_color_line);
font-size: 14px;
vertical-align: top
}
.c-table__tr:last-child .p-table__td,
.c-table__tr:last-child .p-table__th {
border-bottom: none
}
.p-table__th {
width: 240px;
padding: 15px 20px 15px 0
}
.p-table__td {
padding: 15px 0
}
.p-table_pro__td,
.p-table_pro__th {
padding: 20px
}
.p-scroll_table > table {
width: 100%
}
.p-scroll_table > table table {
width: 100%
}
.p-scroll_table.-richtext td,
.p-scroll_table.-richtext th {
padding: 15px 20px
}
.p-image_contents {
display: flex
}
* + .p-image_contents {
margin-top: 60px
}
.p-image_contents.-reserve {
flex-direction: row-reverse
}
.p-image_contents__figure {
flex: 0 0 400px;
padding-right: 20px
}
.-reverse .p-image_contents__figure {
padding-right: 0;
padding-left: 20px
}
.p-image_contents__contents {
flex: 0 0 calc(100% - 400px)
}
.p-left_image__row {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap
}
.p-left_image__col.-figure {
margin-right: 20px;
flex-grow: 0;
flex-shrink: 0
}
.p-left_image__col.-contents {
margin-top: 20px;
flex-grow: 1;
flex-shrink: 1
}
.p-pager {
margin-top: 100px
}
.p-sns_list {
margin-top: 40px
}
.p-category_bar__list.-center {
justify-content: center
}
.p-category_bar__item {
font-size: 15px
}
.p-pagination .blog-pagination {
justify-content: center
}
.p-pagination .blog-pagination__link:hover {
background-color: var(--common_color_primary);
color: #fff
}
.p-pagination .blog-pagination__link:hover path {
fill: #fff
}
.p-pagination .blog-pagination__prev-link {
margin-right: 30px
}
.p-pagination .blog-pagination__next-link {
margin-left: 30px
}
.p-pager_v2__btn:hover {
background-color: var(--common_color_primary)
}
.p-pager_v2__btn:hover path {
fill: #fff
}
.p-pager_v2__all {
margin: 0 120px
}
.p-pager_v2__all_btn {
width: 320px;
font-size: 18px;
height: 64px;
border-radius: 32px
}
.p-pager_v2__all_btn:hover {
background-color: var(--common_color_primary);
color: #fff
}
.p-news_list__item {
padding: 20px 0
}
.p-news_list_article {
display: flex
}
.p-news_list_article__head {
flex: 0 0 30%
}
.p-news_list_article__date {
font-size: var(--common_paragraph_font_size_pc)
}
.p-news_list_article__body {
flex: 0 0 70%
}
.p-news_list_article__title {
font-size: var(--common_paragraph_font_size_pc)
}
.p-news_list_article__link:hover {
text-decoration: underline
}
* + .p-indent_icon_list {
margin-top: var(--richtext_p_margin_top_pc)
}
.p-hero {
height: calc(100dvh - var(--header_height_pc))
}
.p-hero__inner.-center {
justify-content: center
}
.p-hero__inner.-left,
.p-hero__inner.-right {
justify-content: flex-end
}
.p-hero__inner.-left > *,
.p-hero__inner.-right > * {
max-width: 60%
}
.p-hero__inner.-left {
justify-content: flex-start
}
.p-hero__inner.-right {
justify-content: flex-end
}
.p-hero__bg.-sp {
display: none
}
* + .p-comments__item {
margin-top: 40px
}
.p-comment {
gap: 40px
}
.p-comment__figures {
flex: 0 0 140px
}
.p-comment__caption {
margin-top: 8px
}
.p-comment__main {
flex: 0 0 calc(100% - 140px - 40px);
padding: 20px 32px;
margin-top: 20px
}
.p-comment__main::before {
width: 20px;
height: 20px;
top: 25px
}
.p-header {
height: var(--header_height_pc);
min-width: calc(40px + var(--section_width_default))
}
.p-header__inner {
height: var(--header_height_pc)
}
.p-header__logos {
padding-left: var(--header_padding_left_pc)
}
.p-header__menu {
display: none
}
.p-header__nav {
padding-right: var(--header_padding_right_pc);
display: block!important
}
.p-hdr_logo_set {
gap: 20px
}
.p-hdr_logo_set__image {
width: var(--header_logo_width_pc)
}
.p-hdr_logo_set__text {
font-size: var(--common_annotation_font_size_pc)
}
.p-hdr_logo_set__text_link:hover {
text-decoration: underline
}
.p-hdr_logos__link:hover {
opacity: var(--common_hover_opacity)
}
.p-hdr_nav__sub {
display: none
}
.p-hdr_nav_global {
display: flex;
align-items: center
}
.p-hdr_nav_global__item {
font-size: var(--header_nav_global_font_size_pc)
}
.p-hdr_nav_global__item.-sp {
display: none
}
.p-hdr_nav_global__item.-btn {
margin-left: var(--header_nav_btn_left_margin_pc)
}
.p-hdr_nav_global__link {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 15px;
height: var(--header_nav_btn_height_pc);
color: var(--common_color_black)
}
.p-hdr_nav_global__item:hover .p-hdr_nav_global__link {
transform: translateY(3px)
}
.p-hdr_nav_global__link.-haschild {
position: relative
}
.p-hdr_nav_global__link.-btn1 {
background-color: var(--header_nav_btn1_bg_color_pc);
border: var(--header_nav_btn_border_width_pc) solid var(--header_nav_btn1_border_color_pc);
color: var(--header_nav_btn1_font_color_pc);
border-radius: var(--header_nav_btn_border_radius_pc)
}
.p-hdr_nav_global__item:hover .p-hdr_nav_global__link.-btn1 {
background-color: var(--header_nav_btn1_bg_color_pc_hover);
border: var(--header_nav_btn_border_width_pc) solid var(--header_nav_btn1_border_color_pc_hover);
color: var(--header_nav_btn1_font_color_pc_hover);
transform: translateY(0)
}
.p-hdr_nav_global__link.-btn2 {
background-color: var(--header_nav_btn2_bg_color_pc);
border: var(--header_nav_btn_border_width_pc) solid var(--header_nav_btn2_border_color_pc);
color: var(--header_nav_btn2_font_color_pc);
border-radius: var(--header_nav_btn_border_radius_pc)
}
.p-hdr_nav_global__item:hover .p-hdr_nav_global__link.-btn2 {
background-color: var(--header_nav_btn2_bg_color_pc_hover);
border: var(--header_nav_btn_border_width_pc) solid var(--header_nav_btn2_border_color_pc_hover);
color: var(--header_nav_btn2_font_color_pc_hover);
transform: translateY(0)
}
.p-hdr_nav_global__child {
position: absolute;
top: 100%;
left: 20px;
padding-top: calc((var(--header_height_pc) - var(--header_nav_btn_height_pc))/ 2);
width: var(--header_nav_child_width_pc)
}
.p-hdr_nav_global__child.-custom_left {
left: inherit;
right: 0
}
.p-hdr_nav_child {
background-color: #f0f0f0;
box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
padding: 10px 25px 10px
}
.p-hdr_nav_child__item {
font-size: var(--header_nav_child_font_size_pc);
white-space: nowrap;
padding-top: 15px;
padding-bottom: 15px
}
.p-hdr_nav_child__link {
color: var(--common_color_black)
}
.p-hdr_nav_child__link:hover {
opacity: var(--common_hover_opacity)
}
.p-hdr_nav_child__grandchild {
position: absolute;
left: 100%;
top: -10px;
display: none;
min-height: 100%;
padding-left: 25px
}
.p-hdr_nav_global__child.-custom_left .p-hdr_nav_child__grandchild {
left: inherit;
right: 100%;
padding-left: 0;
padding-right: 25px
}
.p-hdr_nav_grandchild {
background-color: #f0f0f0;
box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
padding: 10px 25px 10px;
padding-right: 30px;
min-height: calc(100% + 0px)
}
.p-hdr_nav_grandchild::before {
content: "";
display: block;
position: absolute;
right: 100%;
top: 0;
width: 30px;
height: 100%
}
.p-hdr_nav_grandchild__item {
font-size: var(--header_nav_child_font_size_pc);
padding-top: 15px;
padding-bottom: 15px
}
.p-hdr_nav_grandchild__item:first-child {
margin-top: 0
}
.p-hdr_nav_grandchild__link:hover {
color: var(--common_color_black)
}
.p-footer__head {
padding: 80px 0
}
.p-footer__row {
display: flex;
justify-content: space-between
}
.p-footer__item.-child {
padding-left: 10px
}
.p-footer__item:first-child {
padding-top: 0
}
.p-footer__item:last-child {
padding-bottom: 0
}
.p-footer__link:hover {
text-decoration: underline
}
.p-footer__link.-nolink:hover {
text-decoration: none
}
.u-dib-pc {
display: inline-block!important
}
.u-db-pc {
display: block!important
}
.u-dn-pc {
display: none!important
}
.u-df-pc {
display: flex!important
}
.u-aac-pc {
align-items: center!important
}
.u-aafs-pc {
align-items: flex-start!important
}
.u-aafe-pc {
align-items: flex-end!important
}
.u-jcc-pc {
justify-content: center!important
}
.u-jcfs-pc {
justify-content: flex-start!important
}
.u-jcfe-pc {
justify-content: flex-end!important
}
.u-jcsb-pc {
justify-content: space-between!important
}
.u-fwwrap-pc {
flex-wrap: wrap!important
}
.u-bold-pc {
font-weight: 700!important
}
.u-medium-pc {
font-weight: 500!important
}
.u-normal-pc {
font-weight: 400!important
}
.u-light-pc {
font-weight: 300!important
}
.u-black-pc {
color: var(--common_color_black)!important
}
.u-black-heading-pc {
color: var(--common_color_black)!important
}
.u-white-pc {
color: #fff!important
}
.u-primary-pc {
color: var(--common_color_primary)!important
}
.u-primary_variant-pc {
color: var(--common_color_primary_variant)!important
}
.u-secondary-pc {
color: var(--common_color_secondary)!important
}
.u-jp-pc {
font-family: var(--common_font_jp)!important
}
.u-en-pc {
font-family: var(--common_font_en)!important
}
.u-jp_sans-pc {
font-family: var(--common_font_family_jp_sans)!important
}
.u-jp_serif-pc {
font-family: var(--common_font_family_jp_serif)!important
}
.u-center-pc {
text-align: center!important
}
.u-left-pc {
text-align: left!important
}
.u-right-pc {
text-align: right!important
}
.u-justify-pc {
text-align: justify!important
}
.u-fz08-pc {
font-size: 8px!important
}
.u-fz09-pc {
font-size: 9px!important
}
.u-fz10-pc {
font-size: 10px!important
}
.u-fz11-pc {
font-size: 11px!important
}
.u-fz12-pc {
font-size: 12px!important
}
.u-fz13-pc {
font-size: 13px!important
}
.u-fz14-pc {
font-size: 14px!important
}
.u-fz15-pc {
font-size: 15px!important
}
.u-fz16-pc {
font-size: 16px!important
}
.u-fz17-pc {
font-size: 17px!important
}
.u-fz18-pc {
font-size: 18px!important
}
.u-fz19-pc {
font-size: 19px!important
}
.u-fz20-pc {
font-size: 20px!important
}
.u-fz21-pc {
font-size: 21px!important
}
.u-fz22-pc {
font-size: 22px!important
}
.u-fz23-pc {
font-size: 23px!important
}
.u-fz24-pc {
font-size: 24px!important
}
.u-fz25-pc {
font-size: 25px!important
}
.u-fz26-pc {
font-size: 26px!important
}
.u-fz27-pc {
font-size: 27px!important
}
.u-fz28-pc {
font-size: 28px!important
}
.u-fz29-pc {
font-size: 29px!important
}
.u-fz30-pc {
font-size: 30px!important
}
.u-fz31-pc {
font-size: 31px!important
}
.u-fz32-pc {
font-size: 32px!important
}
.u-fz33-pc {
font-size: 33px!important
}
.u-fz34-pc {
font-size: 34px!important
}
.u-fz35-pc {
font-size: 35px!important
}
.u-fz36-pc {
font-size: 36px!important
}
.u-fz37-pc {
font-size: 37px!important
}
.u-fz38-pc {
font-size: 38px!important
}
.u-fz39-pc {
font-size: 39px!important
}
.u-fz40-pc {
font-size: 40px!important
}
.u-fz41-pc {
font-size: 41px!important
}
.u-fz42-pc {
font-size: 42px!important
}
.u-fz43-pc {
font-size: 43px!important
}
.u-fz44-pc {
font-size: 44px!important
}
.u-fz45-pc {
font-size: 45px!important
}
.u-fz46-pc {
font-size: 46px!important
}
.u-fz47-pc {
font-size: 47px!important
}
.u-fz48-pc {
font-size: 48px!important
}
.u-fz49-pc {
font-size: 49px!important
}
.u-fz50-pc {
font-size: 50px!important
}
.u-fz51-pc {
font-size: 51px!important
}
.u-fz52-pc {
font-size: 52px!important
}
.u-fz53-pc {
font-size: 53px!important
}
.u-fz54-pc {
font-size: 54px!important
}
.u-fz55-pc {
font-size: 55px!important
}
.u-fz56-pc {
font-size: 56px!important
}
.u-fz57-pc {
font-size: 57px!important
}
.u-fz58-pc {
font-size: 58px!important
}
.u-fz59-pc {
font-size: 59px!important
}
.u-fz60-pc {
font-size: 60px!important
}
.u-marginauto-pc {
margin-left: auto!important;
margin-right: auto!important
}
.u-mt00-pc {
margin-top: 0!important
}
.u-mt05-pc {
margin-top: 5px!important
}
.u-mt10-pc {
margin-top: 10px!important
}
.u-mt15-pc {
margin-top: 15px!important
}
.u-mt20-pc {
margin-top: 20px!important
}
.u-mt25-pc {
margin-top: 25px!important
}
.u-mt30-pc {
margin-top: 30px!important
}
.u-mt35-pc {
margin-top: 35px!important
}
.u-mt40-pc {
margin-top: 40px!important
}
.u-mt45-pc {
margin-top: 45px!important
}
.u-mt50-pc {
margin-top: 50px!important
}
.u-mt55-pc {
margin-top: 55px!important
}
.u-mt60-pc {
margin-top: 60px!important
}
.u-mt65-pc {
margin-top: 65px!important
}
.u-mt70-pc {
margin-top: 70px!important
}
.u-mt75-pc {
margin-top: 75px!important
}
.u-mt80-pc {
margin-top: 80px!important
}
.u-mt85-pc {
margin-top: 85px!important
}
.u-mt90-pc {
margin-top: 90px!important
}
.u-mt95-pc {
margin-top: 95px!important
}
.u-mt100-pc {
margin-top: 100px!important
}
.u-mt110-pc {
margin-top: 110px!important
}
.u-mt120-pc {
margin-top: 120px!important
}
.u-mt130-pc {
margin-top: 130px!important
}
.u-mt140-pc {
margin-top: 140px!important
}
.u-mt150-pc {
margin-top: 150px!important
}
.u-mt160-pc {
margin-top: 160px!important
}
.u-mt170-pc {
margin-top: 170px!important
}
.u-mt180-pc {
margin-top: 180px!important
}
.u-mt190-pc {
margin-top: 190px!important
}
.u-mt200-pc {
margin-top: 200px!important
}
.u-mr00-pc {
margin-right: 0!important
}
.u-mr05-pc {
margin-right: 5px!important
}
.u-mr10-pc {
margin-right: 10px!important
}
.u-mr15-pc {
margin-right: 15px!important
}
.u-mr20-pc {
margin-right: 20px!important
}
.u-mr25-pc {
margin-right: 25px!important
}
.u-mr30-pc {
margin-right: 30px!important
}
.u-mr35-pc {
margin-right: 35px!important
}
.u-mr40-pc {
margin-right: 40px!important
}
.u-mr45-pc {
margin-right: 45px!important
}
.u-mr50-pc {
margin-right: 50px!important
}
.u-mr55-pc {
margin-right: 55px!important
}
.u-mr60-pc {
margin-right: 60px!important
}
.u-mr65-pc {
margin-right: 65px!important
}
.u-mr70-pc {
margin-right: 70px!important
}
.u-mr75-pc {
margin-right: 75px!important
}
.u-mr80-pc {
margin-right: 80px!important
}
.u-mr85-pc {
margin-right: 85px!important
}
.u-mr90-pc {
margin-right: 90px!important
}
.u-mr95-pc {
margin-right: 95px!important
}
.u-mr100-pc {
margin-right: 100px!important
}
.u-mr110-pc {
margin-right: 110px!important
}
.u-mr120-pc {
margin-right: 120px!important
}
.u-mr130-pc {
margin-right: 130px!important
}
.u-mr140-pc {
margin-right: 140px!important
}
.u-mr150-pc {
margin-right: 150px!important
}
.u-mr160-pc {
margin-right: 160px!important
}
.u-mr170-pc {
margin-right: 170px!important
}
.u-mr180-pc {
margin-right: 180px!important
}
.u-mr190-pc {
margin-right: 190px!important
}
.u-mr200-pc {
margin-right: 200px!important
}
.u-mb00-pc {
margin-bottom: 0!important
}
.u-mb05-pc {
margin-bottom: 5px!important
}
.u-mb10-pc {
margin-bottom: 10px!important
}
.u-mb15-pc {
margin-bottom: 15px!important
}
.u-mb20-pc {
margin-bottom: 20px!important
}
.u-mb25-pc {
margin-bottom: 25px!important
}
.u-mb30-pc {
margin-bottom: 30px!important
}
.u-mb35-pc {
margin-bottom: 35px!important
}
.u-mb40-pc {
margin-bottom: 40px!important
}
.u-mb45-pc {
margin-bottom: 45px!important
}
.u-mb50-pc {
margin-bottom: 50px!important
}
.u-mb55-pc {
margin-bottom: 55px!important
}
.u-mb60-pc {
margin-bottom: 60px!important
}
.u-mb65-pc {
margin-bottom: 65px!important
}
.u-mb70-pc {
margin-bottom: 70px!important
}
.u-mb75-pc {
margin-bottom: 75px!important
}
.u-mb80-pc {
margin-bottom: 80px!important
}
.u-mb85-pc {
margin-bottom: 85px!important
}
.u-mb90-pc {
margin-bottom: 90px!important
}
.u-mb95-pc {
margin-bottom: 95px!important
}
.u-mb100-pc {
margin-bottom: 100px!important
}
.u-mb110-pc {
margin-bottom: 110px!important
}
.u-mb120-pc {
margin-bottom: 120px!important
}
.u-mb130-pc {
margin-bottom: 130px!important
}
.u-mb140-pc {
margin-bottom: 140px!important
}
.u-mb150-pc {
margin-bottom: 150px!important
}
.u-mb160-pc {
margin-bottom: 160px!important
}
.u-mb170-pc {
margin-bottom: 170px!important
}
.u-mb180-pc {
margin-bottom: 180px!important
}
.u-mb190-pc {
margin-bottom: 190px!important
}
.u-mb200-pc {
margin-bottom: 200px!important
}
.u-ml00-pc {
margin-left: 0!important
}
.u-ml05-pc {
margin-left: 5px!important
}
.u-ml10-pc {
margin-left: 10px!important
}
.u-ml15-pc {
margin-left: 15px!important
}
.u-ml20-pc {
margin-left: 20px!important
}
.u-ml25-pc {
margin-left: 25px!important
}
.u-ml30-pc {
margin-left: 30px!important
}
.u-ml35-pc {
margin-left: 35px!important
}
.u-ml40-pc {
margin-left: 40px!important
}
.u-ml45-pc {
margin-left: 45px!important
}
.u-ml50-pc {
margin-left: 50px!important
}
.u-ml55-pc {
margin-left: 55px!important
}
.u-ml60-pc {
margin-left: 60px!important
}
.u-ml65-pc {
margin-left: 65px!important
}
.u-ml70-pc {
margin-left: 70px!important
}
.u-ml75-pc {
margin-left: 75px!important
}
.u-ml80-pc {
margin-left: 80px!important
}
.u-ml85-pc {
margin-left: 85px!important
}
.u-ml90-pc {
margin-left: 90px!important
}
.u-ml95-pc {
margin-left: 95px!important
}
.u-ml100-pc {
margin-left: 100px!important
}
.u-ml110-pc {
margin-left: 110px!important
}
.u-ml120-pc {
margin-left: 120px!important
}
.u-ml130-pc {
margin-left: 130px!important
}
.u-ml140-pc {
margin-left: 140px!important
}
.u-ml150-pc {
margin-left: 150px!important
}
.u-ml160-pc {
margin-left: 160px!important
}
.u-ml170-pc {
margin-left: 170px!important
}
.u-ml180-pc {
margin-left: 180px!important
}
.u-ml190-pc {
margin-left: 190px!important
}
.u-ml200-pc {
margin-left: 200px!important
}
.u-nmt00-pc {
margin-top: 0!important
}
.u-nmt05-pc {
margin-top: -5px!important
}
.u-nmt10-pc {
margin-top: -10px!important
}
.u-nmt15-pc {
margin-top: -15px!important
}
.u-nmt20-pc {
margin-top: -20px!important
}
.u-nmt25-pc {
margin-top: -25px!important
}
.u-nmt30-pc {
margin-top: -30px!important
}
.u-nmt35-pc {
margin-top: -35px!important
}
.u-nmt40-pc {
margin-top: -40px!important
}
.u-nmt45-pc {
margin-top: -45px!important
}
.u-nmt50-pc {
margin-top: -50px!important
}
.u-nmt55-pc {
margin-top: -55px!important
}
.u-nmt60-pc {
margin-top: -60px!important
}
.u-nmt65-pc {
margin-top: -65px!important
}
.u-nmt70-pc {
margin-top: -70px!important
}
.u-nmt75-pc {
margin-top: -75px!important
}
.u-nmt80-pc {
margin-top: -80px!important
}
.u-nmt85-pc {
margin-top: -85px!important
}
.u-nmt90-pc {
margin-top: -90px!important
}
.u-nmt95-pc {
margin-top: -95px!important
}
.u-nmt100-pc {
margin-top: -100px!important
}
.u-nmr00-pc {
margin-right: 0!important
}
.u-nmr05-pc {
margin-right: -5px!important
}
.u-nmr10-pc {
margin-right: -10px!important
}
.u-nmr15-pc {
margin-right: -15px!important
}
.u-nmr20-pc {
margin-right: -20px!important
}
.u-nmr25-pc {
margin-right: -25px!important
}
.u-nmr30-pc {
margin-right: -30px!important
}
.u-nmr35-pc {
margin-right: -35px!important
}
.u-nmr40-pc {
margin-right: -40px!important
}
.u-nmr45-pc {
margin-right: -45px!important
}
.u-nmr50-pc {
margin-right: -50px!important
}
.u-nmr55-pc {
margin-right: -55px!important
}
.u-nmr60-pc {
margin-right: -60px!important
}
.u-nmr65-pc {
margin-right: -65px!important
}
.u-nmr70-pc {
margin-right: -70px!important
}
.u-nmr75-pc {
margin-right: -75px!important
}
.u-nmr80-pc {
margin-right: -80px!important
}
.u-nmr85-pc {
margin-right: -85px!important
}
.u-nmr90-pc {
margin-right: -90px!important
}
.u-nmr95-pc {
margin-right: -95px!important
}
.u-nmr100-pc {
margin-right: -100px!important
}
.u-nml00-pc {
margin-left: 0!important
}
.u-nml05-pc {
margin-left: -5px!important
}
.u-nml10-pc {
margin-left: -10px!important
}
.u-nml15-pc {
margin-left: -15px!important
}
.u-nml20-pc {
margin-left: -20px!important
}
.u-nml25-pc {
margin-left: -25px!important
}
.u-nml30-pc {
margin-left: -30px!important
}
.u-nml35-pc {
margin-left: -35px!important
}
.u-nml40-pc {
margin-left: -40px!important
}
.u-nml45-pc {
margin-left: -45px!important
}
.u-nml50-pc {
margin-left: -50px!important
}
.u-nml55-pc {
margin-left: -55px!important
}
.u-nml60-pc {
margin-left: -60px!important
}
.u-nml65-pc {
margin-left: -65px!important
}
.u-nml70-pc {
margin-left: -70px!important
}
.u-nml75-pc {
margin-left: -75px!important
}
.u-nml80-pc {
margin-left: -80px!important
}
.u-nml85-pc {
margin-left: -85px!important
}
.u-nml90-pc {
margin-left: -90px!important
}
.u-nml95-pc {
margin-left: -95px!important
}
.u-nml100-pc {
margin-left: -100px!important
}
.u-pt00-pc {
padding-top: 0!important
}
.u-pt05-pc {
padding-top: 5px!important
}
.u-pt10-pc {
padding-top: 10px!important
}
.u-pt15-pc {
padding-top: 15px!important
}
.u-pt20-pc {
padding-top: 20px!important
}
.u-pt25-pc {
padding-top: 25px!important
}
.u-pt30-pc {
padding-top: 30px!important
}
.u-pt35-pc {
padding-top: 35px!important
}
.u-pt40-pc {
padding-top: 40px!important
}
.u-pt45-pc {
padding-top: 45px!important
}
.u-pt50-pc {
padding-top: 50px!important
}
.u-pt55-pc {
padding-top: 55px!important
}
.u-pt60-pc {
padding-top: 60px!important
}
.u-pt65-pc {
padding-top: 65px!important
}
.u-pt70-pc {
padding-top: 70px!important
}
.u-pt75-pc {
padding-top: 75px!important
}
.u-pt80-pc {
padding-top: 80px!important
}
.u-pt85-pc {
padding-top: 85px!important
}
.u-pt90-pc {
padding-top: 90px!important
}
.u-pt95-pc {
padding-top: 95px!important
}
.u-pt100-pc {
padding-top: 100px!important
}
.u-pt110-pc {
padding-top: 110px!important
}
.u-pt120-pc {
padding-top: 120px!important
}
.u-pt130-pc {
padding-top: 130px!important
}
.u-pt140-pc {
padding-top: 140px!important
}
.u-pt150-pc {
padding-top: 150px!important
}
.u-pt160-pc {
padding-top: 160px!important
}
.u-pt170-pc {
padding-top: 170px!important
}
.u-pt180-pc {
padding-top: 180px!important
}
.u-pt190-pc {
padding-top: 190px!important
}
.u-pt200-pc {
padding-top: 200px!important
}
.u-pr00-pc {
padding-right: 0!important
}
.u-pr05-pc {
padding-right: 5px!important
}
.u-pr10-pc {
padding-right: 10px!important
}
.u-pr15-pc {
padding-right: 15px!important
}
.u-pr20-pc {
padding-right: 20px!important
}
.u-pr25-pc {
padding-right: 25px!important
}
.u-pr30-pc {
padding-right: 30px!important
}
.u-pr35-pc {
padding-right: 35px!important
}
.u-pr40-pc {
padding-right: 40px!important
}
.u-pr45-pc {
padding-right: 45px!important
}
.u-pr50-pc {
padding-right: 50px!important
}
.u-pr55-pc {
padding-right: 55px!important
}
.u-pr60-pc {
padding-right: 60px!important
}
.u-pr65-pc {
padding-right: 65px!important
}
.u-pr70-pc {
padding-right: 70px!important
}
.u-pr75-pc {
padding-right: 75px!important
}
.u-pr80-pc {
padding-right: 80px!important
}
.u-pr85-pc {
padding-right: 85px!important
}
.u-pr90-pc {
padding-right: 90px!important
}
.u-pr95-pc {
padding-right: 95px!important
}
.u-pr100-pc {
padding-right: 100px!important
}
.u-pr110-pc {
padding-right: 110px!important
}
.u-pr120-pc {
padding-right: 120px!important
}
.u-pr130-pc {
padding-right: 130px!important
}
.u-pr140-pc {
padding-right: 140px!important
}
.u-pr150-pc {
padding-right: 150px!important
}
.u-pr160-pc {
padding-right: 160px!important
}
.u-pr170-pc {
padding-right: 170px!important
}
.u-pr180-pc {
padding-right: 180px!important
}
.u-pr190-pc {
padding-right: 190px!important
}
.u-pr200-pc {
padding-right: 200px!important
}
.u-pb00-pc {
padding-bottom: 0!important
}
.u-pb05-pc {
padding-bottom: 5px!important
}
.u-pb10-pc {
padding-bottom: 10px!important
}
.u-pb15-pc {
padding-bottom: 15px!important
}
.u-pb20-pc {
padding-bottom: 20px!important
}
.u-pb25-pc {
padding-bottom: 25px!important
}
.u-pb30-pc {
padding-bottom: 30px!important
}
.u-pb35-pc {
padding-bottom: 35px!important
}
.u-pb40-pc {
padding-bottom: 40px!important
}
.u-pb45-pc {
padding-bottom: 45px!important
}
.u-pb50-pc {
padding-bottom: 50px!important
}
.u-pb55-pc {
padding-bottom: 55px!important
}
.u-pb60-pc {
padding-bottom: 60px!important
}
.u-pb65-pc {
padding-bottom: 65px!important
}
.u-pb70-pc {
padding-bottom: 70px!important
}
.u-pb75-pc {
padding-bottom: 75px!important
}
.u-pb80-pc {
padding-bottom: 80px!important
}
.u-pb85-pc {
padding-bottom: 85px!important
}
.u-pb90-pc {
padding-bottom: 90px!important
}
.u-pb95-pc {
padding-bottom: 95px!important
}
.u-pb100-pc {
padding-bottom: 100px!important
}
.u-pb110-pc {
padding-bottom: 110px!important
}
.u-pb120-pc {
padding-bottom: 120px!important
}
.u-pb130-pc {
padding-bottom: 130px!important
}
.u-pb140-pc {
padding-bottom: 140px!important
}
.u-pb150-pc {
padding-bottom: 150px!important
}
.u-pb160-pc {
padding-bottom: 160px!important
}
.u-pb170-pc {
padding-bottom: 170px!important
}
.u-pb180-pc {
padding-bottom: 180px!important
}
.u-pb190-pc {
padding-bottom: 190px!important
}
.u-pb200-pc {
padding-bottom: 200px!important
}
.u-pl00-pc {
padding-left: 0!important
}
.u-pl05-pc {
padding-left: 5px!important
}
.u-pl10-pc {
padding-left: 10px!important
}
.u-pl15-pc {
padding-left: 15px!important
}
.u-pl20-pc {
padding-left: 20px!important
}
.u-pl25-pc {
padding-left: 25px!important
}
.u-pl30-pc {
padding-left: 30px!important
}
.u-pl35-pc {
padding-left: 35px!important
}
.u-pl40-pc {
padding-left: 40px!important
}
.u-pl45-pc {
padding-left: 45px!important
}
.u-pl50-pc {
padding-left: 50px!important
}
.u-pl55-pc {
padding-left: 55px!important
}
.u-pl60-pc {
padding-left: 60px!important
}
.u-pl65-pc {
padding-left: 65px!important
}
.u-pl70-pc {
padding-left: 70px!important
}
.u-pl75-pc {
padding-left: 75px!important
}
.u-pl80-pc {
padding-left: 80px!important
}
.u-pl85-pc {
padding-left: 85px!important
}
.u-pl90-pc {
padding-left: 90px!important
}
.u-pl95-pc {
padding-left: 95px!important
}
.u-pl100-pc {
padding-left: 100px!important
}
.u-pl110-pc {
padding-left: 110px!important
}
.u-pl120-pc {
padding-left: 120px!important
}
.u-pl130-pc {
padding-left: 130px!important
}
.u-pl140-pc {
padding-left: 140px!important
}
.u-pl150-pc {
padding-left: 150px!important
}
.u-pl160-pc {
padding-left: 160px!important
}
.u-pl170-pc {
padding-left: 170px!important
}
.u-pl180-pc {
padding-left: 180px!important
}
.u-pl190-pc {
padding-left: 190px!important
}
.u-pl200-pc {
padding-left: 200px!important
}
.u-lh100-pc {
line-height: 100%!important
}
.u-lh110-pc {
line-height: 110%!important
}
.u-lh120-pc {
line-height: 120%!important
}
.u-lh130-pc {
line-height: 130%!important
}
.u-lh140-pc {
line-height: 140%!important
}
.u-lh150-pc {
line-height: 150%!important
}
.u-lh160-pc {
line-height: 160%!important
}
.u-lh170-pc {
line-height: 170%!important
}
.u-lh180-pc {
line-height: 180%!important
}
.u-lh190-pc {
line-height: 190%!important
}
.u-lh200-pc {
line-height: 200%!important
}
.u-radius01-pc {
border-radius: 1px!important
}
.u-radius02-pc {
border-radius: 2px!important
}
.u-radius03-pc {
border-radius: 3px!important
}
.u-radius04-pc {
border-radius: 4px!important
}
.u-radius05-pc {
border-radius: 5px!important
}
.u-radius06-pc {
border-radius: 6px!important
}
.u-radius07-pc {
border-radius: 7px!important
}
.u-radius08-pc {
border-radius: 8px!important
}
.u-radius09-pc {
border-radius: 9px!important
}
.u-radius10-pc {
border-radius: 10px!important
}
.u-radius11-pc {
border-radius: 11px!important
}
.u-radius12-pc {
border-radius: 12px!important
}
.u-radius13-pc {
border-radius: 13px!important
}
.u-radius14-pc {
border-radius: 14px!important
}
.u-radius15-pc {
border-radius: 15px!important
}
.u-radius16-pc {
border-radius: 16px!important
}
.u-radius17-pc {
border-radius: 17px!important
}
.u-radius18-pc {
border-radius: 18px!important
}
.u-radius19-pc {
border-radius: 19px!important
}
.u-radius20-pc {
border-radius: 20px!important
}
.br-sp {
display: none!important
}
}
@media screen and (max-width:768px) {
#page-contents {
padding-top: var(--header_height_sp)
}
.l-inner-default-sp {
margin: 0 auto;
padding: 0 var(--section_side_padding_sp)
}
.l-inner-narrow-sp {
margin: 0 auto;
padding: 0 calc(var(--section_side_padding_sp) * 2)
}
.l-inner-full-sp {
margin: 0 auto;
padding: 0
}
.c-btn {
font-size: var(--btn_font_size_sp);
border: var(--btn_border_width_sp) solid var(--btn_border_color);
border-radius: var(--btn_radius_sp);
height: var(--btn_height_sp);
padding: 0 16px
}
.c-btn.is-current,
.c-btn:hover {
border: var(--btn_border_width_sp) solid var(--btn_border_color_hover)
}
.c-btn.-v2 {
font-size: var(--btn_v2_font_size_sp);
border: var(--btn_v2_border_width_sp) solid var(--btn_v2_border_color);
border-radius: var(--btn_v2_radius_sp);
height: var(--btn_v2_height_sp)
}
.c-btn.-v2.is-current,
.c-btn.-v2:hover {
border: var(--btn_v2_border_width_sp) solid var(--btn_v2_border_color_hover)
}
.c-btn.-v3 {
font-size: var(--btn_v3_font_size_sp);
border: var(--btn_v3_border_width_sp) solid var(--btn_v3_border_color);
border-radius: var(--btn_v3_radius_sp);
height: var(--btn_v3_height_sp)
}
.c-btn.-v3.is-current,
.c-btn.-v3:hover {
border: var(--btn_v3_border_width_sp) solid var(--btn_v3_border_color_hover)
}
.c-btn.-directory_nav {
font-size: 14px;
height: 38px
}
.c-sub_btn {
font-size: 14px
}
.c-heading1 {
font-size: var(--common_heading1_font_size_sp)
}
.c-heading1-sp {
font-weight: var(--common_heading1_font_weight);
line-height: var(--common_heading1_line_height);
letter-spacing: var(--common_heading1_letter_spacing);
font-size: var(--common_heading1_font_size_sp)
}
.c-heading2 {
font-size: var(--common_heading2_font_size_sp)
}
.c-heading2-sp {
font-weight: var(--common_heading2_font_weight);
line-height: var(--common_heading2_line_height);
letter-spacing: var(--common_heading2_letter_spacing);
font-size: var(--common_heading2_font_size_sp)
}
.c-heading3 {
font-size: var(--common_heading3_font_size_sp)
}
.c-heading3-sp {
font-weight: var(--common_heading3_font_weight);
line-height: var(--common_heading3_line_height);
letter-spacing: var(--common_heading3_letter_spacing);
font-size: var(--common_heading3_font_size_sp)
}
.c-heading4 {
font-size: var(--common_heading4_font_size_sp)
}
.c-heading4-sp {
font-weight: var(--common_heading4_font_weight);
line-height: var(--common_heading4_line_height);
letter-spacing: var(--common_heading4_letter_spacing);
font-size: var(--common_heading4_font_size_sp)
}
.c-heading5 {
font-size: var(--common_heading5_font_size_sp)
}
.c-heading5-sp {
font-weight: var(--common_heading5_font_weight);
line-height: var(--common_heading5_line_height);
letter-spacing: var(--common_heading5_letter_spacing);
font-size: var(--common_heading5_font_size_sp)
}
.c-heading6 {
font-size: var(--common_heading6_font_size_sp)
}
.c-heading6-sp {
font-weight: var(--common_heading6_font_weight);
line-height: var(--common_heading6_line_height);
letter-spacing: var(--common_heading6_letter_spacing);
font-size: var(--common_heading6_font_size_sp)
}
.c-paragraph {
font-size: var(--common_paragraph_font_size_sp)
}
.c-paragraph-sp {
font-weight: var(--common_paragraph_font_weight);
line-height: var(--common_paragraph_line_height);
letter-spacing: var(--common_paragraph_letter_spacing);
font-size: var(--common_paragraph_font_size_sp)
}
.c-paragraph_small {
font-size: var(--common_paragraph_small_font_size_sp)
}
.c-paragraph_small-sp {
font-weight: var(--common_paragraph_small_font_weight);
line-height: var(--common_paragraph_small_line_height);
letter-spacing: var(--common_paragraph_small_letter_spacing);
font-size: var(--common_paragraph_small_font_size_sp)
}
.c-annotation {
font-size: var(--common_annotation_font_size_sp)
}
.c-annotation-sp {
font-weight: var(--common_annotation_font_weight);
line-height: var(--common_annotation_line_height);
letter-spacing: var(--common_annotation_letter_spacing);
font-size: var(--common_annotation_font_size_sp)
}
#blog-contents,
.c-blog-contents,
.c-richtext {
font-size: var(--richtext_other_font_size_sp)
}
#blog-contents h1,
.c-blog-contents h1,
.c-richtext h1 {
font-size: var(--richtext_h1_font_size_sp);
margin-top: var(--richtext_h1_margin_top_sp)
}
#blog-contents h1:first-child,
.c-blog-contents h1:first-child,
.c-richtext h1:first-child {
margin-top: 0
}
#blog-contents h2,
.c-blog-contents h2,
.c-richtext h2 {
font-size: var(--richtext_h2_font_size_sp);
margin-top: var(--richtext_h2_margin_top_sp)
}
#blog-contents h2:first-child,
.c-blog-contents h2:first-child,
.c-richtext h2:first-child {
margin-top: 0
}
#blog-contents h3,
.c-blog-contents h3,
.c-richtext h3 {
font-size: var(--richtext_h3_font_size_sp);
margin-top: var(--richtext_h3_margin_top_sp)
}
#blog-contents h3:first-child,
.c-blog-contents h3:first-child,
.c-richtext h3:first-child {
margin-top: 0
}
#blog-contents h4,
.c-blog-contents h4,
.c-richtext h4 {
font-size: var(--richtext_h4_font_size_sp);
margin-top: var(--richtext_h4_margin_top_sp)
}
#blog-contents h4:first-child,
.c-blog-contents h4:first-child,
.c-richtext h4:first-child {
margin-top: 0
}
#blog-contents h5,
.c-blog-contents h5,
.c-richtext h5 {
font-size: var(--richtext_h5_font_size_sp);
margin-top: var(--richtext_h5_margin_top_sp)
}
#blog-contents h5:first-child,
.c-blog-contents h5:first-child,
.c-richtext h5:first-child {
margin-top: 0
}
#blog-contents h6,
.c-blog-contents h6,
.c-richtext h6 {
font-size: var(--richtext_h6_font_size_sp);
margin-top: var(--richtext_h6_margin_top_sp)
}
#blog-contents h6:first-child,
.c-blog-contents h6:first-child,
.c-richtext h6:first-child {
margin-top: 0
}
#blog-contents p,
.c-blog-contents p,
.c-richtext p {
font-size: var(--richtext_p_font_size_sp);
margin-top: var(--richtext_p_margin_top_sp)
}
#blog-contents p:first-child,
.c-blog-contents p:first-child,
.c-richtext p:first-child {
margin-top: 0
}
#blog-contents div,
#blog-contents ol,
#blog-contents table,
#blog-contents ul,
.c-blog-contents div,
.c-blog-contents ol,
.c-blog-contents table,
.c-blog-contents ul,
.c-richtext div,
.c-richtext ol,
.c-richtext table,
.c-richtext ul {
margin-top: var(--richtext_p_margin_top_sp)
}
#blog-contents div:first-child,
#blog-contents ol:first-child,
#blog-contents table:first-child,
#blog-contents ul:first-child,
.c-blog-contents div:first-child,
.c-blog-contents ol:first-child,
.c-blog-contents table:first-child,
.c-blog-contents ul:first-child,
.c-richtext div:first-child,
.c-richtext ol:first-child,
.c-richtext table:first-child,
.c-richtext ul:first-child {
margin-top: 0
}
#blog-contents li,
.c-blog-contents li,
.c-richtext li {
margin-top: 7px
}
#blog-contents li:first-child,
.c-blog-contents li:first-child,
.c-richtext li:first-child {
margin-top: 0
}
#blog-contents table,
.c-blog-contents table,
.c-richtext table {
display: block
}
#blog-contents table tbody,
#blog-contents table td,
#blog-contents table th,
#blog-contents table thead,
#blog-contents table tr,
.c-blog-contents table tbody,
.c-blog-contents table td,
.c-blog-contents table th,
.c-blog-contents table thead,
.c-blog-contents table tr,
.c-richtext table tbody,
.c-richtext table td,
.c-richtext table th,
.c-richtext table thead,
.c-richtext table tr {
display: block;
width: auto!important;
height: auto!important;
border: none!important;
margin-top: 15px
}
#blog-contents table img,
.c-blog-contents table img,
.c-richtext table img {
display: block;
margin: 0 auto
}
#blog-contents li,
.c-blog-contents li,
.c-richtext li {
margin-top: 0
}
#blog-contents li:first-child,
.c-blog-contents li:first-child,
.c-richtext li:first-child {
margin-top: 0
}
.p-anchor__position {
top: calc(0px - var(--section_padding_default_sp))
}
.p-section {
padding: var(--section_padding_default_sp) 0
}
.p-section.-padding_default_low {
padding: var(--section_padding_low_sp) 0
}
.p-section.-padding_default_body {
padding: var(--section_body_margin_top_sp) 0
}
.p-section.-padding_default_default {
padding: var(--section_padding_default_sp) 0
}
.p-section.-padding_pb00_low {
padding: var(--section_padding_low_sp) 0 0
}
.p-section.-padding_pb00_body {
padding: var(--section_body_margin_top_sp) 0 0
}
.p-section.-padding_pb00_default {
padding: var(--section_padding_default_sp) 0 0
}
.p-section.-padding_pt00_low {
padding: 0 0 var(--section_padding_low_sp)
}
.p-section.-padding_pt00_body {
padding: 0 0 var(--section_body_margin_top_sp)
}
.p-section.-padding_pt00_default {
padding: 0 0 var(--section_padding_default_sp)
}
.p-section.-padding_ptb00_low {
padding: 0
}
.p-section.-padding_ptb00_body {
padding: 0
}
.p-section.-padding_ptb00_default {
padding: 0
}
.p-section__anchor {
top: calc(0px - var(--section_padding_default_sp) - var(--header_height_sp))
}
.p-section.-padding_default_low > .p-section__anchor,
.p-section.-padding_pb00_low > .p-section__anchor {
top: calc(0px - var(--section_padding_low_sp) - var(--header_height_sp))
}
.p-section.-padding_default_body > .p-section__anchor,
.p-section.-padding_pb00_body > .p-section__anchor {
top: calc(0px - var(--section_body_margin_top_sp) - var(--header_height_sp))
}
.p-section.-padding_default_default > .p-section__anchor,
.p-section.-padding_pb00_default > .p-section__anchor {
top: calc(0px - var(--section_padding_default_sp) - var(--header_height_sp))
}
.p-section.-padding_pt00_body > .p-section__anchor,
.p-section.-padding_pt00_default > .p-section__anchor,
.p-section.-padding_pt00_low > .p-section__anchor,
.p-section.-padding_ptb00_body > .p-section__anchor,
.p-section.-padding_ptb00_default > .p-section__anchor,
.p-section.-padding_ptb00_low > .p-section__anchor {
top: calc(0px - var(--header_height_sp))
}
.p-section__contents.-board {
padding: 20px 15px;
margin: 0 var(--section_side_padding_sp)
}
.p-section__title {
font-size: var(--section_title_font_size_sp)
}
.p-section__title_main,
.p-section__title_sub {
font-size: var(--section_title_font_size_sp)
}
.p-section__title_main.-small,
.p-section__title_sub.-small {
font-size: calc(var(--section_title_font_size_sp) / 2)
}
.p-section__title_sub:first-child {
margin-bottom: 5px
}
.p-section__title_sub:last-child {
margin-top: 5px
}
.p-section__body_foot.-board {
padding: 20px 15px;
margin: 0 var(--section_side_padding_sp)
}
* + .p-section__body_foot.-board {
margin-top: var(--section_body_margin_top_sp)
}
* + .p-section__body {
margin-top: var(--section_body_margin_top_sp)
}
* + .p-sub_buttons {
margin-top: calc(var(--section_body_margin_top_sp)/ 2)
}
.p-sub_buttons__list {
gap: 15px
}
* + .p-sub_buttons__item {
margin-top: 0
}
.p-row.-sp_column1 {
gap: var(--row1_space_vertical_sp)
}
.p-row.-sp_column2 {
gap: var(--row2_space_vertical_sp) var(--row2_space_horizon_sp)
}
.p-row.-sp_column3 {
gap: var(--row3_space_vertical_sp) var(--row3_space_horizon_sp)
}
.p-row__col.-sp_column1 {
flex-basis: 100%
}
.p-row__col.-sp_column2 {
flex-basis: calc((100% - var(--row2_space_horizon_sp))/ 2)
}
.p-row__col.-sp_column3 {
flex-basis: calc((100% - var(--row3_space_horizon_sp) * 2)/ 3)
}
.p-row__contents.-board {
padding: 15px
}
.p-row__col.-sp_column1 .p-row__contents.-board {
padding: 15px
}
.p-row__col.-sp_column2 .p-row__contents.-board {
padding: 10px
}
.p-row__col.-sp_column3 .p-row__contents.-board {
padding: 10px
}
.p-card__body {
margin-top: 10px
}
.p-card__txt {
font-size: var(--common_paragraph_font_size_sp)
}
.p-tags__item {
font-size: var(--common_annotation_font_size_sp)
}
.p-tags__btn {
border: var(--tag_border_width_sp) solid var(--tag_border_color);
font-size: var(--tag_font_size_sp);
border-radius: var(--tag_radius_sp);
height: var(--tag_height_sp);
padding: 0 var(--tag_padding_sp)
}
.p-tags__btn:hover {
border: var(--tag_border_width_sp) solid var(--tag_border_color_hover)
}
.p-banner__contents {
height: 120px
}
.p-page_head {
padding: var(--page_head_padding_vertical_sp) var(--page_head_padding_horizon_sp)
}
.p-page_head__inner {
padding: 0 var(--section_side_padding_sp);
flex: 0 0 100%
}
.p-page_head__title {
font-size: var(--common_heading1_font_size_sp)
}
.p-block__head {
flex: 0 0 25%;
padding-right: 10px
}
.p-block__txt {
margin-top: 10px
}
* + .p-block_v2 {
margin-top: 20px
}
.p-block_v2__body {
margin-top: 10px
}
.p-block_v4__main {
padding: 15px 25px
}
.p-modal_contents__inner {
padding: 0 20px
}
.p-bread__item {
font-size: 14px
}
.p-top_hero {
padding-bottom: 15px
}
.p-top_hero__main {
padding: 80px 0 60px
}
.p-top_hero__nav {
margin-top: 45px
}
.p-top_hero__bg {
height: 360px
}
.p-tab_nav__body {
padding: 30px 15px 25px
}
.p-top_news__title {
font-size: 24px;
font-weight: 700;
text-align: center;
position: relative;
padding-bottom: 15px
}
.p-top_news__body {
margin-top: 20px
}
.p-top_news__link {
padding-top: 5px
}
.p-top_news__icon {
margin-right: 5px
}
.p-top_news__foot {
margin-top: 20px
}
.p-top_news__more_icon {
margin-right: 5px
}
.p-slider_area .splide__arrow {
width: 35px;
height: 40px;
transform: translateY(-20px)
}
.p-slider_area .splide__arrow--prev {
left: -15px
}
.p-slider_area .splide__arrow--next {
right: -15px
}
.p-slider_area .splide__arrow svg {
width: auto;
height: auto
}
* + .p-faq {
margin-top: 30px
}
.p-faq__body {
font-size: 14px
}
.p-faq__section {
padding: 15px 0
}
.p-faq__section:first-child {
margin-top: 20px
}
.p-faq__q_inner .icon {
flex: 0 0 30px
}
.p-faq__q_inner .text {
flex: calc(100% - 30px);
padding-right: 30px
}
.p-faq__a {
padding-top: 15px
}
.p-faq__a_board {
padding: 15px
}
.p-faq__a_inner {
font-size: 16px
}
.p-faq__a_inner .icon {
flex: 0 0 30px
}
.p-faq__a_inner .text {
flex: calc(100% - 30px)
}
* + .p-banner_blocks__square {
margin-top: 20px
}
* + .p-banner_blocks__rectangle {
margin-top: 20px
}
* + .p-banner_blocks__item {
margin-top: 20px
}
.p-banner_blocks__icon {
margin-right: 5px
}
.p-banner_blocks__txt {
font-size: 14px
}
* + .p-interview_accordion {
margin-top: 20px
}
.p-interview_accordion__anchor {
top: -85px
}
.p-interview_accordion__board {
padding: 20px 15px
}
.p-interview_accordion__body {
padding-top: 27px;
padding-bottom: 15px
}
.p-interview_accordion__btn {
margin-top: 8px
}
.p-carousel .splide {
margin: 0 auto
}
.p-carousel .splide__arrow {
width: 29px;
height: 57px
}
.p-carousel .splide__arrow--prev {
left: -45px
}
.p-carousel .splide__arrow--next {
right: -45px
}
.p-directory_nav {
margin-top: -20px;
flex-wrap: wrap
}
.p-directory_nav__item {
flex: 0 0 50%;
padding: 20px 10px 0
}
.p-directory_nav__link {
height: 54px;
border-radius: 27px
}
.p-page_directory_nav {
padding: 15px 0
}
.p-page_directory_nav__list {
margin: 0 auto;
padding: 0;
width: 90%;
overflow-x: auto;
white-space: nowrap;
overflow-scrolling: touch
}
.p-page_directory_nav__item {
display: inline-block;
padding-left: 15px
}
.p-table {
display: block
}
.p-table__tbody {
display: block
}
.p-table__tr {
display: block
}
* + .p-table__tr {
margin-top: 40px
}
.p-table__td,
.p-table__th {
display: block;
font-size: 14px
}
.p-table__th {
background-color: #e0e0e0;
padding: 10px 15px
}
.p-table__td {
margin-top: 10px
}
.p-table_pro__td,
.p-table_pro__th {
padding: 15px
}
.p-scroll_table {
overflow: scroll;
padding-bottom: 20px
}
.p-scroll_table > table {
min-width: var(--section_width_default)
}
.p-scroll_table > table table {
width: 100%
}
* + .p-image_contents {
margin-top: 40px
}
.p-image_contents__contents {
margin-top: 10px
}
.p-pager {
margin-top: 50px
}
.p-sns_list {
margin-top: 20px
}
.p-category_bar__item {
font-size: 14px
}
.p-pagination .blog-pagination {
justify-content: space-between
}
.p-pagination .blog-pagination__prev-link {
margin-right: auto
}
.p-pagination .blog-pagination__next-link {
margin-left: auto
}
.p-pager_v2__all {
margin: 0 30px
}
.p-pager_v2__all_btn {
width: 138px;
font-size: 15px;
height: 52px;
border-radius: 26px
}
.p-news_list__item {
padding: 10px 0
}
.p-news_list_article__date {
font-size: var(--common_paragraph_font_size_sp)
}
* + .p-news_list_article__body {
margin-top: 10px
}
.p-news_list_article__title {
font-size: var(--common_paragraph_font_size_sp)
}
* + .p-indent_icon_list {
margin-top: var(--richtext_p_margin_top_sp)
}
.p-hero {
height: calc(100dvh - var(--header_height_sp))
}
.p-hero__inner {
justify-content: center
}
.p-hero__bg.-pc {
display: none
}
* + .p-comments__item {
margin-top: 20px
}
.p-comment {
gap: 20px
}
.p-comment__figures {
flex: 0 0 100px
}
.p-comment__caption {
margin-top: 8px
}
.p-comment__main {
flex: 0 0 calc(100% - 100px - 20px);
padding: 15px 10px
}
.p-comment__main::before {
width: 10px;
height: 10px;
top: 15px
}
.p-header {
height: var(--header_height_sp)
}
.p-header__inner {
height: var(--header_height_sp)
}
.p-header__logos {
padding-left: var(--header_padding_left_sp)
}
.p-header__menu {
padding-right: var(--header_menu_right_sp)
}
.p-header__nav {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,.7);
padding-right: 20vw;
display: none;
opacity: 0
}
.p-header__nav.is-open {
opacity: 1
}
.p-hdr_logo_set {
gap: 10px
}
.p-hdr_logo_set__image {
width: var(--header_logo_width_sp)
}
.p-hdr_logo_set__text {
font-size: var(--common_annotation_font_size_sp)
}
.p-hdr_menu {
position: relative;
height: var(--header_menu_height);
width: var(--header_menu_width);
cursor: pointer
}
.p-hdr_menu__btm,
.p-hdr_menu__mdl,
.p-hdr_menu__top {
background-color: var(--header_menu_border_color);
position: absolute;
width: 100%;
height: var(--header_menu_border_width);
left: 50%;
transition: var(--common_transition_duration);
transform: translate(-50%,0) scale(1) rotate(0)
}
.p-hdr_menu__top {
top: 0
}
#header-menu.is-open .p-hdr_menu__top {
top: 50%;
transform: translate(-50%,-50%) scale(1) rotate(45deg)
}
.p-hdr_menu__mdl {
top: calc((var(--header_menu_height) - var(--header_menu_border_width))/ 2)
}
#header-menu.is-open .p-hdr_menu__mdl {
transform: translate(-50%,0) scale(2,0) rotate(0)
}
.p-hdr_menu__btm {
top: calc(var(--header_menu_height) - var(--header_menu_border_width))
}
#header-menu.is-open .p-hdr_menu__btm {
top: 50%;
transform: translate(-50%,-50%) scale(1) rotate(315deg)
}
.p-hdr_nav {
height: calc(100vh - var(--header_height_sp));
overflow: scroll;
background-color: #fff;
transition-duration: var(--common_transition_duration);
transform: translateX(-80vw)
}
#header-nav.is-open .p-hdr_nav {
transform: translateX(0)
}
.p-hdr_nav__contents {
padding: 30px 20px
}
.p-hdr_nav__sub {
padding-top: 20px;
margin-top: 20px;
border: 1px solid #dbdbdb
}
.p-hdr_nav_global__item {
font-size: var(--header_nav_global_font_size_sp)
}
* + .p-hdr_nav_global__item {
margin-top: 30px
}
.p-hdr_nav_global__item.-pc {
display: none
}
.p-hdr_nav_global__link {
color: var(--common_color_black);
display: block
}
.p-hdr_nav_global__link.-haschild {
position: relative
}
.p-hdr_nav_global__link.-haschild::after,
.p-hdr_nav_global__link.-haschild::before {
content: "";
display: block;
background-color: var(--common_color_black);
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(0);
transition-duration: var(--common_transition_duration)
}
.p-hdr_nav_global__link.-haschild::before {
width: 7px;
height: 1px;
right: 0
}
.js-header-nav-haschild.is-open .p-hdr_nav_global__link.-haschild::before {
transform: translateY(-50%) rotate(-360deg)
}
.p-hdr_nav_global__link.-haschild::after {
width: 1px;
height: 7px;
right: 3px
}
.js-header-nav-haschild.is-open .p-hdr_nav_global__link.-haschild::after {
transform: translateY(-50%) rotate(-270deg)
}
.p-hdr_nav_global__child {
padding-top: 25px
}
.p-hdr_nav_child {
padding-right: 15px
}
.p-hdr_nav_child__item {
font-size: var(--header_nav_child_font_size_sp)
}
* + .p-hdr_nav_child__item {
margin-top: 20px
}
.p-hdr_nav_child__link {
color: var(--common_color_black)
}
.p-hdr_nav_child__grandchild {
display: block!important;
padding-top: 10px
}
.p-hdr_nav_grandchild {
padding-left: 20px
}
.p-hdr_nav_grandchild__item {
font-size: calc(var(--header_nav_child_font_size_sp) - 1px);
margin-top: 10px;
font-weight: 400
}
.p-hdr_nav_grandchild__item:first-child {
margin-top: 0
}
.p-footer__head {
padding: 40px 0
}
.p-footer__copyright {
line-height: 140%
}
.u-dib-sp {
display: inline-block!important
}
.u-db-sp {
display: block!important
}
.u-dn-sp {
display: none!important
}
.u-df-sp {
display: flex!important
}
.u-aac-sp {
align-items: center!important
}
.u-aafs-sp {
align-items: flex-start!important
}
.u-aafe-sp {
align-items: flex-end!important
}
.u-jcc-sp {
justify-content: center!important
}
.u-jcfs-sp {
justify-content: flex-start!important
}
.u-jcfe-sp {
justify-content: flex-end!important
}
.u-jcsb-sp {
justify-content: space-between!important
}
.u-fwwrap-sp {
flex-wrap: wrap!important
}
.u-bold-sp {
font-weight: 700!important
}
.u-medium-sp {
font-weight: 500!important
}
.u-normal-sp {
font-weight: 400!important
}
.u-light-sp {
font-weight: 300!important
}
.u-black-sp {
color: var(--common_color_black)!important
}
.u-black-heading-sp {
color: var(--common_color_black)!important
}
.u-white-sp {
color: #fff!important
}
.u-primary-sp {
color: var(--common_color_primary)!important
}
.u-primary_variant-sp {
color: var(--common_color_primary_variant)!important
}
.u-secondary-sp {
color: var(--common_color_secondary)!important
}
.u-jp-sp {
font-family: var(--common_font_jp)!important
}
.u-en-sp {
font-family: var(--common_font_en)!important
}
.u-jp_sans-sp {
font-family: var(--common_font_family_jp_sans)!important
}
.u-jp_serif-sp {
font-family: var(--common_font_family_jp_serif)!important
}
.u-center-sp {
text-align: center!important
}
.u-left-sp {
text-align: left!important
}
.u-right-sp {
text-align: right!important
}
.u-justify-sp {
text-align: justify!important
}
.u-fz08-sp {
font-size: 8px!important
}
.u-fz09-sp {
font-size: 9px!important
}
.u-fz10-sp {
font-size: 10px!important
}
.u-fz11-sp {
font-size: 11px!important
}
.u-fz12-sp {
font-size: 12px!important
}
.u-fz13-sp {
font-size: 13px!important
}
.u-fz14-sp {
font-size: 14px!important
}
.u-fz15-sp {
font-size: 15px!important
}
.u-fz16-sp {
font-size: 16px!important
}
.u-fz17-sp {
font-size: 17px!important
}
.u-fz18-sp {
font-size: 18px!important
}
.u-fz19-sp {
font-size: 19px!important
}
.u-fz20-sp {
font-size: 20px!important
}
.u-fz21-sp {
font-size: 21px!important
}
.u-fz22-sp {
font-size: 22px!important
}
.u-fz23-sp {
font-size: 23px!important
}
.u-fz24-sp {
font-size: 24px!important
}
.u-fz25-sp {
font-size: 25px!important
}
.u-fz26-sp {
font-size: 26px!important
}
.u-fz27-sp {
font-size: 27px!important
}
.u-fz28-sp {
font-size: 28px!important
}
.u-fz29-sp {
font-size: 29px!important
}
.u-fz30-sp {
font-size: 30px!important
}
.u-fz31-sp {
font-size: 31px!important
}
.u-fz32-sp {
font-size: 32px!important
}
.u-fz33-sp {
font-size: 33px!important
}
.u-fz34-sp {
font-size: 34px!important
}
.u-fz35-sp {
font-size: 35px!important
}
.u-fz36-sp {
font-size: 36px!important
}
.u-fz37-sp {
font-size: 37px!important
}
.u-fz38-sp {
font-size: 38px!important
}
.u-fz39-sp {
font-size: 39px!important
}
.u-fz40-sp {
font-size: 40px!important
}
.u-fz41-sp {
font-size: 41px!important
}
.u-fz42-sp {
font-size: 42px!important
}
.u-fz43-sp {
font-size: 43px!important
}
.u-fz44-sp {
font-size: 44px!important
}
.u-fz45-sp {
font-size: 45px!important
}
.u-fz46-sp {
font-size: 46px!important
}
.u-fz47-sp {
font-size: 47px!important
}
.u-fz48-sp {
font-size: 48px!important
}
.u-fz49-sp {
font-size: 49px!important
}
.u-fz50-sp {
font-size: 50px!important
}
.u-fz51-sp {
font-size: 51px!important
}
.u-fz52-sp {
font-size: 52px!important
}
.u-fz53-sp {
font-size: 53px!important
}
.u-fz54-sp {
font-size: 54px!important
}
.u-fz55-sp {
font-size: 55px!important
}
.u-fz56-sp {
font-size: 56px!important
}
.u-fz57-sp {
font-size: 57px!important
}
.u-fz58-sp {
font-size: 58px!important
}
.u-fz59-sp {
font-size: 59px!important
}
.u-fz60-sp {
font-size: 60px!important
}
.u-marginauto-sp {
margin-left: auto!important;
margin-right: auto!important
}
.u-mt00-sp {
margin-top: 0!important
}
.u-mt05-sp {
margin-top: 5px!important
}
.u-mt10-sp {
margin-top: 10px!important
}
.u-mt15-sp {
margin-top: 15px!important
}
.u-mt20-sp {
margin-top: 20px!important
}
.u-mt25-sp {
margin-top: 25px!important
}
.u-mt30-sp {
margin-top: 30px!important
}
.u-mt35-sp {
margin-top: 35px!important
}
.u-mt40-sp {
margin-top: 40px!important
}
.u-mt45-sp {
margin-top: 45px!important
}
.u-mt50-sp {
margin-top: 50px!important
}
.u-mt55-sp {
margin-top: 55px!important
}
.u-mt60-sp {
margin-top: 60px!important
}
.u-mt65-sp {
margin-top: 65px!important
}
.u-mt70-sp {
margin-top: 70px!important
}
.u-mt75-sp {
margin-top: 75px!important
}
.u-mt80-sp {
margin-top: 80px!important
}
.u-mt85-sp {
margin-top: 85px!important
}
.u-mt90-sp {
margin-top: 90px!important
}
.u-mt95-sp {
margin-top: 95px!important
}
.u-mt100-sp {
margin-top: 100px!important
}
.u-mt110-sp {
margin-top: 110px!important
}
.u-mt120-sp {
margin-top: 120px!important
}
.u-mt130-sp {
margin-top: 130px!important
}
.u-mt140-sp {
margin-top: 140px!important
}
.u-mt150-sp {
margin-top: 150px!important
}
.u-mt160-sp {
margin-top: 160px!important
}
.u-mt170-sp {
margin-top: 170px!important
}
.u-mt180-sp {
margin-top: 180px!important
}
.u-mt190-sp {
margin-top: 190px!important
}
.u-mt200-sp {
margin-top: 200px!important
}
.u-mr00-sp {
margin-right: 0!important
}
.u-mr05-sp {
margin-right: 5px!important
}
.u-mr10-sp {
margin-right: 10px!important
}
.u-mr15-sp {
margin-right: 15px!important
}
.u-mr20-sp {
margin-right: 20px!important
}
.u-mr25-sp {
margin-right: 25px!important
}
.u-mr30-sp {
margin-right: 30px!important
}
.u-mr35-sp {
margin-right: 35px!important
}
.u-mr40-sp {
margin-right: 40px!important
}
.u-mr45-sp {
margin-right: 45px!important
}
.u-mr50-sp {
margin-right: 50px!important
}
.u-mr55-sp {
margin-right: 55px!important
}
.u-mr60-sp {
margin-right: 60px!important
}
.u-mr65-sp {
margin-right: 65px!important
}
.u-mr70-sp {
margin-right: 70px!important
}
.u-mr75-sp {
margin-right: 75px!important
}
.u-mr80-sp {
margin-right: 80px!important
}
.u-mr85-sp {
margin-right: 85px!important
}
.u-mr90-sp {
margin-right: 90px!important
}
.u-mr95-sp {
margin-right: 95px!important
}
.u-mr100-sp {
margin-right: 100px!important
}
.u-mr110-sp {
margin-right: 110px!important
}
.u-mr120-sp {
margin-right: 120px!important
}
.u-mr130-sp {
margin-right: 130px!important
}
.u-mr140-sp {
margin-right: 140px!important
}
.u-mr150-sp {
margin-right: 150px!important
}
.u-mr160-sp {
margin-right: 160px!important
}
.u-mr170-sp {
margin-right: 170px!important
}
.u-mr180-sp {
margin-right: 180px!important
}
.u-mr190-sp {
margin-right: 190px!important
}
.u-mr200-sp {
margin-right: 200px!important
}
.u-mb00-sp {
margin-bottom: 0!important
}
.u-mb05-sp {
margin-bottom: 5px!important
}
.u-mb10-sp {
margin-bottom: 10px!important
}
.u-mb15-sp {
margin-bottom: 15px!important
}
.u-mb20-sp {
margin-bottom: 20px!important
}
.u-mb25-sp {
margin-bottom: 25px!important
}
.u-mb30-sp {
margin-bottom: 30px!important
}
.u-mb35-sp {
margin-bottom: 35px!important
}
.u-mb40-sp {
margin-bottom: 40px!important
}
.u-mb45-sp {
margin-bottom: 45px!important
}
.u-mb50-sp {
margin-bottom: 50px!important
}
.u-mb55-sp {
margin-bottom: 55px!important
}
.u-mb60-sp {
margin-bottom: 60px!important
}
.u-mb65-sp {
margin-bottom: 65px!important
}
.u-mb70-sp {
margin-bottom: 70px!important
}
.u-mb75-sp {
margin-bottom: 75px!important
}
.u-mb80-sp {
margin-bottom: 80px!important
}
.u-mb85-sp {
margin-bottom: 85px!important
}
.u-mb90-sp {
margin-bottom: 90px!important
}
.u-mb95-sp {
margin-bottom: 95px!important
}
.u-mb100-sp {
margin-bottom: 100px!important
}
.u-mb110-sp {
margin-bottom: 110px!important
}
.u-mb120-sp {
margin-bottom: 120px!important
}
.u-mb130-sp {
margin-bottom: 130px!important
}
.u-mb140-sp {
margin-bottom: 140px!important
}
.u-mb150-sp {
margin-bottom: 150px!important
}
.u-mb160-sp {
margin-bottom: 160px!important
}
.u-mb170-sp {
margin-bottom: 170px!important
}
.u-mb180-sp {
margin-bottom: 180px!important
}
.u-mb190-sp {
margin-bottom: 190px!important
}
.u-mb200-sp {
margin-bottom: 200px!important
}
.u-ml00-sp {
margin-left: 0!important
}
.u-ml05-sp {
margin-left: 5px!important
}
.u-ml10-sp {
margin-left: 10px!important
}
.u-ml15-sp {
margin-left: 15px!important
}
.u-ml20-sp {
margin-left: 20px!important
}
.u-ml25-sp {
margin-left: 25px!important
}
.u-ml30-sp {
margin-left: 30px!important
}
.u-ml35-sp {
margin-left: 35px!important
}
.u-ml40-sp {
margin-left: 40px!important
}
.u-ml45-sp {
margin-left: 45px!important
}
.u-ml50-sp {
margin-left: 50px!important
}
.u-ml55-sp {
margin-left: 55px!important
}
.u-ml60-sp {
margin-left: 60px!important
}
.u-ml65-sp {
margin-left: 65px!important
}
.u-ml70-sp {
margin-left: 70px!important
}
.u-ml75-sp {
margin-left: 75px!important
}
.u-ml80-sp {
margin-left: 80px!important
}
.u-ml85-sp {
margin-left: 85px!important
}
.u-ml90-sp {
margin-left: 90px!important
}
.u-ml95-sp {
margin-left: 95px!important
}
.u-ml100-sp {
margin-left: 100px!important
}
.u-ml110-sp {
margin-left: 110px!important
}
.u-ml120-sp {
margin-left: 120px!important
}
.u-ml130-sp {
margin-left: 130px!important
}
.u-ml140-sp {
margin-left: 140px!important
}
.u-ml150-sp {
margin-left: 150px!important
}
.u-ml160-sp {
margin-left: 160px!important
}
.u-ml170-sp {
margin-left: 170px!important
}
.u-ml180-sp {
margin-left: 180px!important
}
.u-ml190-sp {
margin-left: 190px!important
}
.u-ml200-sp {
margin-left: 200px!important
}
.u-nmt00-sp {
margin-top: 0!important
}
.u-nmt05-sp {
margin-top: -5px!important
}
.u-nmt10-sp {
margin-top: -10px!important
}
.u-nmt15-sp {
margin-top: -15px!important
}
.u-nmt20-sp {
margin-top: -20px!important
}
.u-nmt25-sp {
margin-top: -25px!important
}
.u-nmt30-sp {
margin-top: -30px!important
}
.u-nmt35-sp {
margin-top: -35px!important
}
.u-nmt40-sp {
margin-top: -40px!important
}
.u-nmt45-sp {
margin-top: -45px!important
}
.u-nmt50-sp {
margin-top: -50px!important
}
.u-nmt55-sp {
margin-top: -55px!important
}
.u-nmt60-sp {
margin-top: -60px!important
}
.u-nmt65-sp {
margin-top: -65px!important
}
.u-nmt70-sp {
margin-top: -70px!important
}
.u-nmt75-sp {
margin-top: -75px!important
}
.u-nmt80-sp {
margin-top: -80px!important
}
.u-nmt85-sp {
margin-top: -85px!important
}
.u-nmt90-sp {
margin-top: -90px!important
}
.u-nmt95-sp {
margin-top: -95px!important
}
.u-nmt100-sp {
margin-top: -100px!important
}
.u-nmr00-sp {
margin-right: 0!important
}
.u-nmr05-sp {
margin-right: -5px!important
}
.u-nmr10-sp {
margin-right: -10px!important
}
.u-nmr15-sp {
margin-right: -15px!important
}
.u-nmr20-sp {
margin-right: -20px!important
}
.u-nmr25-sp {
margin-right: -25px!important
}
.u-nmr30-sp {
margin-right: -30px!important
}
.u-nmr35-sp {
margin-right: -35px!important
}
.u-nmr40-sp {
margin-right: -40px!important
}
.u-nmr45-sp {
margin-right: -45px!important
}
.u-nmr50-sp {
margin-right: -50px!important
}
.u-nmr55-sp {
margin-right: -55px!important
}
.u-nmr60-sp {
margin-right: -60px!important
}
.u-nmr65-sp {
margin-right: -65px!important
}
.u-nmr70-sp {
margin-right: -70px!important
}
.u-nmr75-sp {
margin-right: -75px!important
}
.u-nmr80-sp {
margin-right: -80px!important
}
.u-nmr85-sp {
margin-right: -85px!important
}
.u-nmr90-sp {
margin-right: -90px!important
}
.u-nmr95-sp {
margin-right: -95px!important
}
.u-nmr100-sp {
margin-right: -100px!important
}
.u-nml00-sp {
margin-left: 0!important
}
.u-nml05-sp {
margin-left: -5px!important
}
.u-nml10-sp {
margin-left: -10px!important
}
.u-nml15-sp {
margin-left: -15px!important
}
.u-nml20-sp {
margin-left: -20px!important
}
.u-nml25-sp {
margin-left: -25px!important
}
.u-nml30-sp {
margin-left: -30px!important
}
.u-nml35-sp {
margin-left: -35px!important
}
.u-nml40-sp {
margin-left: -40px!important
}
.u-nml45-sp {
margin-left: -45px!important
}
.u-nml50-sp {
margin-left: -50px!important
}
.u-nml55-sp {
margin-left: -55px!important
}
.u-nml60-sp {
margin-left: -60px!important
}
.u-nml65-sp {
margin-left: -65px!important
}
.u-nml70-sp {
margin-left: -70px!important
}
.u-nml75-sp {
margin-left: -75px!important
}
.u-nml80-sp {
margin-left: -80px!important
}
.u-nml85-sp {
margin-left: -85px!important
}
.u-nml90-sp {
margin-left: -90px!important
}
.u-nml95-sp {
margin-left: -95px!important
}
.u-nml100-sp {
margin-left: -100px!important
}
.u-pt00-sp {
padding-top: 0!important
}
.u-pt05-sp {
padding-top: 5px!important
}
.u-pt10-sp {
padding-top: 10px!important
}
.u-pt15-sp {
padding-top: 15px!important
}
.u-pt20-sp {
padding-top: 20px!important
}
.u-pt25-sp {
padding-top: 25px!important
}
.u-pt30-sp {
padding-top: 30px!important
}
.u-pt35-sp {
padding-top: 35px!important
}
.u-pt40-sp {
padding-top: 40px!important
}
.u-pt45-sp {
padding-top: 45px!important
}
.u-pt50-sp {
padding-top: 50px!important
}
.u-pt55-sp {
padding-top: 55px!important
}
.u-pt60-sp {
padding-top: 60px!important
}
.u-pt65-sp {
padding-top: 65px!important
}
.u-pt70-sp {
padding-top: 70px!important
}
.u-pt75-sp {
padding-top: 75px!important
}
.u-pt80-sp {
padding-top: 80px!important
}
.u-pt85-sp {
padding-top: 85px!important
}
.u-pt90-sp {
padding-top: 90px!important
}
.u-pt95-sp {
padding-top: 95px!important
}
.u-pt100-sp {
padding-top: 100px!important
}
.u-pt110-sp {
padding-top: 110px!important
}
.u-pt120-sp {
padding-top: 120px!important
}
.u-pt130-sp {
padding-top: 130px!important
}
.u-pt140-sp {
padding-top: 140px!important
}
.u-pt150-sp {
padding-top: 150px!important
}
.u-pt160-sp {
padding-top: 160px!important
}
.u-pt170-sp {
padding-top: 170px!important
}
.u-pt180-sp {
padding-top: 180px!important
}
.u-pt190-sp {
padding-top: 190px!important
}
.u-pt200-sp {
padding-top: 200px!important
}
.u-pr00-sp {
padding-right: 0!important
}
.u-pr05-sp {
padding-right: 5px!important
}
.u-pr10-sp {
padding-right: 10px!important
}
.u-pr15-sp {
padding-right: 15px!important
}
.u-pr20-sp {
padding-right: 20px!important
}
.u-pr25-sp {
padding-right: 25px!important
}
.u-pr30-sp {
padding-right: 30px!important
}
.u-pr35-sp {
padding-right: 35px!important
}
.u-pr40-sp {
padding-right: 40px!important
}
.u-pr45-sp {
padding-right: 45px!important
}
.u-pr50-sp {
padding-right: 50px!important
}
.u-pr55-sp {
padding-right: 55px!important
}
.u-pr60-sp {
padding-right: 60px!important
}
.u-pr65-sp {
padding-right: 65px!important
}
.u-pr70-sp {
padding-right: 70px!important
}
.u-pr75-sp {
padding-right: 75px!important
}
.u-pr80-sp {
padding-right: 80px!important
}
.u-pr85-sp {
padding-right: 85px!important
}
.u-pr90-sp {
padding-right: 90px!important
}
.u-pr95-sp {
padding-right: 95px!important
}
.u-pr100-sp {
padding-right: 100px!important
}
.u-pr110-sp {
padding-right: 110px!important
}
.u-pr120-sp {
padding-right: 120px!important
}
.u-pr130-sp {
padding-right: 130px!important
}
.u-pr140-sp {
padding-right: 140px!important
}
.u-pr150-sp {
padding-right: 150px!important
}
.u-pr160-sp {
padding-right: 160px!important
}
.u-pr170-sp {
padding-right: 170px!important
}
.u-pr180-sp {
padding-right: 180px!important
}
.u-pr190-sp {
padding-right: 190px!important
}
.u-pr200-sp {
padding-right: 200px!important
}
.u-pb00-sp {
padding-bottom: 0!important
}
.u-pb05-sp {
padding-bottom: 5px!important
}
.u-pb10-sp {
padding-bottom: 10px!important
}
.u-pb15-sp {
padding-bottom: 15px!important
}
.u-pb20-sp {
padding-bottom: 20px!important
}
.u-pb25-sp {
padding-bottom: 25px!important
}
.u-pb30-sp {
padding-bottom: 30px!important
}
.u-pb35-sp {
padding-bottom: 35px!important
}
.u-pb40-sp {
padding-bottom: 40px!important
}
.u-pb45-sp {
padding-bottom: 45px!important
}
.u-pb50-sp {
padding-bottom: 50px!important
}
.u-pb55-sp {
padding-bottom: 55px!important
}
.u-pb60-sp {
padding-bottom: 60px!important
}
.u-pb65-sp {
padding-bottom: 65px!important
}
.u-pb70-sp {
padding-bottom: 70px!important
}
.u-pb75-sp {
padding-bottom: 75px!important
}
.u-pb80-sp {
padding-bottom: 80px!important
}
.u-pb85-sp {
padding-bottom: 85px!important
}
.u-pb90-sp {
padding-bottom: 90px!important
}
.u-pb95-sp {
padding-bottom: 95px!important
}
.u-pb100-sp {
padding-bottom: 100px!important
}
.u-pb110-sp {
padding-bottom: 110px!important
}
.u-pb120-sp {
padding-bottom: 120px!important
}
.u-pb130-sp {
padding-bottom: 130px!important
}
.u-pb140-sp {
padding-bottom: 140px!important
}
.u-pb150-sp {
padding-bottom: 150px!important
}
.u-pb160-sp {
padding-bottom: 160px!important
}
.u-pb170-sp {
padding-bottom: 170px!important
}
.u-pb180-sp {
padding-bottom: 180px!important
}
.u-pb190-sp {
padding-bottom: 190px!important
}
.u-pb200-sp {
padding-bottom: 200px!important
}
.u-pl00-sp {
padding-left: 0!important
}
.u-pl05-sp {
padding-left: 5px!important
}
.u-pl10-sp {
padding-left: 10px!important
}
.u-pl15-sp {
padding-left: 15px!important
}
.u-pl20-sp {
padding-left: 20px!important
}
.u-pl25-sp {
padding-left: 25px!important
}
.u-pl30-sp {
padding-left: 30px!important
}
.u-pl35-sp {
padding-left: 35px!important
}
.u-pl40-sp {
padding-left: 40px!important
}
.u-pl45-sp {
padding-left: 45px!important
}
.u-pl50-sp {
padding-left: 50px!important
}
.u-pl55-sp {
padding-left: 55px!important
}
.u-pl60-sp {
padding-left: 60px!important
}
.u-pl65-sp {
padding-left: 65px!important
}
.u-pl70-sp {
padding-left: 70px!important
}
.u-pl75-sp {
padding-left: 75px!important
}
.u-pl80-sp {
padding-left: 80px!important
}
.u-pl85-sp {
padding-left: 85px!important
}
.u-pl90-sp {
padding-left: 90px!important
}
.u-pl95-sp {
padding-left: 95px!important
}
.u-pl100-sp {
padding-left: 100px!important
}
.u-pl110-sp {
padding-left: 110px!important
}
.u-pl120-sp {
padding-left: 120px!important
}
.u-pl130-sp {
padding-left: 130px!important
}
.u-pl140-sp {
padding-left: 140px!important
}
.u-pl150-sp {
padding-left: 150px!important
}
.u-pl160-sp {
padding-left: 160px!important
}
.u-pl170-sp {
padding-left: 170px!important
}
.u-pl180-sp {
padding-left: 180px!important
}
.u-pl190-sp {
padding-left: 190px!important
}
.u-pl200-sp {
padding-left: 200px!important
}
.u-lh100-sp {
line-height: 100%!important
}
.u-lh110-sp {
line-height: 110%!important
}
.u-lh120-sp {
line-height: 120%!important
}
.u-lh130-sp {
line-height: 130%!important
}
.u-lh140-sp {
line-height: 140%!important
}
.u-lh150-sp {
line-height: 150%!important
}
.u-lh160-sp {
line-height: 160%!important
}
.u-lh170-sp {
line-height: 170%!important
}
.u-lh180-sp {
line-height: 180%!important
}
.u-lh190-sp {
line-height: 190%!important
}
.u-lh200-sp {
line-height: 200%!important
}
.u-radius01-sp {
border-radius: 1px!important
}
.u-radius02-sp {
border-radius: 2px!important
}
.u-radius03-sp {
border-radius: 3px!important
}
.u-radius04-sp {
border-radius: 4px!important
}
.u-radius05-sp {
border-radius: 5px!important
}
.u-radius06-sp {
border-radius: 6px!important
}
.u-radius07-sp {
border-radius: 7px!important
}
.u-radius08-sp {
border-radius: 8px!important
}
.u-radius09-sp {
border-radius: 9px!important
}
.u-radius10-sp {
border-radius: 10px!important
}
.u-radius11-sp {
border-radius: 11px!important
}
.u-radius12-sp {
border-radius: 12px!important
}
.u-radius13-sp {
border-radius: 13px!important
}
.u-radius14-sp {
border-radius: 14px!important
}
.u-radius15-sp {
border-radius: 15px!important
}
.u-radius16-sp {
border-radius: 16px!important
}
.u-radius17-sp {
border-radius: 17px!important
}
.u-radius18-sp {
border-radius: 18px!important
}
.u-radius19-sp {
border-radius: 19px!important
}
.u-radius20-sp {
border-radius: 20px!important
}
.br-pc {
display: none!important
}
}/* いじらない */
/* .hsfc-CheckboxField .hsfc-ErrorAlert,
.hsfc-RadioFieldGroup .hsfc-ErrorAlert,
.hsfc-FileField .hsfc-ErrorAlert, */
.hsfc-ErrorAlert {display: none;}
/* .hsfc-CheckboxField .hsfc-ErrorAlert.-hiss-custom,
.hsfc-RadioFieldGroup .hsfc-ErrorAlert.-hiss-custom,
.hsfc-FileField .hsfc-ErrorAlert.-hiss-custom, */
.hsfc-ErrorAlert.-hiss-custom {display: block;}
/** common **/
.fullvideo {
width: 100%;
height: auto;
}
.f-en {
font-family: "Barlow", sans-serif;
font-weight: 700;
}
.white_board_sa {
background: #fff;
filter: drop-shadow(0 4px 10px #00000010);
padding: 30px;
}
.inner-flex {
display: flex;
gap: 10px;
}
.dx-heading_v2 {
background: #EAF1F4;
line-height: 2;
display: flex;
align-items: center;
gap: 10px;
}
.number-sq {
align-items: center;
background-color: #3f4a81;
color: #fff;
flex-shrink: 0;
font-family: sans-serif;
font-size: 14px;
font-weight: 700;
height: 30px;
justify-content: center;
width: 30px;
display: flex;
}
@media (min-width: 768px) {
.sp_br {display: none!important;}
.pc_br {display: inline-block!important;}
}
@media (max-width: 768px) {
.sp_br {display: inline-block!important;}
.pc_br {display: none!important;}
}
/** btn style **/
.c-btn path {
fill: var(--btn_font_color);
}
.c-btn.-v1 path {
fill: var(--btn_bg_color);
}
.c-btn.-v1 rect {
fill: var(--btn_font_color);
}
.c-btn.-v1:hover path {
fill: var(--btn_font_color);
}
.c-btn.-v1:hover rect {
fill: var(--btn_bg_color);
}
.c-btn.-v1 .icon {
align-items: center;
display: flex;
flex: 0 0 28px;
margin-left: 12px;
}
.c-btn.-v1.-any path {
fill: var(--btn_font_color);
}
.c-btn.-v1.-any:hover path {
fill: var(--btn_bg_color);
}
.c-btn.-v2 path {
fill: #fff;
}
.c-btn.-v2:hover path {
fill: var(--btn_v2_font_color);
}
.c-btn.-v2 rect {
fill: var(--btn_v2_font_color);
}
.c-btn.-v2:hover rect {
fill: #fff;
}
.c-btn.-v2 .icon {
flex: 0 0 28px;
margin-left: 12px;
display: flex;
align-items: center;
}
.c-btn.-v2 .text {
letter-spacing: 3px;
}
.c-btn.-v2.-any path {
fill: var(--btn_v2_font_color);
}
.c-btn.-v2.-any:hover path {
fill: #fff;
}
.c-btn.-v2.-pdf .icon {
align-items: center;
display: flex;
flex: 0 0 28px;
padding-left: 12px;
margin-left: 0;
}
.c-btn.-v2.-pdf svg {
width: 100%;
}
.c-btn.-v2.-pdf path {
fill: #344380;
}
.c-btn.-v2.-pdf:hover path {
fill: #fff;
}
.c-btn.-v3 {
position: relative;
padding: 0 44px;
}
.c-btn.-v3 path {
fill: #fff;
}
.c-btn.-v3:hover path {
fill: #fff;
}
.c-btn.-v3 rect {
fill: var(--btn_v2_font_color);
}
.c-btn.-v3 .icon {
align-items: center;
display: flex;
flex: 0 0 28px;
margin-left: 12px;
position: absolute;
right: 10px;
}
.c-btn.-v3 .text {
letter-spacing: 3px;
}
/** subbtn style **/
.c-sub_btn {
flex-direction: row-reverse;
color: var(--common_color_primary);
border-bottom: 1px solid var(--common_color_primary);
padding-bottom: 10px;
}
.c-sub_btn .icon {
flex: 0 0 16px;
margin-right: 0;
margin-left: 12px;
}
.c-sub_btn.-arrow_right path {
fill: #fff;
stroke: none;
}
/** title **/
.p-section__title:after, .p-section__title:before {
bottom: 0;
content: "";
display: block;
height: var(--section_title_decoration_height);
position: absolute;
width: 30px;
}
.p-section__title:before {
background-color: var(--section_title_decoration_left_color);
right: unset;
left: 0;
}
.p-section__title:after {
background-color: var(--section_title_decoration_right_color);
left: 30px;
}
.p-section__title_sub {
color: var(--common_color_primary);
font-family: "Barlow", sans-serif;
font-weight: 700;
}
/** add class btn_radius10 **/
.btn_radius10 .c-btn {
border-radius: 10px;
}
/** add class row_title title **/
.row_title .p-section__title {
display: flex;
gap: 10px;
}
/** add class office_list **/
.office_list_box {
background: #eef4f7;
filter: drop-shadow(0px 4px 10px #00000010);
padding: 30px 20px;
}
.office_name {
font-size: 12px;
}
.office_number {
font-size: 28px;
}
.office_address {
font-size: 13px;
}
@media screen and (max-width: 768px) {
.office_list_box {
text-align: center;
}
}
/** add class col10 **/
@media screen and (min-width: 769px) {
.col10 .p-row__col {
flex-basis: calc(10% - var(--row5_space_horizon_pc) * 9 / 10);
}
}
/** add class gap0 **/
@media screen and (min-width: 769px) {
.gap0 .p-section__body .p-row {
gap: 0;
}
.gap0 .p-section__body .p-row__col {
flex-basis: calc(100% / 3);
}
}
/** add class board_pd10 **/
@media screen and (min-width: 769px) {
.board_pd10 .p-section__contents.-board {
padding: 10px 80px 80px 80px;
}
}
/** add class board_pdt40_pdb40 **/
@media screen and (min-width: 769px) {
.board_pdt40_pdb40 .p-section__contents.-board {
padding: 40px 80px;
}
.board_pdt10_pdb10 .p-section__contents.-board {
padding: 10px 80px 10px 80px;
}
.board_pdt40_pdb10 .p-section__contents.-board {
padding: 40px 80px 10px 80px;
}
.board_pdt10_pdb40 .p-section__contents.-board {
padding: 10px 80px 40px 80px;
}
}
/** add class top_value **/
.top_value .p-card__body {
margin-top: 0;
}
.top_value .c-custom_html {
background: #fff;
padding:10px 0;
}
.top_value .right_arrow_text {
font-size: 18px;
color: var(--common_color_primary);
font-weight: bold;
}
.top_value .p-card__link:hover .right_arrow_text, .top_value .p-card__link:hover .right_arrow_icon:after {
opacity: 0.7;
}
.top_value .p-row__col {
filter: drop-shadow(0px 4px 10px #00000010);
}
/** add class icon-arrow_right **/
.right_arrow {
display: flex;
justify-content: center;
position: relative;
padding: 0 40px;
}
.right_arrow_text {
transition-duration: var(--common_transition_duration);
}
.right_arrow_icon:after {
background-image: url(/hubfs/242529611/raw_assets/public/FUBUKI-CMS-Tools-HISS_Corporate/assets/images/common/icon-for-module-button/icon-arrow_right.svg);
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
height: 28px;
width: 28px;
position: absolute;
right: 10px;
transition-duration: var(--common_transition_duration);
}
.right_arrow_text:hover, .right_arrow_icon:after:hover {
opacity: 0.7;
}
/** add class body_mgt20 **/
.body_mgt20 .p-section__body {
margin-top: 20px;
}
/***** module custom *****/
/** accordion **/
.accordion_v2 .p-interview_accordion__arr_area {
height: 20px;
overflow: hidden;
position: relative;
transform: unset;
width: 20px;
background: #fff;
border-radius: 50px;
border: 1px solid #2BACDD;
display: flex;
align-items: center;
justify-content: center;
}
.accordion_v2 .p-interview_accordion__arr {
border: unset;
height: unset;
left: unset;
margin-top: unset;
position: unset;
top: unset;
transform: unset;
width: 10px;
width: 10px;
height: 10px;
clip-path: polygon(100% 40%, 50% 90%, 0 40%, 10% 30%, 50% 70%, 90% 30%);
background: #2bacdd;
}
.accordion_v2 .is-interview-open .p-interview_accordion__arr {
margin-top: 0;
transform: rotate(180deg);
}
/** header nav **/
.g-menu_icon {
display: flex;
align-items: center;
justify-content: center;
width: 12px;
height: 12px;
}
.-btn1 .g-menu_icon {
margin-left: 20px;
}
.p-hdr_nav_global__item.-btn .-btn1 .g-menu_icon svg path {
fill: #fff;
}
.p-hdr_nav_global__item.-btn:hover .-btn1 .g-menu_icon svg path {
fill: var(--common_color_primary);
}
@media screen and (min-width: 769px) {
.p-header__inner {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
gap: 6px;
}
.p-header__logos {
padding-left: var(--header_padding_left_pc);
max-height: 78px;
}
.p-hdr_logo_set {
align-items: center;
display: flex;
flex-direction: row;
}
.p-hdr_logo_set__text {
font-size: 22px;
font-weight: 500;
}
.p-hdr_logo_set__text_link {
color: #666666;
text-decoration: none;
}
.p-header__nav {
display: block !important;
padding-right: var(--header_padding_right_pc);
width: 100%;
}
.p-hdr_nav__contents {
display: flex;
flex-direction: column-reverse;
gap: 4px;
}
.p-hdr_nav__main {
display: flex;
justify-content: end;
}
.p-hdr_nav__sub {
display: flex;
justify-content: end;
padding-right: 16px;
position: absolute;
right: 0;
top: 20px;
}
.p-hdr_nav_global__link {
white-space: nowrap;
}
.p-hdr_nav_global__child {
left: 20px;
padding-top: calc((var(--header_height_pc) - var(--header_nav_btn_height_pc) * 2 - 4px) / 2);
position: absolute;
top: 100%;
width: var(--header_nav_child_width_pc);
}
}
@media screen and (max-width: 768px) {
.p-hdr_logo_set__text {
font-size: var(--common_annotation_font_size_sp);
font-size: 3.5vw;
font-weight: 500;
}
.p-hdr_nav_global__link {
display: flex;
align-items: center;
gap: 10px;
}
.p-hdr_nav_global__link.-haschild:after, .p-hdr_nav_global__link.-haschild:before {
content: none;
}
.p-hdr_nav_child {
padding-right: 15px;
padding-left: 15px;
}
.p-hdr_nav__sub {
border: 0;
border-top: 1px solid #dbdbdb;
margin-top: 20px;
padding-top: 20px;
}
.p-hdr_nav_global__link.-btn1 {
background-color: var(--header_nav_btn1_bg_color_pc);
border: var(--header_nav_btn_border_width_pc) solid var(--header_nav_btn1_border_color_pc);
border-radius: var(--header_nav_btn_border_radius_pc);
color: var(--header_nav_btn1_font_color_pc);
align-items: center;
display: flex;
height: 50px;
justify-content: center;
padding: 0 15px;
text-align: center;
}
}
/** footer **/
.p-ftr_logo_set {
display: flex;
gap: 20px;
color: #fff;
font-weight: 500;
align-items: center;
padding-bottom: 40px;
}
.p-footer__sub {
padding: 40px 0;
}
.p-footer__sub_row {
display: flex;
gap: 40px;
justify-content: center;
}
.p-footer__sub_item {
font-size: 14px;
}
@media screen and (min-width: 769px) {
.p-footer__head {
padding: 40px 0 0 0;
}
.p-footer__item.-child {
font-size: var(--footer_nav_child_font_size);
font-weight: var(--footer_nav_child_font_weight);
padding-bottom: 2px;
padding-top: 0;
}
}
@media screen and (max-width: 768px) {
.p-footer__item {
padding-bottom: 10px;
padding-top: 10px;
}
.p-footer__item.-child {
padding-bottom: 2px;
padding-top: 0;
padding-left: 15px;
}
.p-footer__sub {
padding: 0px 0 40px 0;
}
.p-footer__sub_row {
display: flex;
gap: 20px;
justify-content: center;
flex-direction: column;
align-items: center;
}
}
/** news list **/
.p-news_list_article__date {
color: var(--common_color_primary);
font-weight: bold;
}
@media screen and (min-width: 769px) {
.p-news_list_article__head {
flex: 0 0 30%;
}
.p-news_list_article__body {
flex: 0 0 70%;
}
}
/** corp-page--title_subpage **/
.p-page_head__sub_title {
font-family: Barlow, sans-serif;
font-weight: 700;
font-size: 24px;
}
.p-page_head__sub_title.-white {
color: #fff;
}
/** indent_icon_list **/
.p-indent_icon_list__data h4 {
font-weight: var(--richtext_p_font_weight);
letter-spacing: var(--richtext_p_letter_spacing);
line-height: var(--richtext_p_line_height);
}
.p-indent_icon_list__data p {
margin-top: 0;
}
.p-indent_icon_list__title.c-paragraph {
letter-spacing: var(--richtext_p_letter_spacing);
line-height: var(--richtext_p_line_height);
font-weight: bold;
}
.p-indent_icon_list__data .p-indent_icon_list__title.c-paragraph {
color: var(--common_color-black);
font-weight: var(--richtext_p_font_weight);
letter-spacing: var(--richtext_p_letter_spacing);
line-height: var(--richtext_p_line_height);
}
@media screen and (min-width: 769px) {
*+.p-indent_icon_list {
margin-top: 16px;
padding: 0 20px;
}
.p-indent_icon_list__data h4 {
font-size: var(--richtext_h4_font_size_pc);
font-weight: var(--richtext_h4_font_weight);
letter-spacing: var(--richtext_h4_letter_spacing);
line-height: var(--richtext_h4_line_height);
}
.p-indent_icon_list__title.c-paragraph {
font-size: var(--richtext_h4_font_size_pc);
font-weight: font-weight: bold;
letter-spacing: var(--richtext_h4_letter_spacing);
line-height: var(--richtext_h4_line_height);
}
.indent_type1 .p-indent_icon_list__data .p-indent_icon_list__title.c-paragraph {
color: var(--common_color-black);
font-size: var(--richtext_p_font_size_pc);
font-weight: var(--richtext_p_font_weight);
letter-spacing: var(--richtext_p_letter_spacing);
line-height: var(--richtext_p_line_height);
}
}
@media screen and (max-width: 768px) {
*+.p-indent_icon_list {
margin-top: var(--richtext_p_margin_top_sp);
padding: 0 20px;
}
.p-indent_icon_list__data h4 {
font-size: var(--richtext_h4_font_size_sp);
}
.p-indent_icon_list__title.c-paragraph {
font-size: var(--richtext_h4_font_size_sp);
font-weight: font-weight: bold;
letter-spacing: var(--richtext_h4_letter_spacing);
line-height: var(--richtext_h4_line_height);
}
.indent_type1 .p-indent_icon_list__data .p-indent_icon_list__title.c-paragraph {
font-size: var(--richtext_p_font_size_sp);
}
}
/** indent_icon_list **/
@media screen and (max-width: 768px) {
.p-scroll_table {
overflow: visible;
padding-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.p-scroll_table>table {
min-width: unset;
}
.p-table_pro__td {
width: 100% !important;
display: block;
box-sizing: border-box;
}
.p-table_pro, .p-table_pro__tbody, .p-table_pro__td, .p-table_pro__th, .p-table_pro__thead, .p-table_pro__tr {
border: 0;
}
.p-table_pro__tr {
border: 1px solid var(--common_color_line);
border-bottom: 0;
}
.p-table_pro__tr:last-child {
border-bottom: 1px solid var(--common_color_line);
}
}
/***** top page *****/
@media screen and (min-width: 769px) {
.top_page .p-section__title_main {
font-size: 30px;
}
.top_page .p-section__title_main.-small, .top_page .p-section__title_sub.-small {
font-size: 16px;
}
}
/** slider_custom **/
.js-slider2 .splide__slide {
margin: 0;
padding: 0;
line-height: 0;
}
.js-slider2 .splide__pagination {
bottom: unset;
left: 0;
margin-top: 30px;
padding: 30px 0;
position: relative;
right: 0;
z-index: 1;
justify-content: flex-start;
max-width: 1240px;
margin: 0 auto;
gap: 10px;
}
.js-slider2 .splide__pagination li {
display: inline-block;
line-height: 0;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
.js-slider2 .splide__pagination__page {
background: #D2DFE9;
border: 0;
border-radius: 0;
display: inline-block;
height: 4px;
margin: 0;
opacity: 1;
padding: 0;
position: relative;
transition: transform .2s linear;
width: 43px;
}
.js-slider2 .splide__pagination__page.is-active {
background: var(--common_color_primary);
transform: none;
z-index: 1;
}
.js-slider2 .splide__track--draggable {
overflow: visible;
}
.slider_btn_area {
bottom: 0;
display: flex;
padding: 40px 6%;
position: absolute;
width: 100%;
}
.slider_btn_area.-left {
justify-content: start;
}
.slider_btn_area.-right {
justify-content: end;
}
.slider_btn_item {
display: flex;
}
.fix_banner {
position: absolute;
left: 0;
background: #2bacdd;
bottom: 0;
}
.fix_banner_inner {
padding: 40px;
}
.copy_area {
bottom: -30px;
display: flex;
gap: 20px;
position: absolute;
right: 10%;
text-align: left;
writing-mode: vertical-rl;
z-index: 2;
flex-direction: column;
}
.copy_item {
display: flex;
justify-content: end;
}
.copy_text {
background: #fff;
display: inline-block;
filter: drop-shadow(8px 4px 44px #91919140);
font-size: 3.5vw;
font-weight: 700;
letter-spacing: .2em;
padding: 18px 10px;
text-orientation: upright;
line-height: 1;
}
.service_banner {
position: relative;
}
.over_box {
display: flex;
height: 100%;
position: absolute;
width: 100%;
top: 0;
justify-content: center;
align-items: center;
}
.service_banner_link {
align-items: flex-start;
color: #fff;
display: block;
display: flex;
flex-direction: column;
gap: 0px;
height: 100%;
justify-content: center;
text-align: center;
text-decoration: none;
width: 100%;
padding: 3%;
}
.service_banner_link:hover {
background: #ffffff30;
}
.service_banner_link .text {
font-size: 33px;
font-weight: 700;
line-height: 1.3;
text-align: left;
}
.service_banner_link .text_en {
font-size: 16px;
font-weight: 700;
}
.service_banner_link .text_jp {
font-size: 20px;
margin-top: 2%;
}
.icon_target {
display: flex;
align-items: center;
}
.icon_target:after {
background-color: #fff;
background-image: url(/hubfs/242529611/corp/images/common/icon_blank.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 58%;
border-radius: 100%;
content: "";
display: inline-block;
height: 33px;
width: 33px;
margin-left: 30px;
}
.icon_coner:after {
background-color: #fff;
background-image: url(/hubfs/242529611/corp/images/common/icon_blank.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 58%;
border-radius: 100%;
content: "";
display: inline-block;
height: 33px;
margin-left: 30px;
width: 33px;
right: 3%;
bottom: 10%;
position: absolute;
}
@media screen and (max-width: 768px) {
.slider_btn_area {
padding: 14px 24px;
}
.slider_btn_item .c-btn {
font-size: 3vw;
height: auto;
min-width: auto;
padding: 1vw 3vw;
width: auto;
}
.c-btn .icon {
flex: 0 0 17px !important;
margin-left: 5%;
}
.service_banner_link {
gap: 0px;
}
.icon_target:after {
margin-left: 10px;
}
.service_banner_link .text {
font-size: 3.3vw;
}
.service_banner_link .text_en {
font-size: 2vw;
line-height: 1;
}
.service_banner_link .text_jp {
font-size: 2.9vw;
margin-top: 2%;
text-align: left;
line-height: 1.1;
}
.js-slider2 .splide__pagination {
padding: 15px 15px;
}
}
.next-challenge {
position: relative;
}
.next-challenge_link {
display: flex;
width: 100%;
height: 100%;
justify-content: end;
align-items: end;
padding-bottom: 20px;
padding-right: 56px;
font-size: 16px;
font-weight: bold;
color: var(--common_color_primary);
letter-spacing: 3px;
}
.next-challenge_link:hover {
background: #ffffff30;
}
.next-challenge_link .icon_target:after {
margin-left: 14px;
}
@media screen and (max-width: 768px) {
.next-challenge_link {
align-items: end;
color: var(--common_color_primary);
display: flex;
font-size: 16px;
font-weight: 700;
height: 100%;
justify-content: end;
letter-spacing: 3px;
padding-bottom: 7px;
padding-right: 10px;
width: 100%;
}
}
.company_info {
position: relative;
}
.company_info_link {
align-items: end;
color: #fff;
font-size: 30px;
font-weight: 700;
height: 100%;
letter-spacing: 3px;
position: relative;
width: 100%;
height: 100%;
}
.company_info_link:hover {
background: #ffffff30;
}
.company_info_text_wrap {
bottom: 30px;
display: flex;
flex-direction: column;
padding: 30px;
position: absolute;
width: 100%;
bottom: 0;
}
.company_info_text {
border-bottom: 2px solid #fff;
padding-bottom: 24px;
}
.company_info_icon {
margin-top: 24px;
width: 80px;
height: 80px;
border: 2px solid #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.company_info_icon img {
width: 24px;
height: 24px;
}
@media screen and (max-width: 768px) {
.copy_text {
background: #fff;
display: inline-block;
filter: drop-shadow(8px 4px 44px #91919140);
font-size: 3vw;
font-weight: 700;
letter-spacing: .2em;
line-height: 1;
padding: 4% 7%;
text-orientation: upright;
white-space: nowrap;
}
.fix_banner_inner {
padding: 13%;
width: 80px;
}
}
/** corp **/
.corp_table .p-table_pro__tr .p-table_pro__td:first-child {
background-color: #e9f1f4;
color: #000;
text-align: center;
}
.corp_table .p-table__tr {
border: 1px solid #B8C6D0;
}
@media screen and (min-width: 769px) {
.corp_table .p-table__th {
background-color: #739AA8;
}
}
@media screen and (max-width: 768px) {
.corp_table .p-table_pro__tr .p-table_pro__td:first-child {
background-color: #e9f1f4;
color: #000;
text-align: left;
}
}
/** Corporate Philosophy **/
@media screen and (min-width: 769px) {
.corporate_style .cp_philosophy_subttl {
color: #2bacdd;
font-size: 24px;
margin: 48px 0 !important;
}
}
.cp_p_policy .p-section__lead {
margin-top: 60px;
}
.cp_p_policy .cp_p_policy_main {
font-size: 24px;
letter-spacing: 0;
text-align: center;
}
.cp_p_policy .cp_p_policy_sub_en {
font-size: 14px;
letter-spacing: 0;
margin: 0;
text-align: center;
}
.cp_p_policy p {
font-size: 16px;
line-height: 1.6;
margin-top: 40px;
}
.white_board .p-comments__item {
background: #fff;
padding: 20px 60px;
filter: drop-shadow(0 4px 10px #00000010);
}
.white_board .p-comment.-gray .p-comment__main, .white_board .p-comment.-gray .p-comment__main:before {
background-color: unset;
}
.white_board .p-comment__main:before {
content: none;
}
.white_board .p-comment {
align-items: flex-start;
display: flex;
align-items: center;
}
.white_board .white_board_inner_ttl {
font-size: 36px;
}
.white_board .white_board_inner_ttl strong {
color: #2cacdd;
font-size: 38px;
}
.white_board .white_board_inner_txt {
font-size: 16px;
line-height: 1.2;
margin-top: 20px;
}
@media screen and (max-width: 768px) {
.white_board .p-comment {
align-items: flex-start;
align-items: center;
display: flex;
flex-direction: column;
gap: 10px;
}
.white_board .p-comment__figures {
flex: 0 0 100px;
padding: 0 20%;
}
.white_board .p-comment__main {
flex: 0 0 calc(100% - 120px);
padding: 0;
}
.white_board .white_board_inner_ttl strong {
color: #2cacdd;
font-size: 24px;
}
}
/** our business **/
.business_ttl {
margin-top: 20px;
text-align: center;
}
.business_ttl_main {
font-size: 32px;
font-weight: bold;
color: #2BACDD;
}
.business_ttl_sub {
font-size: 16px;
font-family: "Barlow", sans-serif;
font-weight: 700;
letter-spacing: 20%;
color: #344380;
margin-top:20px;
}
.business_f_inner {
display: flex;
flex-wrap: nowrap;
margin: 30px 0;
}
.business_f_txt {
padding-left: 16%;
margin-top: 40px;
}
.business_arrow {
margin: 30px 0;
display: flex;
justify-content: center;
}
.business_arrow_item {
display: inline-block;
}
.business_s_inner {
display: flex;
margin: 50px 0;
}
.business_s_item {
border-right: 1px solid #2bacdd;
padding: 0 44px;
flex: 1;
}
.business_s_item:last-child {
border-right: 0;
}
.business_s_image {
align-items: end;
display: flex;
margin-bottom: 20px;
min-height: 160px;
padding-left: 20%;
}
.business_s_txt {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.business_s_txt_ttl {
color: #949494;
text-align: center;
min-height: 60px;
}
.business_s_foot {
text-align: center;
}
.business_l_inner {
display: flex;
align-items: center;
justify-content: center;
}
.business_l_inner {
display: flex;
align-items: center;
justify-content: center;
}
.business_l_l img {
max-height: 200px;
}
@media screen and (max-width: 768px) {
.business_f_inner {
display: flex;
flex-wrap: nowrap;
margin: 0;
flex-direction: column;
align-items: center;
}
.business_f_image {
padding: 0 0% 0 20%;
}
.business_f_txt {
margin-top: 40px;
padding-left: 0;
text-align: center;
}
.business_s_inner {
display: flex;
margin: 50px 0;
flex-direction: column;
}
.business_s_item {
border-bottom: 1px solid #2bacdd;
border-right: 0;
flex: 1;
padding: 0 20px 30px 20px;
}
.business_s_image {
padding-left: 20%;
padding-top: 10%;
}
.business_l_inner {
align-items: center;
display: flex;
justify-content: center;
flex-direction: column;
}
.business_l_l {
padding-left: 16%;
}
}
/** contact_foot **/
.contact_foot_btn.white_board_sa {
padding: 0;
position: relative;
}
.contact_foot_btn:after {
background: #fff;
content: "";
display: block;
height: 100%;
width: 100%;
z-index: 2;
position: absolute;
top: 0;
opacity: 0;
transition-duration: var(--common_transition_duration);
pointer-events: none;
}
.contact_foot_btn:hover:after {
background: #2bacdd;
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
opacity: 0.1;
pointer-events: none;
}
.contact_foot_btn_link {
display: flex;
flex-direction: column;
padding: 50px 30px;
text-align: center;
text-decoration: none;
}
.contact_foot_btn_icon {
margin: 0 auto;
max-height: 120px;
}
.contact_foot_btn_icon img {
max-height: 120px;
}
.contact_foot_btn_ttl {
color: #2bacdd;
font-size: 22px;
}
.contact_foot_btn_txt {
color: #000;
}
@media screen and (max-width: 768px) {
.contact_foot_btn_ttl {
font-size: 18px;
}
.contact_foot_btn_txt {
font-size: 14px;
}
}
/** toppage **/
@media screen and (max-width: 768px) {
.top_btm_logos .p-row {
padding: 0 50px;
}
}
/** dxpage **/
.subbtn_pl15 .p-sub_buttons__contents {
padding-left: 15px;
padding-right: 15px;
}
/** historypage**/
@media screen and (max-width: 768px) {
.history_table .p-table__th P {
text-align: left!important;
}
.history_table .p-table__td .p-richtext_set {
padding: 0 15px
;
}
}
/** finance page **/
.finance_pd .p-custom_column {
padding: 20px 0;
}
.finance_btmline .p-custom_column {
border-bottom: 1px solid #ccc;
}
/** certif **/
.certif_table .p-table_pro__td, .certif_table .p-table_pro__th {
padding: 10px;
}
/** privacy **/
@media screen and (min-width: 769px) {
.privacy-policy .c-sub_btn {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.privacy_table .p-table_pro__thead {
background-color: var(--common_color_primary);
}
.privacy_table .p-table_pro__th {
background-color: var(--common_color_primary);
color: #fff;
width: 100%;
display: block;
}
.privacy_table .p-table_pro__th {
border-bottom: 1px dashed #fff;
}
.privacy_table .p-table_pro__th:last-child {
border-bottom: 0;
}
.privacy_table .p-table_pro__td {
border-bottom: 1px dashed #ccc;
}
.privacy_table .p-table_pro__td:last-child {
border-bottom: 0;
}
}
.number-list h4 {
margin-bottom: 0;
margin-top: 0;
}
.number-list p {
margin-bottom: 16px;
margin-top: 0;
}
/** security-policy **/
@media screen and (min-width: 769px) {
.security-policy .c-sub_btn {
font-size: 16px;
}
}
/* 企業理念カードのコンテナ */
.hisslogo.card {
background-color: #ffffff;
padding: 40px 60px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
max-width: 800px;
width: 90%;
border-radius: 4px;
}
/* 左側のグラフィックエリア */
.hisslogo.icon-container {
flex: 0 0 150px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 40px;
}
/* 代替用のH型デザイン（実際の画像がある場合は ![]()
に置き換えてください） */
.hisslogo.dummy-logo {
font-size: 80px;
font-weight: bold;
color: #add8e6;
position: relative;
line-height: 1;
/* 立体感の演出 */
text-shadow: 2px 2px 0px #87ceeb, 4px 4px 0px #e0f7fa;
}
/* 右側のテキストエリア */
.hisslogo.text-content {
flex: 1;
}
.hisslogo.title {
margin: 0 0 10px 0;
font-size: 28px;
display: flex;
align-items: center;
}
.hisslogo.title-en {
color: #7ab8e6;
font-weight: bold;
letter-spacing: 0.05em;
}
.hisslogo.title-jp {
color: #333;
margin-left: 10px;
font-weight: 500;
}
.hisslogo.description {
color: #333;
font-size: 18px;
line-height: 1.6;
margin: 0;
}
/* レスポンシブ対応（画面が狭い時） */
@media (max-width: 600px) {
.hisslogo.card {
flex-direction: column;
text-align: center;
padding: 30px;
}
.hisslogo.icon-container {
margin-right: 0;
margin-bottom: 20px;
}
.hisslogo.title {
justify-content: center;
flex-direction: column;
}
.hisslogo.title-jp {
margin-left: 0;
margin-top: 5px;
}
}
/* いじらない */
#blog-contents h3, .c-blog-contents h3, .c-richtext h3, .p-section__title h3 {
color: #2bacdd;
font-weight: bold;
}
@media screen and (min-width: 769px) {
#blog-contents h3, .c-blog-contents h3, .c-richtext h3 {
font-size: var(--richtext_h3_font_size_pc);
margin-top: var(--richtext_h3_margin_top_pc);
}
.p-section__title h3, h3.p-section__title_main {
font-size: var(--richtext_h3_font_size_pc);
margin-top: var(--richtext_h3_margin_top_pc);
}
}
/** contents width **/
@media screen and (min-width: 769px) {
.p-section__contents.-board.-wide {
max-width: calc(var(--section_width_wide) + 160px);
}
}
/** contents.-board **/
.p-row__contents.-board {
background-color: #E9F1F4;
border: 0px solid var(--common_color_line);
}
.dx-heading {
display: flex; /* 中身を横並びにする */
align-items: center; /* 垂直方向を中央で揃える */
gap: 12px; /* 円と文字の間隔 */
/* 見出し自体のリセットや装飾 */
margin: 20px 0;
padding: 0;
}
.number-cir {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0; /* 円が潰れるのを防ぐ */
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #3f4a81; /* 濃い紺色 */
color: #ffffff;
font-size: 14px;
font-weight: bold;
font-family: sans-serif;
}
.text-content {
font-size: 1.1rem; /* としての適切なサイズに調整 */
font-weight: bold;
color: #333333;
line-height: 1.2; /* 行間を詰めるとより中央が際立ちます */
}
.sub-heading {
display: flex;
align-items: center; /* 縦棒と文字のセンターを合わせる */
gap: 8px; /* 棒と文字の間隔 */
/* テキストの装飾 */
font-size: 1.1rem;
font-weight: bold;
color: #333333;
margin: 15px 0;
}
/* 左側の縦棒 */
.sub-heading::before {
content: ""; /* 必須の設定 */
display: block;
width: 6px; /* 棒の太さ */
height: 1.2em; /* 棒の長さ（文字の高さに合わせる） */
background-color: #556688; /* 画像に近いグレー寄りの紺色 */
/* 棒の角を少し丸める場合（画像に合わせて微調整） */
border-radius: 1px;
}
/* リンクのボーダーを消す */
.add_tx a,
.add_tx a:hover,
.add_tx a:visited,
.add_tx a:active {
color: inherit;
text-decoration: none;
}
/*ブルーライン*/
.line_blue {
border: none;
border-top: 2px solid #2bacdd;
}
/*li行間*/
.indent_lis {
margin-bottom: 20px;
}