/* master */ /* 2025.03 p-chan 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: #007eff; /* バリアント（サブ） */ --common_color_primary_variant: #999; /* セカンダリー（アクセント） */ --common_color_secondary: #003880; /* 全体背景 */ --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: 28px; /* heading2 */ /* [SP] */ --common_heading2_font_size_sp: 20px; /* [PC] */ --common_heading2_font_size_pc: 32px; /* 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: 17px; /* [PC] */ --common_heading5_font_size_pc: 20px; /* heading6 */ /* [SP] */ --common_heading6_font_size_sp: 15px; /* [PC] */ --common_heading6_font_size_pc: 18px; /* 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: 14px; /* 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: 140%; /* heading2 */ --common_heading2_line_height: 140%; /* heading3 */ --common_heading3_line_height: 140%; /* heading4 */ --common_heading4_line_height: 140%; /* heading5 */ --common_heading5_line_height: 140%; /* heading6 */ --common_heading6_line_height: 140%; /* paragraph */ --common_paragraph_line_height: 200%; /* paragraph small */ --common_paragraph_small_line_height: 200%; /* annotation */ --common_annotation_line_height: 200%; /* ======================================== 文字間 */ /* 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: 100px; /* ======================================== 左右余白 */ /* ロゴ左 */ /* [SP] */ --header_padding_left_sp: 15px; /* [PC] */ --header_padding_left_pc: 0; /* メニューバー右（SPのみ） */ --header_menu_right_sp: 15px; /* ナビゲーション右（PCのみ） */ --header_padding_right_pc: 0px; /* ======================================== ロゴ */ /* 幅 */ /* [SP] */ --header_logo_width_sp: 60%; /* [PC] */ --header_logo_width_pc: 200px; /* ======================================== メニュー（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: 13px; /* 親ナビゲーション　フォントウェイト */ --header_nav_global_font_weight: 500; /* 親ナビゲーション　文字間 */ --header_nav_global_letter_spacing: 0em; /* 子ナビゲーション　フォントサイズ */ /* [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: 0em; /* 子ナビゲーション　横幅（PCのみ） */ --header_nav_child_width_pc: 300px; /* ======================================== ボタン（PCのみ） */ /* 左余白（PCのみ） */ --header_nav_btn_left_margin_pc: 20px; /* 高さ（PCのみ） */ --header_nav_btn_height_pc: 60px; /* ボーダー幅（PCのみ） */ --header_nav_btn_border_width_pc: 1px; /* 角丸（PCのみ） */ --header_nav_btn_border_radius_pc: 4px; /* ボタン1　背景色（PCのみ） */ /* [通常] */ --header_nav_btn1_bg_color_pc: #007DCE; /* [ホバー] */ --header_nav_btn1_bg_color_pc_hover: #fff; /* ボタン1　ボーダーカラー（PCのみ） */ /* [通常] */ --header_nav_btn1_border_color_pc: #1E649A; /* [ホバー] */ --header_nav_btn1_border_color_pc_hover: #1E649A; /* ボタン1　文字色（PCのみ） */ /* [通常] */ --header_nav_btn1_font_color_pc: #fff; /* [ホバー] */ --header_nav_btn1_font_color_pc_hover: #007DCE; /* ボタン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: #005CAC; /* ======================================== ナビゲーション */ /* 親ナビゲーション　フォントサイズ */ --footer_nav_global_font_size: 18px; /* 親ナビゲーション　フォントウェイト */ --footer_nav_global_font_weight: 500; /* 親ナビゲーション　色 */ --footer_nav_global_color: #B3E8FF; /* 子ナビゲーション　フォントサイズ */ --footer_nav_child_font_size: 14px; /* 子ナビゲーション　フォントウェイト */ --footer_nav_child_font_weight: 500; /* 子ナビゲーション　色 */ --footer_nav_child_color: #fff; /* ======================================== コピーライト */ /* 背景色 */ --footer_copyright_bg_color: #005CAC; /* 文字色 */ --footer_copyright_color: #fff; /* フォントウェイト */ --footer_copyright_font_weight: 400; /* フォントサイズ */ --footer_copyright_font_size: 12px; /* 文字間 */ --footer_copyright_letter_spacing: 0em; /* //////////////////////////////////////////////////////////////////////////////// リッチテキスト設定（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: calc(56px / 2); /* [PC] */ --richtext_h2_margin_top_pc: 56px; /* h3 */ /* [SP] */ --richtext_h3_margin_top_sp: calc(56px / 2);; /* [PC] */ --richtext_h3_margin_top_pc: 56px; /* h4 */ /* [SP] */ --richtext_h4_margin_top_sp: calc(24px / 2); /* [PC] */ --richtext_h4_margin_top_pc: 24px; /* h5 */ /* [SP] */ --richtext_h5_margin_top_sp: calc(24px / 2);; /* [PC] */ --richtext_h5_margin_top_pc: 24px; /* h6 */ /* [SP] */ --richtext_h6_margin_top_sp: calc(16px / 2); /* [PC] */ --richtext_h6_margin_top_pc: 16px; /* p */ /* [SP] */ --richtext_p_margin_top_sp: calc(8px / 2); /* [PC] */ --richtext_p_margin_top_pc: 8px; /* その他 */ /* [SP] */ --richtext_other_margin_top_sp: calc(8px / 2); /* [PC] */ --richtext_other_margin_top_pc: 8px; /* //////////////////////////////////////////////////////////////////////////////// セクションモジュール設定（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: 140%; /* 文字間 */ --section_title_letter_spacing: 0.04em; /* ウェイト */ --section_title_font_weight: 500; /* 下余白（下線装飾までの距離） */ --section_title_padding_bottom: 0px; /* 装飾の横幅 */ --section_title_decoration_width: calc(36px * 2); /* 装飾の高さ */ --section_title_decoration_height: 3px; /* 左半分の色 */ --section_title_decoration_left_color: var(--common_color_primary); /* 右半分の色 */ --section_title_decoration_right_color: var(--common_color_primary); /* ======================================== リード文 */ /* 上余白（タイトルとの間隔） */ --section_lead_margin_top: 36px; /* ======================================== コンテンツ 余白 */ /* 上余白（タイトルとの間隔） */ /* [SP] */ --section_body_margin_top_sp: 25px; /* [PC] */ --section_body_margin_top_pc: 50px; /* ======================================== ボタン　余白 */ /* 上余白 */ --section_btns_margin_top: 36px; /* ======================================== オブション　背景 */ /* なし */ --section_bg_default: var(--common_color_bg); /* グレー */ --section_bg_gray: #f0f0f0; /* ライトカラー */ --section_bg_light_theme: #f5f8fa; /* ======================================== オプション　上下余白 */ /* デフォルト */ /* [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: 940px; /* 広くする */ --section_width_wide: 1200px; /* 狭くする */ --section_width_narrow: 720px; /* スマホ時の左右余白 */ --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: 38px; /* [PC] */ --btn_height_pc: 52px; /* ======================================== v2 */ /* 背景色 */ /* [通常時] */ --btn_v2_bg_color: var(--common_color_secondary); /* [ホバー時] */ --btn_v2_bg_color_hover: #fff; /* 文字色 */ /* [通常時] */ --btn_v2_font_color: #fff; /* [ホバー時] */ --btn_v2_font_color_hover: var(--common_color_secondary); /* ボーダー色 */ /* [通常時] */ --btn_v2_border_color: var(--common_color_secondary); /* [ホバー時] */ --btn_v2_border_color_hover: var(--common_color_secondary); /* ボーダー太さ */ /* [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: #999; /* [ホバー時] */ --btn_v3_bg_color_hover: #fff; /* 文字色 */ /* [通常時] */ --btn_v3_font_color: #fff; /* [ホバー時] */ --btn_v3_font_color_hover: #999; /* ボーダー色 */ /* [通常時] */ --btn_v3_border_color: #999; /* [ホバー時] */ --btn_v3_border_color_hover: #999; /* ボーダー太さ */ /* [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_black); /* 文字色 */ /* [通常時] */ --tag_font_color: var(--common_color_black); /* [ホバー時] */ --tag_font_color_hover: #fff; /* ボーダー色 */ /* [通常時] */ --tag_border_color: var(--common_color_black); /* [ホバー時] */ --tag_border_color_hover: var(--common_color_black); /* ボーダー太さ */ /* [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: 400; /* 角丸 */ /* [SP] */ --tag_radius_sp: 12px; /* [PC] */ --tag_radius_pc: 12px; /* 高さ */ /* [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: 160px; /* 余白（SPのみ） */ /* [上下] */ --page_head_padding_vertical_sp: 35px; /* [左右] */ --page_head_padding_horizon_sp: 10px; } @charset "UTF-8"; .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; -webkit-transition-duration: var(--common_transition_duration); transition-duration: var(--common_transition_duration); } a:hover, .a:hover { cursor: pointer; } a, span, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div, main, article, section, header, footer, aside, input, button, select, textarea, body, table, tr, th, td, figure { margin: 0; padding: 0; -webkit-box-sizing: border-box; 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: 6; /* by #wrap */ } #header-directory { position: relative; z-index: 5; /* by #wrap */ } #page-contents { position: relative; z-index: 3; /* by #wrap */ } #foot-contents { position: relative; z-index: 2; /* by #wrap */ } #footer { position: relative; z-index: 1; /* by #wrap */ } #header { position: fixed; top: 0; left: 0; width: 100%; margin: 0 auto; } .c-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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 { -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; margin-left: 12px; } .c-btn svg, .c-btn img { vertical-align: baseline; } .c-btn path { fill: var(--btn_font_color); -webkit-transition-duration: var(--common_transition_duration); transition-duration: var(--common_transition_duration); } .c-btn:hover, .c-btn.is-current { text-decoration: none; background-color: var(--btn_bg_color_hover); color: var(--btn_font_color_hover); } .c-btn:hover path, .c-btn.is-current 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:hover, .c-btn.-v2.is-current { background-color: var(--btn_v2_bg_color_hover); color: var(--btn_v2_font_color_hover); } .c-btn.-v2:hover svg, .c-btn.-v2.is-current 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:hover, .c-btn.-v3.is-current { background-color: var(--btn_v3_bg_color_hover); color: var(--btn_v3_font_color_hover); } .c-btn.-v3:hover svg, .c-btn.-v3.is-current 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: normal; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-decoration: none; color: var(--common_color_black); } .-flex_center .c-sub_btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-sub_btn .icon { -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; margin-right: 12px; } .c-sub_btn svg, .c-sub_btn img { vertical-align: baseline; } .c-sub_btn path { fill: var(--common_color_black); } .c-sub_btn.-arrow_right path, .c-sub_btn.-arrow_left 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 ul, #blog-contents ol, .c-blog-contents ul, .c-blog-contents ol, .c-richtext ul, .c-richtext ol { 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: 0.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::before, .p-section__title::after { 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::before, .p-section__title.-color_white::after { background-color: #fff; } .p-section__title.-decoration_no { padding-bottom: 0; } .p-section__title.-decoration_no::before, .p-section__title.-decoration_no::after { 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: none; } .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .p-sub_buttons.-flex_center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-sub_buttons.-flex_end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .p-sub_buttons__list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-sub_buttons__item .c-btn { min-width: auto; } .p-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-row__col { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .p-row__col > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; 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: #000; } .p-card__figure { padding-bottom: 56.333%; background-repeat: no-repeat; background-position: center center; background-size: cover; will-change: transform; -webkit-transition-duration: var(--common_transition_duration); transition-duration: var(--common_transition_duration); } .p-card__figure img { display: none; } .p-card__link:hover .p-card__figure { -webkit-transform: scale(1.05); 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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .p-tags__item { list-style: none; } .p-tags__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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%; -webkit-transform: translate(-50%, -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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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, 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%; -webkit-transform: translate(-50%, -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; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6); width: 70px; height: 70px; } .p-modal_contents__closebtn::before, .p-modal_contents__closebtn::after { content: ""; display: block; background-color: #696969; position: absolute; top: 50%; left: 50%; border-radius: 2px; width: 48px; height: 4px; } .p-modal_contents__closebtn::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .p-modal_contents__closebtn::after { -webkit-transform: translate(-50%, -50%) rotate(315deg); transform: translate(-50%, -50%) rotate(315deg); } .p-modal_contents__board { position: relative; max-height: 90vh; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 10px 0px rgba(0, 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-bread__item { list-style: none; } .p-bread__link { color: var(--common_color_black); } .p-top_hero__main { z-index: 4; /* by .p-top_hero */ } .p-top_hero__nav { z-index: 3; /* by .p-top_hero */ } .p-top_hero__bar { z-index: 2; /* by .p-top_hero */ } .p-top_hero__bg { z-index: 1; /* by .p-top_hero */ } .p-top_hero { position: relative; } .p-top_hero__main { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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; /* by .p-tab_nav */ } .p-tab_nav__section { z-index: 2; /* by .p-tab_nav */ } .p-tab_nav__height { z-index: 1; /* by .p-tab_nav */ } .p-tab_nav { position: relative; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px 0px rgba(0, 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #444; color: #fff; cursor: pointer; border-radius: 10px 10px 0 0; -webkit-transition-duration: var(--common_transition_duration); 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::before, .p-top_news__title::after { 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: -webkit-box; display: -ms-flexbox; display: flex; text-align: justify; } .p-top_news__link:hover { text-decoration: underline; } .p-top_news__icon { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 19px; position: relative; overflow: hidden; } .p-top_news__icon::before, .p-top_news__icon::after { content: ""; display: block; width: 200%; height: 2px; background: var(--common_color_black); position: absolute; right: 0; } .p-top_news__icon::before { bottom: 50%; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate(-2px, 1px) rotate(45deg); transform: translate(-2px, 1px) rotate(45deg); } .p-top_news__icon::after { top: 50%; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: translate(-2px, -1px) rotate(-45deg); 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .p-top_news__more_link:hover { text-decoration: underline; } .p-top_news__more_icon { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 19px; position: relative; overflow: hidden; } .p-top_news__more_icon::before, .p-top_news__more_icon::after { content: ""; display: block; width: 200%; height: 2px; background: var(--common_color_black); position: absolute; right: 0; } .p-top_news__more_icon::before { bottom: 50%; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate(-2px, 1px) rotate(45deg); transform: translate(-2px, 1px) rotate(45deg); } .p-top_news__more_icon::after { top: 50%; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: translate(-2px, -1px) rotate(-45deg); 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: -webkit-box; display: -ms-flexbox; 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 { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; height: 60px; background-color: var(--common_color_secondary); border: 2px solid var(--common_color_secondary); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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 .bx-wrapper { position: relative; } .p-slider_area .bx-prev, .p-slider_area .bx-next { background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; text-indent: -999999px; position: absolute; top: 50%; } .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: -webkit-box; display: -ms-flexbox; 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; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: block; } .p-faq__q_inner .btn::before, .p-faq__q_inner .btn::after { content: ""; display: block; background-color: var(--common_color_primary); position: absolute; -webkit-transition-duration: var(--common_transition_duration); transition-duration: var(--common_transition_duration); width: 20px; height: 2px; top: 50%; left: 50%; } .p-faq__q_inner .btn::before { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .p-faq__q_inner .btn::after { -webkit-transform: translate(-50%, -50%) rotate(90deg); 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: -webkit-box; display: -ms-flexbox; 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; /* by .p-banner_blocks__link */ } .p-banner_blocks__bg { position: relative; z-index: 1; /* by .p-banner_blocks__link */ } .p-banner_blocks { -ms-flex-wrap: wrap; 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: -webkit-box; display: -ms-flexbox; display: flex; min-width: 185px; height: 40px; -webkit-box-align: center; -ms-flex-align: center; 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; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 19px; position: relative; overflow: hidden; } .p-banner_blocks__icon::before, .p-banner_blocks__icon::after { content: ""; display: block; width: 200%; height: 2px; background-color: #fff; position: absolute; right: 0; } .p-banner_blocks__icon::before { bottom: 50%; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate(-2px, 1px) rotate(45deg); transform: translate(-2px, 1px) rotate(45deg); } .p-banner_blocks__icon::after { top: 50%; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: translate(-2px, -1px) rotate(-45deg); 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; -webkit-transition-duration: var(--common_transition_duration); 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 { -webkit-transform: scale(1.05); 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-interview_accordion__arr_area { width: 40px; height: 20px; overflow: hidden; position: relative; -webkit-transform: scale(0.8); transform: scale(0.8); } .p-interview_accordion__arr { width: 28px; height: 28px; border: 5px solid var(--common_color_black); -webkit-transform: translate(-50%, -50%) rotate(45deg); 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 .bx-wrapper { position: relative; } .p-carousel .bx-prev, .p-carousel .bx-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; } .p-carousel .bx-prev::before, .p-carousel .bx-prev::after, .p-carousel .bx-next::before, .p-carousel .bx-next::after { content: ""; display: block; width: 200%; height: 7px; background-color: var(--common_color_primary); position: absolute; right: 0; } .p-carousel .bx-prev img, .p-carousel .bx-next img { opacity: 0; } .p-carousel .bx-prev::before { bottom: 50%; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate(35px, 4px) rotate(-45deg); transform: translate(35px, 4px) rotate(-45deg); } .p-carousel .bx-prev::after { top: 50%; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: translate(35px, -4px) rotate(45deg); transform: translate(35px, -4px) rotate(45deg); } .p-carousel .bx-next::before { bottom: 50%; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate(-6px, 4px) rotate(45deg); transform: translate(-6px, 4px) rotate(45deg); } .p-carousel .bx-next::after { top: 50%; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: translate(-6px, -4px) rotate(-45deg); transform: translate(-6px, -4px) rotate(-45deg); } .p-carousel .bx-pager { margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-carousel .bx-pager-item { padding-left: 9px; } .p-carousel .bx-pager-item:last-child { padding-right: 9px; } .p-carousel .bx-pager-link { display: block; text-indent: -9999999px; background-color: #fff; width: 9px; height: 9px; } .p-carousel .bx-pager-link.active { background-color: var(--common_color_black); } .p-carousel.-board .bx-prev, .p-carousel.-board .bx-next { -webkit-transform: none; transform: none; } .p-directory_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-directory_nav__link:hover, .p-directory_nav__link.is-current { background-color: var(--common_color_black); color: #fff; } .p-table__th, .p-table__td { 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__thead, .p-table_pro__tbody, .p-table_pro__tr, .p-table_pro__th, .p-table_pro__td { border: 1px solid var(--common_color_line); } .p-table_pro__th.-va_top, .p-table_pro__td.-va_top { vertical-align: top; } .p-table_pro__th.-va_middle, .p-table_pro__td.-va_middle { vertical-align: middle; } .p-table_pro__th.-va_bottom, .p-table_pro__td.-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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-pager__all, .p-pager__prev, .p-pager__next { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; margin: 0 10px; } .p-pager__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .p-sns_list__item { list-style: none; margin-right: 10px; } .p-sns_list__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-category_bar__item { list-style: none; padding: 5px 15px; letter-spacing: 0.04em; } .p-category_bar__link { color: #fff; text-decoration: none; } .p-loop_slider { display: -webkit-box; display: -ms-flexbox; display: flex; } .p-loop_slider__group { display: -webkit-box; display: -ms-flexbox; display: flex; } .p-loop_slider__group:first-child { -webkit-animation: loopSolider 90s linear infinite; animation: loopSolider 90s linear infinite; } .p-loop_slider__group:nth-child(2) { -webkit-animation: loopSolider2 90s -60s linear infinite; animation: loopSolider2 90s -60s linear infinite; } .p-loop_slider__group:last-child { -webkit-animation: loopSolider3 90s -30s linear infinite; animation: loopSolider3 90s -30s linear infinite; } .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; } @-webkit-keyframes loopSolider { 0% { -webkit-transform: translateX(200%); transform: translateX(200%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes loopSolider { 0% { -webkit-transform: translateX(200%); transform: translateX(200%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes loopSolider2 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } @keyframes loopSolider2 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } @-webkit-keyframes loopSolider3 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-300%); transform: translateX(-300%); } } @keyframes loopSolider3 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-300%); transform: translateX(-300%); } } .p-pagination .blog-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-pagination .blog-pagination__link { -webkit-box-flex: 0; -ms-flex: 0 0 40px; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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 { -webkit-transition-duration: var(--common_transition_duration); 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 { -webkit-box-flex: 0; -ms-flex: 0 0 0px; flex: 0 0 0px; border: none; background: none; height: 0; } .p-pagination .blog-pagination__prev-link--disabled svg, .p-pagination .blog-pagination__prev-link--disabled img { display: none; } .p-pagination .blog-pagination__next-link { margin-right: 0; } .p-pagination .blog-pagination__next-link--disabled { -webkit-box-flex: 0; -ms-flex: 0 0 0px; flex: 0 0 0px; border: none; background: none; height: 0; } .p-pagination .blog-pagination__next-link--disabled svg, .p-pagination .blog-pagination__next-link--disabled img { display: none; } .p-pagination .blog-pagination img, .p-pagination .blog-pagination svg { width: 8px; } .p-pager_v2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-pager_v2__prev, .p-pager_v2__next { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; } .p-pager_v2__btn { width: 40px; height: 40px; border: 1px solid var(--common_color_primary); border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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: -webkit-box; display: -ms-flexbox; 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-header { background-color: var(--header_bg_color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .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; -webkit-transition-duration: var(--common_transition_duration); transition-duration: var(--common_transition_duration); } .p-hdr_nav_global__child { display: none; } .p-hdr_nav_child__item { list-style: none; font-weight: var(--header_nav_child_font_weight); letter-spacing: var(--header_nav_child_letter_spacing); } .p-hdr_nav_child__link { text-decoration: none; } .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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-aac { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .u-aafs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .u-aafe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .u-jcc { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .u-jcfs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .u-jcfe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .u-jcsb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .u-fwwrap { -ms-flex-wrap: wrap !important; 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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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:hover, .c-btn.is-current { 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:hover, .c-btn.-v2.is-current { 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:hover, .c-btn.-v3.is-current { 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 ul, #blog-contents ol, #blog-contents table, .c-blog-contents div, .c-blog-contents ul, .c-blog-contents ol, .c-blog-contents table, .c-richtext div, .c-richtext ul, .c-richtext ol, .c-richtext table { margin-top: var(--richtext_p_margin_top_pc); } #blog-contents div:first-child, #blog-contents ul:first-child, #blog-contents ol:first-child, #blog-contents table:first-child, .c-blog-contents div:first-child, .c-blog-contents ul:first-child, .c-blog-contents ol:first-child, .c-blog-contents table:first-child, .c-richtext div:first-child, .c-richtext ul:first-child, .c-richtext ol:first-child, .c-richtext table: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 th, #blog-contents table td, .c-blog-contents table th, .c-blog-contents table td, .c-richtext table th, .c-richtext table td { 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_low > .p-section__anchor, .p-section.-padding_ptb00_low > .p-section__anchor, .p-section.-padding_pt00_body > .p-section__anchor, .p-section.-padding_ptb00_body > .p-section__anchor, .p-section.-padding_pt00_default > .p-section__anchor, .p-section.-padding_ptb00_default > .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 { -ms-flex-preferred-size: calc((100% - var(--row2_space_horizon_pc)) / 2); flex-basis: calc((100% - var(--row2_space_horizon_pc)) / 2); } .p-row__col.-pc_column3 { -ms-flex-preferred-size: calc((100% - var(--row3_space_horizon_pc) * 2) / 3); flex-basis: calc((100% - var(--row3_space_horizon_pc) * 2) / 3); } .p-row__col.-pc_column4 { -ms-flex-preferred-size: calc((100% - var(--row4_space_horizon_pc) * 3) / 4); flex-basis: calc((100% - var(--row4_space_horizon_pc) * 3) / 4); } .p-row__col.-pc_column5 { -ms-flex-preferred-size: calc((100% - var(--row5_space_horizon_pc) * 4) / 5); flex-basis: calc((100% - var(--row5_space_horizon_pc) * 4) / 5); } .p-row.-flex_start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .p-row.-flex_center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-row.-flex_end { -webkit-box-pack: end; -ms-flex-pack: 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__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); /* padding: 5px 13px; */ } .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 { -webkit-box-flex: 0; -ms-flex: 0 0 var(--section_width_default); flex: 0 0 var(--section_width_default); } .p-page_head__title { font-size: var(--common_heading1_font_size_pc); } .p-block__head { -webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%; padding-right: 20px; } .p-block__txt { margin-top: 20px; } .p-block_v2 { display: -webkit-box; display: -ms-flexbox; display: flex; } * + .p-block_v2 { margin-top: 30px; } .p-block_v2__head { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; } .p-block_v2__body { padding-left: 20px; } .p-block_v4 { display: -webkit-box; display: -ms-flexbox; display: flex; } .p-block_v4__figure, .p-block_v4__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-block_v4__figure { padding: 20px 0; position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 57.5%; 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 { /* min-height: 525px; */ padding: 20px 40px 20px 30px; -webkit-box-flex: 0; -ms-flex: 0 0 42.5%; flex: 0 0 42.5%; } .p-block_v4__main_inner { -webkit-box-flex: 0; -ms-flex: 0 0 100%; 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 { -webkit-transform: translateY(38px); 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-top_news__head { -webkit-box-flex: 0; -ms-flex: 0 0 140px; 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::before, .p-top_news__title::after { display: none; } .p-top_news__full { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .p-top_news__body { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 140px - 140px); flex: 0 0 calc(100% - 140px - 140px); padding: 0 0 15px 40px; } .p-top_news__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-top_news__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .p-top_news__date { -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; margin-right: 0; } .p-top_news__link { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 130px); flex: 0 0 calc(100% - 130px); } .p-top_news__icon { margin-right: 15px; } .p-top_news__txt { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 9px - 15px); flex: 0 0 calc(100% - 9px - 15px); } .p-top_news__foot { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; } .p-top_news__more_icon { margin-right: 15px; } .p-topics__more { width: 280px; } .p-flow_list_rt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-slider_area .bx-prev, .p-slider_area .bx-next { width: 69px; height: 80px; -webkit-transform: translateY(-40px); transform: translateY(-40px); } .p-slider_area .bx-prev { left: -20px; } .p-slider_area .bx-next { right: -20px; } * + .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 { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; } .p-faq__q_inner .text { -webkit-box-flex: calc(100% - 45px); -ms-flex: calc(100% - 45px); 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 { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; } .p-faq__a_inner .text { -webkit-box-flex: calc(100% - 45px); -ms-flex: calc(100% - 45px); flex: calc(100% - 45px); } .p-banner_blocks { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: -20px; } .p-banner_blocks__square { -webkit-box-flex: 0; -ms-flex: 0 0 42.553%; flex: 0 0 42.553%; padding-right: 20px; } .p-banner_blocks__rectangle { -webkit-box-flex: 0; -ms-flex: 0 0 57.447%; flex: 0 0 57.447%; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; 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; -webkit-transform: translateY(-50%); 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 .bx-prev, .p-carousel .bx-next { width: 29px; height: 57px; } .p-carousel .bx-prev { left: -40px; } .p-carousel .bx-next { right: -40px; } .p-carousel.-board .bx-prev, .p-carousel.-board .bx-next { top: 45px; } .p-carousel__list { margin: 0 -13px; } .p-carousel__item { padding: 0 13px; } .p-carousel__board { padding: 10px 0 0; } .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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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__th, .p-table__td { border-bottom: 1px solid var(--common_color_line); font-size: 14px; vertical-align: top; } .c-table__tr:last-child .p-table__th, .c-table__tr:last-child .p-table__td { border-bottom: none; } .p-table__th { width: 240px; padding: 15px 20px 15px 0px; } .p-table__td { padding: 15px 0; } .p-table_pro__th, .p-table_pro__td { padding: 20px; } .p-scroll_table > table { width: 100%; } .p-scroll_table > table table { width: 100%; } .p-scroll_table.-richtext th, .p-scroll_table.-richtext td { padding: 15px 20px; } .p-image_contents { display: -webkit-box; display: -ms-flexbox; display: flex; } * + .p-image_contents { margin-top: 60px; } .p-image_contents.-reserve { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .p-image_contents__figure { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; padding-right: 20px; } .-reverse .p-image_contents__figure { padding-right: 0; padding-left: 20px; } .p-image_contents__contents { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 400px); flex: 0 0 calc(100% - 400px); } .p-left_image__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .p-left_image__col.-figure { margin-right: 20px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .p-left_image__col.-contents { margin-top: 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .p-pager { margin-top: 100px; } .p-sns_list { margin-top: 40px; } .p-category_bar__list.-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-category_bar__item { font-size: 15px; } .p-pagination .blog-pagination { -webkit-box-pack: center; -ms-flex-pack: center; 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: -webkit-box; display: -ms-flexbox; display: flex; } .p-news_list_article__head { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; } .p-news_list_article__body { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; } .p-news_list_article__link:hover { text-decoration: underline; } .p-header { height: var(--header_height_pc); min-width: calc(40px + var(--section_width_default)); } .p-header__logos { padding-left: var(--header_padding_left_pc); width: var(--header_logo_width_pc); } .p-header__menu { display: none; } .p-header__nav { padding-right: var(--header_padding_right_pc); display: block !important; } .p-hdr_logos__link:hover { opacity: var(--common_hover_opacity); } .p-hdr_nav__sub { display: none; } .p-hdr_nav_global { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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 { -webkit-transform: translateY(3px); transform: translateY(3px); } .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); -webkit-transform: translateY(0); 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); -webkit-transform: translateY(0); 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_child { background-color: #f0f0f0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6); padding: 25px 25px 30px; } .p-hdr_nav_child__item { font-size: var(--header_nav_child_font_size_pc); } * + .p-hdr_nav_child__item { margin-top: 15px; } .p-hdr_nav_child__link { color: var(--common_color_black); } .p-hdr_nav_child__link:hover { opacity: var(--common_hover_opacity); } .p-footer__head { padding: 80px 0; } .p-footer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; 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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-aac-pc { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .u-aafs-pc { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .u-aafe-pc { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .u-jcc-pc { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .u-jcfs-pc { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .u-jcfe-pc { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .u-jcsb-pc { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .u-fwwrap-pc { -ms-flex-wrap: wrap !important; 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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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:hover, .c-btn.is-current { 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:hover, .c-btn.-v2.is-current { 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:hover, .c-btn.-v3.is-current { 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 ul, #blog-contents ol, #blog-contents table, .c-blog-contents div, .c-blog-contents ul, .c-blog-contents ol, .c-blog-contents table, .c-richtext div, .c-richtext ul, .c-richtext ol, .c-richtext table { margin-top: var(--richtext_p_margin_top_sp); } #blog-contents div:first-child, #blog-contents ul:first-child, #blog-contents ol:first-child, #blog-contents table:first-child, .c-blog-contents div:first-child, .c-blog-contents ul:first-child, .c-blog-contents ol:first-child, .c-blog-contents table:first-child, .c-richtext div:first-child, .c-richtext ul:first-child, .c-richtext ol:first-child, .c-richtext table: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 thead, #blog-contents table tbody, #blog-contents table tr, #blog-contents table th, #blog-contents table td, .c-blog-contents table thead, .c-blog-contents table tbody, .c-blog-contents table tr, .c-blog-contents table th, .c-blog-contents table td, .c-richtext table thead, .c-richtext table tbody, .c-richtext table tr, .c-richtext table th, .c-richtext table td { 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_low > .p-section__anchor, .p-section.-padding_ptb00_low > .p-section__anchor, .p-section.-padding_pt00_body > .p-section__anchor, .p-section.-padding_ptb00_body > .p-section__anchor, .p-section.-padding_pt00_default > .p-section__anchor, .p-section.-padding_ptb00_default > .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 { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .p-row__col.-sp_column2 { -ms-flex-preferred-size: calc((100% - var(--row2_space_horizon_sp)) / 2); flex-basis: calc((100% - var(--row2_space_horizon_sp)) / 2); } .p-row__col.-sp_column3 { -ms-flex-preferred-size: calc((100% - var(--row3_space_horizon_sp) * 2) / 3); 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); /* padding: 10px; */ } .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); -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .p-page_head__title { font-size: var(--common_heading1_font_size_sp); } .p-block__head { -webkit-box-flex: 0; -ms-flex: 0 0 25%; 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 .bx-prev, .p-slider_area .bx-next { width: 35px; height: 40px; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .p-slider_area .bx-prev { left: -15px; } .p-slider_area .bx-next { right: -15px; } * + .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 { -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; } .p-faq__q_inner .text { -webkit-box-flex: calc(100% - 30px); -ms-flex: calc(100% - 30px); 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 { -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; } .p-faq__a_inner .text { -webkit-box-flex: calc(100% - 30px); -ms-flex: calc(100% - 30px); 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 .bx-wrapper { margin: 0 auto; } .p-carousel .bx-prev, .p-carousel .bx-next { width: 29px; height: 57px; } .p-carousel .bx-prev { left: -45px; } .p-carousel .bx-next { right: -45px; } .p-carousel.-board .bx-prev, .p-carousel.-board .bx-next { top: 35px; } .p-carousel__board { padding: 10px 0 0; } .p-directory_nav { margin-top: -20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-directory_nav__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; 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__th, .p-table__td { display: block; font-size: 14px; } .p-table__th { background-color: #E0E0E0; padding: 10px 15px; } .p-table__td { margin-top: 10px; } .p-table_pro__th, .p-table_pro__td { 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 { -webkit-box-pack: justify; -ms-flex-pack: justify; 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__body { margin-top: 10px; } .p-header { height: var(--header_height_sp); } .p-header__logos { padding-left: var(--header_padding_left_sp); width: var(--header_logo_width_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, 0.7); padding-right: 20vw; display: none; opacity: 0; } .p-header__nav.is-open { opacity: 1; } .p-hdr_menu { position: relative; height: var(--header_menu_height); width: var(--header_menu_width); cursor: pointer; } .p-hdr_menu__top, .p-hdr_menu__mdl, .p-hdr_menu__btm { background-color: var(--header_menu_border_color); position: absolute; width: 100%; height: var(--header_menu_border_width); left: 50%; -webkit-transition: var(--common_transition_duration); transition: var(--common_transition_duration); -webkit-transform: translate(-50%, 0) scale(1) rotate(0deg); transform: translate(-50%, 0) scale(1) rotate(0deg); } .p-hdr_menu__top { top: 0; } #header-menu.is-open .p-hdr_menu__top, #directory-header-menu.is-open .p-hdr_menu__top { top: 50%; -webkit-transform: translate(-50%, -50%) scale(1) rotate(45deg); 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, #directory-header-menu.is-open .p-hdr_menu__mdl { -webkit-transform: translate(-50%, 0) scale(2, 0) rotate(0deg); transform: translate(-50%, 0) scale(2, 0) rotate(0deg); } .p-hdr_menu__btm { top: calc(var(--header_menu_height) - var(--header_menu_border_width)); } #header-menu.is-open .p-hdr_menu__btm, #directory-header-menu.is-open .p-hdr_menu__btm { top: 50%; -webkit-transform: translate(-50%, -50%) scale(1) rotate(315deg); transform: translate(-50%, -50%) scale(1) rotate(315deg); } .p-hdr_nav { height: calc(100vh - var(--header_height_sp)); overflow: scroll; background-color: #fff; -webkit-transition-duration: var(--common_transition_duration); transition-duration: var(--common_transition_duration); -webkit-transform: translateX(-80vw); transform: translateX(-80vw); } #header-nav.is-open .p-hdr_nav, #directory-header-nav.is-open .p-hdr_nav { -webkit-transform: translateX(0); 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::before, .p-hdr_nav_global__link.-haschild::after { content: ""; display: block; background-color: var(--common_color_black); position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition-duration: var(--common_transition_duration); 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 { -webkit-transform: translateY(-50%) rotate(-360deg); 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 { -webkit-transform: translateY(-50%) rotate(-270deg); 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-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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-aac-sp { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .u-aafs-sp { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .u-aafe-sp { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .u-jcc-sp { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .u-jcfs-sp { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .u-jcfe-sp { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .u-jcsb-sp { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .u-fwwrap-sp { -ms-flex-wrap: wrap !important; 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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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; } }/* いじらない */ /* overwrite-v2 */ /* blog 全体 */ .c-richtext.-wp_migration { } @media screen and (max-width: 768px) { .c-richtext.-wp_migration .hide-mobile { display: none; } } @media screen and (min-width: 769px) { .c-richtext.-home_ai_learning .mcb-column-inner-c65240cdb { margin-top: 80px; } } /** kibit_case_study **/ .c-richtext.-kibit_case_study .single-photo-wrapper.image { display: none; } .c-richtext.-kibit_case_study .caseCatB { display: none; } .c-richtext.-kibit_case_study .section-post-comments { display: none; } .c-richtext.-kibit_case_study .blog_slider { display: none; } .c-richtext.-kibit_case_study .three-fourth.mcb-wrap { width: 100%; } .c-richtext.-kibit_case_study .member_box { background-color: #f1f1f1; padding: 10px 15px; line-height: 2em; margin-top: 0px; font-weight: bold; } @media screen and (min-width: 769px) { .c-richtext.-kibit_case_study.-wp_migration h2 { margin-top: 0px; border: unset; padding: 0; } } .c-richtext.-kibit_case_study .kibit_box { background-color: #005bac; padding: 24px; margin-top: 50px; } .c-richtext.-kibit_case_study .mcb-column-inner-7062427a1 { text-align: center; padding-top: 63px; } @media screen and (max-width: 768px) { .c-richtext.-kibit_case_study dl { margin: 0 0 30px; } .c-richtext.-kibit_case_study dl > dt:first-of-type, .c-richtext.-kibit_case_study dl > dd:first-of-type{padding-top:0;border-top-width:0} .c-richtext.-kibit_case_study dl > dt { display: block; float: left; width: 100px; font-weight: 700; border-width: 1px 0 0; border-style: solid; padding: 8px 0; margin: 0; border-color: rgba(0,0,0,.08); } .c-richtext.-kibit_case_study dl > dd { border-width: 1px 0 0; border-style: solid; padding: 8px 0; margin: 0; margin-left: 110px; border-color: rgba(0,0,0,.08); } } /** lifesience **/ .c-richtext.-ls_seminar.-decorated_h_tags_true h3::after { content: ""; display: block; position: absolute; width: 140px; height: 2px; background-color: #5fabc7; top: 100%; left: 0; } .c-richtext.-ls_seminar .two-fifth.column { /* width: 40%; */ } /** osint casestudy **/ .c-richtext.-wp_migration.-osint_case .laptop-two-third.mcb-wrap { width: 100%!important; } .c-richtext.-osint_case p { color: #626262; margin-top: 15px; } /** osint blog **/ .c-richtext.-wp_migration.-osint_blog .two-third.mcb-wrap { width: 100%; } .c-richtext.-osint_blog p { color: #626262; margin-top: 15px; } /** legalusa_resources **/ .-legalusa_resources { } .content_video.iframe.auto-wh { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .content_video.iframe.auto-wh iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-richtext.-wp_migration.-legalusa_resources .button-default .button, .c-richtext.-wp_migration.-legalusa_resources .button-flat .button, .c-richtext.-wp_migration.-legalusa_resources .button-round .button { background-color: #0095eb; color: #ffffff; border: none; border-radius: 5px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.03),inset 0px 4px 3px -2px rgba(0,0,0,.07); } .c-richtext.-wp_migration.-legalusa_resources .button-default .button::after, .c-richtext.-wp_migration.-legalusa_resources .button-default button::after, .c-richtext.-wp_migration.-legalusa_resources .button-default .action_button::after, .c-richtext.-wp_migration.-legalusa_resources .button-default .footer_button::after, .c-richtext.-wp_migration.-legalusa_resources .button-default input[type="submit"]::after, .c-richtext.-wp_migration.-legalusa_resources .button-default input[type="reset"]::after, .c-richtext.-wp_migration.-legalusa_resources .button-default input[type="button"]::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: rgba(0,0,0,.05); z-index: 1; transition: width .2s ease-in-out; } .c-richtext.-wp_migration.-legalusa_resources .button.button_size_4 { font-size: 120%; padding-top: 15px; padding-bottom: 15px; } /** fllp **/ .-fllp.c-richtext.-decorated_h_tags_true h2 { border-left: solid 6px #CA773B; color: #494949; position: relative; text-align: left; padding: 0.25em 0.5em; background: transparent; } .-fllp.c-richtext.-decorated_h_tags_true h3:after { background-color: #CA773B; } .-fllp .p-section__title:before { background-color: #CA773B; } .-fllp.c-richtext.-decorated_h_tags_true h2 { border-left: 6px solid #CA773B; } /** legalusa_resources **/ .-legalusa_resources hr { display: none; } .category-resources .column.one.single-photo-wrapper.image { display: none; } .-legalusa_resources h1.p-section__title { color: #707070; } .-legalusa_resources.c-richtext.-decorated_h_tags_true h3 { border-bottom: unset; } .-legalusa_resources.c-richtext.-decorated_h_tags_true h3:after { content: unset; } .-legalusa_resources .mcb-section .mcb-wrap .mcb-item-a1750095e .mcb-column-inner-a1750095e { padding-top: 30px; padding-bottom: 20px; border-style: solid; border-color: #262626; border-width: 1px 1px 1px 1px; } .-legalusa_resources .column_attr.align_center { text-align: center; } .-legalusa_resources .mcb-section .mcb-wrap-d1715c866 .mcb-wrap-inner-d1715c866 { justify-content: center; border-style: none; border-color: #353535; border-width: 1px 1px 1px 1px; } .-legalusa_resources .mcb-item-column-inner { width: 100%; word-break: break-word; } .-legalusa_resources.c-richtext.-decorated_h_tags_true .mcb-item-column-inner h3 { text-align: center; } .-legalusa_resources .mcb-wrap-inner.mcb-wrap-inner-d1715c866 { width: 100%; display: flex; } .-legalusa_resources.c-richtext.-wp_migration .button, .-legalusa_resources.c-richtext.-wp_migration .contact-btn, .-legalusa_resources.c-richtext.-wp_migration .more-btn { border: var(--btn_border_width_pc) solid #0095eb; border-radius: 3px; } .-legalusa_resources.c-richtext.-wp_migration .button, .-legalusa_resources.c-richtext.-wp_migration .contact-btn, .-legalusa_resources.c-richtext.-wp_migration .more-btn { background-color: #0095eb; } .-legalusa_resources.c-richtext.-wp_migration .button.is-current, .-legalusa_resources.c-richtext.-wp_migration .button:hover, .-legalusa_resources.c-richtext.-wp_migration .contact-btn.is-current, .-legalusa_resources.c-richtext.-wp_migration .contact-btn:hover, .-legalusa_resources.c-richtext.-wp_migration .more-btn.is-current, .-legalusa_resources.c-richtext.-wp_migration .more-btn:hover { border: var(--btn_border_width_pc) solid #0095eb; } .-legalusa_resources.c-richtext.-wp_migration .button.is-current, .-legalusa_resources.c-richtext.-wp_migration .button:hover, .-legalusa_resources.c-richtext.-wp_migration .contact-btn.is-current, .-legalusa_resources.c-richtext.-wp_migration .contact-btn:hover, .c-richtext.-wp_migration .more-btn.is-current, .-legalusa_resources.c-richtext.-wp_migration .more-btn:hover { color: #0095eb; } .-legalusa_resources.c-richtext p { color: #707070; } .-legalusa_resources table tr,.-legalusa_resources table th,.-legalusa_resources table td { border-color: rgba(0, 0, 0, .08); } .-legalusa_resources table {width:100%; box-sizing: border-box; margin-bottom: 15px; border-collapse: collapse; border-spacing: 0; border-radius: 5px; border-color: rgba(0, 0, 0, .08);} .-legalusa_resources table th,.-legalusa_resources table td{padding:10px;text-align:center;border-width:1px;border-style:solid; vertical-align:middle;} .-legalusa_resources table th {font-weight:700; background: #fff;} .-legalusa_resources table th.clear {border:0;background:none} .-legalusa_resources table tr:nth-child(2n) td {background:#fff} .-legalusa_resources table th { background: none;} .-legalusa_resources table tr:first-child td { background :none;} .-legalusa_resources table th ,.-legalusa_resources table td{border-width: 0 1px 1px 0;} .-legalusa_resources table tr td:last-child { border-right: 0;} .-legalusa_resources table tr th:last-child { border-right: 0;} .-legalusa_resources table tr:last-child td { border-bottom: 0;} .-legalusa_resources table tr:nth-child(2n) td { background: none;} .-legalusa_resources .column_column { display: flex; } .-legalusa_resources .mcb-section .mcb-wrap-d1715c866 .mcb-wrap-inner-d1715c866 { justify-content: center; border-style: none; border-color: #353535; border-width: 1px 1px 1px 1px; } .-legalusa_resources .mcb-section .mcb-wrap-d0508d3fb .mcb-wrap-inner-d0508d3fb { display: flex; } /** ls_usa **/ .-wp_migration .mcb-section .mcb-wrap .mcb-item-1d585987e .mcb-column-inner-1d585987e { padding-top: 3%; padding-right: 3%; padding-bottom: 3%; padding-left: 3%; border-style: solid; border-color: #3b559a; border-width: 1px 1px 1px 1px; } .-wp_migration .table_of_content .title { margin-bottom: 15px; } .-wp_migration .table_of_content .table_of_content_wrapper ol.mfn_toc_numbers li:not(.mfn_toc_nested)::before { margin-right: 10px; content: counters(mfnolnested, "."); } .-wp_migration .table_of_content .table_of_content_wrapper ol.mfn_toc_numbers li, .-wp_migration .table_of_content .table_of_content_wrapper ol.mfn_toc_custom_icon li { display: flex; align-items: flex-start; } .-wp_migration .table_of_content .table_of_content_wrapper ol li:not(.mfn_toc_nested) { counter-increment: mfnolnested; } .-ls_usa.c-richtext.-decorated_h_tags_true h2 { padding-left: unset; border-left: unset; } .fe-member_status.is-logged-in .not-logged-in {display: none;} body { --mfn-column-gap-top: 0; --mfn-column-gap-bottom: 40px; --mfn-column-gap-left: 12px; --mfn-column-gap-right: 12px; --mfn-article-box-decoration: #0089F7; --mfn-before-after-slider: #fff; --mfn-before-after-label: rgba(0,0,0,0.25); --mfn-before-after-label-color: #fff; --mfn-blog-slider-date-bg: #f8f8f8; --mfn-blog-date-bg: #f8f8f8; --mfn-contactbox-line: rgba(255,255,255,.2); --mfn-infobox-line: rgba(255,255,255,.2); --mfn-faq-line: rgba(0,0,0,.1); --mfn-clients-tiles: rgba(0,0,0,.08); --mfn-clients-tiles-hover: #0089F7; --mfn-offer-thumbs-nav: #0089F7; --mfn-timeline-date-bg: #f8f8f8; --mfn-sliding-box-bg: #0089F7; --mfn-tabs-border-width: 1px; --mfn-tabs-border-color: rgba(0,0,0,.08); --mfn-shape-divider: #000; --mfn-icon-box-icon: #0089F7; --mfn-popup-tmpl-offset: 30px; --mfn-exitbutton-font-size: 16px; --mfn-exitbutton-size: 30px; --mfn-exitbutton-item-size: 16px; --mfn-exitbutton-offset-horizontal: 0px; --mfn-wpml-arrow-size: 10px; --mfn-sidemenu-always-visible-offset: 400px; --mfn-button-font-family: inherit; --mfn-button-font-size: inherit; --mfn-button-font-weight: inherit; --mfn-button-font-style: inherit; --mfn-button-letter-spacing: inherit; --mfn-button-gap: 10px; --mfn-button-padding: 10px 20px; --mfn-button-border-width: 0px; --mfn-button-border-style: solid; --mfn-button-border-radius: 3px; --mfn-button-transition: 0.2s; --mfn-button-color: #626262; --mfn-button-color-hover: #626262; --mfn-button-icon-color: #626262; --mfn-button-icon-color-hover: #626262; --mfn-button-bg: #dbdddf; --mfn-button-bg-hover: #d3d3d3; --mfn-button-border-color: transparent; --mfn-button-border-color-hover: transparent; --mfn-button-box-shadow: unset; --mfn-button-theme-color: #fff; --mfn-button-theme-color-hover: #fff; --mfn-button-theme-icon-color: #0095eb; --mfn-button-theme-icon-color-hover: #007cc3; --mfn-button-theme-bg: #0095eb; --mfn-button-theme-bg-hover: #007cc3; --mfn-button-theme-border-color: transparent; --mfn-button-theme-border-color-hover: transparent; --mfn-button-theme-box-shadow: unset; --mfn-button-shop-color: #fff; --mfn-button-shop-color-hover: #fff; --mfn-button-shop-icon-color: #0095eb; --mfn-button-shop-icon-color-hover: #007cc3; --mfn-button-shop-bg: #161922; --mfn-button-shop-bg-hover: #030304; --mfn-button-shop-border-color: transparent; --mfn-button-shop-border-color-hover: transparent; --mfn-button-shop-box-shadow: unset; --mfn-button-action-color: #626262; --mfn-button-action-color-hover: #626262; --mfn-button-action-bg: #dbdddf; --mfn-button-action-bg-hover: #d3d3d3; --mfn-button-action-border-color: transparent; --mfn-button-action-border-color-hover: transparent; --mfn-button-action-box-shadow: unset; } .c-richtext.-wp_migration { /* Sizes */ /* .mcb-wrap */ /* 1/6 */ /* 1/5 */ /* 1/4 */ /* 1/3 */ /* 2/5 */ /* 1/2 */ /* 3/5 */ /* 2/3 */ /* 3/4 */ /* 4/5 */ /* 5/6 */ /* 1/1 */ /* .column */ /* 1/6 */ /* 1/5 */ /* 1/4 */ /* 1/3 */ /* 2/5 */ /* 1/2 */ /* 3/5 */ /* 2/3 */ /* 3/4 */ /* 4/5 */ /* 5/6 */ /* 1/1 */ /* Column */ /* Column | Margin - Horizontal */ /* Column | Margin - Bottom */ /* set in section options */ /* set in item options */ /* Column | Equal Height */ /* Column | Align */ /* Extra Content */ /* Clearing */ /* Global */ /* HB2: when wrap is move up its below slider */ /* HB2: slider overlapping header submenu */ /* Section */ /* Section | Highlight */ } .c-richtext.-wp_migration .mcb-wrap { float: left; position: relative; z-index: 1; box-sizing: border-box; } .c-richtext.-wp_migration .mcb-wrap.divider { width: 100%; height: 0 !important; } .c-richtext.-wp_migration .mcb-wrap.move-up { z-index: 28; } .c-richtext.-wp_migration .column, .c-richtext.-wp_migration .columns { float: left; margin: 0; } .c-richtext.-wp_migration .one-sixth.mcb-wrap { width: 16.666%; } .c-richtext.-wp_migration .one-fifth.mcb-wrap { width: 20%; } .c-richtext.-wp_migration .one-fourth.mcb-wrap { width: 25%; } .c-richtext.-wp_migration .one-third.mcb-wrap { width: 33.333%; } .c-richtext.-wp_migration .two-fifth.mcb-wrap { width: 40%; } .c-richtext.-wp_migration .one-second.mcb-wrap { width: 50%; } .c-richtext.-wp_migration .three-fifth.mcb-wrap { width: 60%; } .c-richtext.-wp_migration .two-third.mcb-wrap { width: 66.666%; } .c-richtext.-wp_migration .three-fourth.mcb-wrap { width: 75%; } .c-richtext.-wp_migration .four-fifth.mcb-wrap { width: 80%; } .c-richtext.-wp_migration .five-sixth.mcb-wrap { width: 83.333%; } .c-richtext.-wp_migration .one.mcb-wrap { width: 100%; } .c-richtext.-wp_migration .one-sixth.column { width: 16.666%; } .c-richtext.-wp_migration .one-fifth.column { width: 20%; } .c-richtext.-wp_migration .one-fourth.column, .c-richtext.-wp_migration .four.columns { width: 25%; } .c-richtext.-wp_migration .one-third.column { width: 33.333%; } .c-richtext.-wp_migration .two-fifth.column { width: 40%; } .c-richtext.-wp_migration .one-second.column { width: 50%; } .c-richtext.-wp_migration .three-fifth.column { width: 60%; } .c-richtext.-wp_migration .two-third.column { width: 66.666%; } .c-richtext.-wp_migration .three-fourth.column { width: 75%; } .c-richtext.-wp_migration .four-fifth.column { width: 80%; } .c-richtext.-wp_migration .five-sixth.column { width: 83.333%; } .c-richtext.-wp_migration .one.column { width: 100%; } .c-richtext.-wp_migration .mcb-column { position: relative; } .c-richtext.-wp_migration .mcb-column-inner { position: relative; margin-top: var(--mfn-column-gap-top); margin-bottom: var(--mfn-column-gap-bottom); margin-left: var(--mfn-column-gap-left); margin-right: var(--mfn-column-gap-right); } .c-richtext.-wp_migration .mcb-column-absolute .mcb-column-inner { width: 100%; z-index: 1; margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; } .c-richtext.-wp_migration .column_trailer_box .mcb-column-inner { overflow: hidden; } .c-richtext.-wp_migration .mfn-column-absolute .mcb-column-inner { margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; } .c-richtext.-wp_migration .mfn-item-inline.column { width: auto !important; flex: 0 0 auto !important; max-width: 100%; } .c-richtext.-wp_migration .mcb-column.column_spacer .mcb-column-inner { margin-bottom: 0; } .c-richtext.-wp_migration .no-margin-h .column .mcb-column-inner { margin-left: 0; margin-right: 0; } .c-richtext.-wp_migration .column.column_divider .mcb-item-divider-inner { margin-bottom: 0 !important; height: auto !important; } .c-richtext.-wp_migration .column-margin-0px .mcb-column-inner { margin-bottom: 0 !important; } .c-richtext.-wp_migration .column-margin-10px .mcb-column-inner { margin-bottom: 10px !important; } .c-richtext.-wp_migration .column-margin-20px .mcb-column-inner { margin-bottom: 20px !important; } .c-richtext.-wp_migration .column-margin-30px .mcb-column-inner { margin-bottom: 30px !important; } .c-richtext.-wp_migration .column-margin-40px .mcb-column-inner { margin-bottom: 40px !important; } .c-richtext.-wp_migration .column-margin-50px .mcb-column-inner { margin-bottom: 50px !important; } .c-richtext.-wp_migration .column-margin-0px.mcb-column-inner { margin-bottom: 0 !important; } .c-richtext.-wp_migration .column-margin-10px.mcb-column-inner { margin-bottom: 10px !important; } .c-richtext.-wp_migration .column-margin-20px.mcb-column-inner { margin-bottom: 20px !important; } .c-richtext.-wp_migration .column-margin-30px.mcb-column-inner { margin-bottom: 30px !important; } .c-richtext.-wp_migration .column-margin-40px.mcb-column-inner { margin-bottom: 40px !important; } .c-richtext.-wp_migration .column-margin-50px.mcb-column-inner { margin-bottom: 50px !important; } .c-richtext.-wp_migration .equal-height .column .column_attr { height: 100%; box-sizing: border-box; } .c-richtext.-wp_migration .column_attr.align_left { text-align: left; } .c-richtext.-wp_migration .column_attr.align_right { text-align: right; } .c-richtext.-wp_migration .column_attr.align_center { text-align: center; } .c-richtext.-wp_migration .column_attr.align_justify { text-align: justify; } .c-richtext.-wp_migration .extra_content .the_content_wrapper { margin: 0 1%; } .c-richtext.-wp_migration .extra_content .has_content .the_content_wrapper, .c-richtext.-wp_migration .extra_content .category_description .the_content_wrapper { margin-bottom: 40px; } .c-richtext.-wp_migration .the_content_wrapper.is-elementor { margin-bottom: 0 !important; } .c-richtext.-wp_migration .container:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .c-richtext.-wp_migration .clearfix:before, .c-richtext.-wp_migration .clearfix:after { content: " "; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .c-richtext.-wp_migration .clearfix:after { clear: both; } .c-richtext.-wp_migration .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .c-richtext.-wp_migration .mfn-main-slider { position: relative; z-index: 0; } .c-richtext.-wp_migration .rev_slider iframe { max-width: 1220px; } .c-richtext.-wp_migration .rev_slider ul { margin: 0 !important; } .c-richtext.-wp_migration .tp-static-layers { z-index: 200; } .c-richtext.-wp_migration .mfn-layer-slider { position: relative; z-index: 1; } .c-richtext.-wp_migration .mfn-layer-slider .ls-yourlogo { z-index: 1; } .c-richtext.-wp_migration .section[data-parallax="3d"] { overflow: hidden; } .c-richtext.-wp_migration .section .mfn-parallax { position: absolute; left: 0; top: 0; max-width: none !important; transition: opacity 0.2s; } .c-richtext.-wp_migration .wrap[data-parallax="3d"] { overflow: hidden; position: relative; } .c-richtext.-wp_migration .wrap[data-parallax="3d"] > .mcb-wrap-inner, .c-richtext.-wp_migration .wrap[data-parallax="3d"] > .column { position: relative; } .c-richtext.-wp_migration .wrap[data-parallax="3d"] > .mcb-wrap-inner { background: unset !important; } .c-richtext.-wp_migration .section > .mcb-background-overlay { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; } .c-richtext.-wp_migration .wrap > .mcb-wrap-inner > .mcb-wrap-background-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: inherit; } .c-richtext.-wp_migration .section.center { text-align: center; } .c-richtext.-wp_migration .section.no-margin .column .mcb-column-inner, .c-richtext.-wp_migration .section.no-margin-v .column .mcb-column-inner { margin-bottom: 0; } .c-richtext.-wp_migration .the_content_wrapper pre { margin-bottom: 20px; } .c-richtext.-wp_migration .highlight-left, .c-richtext.-wp_migration .highlight-right { position: relative; } .c-richtext.-wp_migration .highlight-left:after, .c-richtext.-wp_migration .highlight-right:after { content: ""; position: absolute; width: 50%; height: 100%; top: 0; z-index: 1; } .c-richtext.-wp_migration .highlight-left:after { left: 0; } .c-richtext.-wp_migration .highlight-right:after { right: 0; } .c-richtext.-wp_migration .highlight-left .section_wrapper, .c-richtext.-wp_migration .highlight-right .section_wrapper { z-index: 2; } @media only screen and (min-width: 1441px) { .c-richtext.-wp_migration .hide-desktop { display: none !important; } .c-richtext.-wp_migration .arrows-hide-desktop .mfn-swiper-arrow { display: none !important; } .c-richtext.-wp_migration .arrows-hide-desktop.mfn-arrows-standard .swiper { margin: 0 auto; flex: 0 0 100%; } .c-richtext.-wp_migration .dots-hide-desktop .swiper-pagination { display: none !important; } .c-richtext.-wp_migration .sticky-desktop { position: sticky; z-index: 2; top: var(--sticky-offset-desktop, 0); } } @media only screen and (min-width: 960px) and (max-width: 1440px) { .c-richtext.-wp_migration { /* .mcb-wrap */ /* 1/6 */ /* 1/5 */ /* 1/4 */ /* 1/3 */ /* 2/5 */ /* 1/2 */ /* 3/5 */ /* 2/3 */ /* 3/4 */ /* 4/5 */ /* 5/6 */ /* 1/1 */ /* .column */ /* 1/6 */ /* 1/5 */ /* 1/4 */ /* 1/3 */ /* 2/5 */ /* 1/2 */ /* 3/5 */ /* 2/3 */ /* 3/4 */ /* 4/5 */ /* 5/6 */ /* 1/1 */ } .c-richtext.-wp_migration .hide-laptop { display: none !important; } .c-richtext.-wp_migration .arrows-hide-laptop .mfn-swiper-arrow { display: none !important; } .c-richtext.-wp_migration .arrows-hide-laptop.mfn-arrows-standard .swiper { margin: 0 auto; flex: 0 0 100%; } .c-richtext.-wp_migration .dots-hide-laptop .swiper-pagination { display: none !important; } .c-richtext.-wp_migration .sticky-laptop { position: sticky; z-index: 2; top: var(--sticky-offset-laptop, 0); } .c-richtext.-wp_migration .laptop-one-sixth.mcb-wrap { width: 16.666%; } .c-richtext.-wp_migration .laptop-one-fifth.mcb-wrap { width: 20%; } .c-richtext.-wp_migration .laptop-one-fourth.mcb-wrap { width: 25%; } .c-richtext.-wp_migration .laptop-one-third.mcb-wrap { width: 33.333%; } .c-richtext.-wp_migration .laptop-two-fifth.mcb-wrap { width: 40%; } .c-richtext.-wp_migration .laptop-one-second.mcb-wrap { width: 50%; } .c-richtext.-wp_migration .laptop-three-fifth.mcb-wrap { width: 60%; } .c-richtext.-wp_migration .laptop-two-third.mcb-wrap { width: 66.666%; } .c-richtext.-wp_migration .laptop-three-fourth.mcb-wrap { width: 75%; } .c-richtext.-wp_migration .laptop-four-fifth.mcb-wrap { width: 80%; } .c-richtext.-wp_migration .laptop-five-sixth.mcb-wrap { width: 83.333%; } .c-richtext.-wp_migration .laptop-one.mcb-wrap { width: 100%; } .c-richtext.-wp_migration .laptop-one-sixth.column { width: 16.666%; } .c-richtext.-wp_migration .laptop-one-fifth.column { width: 20%; } .c-richtext.-wp_migration .laptop-one-fourth.column, .c-richtext.-wp_migration .laptop-four.columns { width: 25%; } .c-richtext.-wp_migration .laptop-one-third.column { width: 33.333%; } .c-richtext.-wp_migration .laptop-two-fifth.column { width: 40%; } .c-richtext.-wp_migration .laptop-one-second.column { width: 50%; } .c-richtext.-wp_migration .laptop-three-fifth.column { width: 60%; } .c-richtext.-wp_migration .laptop-two-third.column { width: 66.666%; } .c-richtext.-wp_migration .laptop-three-fourth.column { width: 75%; } .c-richtext.-wp_migration .laptop-four-fifth.column { width: 80%; } .c-richtext.-wp_migration .laptop-five-sixth.column { width: 83.333%; } .c-richtext.-wp_migration .laptop-one.column { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .c-richtext.-wp_migration { /* -------------------- */ /* .mcb-wrap */ /* 1/6 */ /* 1/5 */ /* 1/4 */ /* 1/3 */ /* 2/5 */ /* 1/2 */ /* 3/5 */ /* 2/3 */ /* 3/4 */ /* 4/5 */ /* 5/6 */ /* 1/1 */ /* .column */ /* 1/6 */ /* 1/5 */ /* 1/4 */ /* 1/3 */ /* 2/5 */ /* 1/2 */ /* 3/5 */ /* 2/3 */ /* 3/4 */ /* 4/5 */ /* 5/6 */ /* 1/1 */ /* -------------------- */ } .c-richtext.-wp_migration .section_wrapper, .c-richtext.-wp_migration .container, .c-richtext.-wp_migration .with_aside .content_wrapper { max-width: 708px; } .c-richtext.-wp_migration .mcb-wrap[data-tablet~=no-up] { margin-top: 0 !important; } .c-richtext.-wp_migration .no-sec-padding .mcb-section .section_wrapper { padding-left: 0 !important; padding-right: 0 !important; } .c-richtext.-wp_migration .sticky-tablet { position: sticky; z-index: 2; top: var(--sticky-offset-tablet, 0); } .c-richtext.-wp_migration .tablet-one-sixth.mcb-wrap { width: 16.666%; } .c-richtext.-wp_migration .tablet-one-fifth.mcb-wrap { width: 20%; } .c-richtext.-wp_migration .tablet-one-fourth.mcb-wrap { width: 25%; } .c-richtext.-wp_migration .tablet-one-third.mcb-wrap { width: 33.333%; } .c-richtext.-wp_migration .tablet-two-fifth.mcb-wrap { width: 40%; } .c-richtext.-wp_migration .tablet-one-second.mcb-wrap { width: 50%; } .c-richtext.-wp_migration .tablet-three-fifth.mcb-wrap { width: 60%; } .c-richtext.-wp_migration .tablet-two-third.mcb-wrap { width: 66.666%; } .c-richtext.-wp_migration .tablet-three-fourth.mcb-wrap { width: 75%; } .c-richtext.-wp_migration .tablet-four-fifth.mcb-wrap { width: 80%; } .c-richtext.-wp_migration .tablet-five-sixth.mcb-wrap { width: 83.333%; } .c-richtext.-wp_migration .tablet-one.mcb-wrap { width: 100%; } .c-richtext.-wp_migration .tablet-one-sixth.column { width: 16.666%; } .c-richtext.-wp_migration .tablet-one-fifth.column { width: 20%; } .c-richtext.-wp_migration .tablet-one-fourth.column, .c-richtext.-wp_migration .tablet-four.columns { width: 25%; } .c-richtext.-wp_migration .tablet-one-third.column { width: 33.333%; } .c-richtext.-wp_migration .tablet-two-fifth.column { width: 40%; } .c-richtext.-wp_migration .tablet-one-second.column { width: 50%; } .c-richtext.-wp_migration .tablet-three-fifth.column { width: 60%; } .c-richtext.-wp_migration .tablet-two-third.column { width: 66.666%; } .c-richtext.-wp_migration .tablet-three-fourth.column { width: 75%; } .c-richtext.-wp_migration .tablet-four-fifth.column { width: 80%; } .c-richtext.-wp_migration .tablet-five-sixth.column { width: 83.333%; } .c-richtext.-wp_migration .tablet-one.column { width: 100%; } .c-richtext.-wp_migration .hide-tablet { display: none !important; } .c-richtext.-wp_migration .arrows-hide-tablet .mfn-swiper-arrow { display: none !important; } .c-richtext.-wp_migration .arrows-hide-tablet.mfn-arrows-standard .swiper { margin: 0 auto; flex: 0 0 100%; } .c-richtext.-wp_migration .dots-hide-tablet .swiper-pagination { display: none !important; } .c-richtext.-wp_migration #Top_bar .hide-total-tablet .header-cart-total { display: none !important; } } @media only screen and (max-width: 767px) { .c-richtext.-wp_migration { /* -------------------- */ /* .mcb-wrap */ /* 1/6 */ /* 1/5 */ /* 1/4 */ /* 1/3 */ /* 2/5 */ /* 1/2 */ /* 3/5 */ /* 2/3 */ /* 3/4 */ /* 4/5 */ /* 5/6 */ /* 1/1 */ /* .column */ /* 1/6 */ /* 1/5 */ /* 1/4 */ /* 1/3 */ /* 2/5 */ /* 1/2 */ /* 3/5 */ /* 2/3 */ /* 3/4 */ /* 4/5 */ /* 5/6 */ /* 1/1 */ /* -------------------- */ /* Column | Align */ /* Sections */ /*.section_wrapper .column.hide-mobile{height:0!important}*/ } .c-richtext.-wp_migration .mobile-one-sixth.mcb-wrap { width: 16.666%; } .c-richtext.-wp_migration .mobile-one-fifth.mcb-wrap { width: 20%; } .c-richtext.-wp_migration .mobile-one-fourth.mcb-wrap { width: 25%; } .c-richtext.-wp_migration .mobile-one-third.mcb-wrap { width: 33.333%; } .c-richtext.-wp_migration .mobile-two-fifth.mcb-wrap { width: 40%; } .c-richtext.-wp_migration .mobile-one-second.mcb-wrap { width: 50%; } .c-richtext.-wp_migration .mobile-three-fifth.mcb-wrap { width: 60%; } .c-richtext.-wp_migration .mobile-two-third.mcb-wrap { width: 66.666%; } .c-richtext.-wp_migration .mobile-three-fourth.mcb-wrap { width: 75%; } .c-richtext.-wp_migration .mobile-four-fifth.mcb-wrap { width: 80%; } .c-richtext.-wp_migration .mobile-five-sixth.mcb-wrap { width: 83.333%; } .c-richtext.-wp_migration .mobile-one.mcb-wrap { width: 100%; } .c-richtext.-wp_migration .mobile-one-sixth.column { width: 16.666%; } .c-richtext.-wp_migration .mobile-one-fifth.column { width: 20%; } .c-richtext.-wp_migration .mobile-one-fourth.column, .c-richtext.-wp_migration .mobile-four.columns { width: 25%; } .c-richtext.-wp_migration .mobile-one-third.column { width: 33.333%; } .c-richtext.-wp_migration .mobile-two-fifth.column { width: 40%; } .c-richtext.-wp_migration .mobile-one-second.column { width: 50%; } .c-richtext.-wp_migration .mobile-three-fifth.column { width: 60%; } .c-richtext.-wp_migration .mobile-two-third.column { width: 66.666%; } .c-richtext.-wp_migration .mobile-three-fourth.column { width: 75%; } .c-richtext.-wp_migration .mobile-four-fifth.column { width: 80%; } .c-richtext.-wp_migration .mobile-five-sixth.column { width: 83.333%; } .c-richtext.-wp_migration .mobile-one.column { width: 100%; } .c-richtext.-wp_migration .column_attr.mobile_align_left { text-align: left; } .c-richtext.-wp_migration .column_attr.mobile_align_right { text-align: right; } .c-richtext.-wp_migration .column_attr.mobile_align_center { text-align: center; } .c-richtext.-wp_migration .column_attr.mobile_align_justify { text-align: justify; } .c-richtext.-wp_migration .boxed2fw { padding: 0 !important; } .c-richtext.-wp_migration .boxed2fw #Wrapper { margin: 0 !important; max-width: 100% !important; width: 100% !important; } .c-richtext.-wp_migration .column_placeholder > .placeholder { height: 0; } .c-richtext.-wp_migration .highlight-left .section_wrapper, .c-richtext.-wp_migration .highlight-right .section_wrapper { max-width: 100% !important; padding: 0 !important; } .c-richtext.-wp_migration .highlight-left .section_wrapper .wrap, .c-richtext.-wp_migration .highlight-right .section_wrapper .wrap { padding: 0 33px; } .c-richtext.-wp_migration .highlight-left.full-screen > .section_wrapper, .c-richtext.-wp_migration .highlight-right.full-screen > .section_wrapper { padding: 0 !important; } .c-richtext.-wp_migration .equal-height-wrap .mcb-wrap { height: auto !important; } .c-richtext.-wp_migration .equal-height-wrap .mcb-wrap .mcb-wrap-inner { top: 0 !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .c-richtext.-wp_migration .section.has-navi .section-nav.prev { top: 10px; } .c-richtext.-wp_migration .section.has-navi .section-nav.next { bottom: 10px; } .c-richtext.-wp_migration .hide-mobile { display: none !important; } .c-richtext.-wp_migration .arrows-hide-mobile .mfn-swiper-arrow { display: none !important; } .c-richtext.-wp_migration .arrows-hide-mobile.mfn-arrows-standard .swiper { margin: 0 auto; flex: 0 0 100%; } .c-richtext.-wp_migration .dots-hide-mobile .swiper-pagination { display: none !important; } .c-richtext.-wp_migration #Top_bar .hide-total-mobile .header-cart-total { display: none !important; } } .p-card__head, .c-richtext.-blog_post .p-card__head { background-color: transparent; transition-duration: var(--common_transition_duration); } @media screen and (min-width: 769px ) { .p-card__link:hover .p-card__head, .p-card__link:hover .c-richtext.-blog_post .p-card__head { background-color: #000; } } @media screen and (min-width: 769px ) { .p-card__link:hover .p-card__head, .c-richtext.-blog_post .p-card__link:hover .p-card__head { background-color: #000; } } .p-card__text, .c-richtext.-blog_post .p-card__text { font-weight: 500; } .p-section__title, .c-richtext.-blog_post .p-section__title { text-align: left; padding-top: calc(24px + var(--section_title_decoration_height)); } .c-richtext.-blog_post .p-section__title, .c-richtext.-blog_post .c-richtext.-blog_post .p-section__title { padding-top: 0; } .p-section__title::before, .c-richtext.-blog_post .p-section__title::before { bottom: inherit; left: 0; transform: none; top: 0; } .c-richtext.-blog_post .p-section__title::before, .c-richtext.-blog_post .c-richtext.-blog_post .p-section__title::before { display: none; } .p-section__title::after, .c-richtext.-blog_post .p-section__title::after { display: none; } .c-richtext.-blog_post .p-section__title::after, .c-richtext.-blog_post .c-richtext.-blog_post .p-section__title::after { display: none; } .p-section__title.-decoration_no, .c-richtext.-blog_post .p-section__title.-decoration_no { padding-top: 0; } .p-section__title.-decoration_no::before, .c-richtext.-blog_post .p-section__title.-decoration_no::before { display: none; } .p-section.body_hide .p-section__body, .c-richtext.-blog_post .p-section.body_hide .p-section__body { display: none; } @media screen and (min-width: 769px ) { .p-section__contents.-board, .c-richtext.-blog_post .p-section__contents.-board { padding: 60px 80px; } } @media screen and (max-width: 768px ) { .c-richtext .p-section__contents.-board, .c-richtext .c-richtext.-blog_post .p-section__contents.-board { margin: 0; } } @media screen and (max-width: 768px ) { .p-section__body, .c-richtext.-blog_post .p-section__body { margin-top: var(--section_body_margin_top_sp); } } @media screen and (min-width: 769px ) { .p-section__body, .c-richtext.-blog_post .p-section__body { margin-top: var(--section_body_margin_top_pc); } } @media screen and (max-width: 768px ) { .p-section__body:first-child, .c-richtext.-blog_post .p-section__body:first-child { margin-top: 0; } } @media screen and (min-width: 769px ) { .p-section__body:first-child, .c-richtext.-blog_post .p-section__body:first-child { margin-top: 0; } } @media screen and (max-width: 768px ) { .c-richtext.-blog_post .p-section__body, .c-richtext.-blog_post .c-richtext.-blog_post .p-section__body { margin-top: var(--section_body_margin_top_sp); } } @media screen and (min-width: 769px ) { .c-richtext.-blog_post .p-section__body, .c-richtext.-blog_post .c-richtext.-blog_post .p-section__body { margin-top: var(--section_body_margin_top_pc); } } @media screen and (max-width: 768px ) { .c-richtext.-blog_post .p-section__body:first-child, .c-richtext.-blog_post .c-richtext.-blog_post .p-section__body:first-child { margin-top: 0; } } @media screen and (min-width: 769px ) { .c-richtext.-blog_post .p-section__body:first-child, .c-richtext.-blog_post .c-richtext.-blog_post .p-section__body:first-child { margin-top: 0; } } .c-richtext::after { content: ""; display: block; clear: both; } .c-richtext img { max-width: 100%; } .c-richtext .jstream { position: relative; padding-bottom: 56.25%; } .c-richtext .jstream iframe { max-width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 768px ) { .c-richtext.-blog_post .l-inner-default-sp { padding: 0; } } @media screen and (min-width: 769px ) { .c-richtext.-blog_post .l-inner-default-sp { padding: 0; } } .c-richtext .c-btn { color: #fff; text-decoration: none; } .c-richtext .c-btn.-v1 { color: #fff; } @media screen and (min-width: 769px ) { .c-richtext .c-btn.-v1:hover { color: var(--common_color_primary); } } @media screen and (min-width: 769px ) { .c-richtext .c-btn:hover { color: var(--common_color_primary); } } @media screen and (min-width: 769px ) { .c-richtext .c-btn.-v2:hover { color: var(--common_color_secondary); } } @media screen and (min-width: 769px ) { .c-richtext .c-btn.-v3:hover { color: var(--common_color_black); } } .c-richtext.-membership .no-list { list-style: none; margin: 0; padding-left: 0; } .c-richtext.-membership div { position: relative; } .c-richtext.-membership form .hs-form-field { position: relative; margin-top: 30px; } .c-richtext.-membership form .hs-form-field:first-of-type { margin-top: 0px; } .c-richtext.-membership .hs-login-widget-show-password, .c-richtext.-membership .hs-register-widget-show-password, .c-richtext.-membership .hs-reset-widget-show-password { position: absolute; top: 0; right: 0; } .c-richtext.-membership .hs-login-widget-email-label, .c-richtext.-membership .hs-login-widget-password-label, .c-richtext.-membership label[for=hs-register-widget-email], .c-richtext.-membership label[for=hs-register-widget-password], .c-richtext.-membership label[for=hs-register-widget-password-confirm], .c-richtext.-membership label[for=hs-reset-widget-password], .c-richtext.-membership label[for=hs-reset-widget-password-confirm] { display: block; } .c-richtext.-membership .hs-input[type=text], .c-richtext.-membership .hs-input[type=password], .c-richtext.-membership .hs-input[type=email] { width: 100%; height: 42px; padding: 0px 10px; flex: 0 0 100%; margin-top: 10px; } .c-richtext.-membership .hs-input[type=checkbox] { margin-right: 5px; } .c-richtext.-membership .hs-submit { display: flex; justify-content: center; } @media screen and (max-width: 768px ) { .c-richtext.-membership .hs-submit { margin-top: 30px; } } @media screen and (min-width: 769px ) { .c-richtext.-membership .hs-submit { margin-top: 30px; } } .c-richtext.-membership input[type=submit], .c-richtext.-membership .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; transition-duration: var(--common_transition_duration); cursor: pointer; } @media screen and (max-width: 768px ) { .c-richtext.-membership input[type=submit], .c-richtext.-membership .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; } } @media screen and (min-width: 769px ) { .c-richtext.-membership input[type=submit], .c-richtext.-membership .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-richtext.-membership input[type=submit] .icon, .c-richtext.-membership .c-btn .icon { flex: 0 0 16px; margin-left: 12px; } .c-richtext.-membership input[type=submit] svg, .c-richtext.-membership input[type=submit] img, .c-richtext.-membership .c-btn svg, .c-richtext.-membership .c-btn img { vertical-align: baseline; } .c-richtext.-membership input[type=submit] path, .c-richtext.-membership .c-btn path { fill: var(--btn_font_color); transition-duration: var(--common_transition_duration); } .c-richtext.-membership input[type=submit]:hover, .c-richtext.-membership input[type=submit].is-current, .c-richtext.-membership .c-btn:hover, .c-richtext.-membership .c-btn.is-current { text-decoration: none; background-color: var(--btn_bg_color_hover); color: var(--btn_font_color_hover); } @media screen and (max-width: 768px ) { .c-richtext.-membership input[type=submit]:hover, .c-richtext.-membership input[type=submit].is-current, .c-richtext.-membership .c-btn:hover, .c-richtext.-membership .c-btn.is-current { border: var(--btn_border_width_sp) solid var(--btn_border_color_hover); } } @media screen and (min-width: 769px ) { .c-richtext.-membership input[type=submit]:hover, .c-richtext.-membership input[type=submit].is-current, .c-richtext.-membership .c-btn:hover, .c-richtext.-membership .c-btn.is-current { border: var(--btn_border_width_pc) solid var(--btn_border_color_hover); } } .c-richtext.-membership input[type=submit]:hover path, .c-richtext.-membership input[type=submit].is-current path, .c-richtext.-membership .c-btn:hover path, .c-richtext.-membership .c-btn.is-current path { fill: var(--btn_font_color_hover); } .c-richtext.-membership #hs_login_reset { position: absolute; right: 0; } @media screen and (max-width: 768px ) { .c-richtext.-membership #hs_login_reset { bottom: calc(100% + var(--richtext_p_margin_top_sp)); } } @media screen and (min-width: 769px ) { .c-richtext.-membership #hs_login_reset { bottom: calc(100% + var(--richtext_p_margin_top_pc)); } } .c-richtext.-membership .form-separator { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 40px 0; } .c-richtext.-membership .form-separator::before, .c-richtext.-membership .form-separator::after { content: ""; display: block; height: 1px; background-color: var(--common_color_line); flex: 1 0 auto; } .c-richtext.-membership #hs-login-self-registration-link { margin-top: 80px; } @media screen and (min-width: 769px ) { .c-richtext.-membership #hs-login-self-registration-link { text-align: center; } } .c-richtext.-membership #hs-login-self-registration-link a { display: block; } .c-richtext.-membership p { margin-bottom: 20px; } @media screen and (max-width: 768px ) { .c-richtext.-membership p { font-size: var(--common_paragraph_small_font_size_sp); } } @media screen and (min-width: 769px ) { .c-richtext.-membership p { font-size: var(--common_paragraph_small_font_size_pc); } } @media screen and (max-width: 768px ) { .c-richtext.-membership #hs-membership-password-requirements { margin-top: var(--richtext_p_margin_top_sp); } } @media screen and (min-width: 769px ) { .c-richtext.-membership #hs-membership-password-requirements { margin-top: var(--richtext_p_margin_top_pc); } } .c-richtext.-decorated_h_tags_true h2 { position: relative; padding-left: 12px; border-left: 6px solid var(--common_color_primary); color: var(--common_color_black); text-align: left; } .c-richtext.-decorated_h_tags_true h3 { padding-bottom: 8px; border-bottom: 2px solid #E0E0E0; position: relative; text-align: left; } .c-richtext.-decorated_h_tags_true h3::after { content: ""; display: block; position: absolute; width: 140px; height: 2px; background-color: var(--common_color_primary); top: 100%; left: 0; } .c-richtext.-decorated_h_tags_false h2, .-fllp .c-richtext.-decorated_h_tags_false h2, .-kibit .c-richtext.-decorated_h_tags_false h2, .-legal .c-richtext.-decorated_h_tags_false h2, .-ir .c-richtext.-decorated_h_tags_false h2, .-home .c-richtext.-decorated_h_tags_false h2, .-korea .c-richtext.-decorated_h_tags_false h2, .-legal-usa .c-richtext.-decorated_h_tags_false h2, .-ls-usa .c-richtext.-decorated_h_tags_false h2, .-osint .c-richtext.-decorated_h_tags_false h2, .-recruit .c-richtext.-decorated_h_tags_false h2, .-corp .c-richtext.-decorated_h_tags_false h2 { position: relative; padding-left: 0; border-left: none; color: var(--common_color_black); } .c-richtext.-decorated_h_tags_false h3, .-fllp .c-richtext.-decorated_h_tags_false h3, .-kibit .c-richtext.-decorated_h_tags_false h3, .-legal .c-richtext.-decorated_h_tags_false h3, .-ir .c-richtext.-decorated_h_tags_false h3, .-home .c-richtext.-decorated_h_tags_false h3, .-korea .c-richtext.-decorated_h_tags_false h3, .-legal-usa .c-richtext.-decorated_h_tags_false h3, .-ls-usa .c-richtext.-decorated_h_tags_false h3, .-osint .c-richtext.-decorated_h_tags_false h3, .-recruit .c-richtext.-decorated_h_tags_false h3, .-corp .c-richtext.-decorated_h_tags_false h3 { padding-bottom: 0; border-bottom: none; position: relative; } .c-richtext.-decorated_h_tags_false h3::after, .-fllp .c-richtext.-decorated_h_tags_false h3::after, .-kibit .c-richtext.-decorated_h_tags_false h3::after, .-legal .c-richtext.-decorated_h_tags_false h3::after, .-ir .c-richtext.-decorated_h_tags_false h3::after, .-home .c-richtext.-decorated_h_tags_false h3::after, .-korea .c-richtext.-decorated_h_tags_false h3::after, .-legal-usa .c-richtext.-decorated_h_tags_false h3::after, .-ls-usa .c-richtext.-decorated_h_tags_false h3::after, .-osint .c-richtext.-decorated_h_tags_false h3::after, .-recruit .c-richtext.-decorated_h_tags_false h3::after, .-corp .c-richtext.-decorated_h_tags_false h3::after { display: none; } .p-section.richtext_decoration_none .c-richtext h2 { position: relative; padding-left: 0; border: none; color: var(--common_color_black); } .p-section.richtext_decoration_none .c-richtext h3 { padding-bottom: 0; border: none; position: relative; } .p-section.richtext_decoration_none .c-richtext h3::after { display: none; } .c-richtext.-wp_migration::after { content: ""; display: block; clear: both; } .c-richtext.-wp_migration .post-meta { display: none; } .c-richtext.-wp_migration .breadcrumbs { display: none; } .c-richtext.-wp_migration h1 { display: none; } @media screen and (max-width: 768px ) { .c-richtext.-wp_migration h2 { margin-top: 28px; } } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration h2 { margin-top: 56px; } } @media screen and (max-width: 768px ) { .c-richtext.-wp_migration .mcb-column-inner { margin-top: 12px; } } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration .mcb-column-inner { margin-top: 24px; } } .c-richtext.-wp_migration .image_wrapper .image_links { display: none; } .c-richtext.-wp_migration .fe-more-btn-wrap, .c-richtext.-wp_migration .fe-contact-btn-wrap, .c-richtext.-wp_migration .column_button { display: flex; align-items: center; justify-content: center; gap: 20px; } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration .column_button { width: 100% !important; } } .c-richtext.-wp_migration .more-btn, .c-richtext.-wp_migration .contact-btn, .c-richtext.-wp_migration .button { 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; } @media screen and (max-width: 768px ) { .c-richtext.-wp_migration .more-btn, .c-richtext.-wp_migration .contact-btn, .c-richtext.-wp_migration .button { font-size: var(--btn_font_size_sp); border: var(--btn_border_width_sp) solid var(--btn_border_color); border-radius: var(--btn_radius_sp); min-height: var(--btn_height_sp); padding: 5px 16px; } } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration .more-btn, .c-richtext.-wp_migration .contact-btn, .c-richtext.-wp_migration .button { font-size: var(--btn_font_size_pc); border: var(--btn_border_width_pc) solid var(--btn_border_color); border-radius: var(--btn_radius_pc); min-height: var(--btn_height_pc); padding: 5px 27px; } } .c-richtext.-wp_migration .more-btn .icon, .c-richtext.-wp_migration .contact-btn .icon, .c-richtext.-wp_migration .button .icon { flex: 0 0 16px; margin-left: 12px; } .c-richtext.-wp_migration .more-btn svg, .c-richtext.-wp_migration .more-btn img, .c-richtext.-wp_migration .contact-btn svg, .c-richtext.-wp_migration .contact-btn img, .c-richtext.-wp_migration .button svg, .c-richtext.-wp_migration .button img { vertical-align: baseline; } .c-richtext.-wp_migration .more-btn path, .c-richtext.-wp_migration .contact-btn path, .c-richtext.-wp_migration .button path { fill: var(--btn_font_color); transition-duration: var(--common_transition_duration); } .c-richtext.-wp_migration .more-btn:hover, .c-richtext.-wp_migration .more-btn.is-current, .c-richtext.-wp_migration .contact-btn:hover, .c-richtext.-wp_migration .contact-btn.is-current, .c-richtext.-wp_migration .button:hover, .c-richtext.-wp_migration .button.is-current { text-decoration: none; background-color: var(--btn_bg_color_hover); color: var(--btn_font_color_hover); } @media screen and (max-width: 768px ) { .c-richtext.-wp_migration .more-btn:hover, .c-richtext.-wp_migration .more-btn.is-current, .c-richtext.-wp_migration .contact-btn:hover, .c-richtext.-wp_migration .contact-btn.is-current, .c-richtext.-wp_migration .button:hover, .c-richtext.-wp_migration .button.is-current { border: var(--btn_border_width_sp) solid var(--btn_border_color_hover); } } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration .more-btn:hover, .c-richtext.-wp_migration .more-btn.is-current, .c-richtext.-wp_migration .contact-btn:hover, .c-richtext.-wp_migration .contact-btn.is-current, .c-richtext.-wp_migration .button:hover, .c-richtext.-wp_migration .button.is-current { border: var(--btn_border_width_pc) solid var(--btn_border_color_hover); } } .c-richtext.-wp_migration .more-btn:hover path, .c-richtext.-wp_migration .more-btn.is-current path, .c-richtext.-wp_migration .contact-btn:hover path, .c-richtext.-wp_migration .contact-btn.is-current path, .c-richtext.-wp_migration .button:hover path, .c-richtext.-wp_migration .button.is-current path { fill: var(--btn_font_color_hover); } .c-richtext.-wp_migration .blog_slider.hide-more { display: none; } .c-richtext.-wp_migration .section-post-footer, .c-richtext.-wp_migration .section-post-intro-share, .c-richtext.-wp_migration .section-post-about, .c-richtext.-wp_migration .section-post-related { display: none; } .c-richtext.-wp_migration .fe-contact-board { border: 1px solid var(--common_color_line); } @media screen and (max-width: 768px ) { .c-richtext.-wp_migration .fe-contact-board { padding: 20px 15px; } } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration .fe-contact-board { padding: 25px; } } .c-richtext.-wp_migration .fe-contact-board .fe-contact-btn-wrap { margin: 20px 0 30px; } .c-richtext.-wp_migration .fe-contact-board h3 { text-align: center !important; border: none; } @media screen and (max-width: 768px ) { .c-richtext.-wp_migration .fe-contact-board h3 { margin-top: var(--richtext_p_margin_top_sp) !important; } } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration .fe-contact-board h3 { margin-top: var(--richtext_p_margin_top_pc) !important; } } .c-richtext.-wp_migration .fe-contact-board h3::after { display: none; } .c-richtext.-wp_migration .contact-ttl { padding: 0; border: none; text-align: center !important; } @media screen and (max-width: 768px ) { .c-richtext.-wp_migration .contact-ttl { margin-top: 0 !important; } } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration .contact-ttl { margin-top: 0 !important; } } .c-richtext.-wp_migration .aligncenter { text-align: center; margin: 0 auto; display: block; } .c-richtext.-wp_migration .column_table_of_contents { border: 1px solid var(--common_color_line); } @media screen and (max-width: 768px ) { .c-richtext.-wp_migration .column_table_of_contents { padding: 20px 15px; } } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration .column_table_of_contents { padding: 25px; } } @media screen and (max-width: 768px ) { .c-richtext.-wp_migration .column_table_of_contents .mcb-item-table_of_contents-inner { margin-top: 0; } } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration .column_table_of_contents .mcb-item-table_of_contents-inner { margin-top: 0; } } .c-richtext.-wp_migration .column_table_of_contents .title { display: flex; align-items: center; gap: 20px; } @media screen and (max-width: 768px ) { .c-richtext.-wp_migration .column_table_of_contents .title-inner { margin-top: 0; } } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration .column_table_of_contents .title-inner { margin-top: 0; } } @media screen and (min-width: 769px ) { .c-richtext.-wp_migration { /* .mcb-wrap */ } } .c-richtext.-wp_migration .mcb-background-overlay { display: none !important; } .c-richtext.-home_blog img { margin: 20px auto; display: block; } .c-richtext.-kibit_case_study .mcb-section::after { content: ""; display: block; clear: both; } .c-richtext.-kibit_case_study .mcb-wrap-inner { position: relative; display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; position: relative; width: 100%; align-self: stretch; } .c-richtext.-kibit_case_study .mcb-wrap-inner::after { content: ""; display: block; clear: both; } @media screen and (max-width: 768px ) { .c-richtext.-kibit_case_study .mcb-section .mcb-wrap-2ec31fca3 { width: 100% !important; } } @media screen and (min-width: 769px ) { .c-richtext.-kibit_case_study .mcb-section .mcb-wrap-2ec31fca3 { width: 100% !important; } } .c-richtext.-kibit_case_study .mcb-section .mcb-wrap-2ec31fca3 .mcb-wrap-inner-2ec31fca3 { background-color: #f4f4f4; padding: 40px; } @media screen and (max-width: 768px ) { .c-richtext.-kibit_case_study .mcb-section .mcb-wrap-f7d83d5d7 { width: 100% !important; } } @media screen and (min-width: 769px ) { .c-richtext.-kibit_case_study .mcb-section .mcb-wrap-f7d83d5d7 { width: 100% !important; } } .c-richtext.-kibit_case_study .mcb-section .mcb-wrap-f7d83d5d7 .mcb-wrap-inner-f7d83d5d7 { background-color: #f0f8ff; padding: 40px; } .c-richtext.-kibit_case_study .mcb-section.mcb-section-851352d62 { background-color: #f0f0f0; padding: 32px; } @media screen and (max-width: 768px ) { .c-richtext.-kibit_case_study .mcb-section.mcb-section-851352d62 { width: 100% !important; } } @media screen and (min-width: 769px ) { .c-richtext.-kibit_case_study .mcb-section.mcb-section-851352d62 { width: 100% !important; } } .c-richtext.-kibit_case_study .mcb-section.mcb-section-851352d62::after { content: ""; display: block; clear: both; } @media screen and (min-width: 769px ) { .c-richtext.-kibit_case_study .mcb-section.mcb-section-851352d62 .mcb-section-inner-851352d62 { display: flex; justify-content: center; } } .c-richtext.-kibit_case_study .mcb-section.mcb-section-3b9402ae5 { padding: 32px; } @media screen and (max-width: 768px ) { .c-richtext.-kibit_case_study .mcb-section.mcb-section-3b9402ae5 { width: 100% !important; } } @media screen and (min-width: 769px ) { .c-richtext.-kibit_case_study .mcb-section.mcb-section-3b9402ae5 { width: 100% !important; } } .c-richtext.-kibit_case_study .mcb-section.mcb-section-3b9402ae5::after { content: ""; display: block; clear: both; } @media screen and (min-width: 769px ) { .c-richtext.-kibit_case_study .mcb-section.mcb-section-3b9402ae5 .mcb-section-inner-3b9402ae5 { display: flex; justify-content: center; } } .c-richtext.-kibit_seminar .mfn-builder-content > .section:first-child { position: relative; background-color: #000; display: none; } @media screen and (max-width: 768px ) { .c-richtext.-kibit_seminar .mfn-builder-content > .section:first-child { padding: var(--section_padding_low_sp) 0; } } @media screen and (min-width: 769px ) { .c-richtext.-kibit_seminar .mfn-builder-content > .section:first-child { padding: var(--section_padding_low_pc) 0; } } .c-richtext.-kibit_seminar .mfn-builder-content > .section:first-child::before, .c-richtext.-kibit_seminar .mfn-builder-content > .section:first-child::after { content: ""; display: block; position: absolute; top: 0; width: 100vw; height: 100%; background-color: #000; } .c-richtext.-kibit_seminar .mfn-builder-content > .section:first-child::before { left: calc(100% - 1px); } .c-richtext.-kibit_seminar .mfn-builder-content > .section:first-child::after { right: calc(100% - 1px); } @media screen and (max-width: 768px ) { .c-richtext.-kibit_seminar .mfn-builder-content > .section:first-child h1 { font-size: var(--section_title_font_size_sp); } } @media screen and (min-width: 769px ) { .c-richtext.-kibit_seminar .mfn-builder-content > .section:first-child h1 { font-size: var(--section_title_font_size_pc); } } .c-richtext.-kibit_seminar .mfn-builder-content .breadcrumbs { display: none; } @media screen and (min-width: 769px ) { .c-richtext.-kibit_seminar .mfn-builder-content .mcb-wrap { display: flex; } } .c-richtext.-kibit_seminar .mfn-builder-content *::after { content: ""; display: block; clear: both; } .c-richtext.-fllp .entry-sub-title { margin-bottom: 20px; } .c-richtext .qirWrapper { max-width: inherit; } @media screen and (max-width: 768px ) { .u-mt-body { margin-top: var(--section_body_margin_top_sp) !important; } } @media screen and (min-width: 769px ) { .u-mt-body { margin-top: var(--section_body_margin_top_pc) !important; } } @media screen and (max-width: 768px ) { .u-mt-body-sp { margin-top: var(--section_body_margin_top_sp) !important; } } @media screen and (min-width: 769px ) { .u-mt-body-pc { margin-top: var(--section_body_margin_top_pc) !important; } } .fe-table_index { border: 1px solid var(--common_color_line); } @media screen and (max-width: 768px ) { .fe-table_index { padding: 20px 15px; } } @media screen and (min-width: 769px ) { .fe-table_index { padding: 25px; } } .fe-table_index__head { display: flex; align-items: center; gap: 20px; } .fe-table_index__head .tobble { text-decoration: none; color: var(--common_color_primary); } .fe-table_index__title { position: relative; padding-left: 12px; border-left: 3px solid var(--common_color_primary); color: var(--common_color_black); text-align: left !important; font-weight: var(--richtext_h2_font_weight); line-height: var(--richtext_h2_line_height); letter-spacing: var(--richtext_h2_letter_spacing); } @media screen and (max-width: 768px ) { .fe-table_index__title { font-size: var(--richtext_h2_font_size_sp); } } @media screen and (min-width: 769px ) { .fe-table_index__title { font-size: var(--richtext_h2_font_size_pc); } } @media screen and (max-width: 768px ) { .fe-table_index__body { margin-top: var(--richtext_p_margin_top_sp); } } @media screen and (min-width: 769px ) { .fe-table_index__body { margin-top: var(--richtext_p_margin_top_pc); } } .fe-table_index .toc-container ul { list-style: none; } .fe-table_index .toc-container li { text-decoration: none; } .fe-table_index .toc-container a { color: var(--common_color_primary); } .fe-table_index .toc-container .toc-item.toc-h3 { margin-left: 2em; } .fe-news_sign { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--common_color_line); } .fe-news_board { padding: 15px; border: 1px dotted #333333; border-radius: 3px; } @media screen and (max-width: 768px ) { * + .fe-news_board { margin-top: 20px; } } @media screen and (min-width: 769px ) { * + .fe-news_board { margin-top: 40px; } } .fe-ai_learning_list__item { padding-top: 20px; border-top: 1px solid var(--common_color_line); } * + .fe-ai_learning_list__item { margin-top: 20px; } .fe-ai_learning_article__link { display: block; text-decoration: none; color: var(--common_color_black); } @media screen and (min-width: 769px ) { .fe-ai_learning_article__link:hover { color: var(--common_color_primary); } } @media screen and (min-width: 769px ) { .fe-ai_learning_article__inner { display: flex; gap: 30px; align-items: center; } } .fe-ai_learning_article__figure { overflow: hidden; transition-duration: var(--common_transition_duration); } @media screen and (min-width: 769px ) { .fe-ai_learning_article__figure { flex: 0 0 20%; } } .fe-ai_learning_article__figure img { transition-duration: var(--common_transition_duration); } @media screen and (min-width: 769px ) { .fe-ai_learning_article:hover .fe-ai_learning_article__figure { background-color: #000; } } @media screen and (min-width: 769px ) { .fe-ai_learning_article:hover .fe-ai_learning_article__figure img { transform: scale(1.05); opacity: var(--common_hover_opacity); } } .fe-ai_learning_article__title { line-height: 140%; } @media screen and (max-width: 768px ) { * + .fe-ai_learning_article__title { margin-top: 10px; } } @media screen and (max-width: 768px ) { * + .fe-ai_learnig_pickup_list__item, * + .fe-post_pickup_list__item { margin-top: 60px; } } @media screen and (min-width: 769px ) { * + .fe-ai_learnig_pickup_list__item, * + .fe-post_pickup_list__item { margin-top: 60px; } } .fe-ai_learnig_pickup_article__link { display: block; text-decoration: none; color: var(--common_color_black); } @media screen and (min-width: 769px ) { .fe-ai_learnig_pickup_article__link:hover { color: var(--common_color_primary); } } .fe-ai_learnig_pickup_article__inner { border: 1px solid var(--common_color_line); position: relative; } @media screen and (max-width: 768px ) { .fe-ai_learnig_pickup_article__inner { padding: 40px 15px 20px; } } @media screen and (min-width: 769px ) { .fe-ai_learnig_pickup_article__inner { padding: 40px; } } .fe-ai_learnig_pickup_article__pickup { position: absolute; bottom: 100%; background-color: var(--common_color_black); color: #fff; padding: 0 45px; height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; transform: translateY(20px); } @media screen and (max-width: 768px ) { .fe-ai_learnig_pickup_article__pickup { left: 10px; } } @media screen and (min-width: 769px ) { .fe-ai_learnig_pickup_article__pickup { left: 20px; } } @media screen and (min-width: 769px ) { .fe-ai_learnig_pickup_article__contents { display: flex; align-items: center; gap: 40px; } } @media screen and (max-width: 768px ) { * + .fe-ai_learnig_pickup_article__contents { margin-top: 20px; } } @media screen and (min-width: 769px ) { * + .fe-ai_learnig_pickup_article__contents { margin-top: 30px; } } .fe-ai_learnig_pickup_article__figure { overflow: hidden; transition-duration: var(--common_transition_duration); } @media screen and (min-width: 769px ) { .fe-ai_learnig_pickup_article__figure { flex: 0 0 40%; } } .fe-ai_learnig_pickup_article__figure img { transition-duration: var(--common_transition_duration); } @media screen and (min-width: 769px ) { .fe-ai_learnig_pickup_article:hover .fe-ai_learnig_pickup_article__figure { background-color: #000; } } @media screen and (min-width: 769px ) { .fe-ai_learnig_pickup_article:hover .fe-ai_learnig_pickup_article__figure img { transform: scale(1.05); opacity: var(--common_hover_opacity); } } @media screen and (max-width: 768px ) { .fe-ai_learnig_pickup_article__body { margin-top: 15px; } } .fe-ai_learnig_pickup_article__body * { font-weight: normal; display: inline; line-height: 200%; } @media screen and (max-width: 768px ) { .fe-ai_learnig_pickup_article__body * { font-size: 14px; } } @media screen and (min-width: 769px ) { .fe-ai_learnig_pickup_article__body * { font-size: 16px; } } .fe-post_pickup_article__link { display: block; text-decoration: none; color: var(--common_color_black); } @media screen and (min-width: 769px ) { .fe-post_pickup_article__link:hover { color: var(--common_color_primary); } } .fe-post_pickup_article__inner { border: 1px solid var(--common_color_line); position: relative; } @media screen and (max-width: 768px ) { .fe-post_pickup_article__inner { padding: 40px 15px 20px; } } @media screen and (min-width: 769px ) { .fe-post_pickup_article__inner { padding: 40px; } } .fe-post_pickup_article__pickup { position: absolute; bottom: 100%; background-color: var(--common_color_black); color: #fff; padding: 0 45px; height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; transform: translateY(20px); } @media screen and (max-width: 768px ) { .fe-post_pickup_article__pickup { left: 10px; } } @media screen and (min-width: 769px ) { .fe-post_pickup_article__pickup { left: 20px; } } @media screen and (max-width: 768px ) { * + .fe-post_pickup_article__contents { margin-top: 20px; } } @media screen and (min-width: 769px ) { * + .fe-post_pickup_article__contents { margin-top: 30px; } } .fe-post_pickup_article__figure { overflow: hidden; transition-duration: var(--common_transition_duration); margin: 0 auto; display: flex; justify-content: center; } @media screen and (min-width: 769px ) { .fe-post_pickup_article__figure { max-width: 70%; } } .fe-post_pickup_article__figure img { transition-duration: var(--common_transition_duration); margin: 0 auto; } @media screen and (min-width: 769px ) { .fe-ai_learnig_pickup_article:hover .fe-post_pickup_article__figure { background-color: #000; } } @media screen and (min-width: 769px ) { .fe-ai_learnig_pickup_article:hover .fe-post_pickup_article__figure img { transform: scale(1.05); opacity: var(--common_hover_opacity); } } @media screen and (max-width: 768px ) { * + .fe-post_pickup_article__body { margin-top: 15px; } } @media screen and (min-width: 769px ) { * + .fe-post_pickup_article__body { margin-top: 20px; } } .fe-post_pickup_article__body * { font-weight: normal; display: inline; line-height: 200%; } @media screen and (max-width: 768px ) { .fe-post_pickup_article__body * { font-size: 14px; } } @media screen and (min-width: 769px ) { .fe-post_pickup_article__body * { font-size: 16px; } } @media screen and (min-width: 769px ) { a .p-tags__btn:hover { color: var(--common_color_black); background-color: #fff; } } .fe-archive_card { display: flex; flex-direction: column; } .fe-archive_card__board { flex: 1 1 auto; background-color: #fff; display: flex; flex-direction: column; box-shadow: 0px 4px 4px rgba(195, 206, 221, 0.4); } .fe-archive_card__article { padding: 20px; } .fe-archive_card__speaker { padding: 0 20px 20px 20px; } .fe-archive_card__links { margin-top: auto; } .fe-archive_card__foot { padding-top: 20px; } .fe-archive_card_article__link { display: block; color: var(--common_color_black); text-decoration: none; } @media screen and (min-width: 769px ) { .fe-archive_card_article__link:hover { color: var(--common_color_primary); } } .fe-archive_card_article__head { position: relative; } .fe-archive_card_article__movie_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; background-color: #fff; border-radius: 50%; } .fe-archive_card_article__movie_icon svg { width: 100%; } .fe-archive_card_article__movie_icon path { fill: var(--common_color_secondary); } .fe-archive_card_article__figure { transition-duration: var(--common_transition_duration); overflow: hidden; } .fe-archive_card_article__figure img { transition-duration: var(--common_transition_duration); } @media screen and (min-width: 769px ) { .fe-archive_card_article__link:hover .fe-archive_card_article__figure { background-color: #000; } } @media screen and (min-width: 769px ) { .fe-archive_card_article__link:hover .fe-archive_card_article__figure img { transform: scale(1.05); opacity: var(--common_hover_opacity); } } .fe-archive_card_speaker { display: flex; gap: 20px; } .fe-archive_card_speaker__figure { border-radius: 50px; background: linear-gradient(0deg, rgb(255, 241, 0) 0%, rgb(0, 160, 233) 50%, rgb(0, 160, 233) 65%, rgb(0, 91, 172) 100%); padding: 2px; position: relative; } @media screen and (max-width: 768px ) { .fe-archive_card_speaker__figure { flex: 0 1 100px !important; height: 100px !important; } } @media screen and (min-width: 769px ) { .fe-archive_card_speaker__figure { flex: 0 1 100px !important; height: 100px !important; } } .fe-archive_card_speaker__figure img { padding: 5px; border-radius: 50px; background-color: #fff; object-fit: cover; position: absolute; top: 2px; left: 2px; width: calc(100% - 4px) !important; height: calc(100% - 4px) !important; box-sizing: border-box; } .fe-archive_card_speaker__label { background-color: #e8ebf1; color: var(--common_color_secondary); display: inline-block; } @media screen and (max-width: 768px ) { .fe-archive_card_speaker__label { padding: 1px 10px; } } @media screen and (min-width: 769px ) { .fe-archive_card_speaker__label { padding: 2px 20px; } } .fe-archive_card_speaker__profile { color: var(--common_color_secondary); } .fe-archive_card_links { display: flex; gap: 1px; background-color: #e8ebf1; } .fe-archive_card_links__left, .fe-archive_card_links__right { flex: 0 1 50%; } .fe-archive_card_link { background-color: #fff; color: var(--common_color_primary); display: flex; gap: 10px; align-items: center; justify-content: center; text-decoration: none; height: 50px; border: 4px solid #fff; } .fe-archive_card_link .icon { flex: 0 0 30px; height: 30px; background-color: var(--common_color_secondary); display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; transition-duration: var(--common_transition_duration); } .fe-archive_card_link .icon.-video path { fill: #fff; } .fe-archive_card_link .icon.-post path { stroke: #fff; } @media screen and (min-width: 769px ) { .fe-archive_card_link:hover { background-color: var(--section_bg_light_theme); color: var(--common_color_primary); } } @media screen and (min-width: 769px ) { .fe-archive_card_link:hover .icon { background-color: var(--common_color_primary); } } .fe-archive_card_foot__title { display: flex; align-items: center; gap: 10px; } .fe-archive_card_foot__title::before { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: var(--common_color_secondary); } .fe-archive_card_foot__links { list-style: none; } * + .fe-archive_card_foot__links { margin-top: 5px; } * + .fe-archive_card_foot__item { margin-top: 5px; } .fe-archive_card_foot__link { color: var(--common_color_primary); text-decoration: none; } @media screen and (min-width: 769px ) { .fe-archive_card_foot__link:hover { color: var(--common_color_secondary); } } @media screen and (max-width: 768px ) { .p-loop_slider.-logo .p-loop_slider__group { gap: 20px; padding: 0 10px; } } @media screen and (min-width: 769px ) { .p-loop_slider.-logo .p-loop_slider__group { gap: 40px; padding: 0 20px; } } .p-loop_slider.-logo .p-loop_slider__figure { background: none !important; width: auto; height: auto; } .p-loop_slider.-logo .p-loop_slider__figure img { display: block; height: 70px; width: auto; max-width: inherit; } @media screen and (max-width: 768px ) { .fe-supervisor { padding-top: var(--section_padding_low_sp); padding-bottom: var(--section_padding_low_sp); } } @media screen and (min-width: 769px ) { .fe-supervisor { display: flex; gap: 20px; padding-top: var(--section_padding_low_pc); padding-bottom: var(--section_padding_low_pc); } } @media screen and (min-width: 769px ) { .fe-supervisor__image_area { flex: 0 0 20%; } } @media screen and (max-width: 768px ) { * + .fe-supervisor__image_area { margin-top: 20px; } } @media screen and (max-width: 768px ) { .c-richtext .fe-supervisor__image_area { margin-top: 20px; } } @media screen and (max-width: 768px ) { .c-richtext .fe-supervisor__image_area:first-child { margin-top: 0; } } @media screen and (min-width: 769px ) { .fe-supervisor__contents_area { flex: 1 1 80%; } } @media screen and (max-width: 768px ) { * + .fe-supervisor__contents_area { margin-top: 20px; } } @media screen and (max-width: 768px ) { .c-richtext .fe-supervisor__contents_area { margin-top: 20px; } } @media screen and (max-width: 768px ) { .c-richtext .fe-supervisor__contents_area:first-child { margin-top: 0; } } @media screen and (min-width: 769px ) { .fe-supervisor__body { display: flex; gap: 20px; } } @media screen and (min-width: 769px ) { * + .fe-supervisor__body { margin-top: 20px; } } @media screen and (max-width: 768px ) { .c-richtext .fe-supervisor__body { margin-top: 20px; } } @media screen and (min-width: 769px ) { .c-richtext .fe-supervisor__body { margin-top: 20px; } } @media screen and (max-width: 768px ) { .c-richtext .fe-supervisor__body:first-child { margin-top: 0; } } @media screen and (min-width: 769px ) { .c-richtext .fe-supervisor__body:first-child { margin-top: 0; } } @media screen and (min-width: 769px ) { .fe-supervisor__profile_area { flex: 1 1 30%; margin-top: 0; } } @media screen and (max-width: 768px ) { .c-richtext .fe-supervisor__profile_area { margin-top: 20px; } } @media screen and (min-width: 769px ) { .c-richtext .fe-supervisor__profile_area { margin-top: 0; } } @media screen and (max-width: 768px ) { .c-richtext .fe-supervisor__profile_area:first-child { margin-top: 0; } } @media screen and (max-width: 768px ) { * + .fe-supervisor__profile_area { margin-top: 20px; } } @media screen and (min-width: 769px ) { .fe-supervisor__richtext_area { flex: 1 1 70%; margin-top: 0; } } @media screen and (max-width: 768px ) { .c-richtext .fe-supervisor__richtext_area { margin-top: 20px; } } @media screen and (min-width: 769px ) { .c-richtext .fe-supervisor__richtext_area { margin-top: 0; } } @media screen and (max-width: 768px ) { .c-richtext .fe-supervisor__richtext_area:first-child { margin-top: 0; } } @media screen and (max-width: 768px ) { * + .fe-supervisor__richtext_area { margin-top: 20px; } } .fe-custom_btn, .c-richtext.-blog_post .fe-custom_btn { flex: 0 0 100%; text-decoration: none; background-color: var(--common_color_primary); color: #fff; border: 1px solid var(--common_color_primary); } @media screen and (max-width: 768px ) { .fe-custom_btn, .c-richtext.-blog_post .fe-custom_btn { padding: 10px; } } @media screen and (min-width: 769px ) { .fe-custom_btn, .c-richtext.-blog_post .fe-custom_btn { padding: 15px; } } @media screen and (min-width: 769px ) { .fe-custom_btn:hover, .c-richtext.-blog_post .fe-custom_btn:hover { background-color: #fff; color: var(--common_color_primary); } } .fe-custom_btn__row, .c-richtext.-blog_post .fe-custom_btn__row { display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 768px ) { .fe-custom_btn__row, .c-richtext.-blog_post .fe-custom_btn__row { margin-top: 0; gap: 5px; } } @media screen and (min-width: 769px ) { .fe-custom_btn__row, .c-richtext.-blog_post .fe-custom_btn__row { margin-top: 0; gap: 10px; } } @media screen and (max-width: 768px ) { .fe-custom_btn__row:first-child, .c-richtext.-blog_post .fe-custom_btn__row:first-child { margin-top: 0; } } @media screen and (min-width: 769px ) { .fe-custom_btn__row:first-child, .c-richtext.-blog_post .fe-custom_btn__row:first-child { margin-top: 0; } } .fe-custom_btn__text, .c-richtext.-blog_post .fe-custom_btn__text { font-weight: 500; } @media screen and (max-width: 768px ) { .fe-custom_btn__text, .c-richtext.-blog_post .fe-custom_btn__text { font-size: 18px; } } @media screen and (min-width: 769px ) { .fe-custom_btn__text, .c-richtext.-blog_post .fe-custom_btn__text { font-size: 22px; } } .fe-custom_btn__small_text, .c-richtext.-blog_post .fe-custom_btn__small_text { font-weight: 400; } @media screen and (max-width: 768px ) { .fe-custom_btn__small_text, .c-richtext.-blog_post .fe-custom_btn__small_text { font-size: 11px; } } @media screen and (min-width: 769px ) { .fe-custom_btn__small_text, .c-richtext.-blog_post .fe-custom_btn__small_text { font-size: 15px; } } @media screen and (max-width: 768px ) { .p-row__col, .c-richtext.-blog_post .p-row__col { margin: 0; } } @media screen and (min-width: 769px ) { .p-row__col, .c-richtext.-blog_post .p-row__col { margin: 0; } } .fe-legal_usa_resource_archive_body .entry-date, .c-richtext.-blog_post .fe-legal_usa_resource_archive_body .entry-date { display: none; } .fe-legal_usa_resource_archive_body h3, .c-richtext.-blog_post .fe-legal_usa_resource_archive_body h3 { display: none; } .fe-legal_usa_resource_archive_body .share-simple-wrapper, .c-richtext.-blog_post .fe-legal_usa_resource_archive_body .share-simple-wrapper { display: none; } .fe-legal_usa_resource_archive_body *, .c-richtext.-blog_post .fe-legal_usa_resource_archive_body * { text-align: left !important; } #header.fronteo-global_header { position: absolute; top: 0; left: 0 !important; width: 100%; } :root { /* [SP] */ --directory_header_height_sp: 45px; /* [PC] */ --directory_header_height_pc: 62px; --directory_header_nav_btn_height_pc: calc(62px - 10px * 2); } .p-header.-fronteo_global { background-color: #005BAC; display: block; } .p-header.-fronteo_directory { background-color: #00A0E9; display: block; } @media screen and (max-width: 768px ) { .p-header.-fronteo_directory { height: var(--directory_header_height_sp); } } @media screen and (min-width: 769px ) { .p-header.-fronteo_directory { height: var(--directory_header_height_pc); } } .p-header__inner { display: flex; align-items: center; justify-content: space-between; } @media screen and (min-width: 769px ) { .p-header__inner { max-width: 1260px; margin: 0 auto; padding: 0 20px; } } @media screen and (max-width: 768px ) { .p-header.-fronteo_global .p-header__inner { height: var(--header_height_sp); } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-header__inner { height: var(--header_height_pc); } } @media screen and (max-width: 768px ) { .p-header.-fronteo_directory .p-header__inner { height: var(--directory_header_height_sp); } } @media screen and (min-width: 769px ) { .p-header.-fronteo_directory .p-header__inner { height: var(--directory_header_height_pc); } } @media screen and (max-width: 768px ) { .p-header.-fronteo_directory .p-header__logos { width: auto; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_directory .p-header__logos { width: auto; } } @media screen and (max-width: 768px ) { .p-header.-fronteo_global .p-hdr_nav, .p-header.-fronteo_directory .p-hdr_nav { background-color: #005BAC; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_directory .p-hdr_nav_global__item:hover { border-bottom: none; } } @media screen and (max-width: 768px ) { .p-header.-fronteo_global .p-hdr_nav_global__link, .p-header.-fronteo_directory .p-hdr_nav_global__link { color: #fff; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__link, .p-header.-fronteo_directory .p-hdr_nav_global__link { color: #fff; display: flex; gap: 5px; padding: 0 10px; border: 1px solid transparent; border-radius: 4px; } } @media screen and (max-width: 768px ) { .p-header.-fronteo_global .p-hdr_nav_global__link::before, .p-header.-fronteo_global .p-hdr_nav_global__link::after, .p-header.-fronteo_directory .p-hdr_nav_global__link::before, .p-header.-fronteo_directory .p-hdr_nav_global__link::after { background-color: #fff; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__link .text, .p-header.-fronteo_directory .p-hdr_nav_global__link .text { display: flex; gap: 5px; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__link .text::after, .p-header.-fronteo_directory .p-hdr_nav_global__link .text::after { content: ""; display: block; flex: 0 0 1px; background-color: #007DCE; } } @media screen and (max-width: 768px ) { .p-header.-fronteo_global .p-hdr_nav_global__link .icon, .p-header.-fronteo_directory .p-hdr_nav_global__link .icon { display: none; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__link .icon, .p-header.-fronteo_directory .p-hdr_nav_global__link .icon { display: flex; align-items: center; transform: rotate(90deg); } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__link.-haschild, .p-header.-fronteo_directory .p-hdr_nav_global__link.-haschild { position: relative; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__link.-haschild::after, .p-header.-fronteo_directory .p-hdr_nav_global__link.-haschild::after { content: ""; display: block; position: absolute; top: 100%; left: -1px; width: 100%; background-color: #007DCE; border: 1px solid #1E649A; border-top: none; opacity: 0; transition-duration: var(--common_transition_duration); } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__link.-haschild::after { height: calc((var(--header_height_pc) - var(--header_nav_btn_height_pc)) / 2); } } @media screen and (min-width: 769px ) { .p-header.-fronteo_directory .p-hdr_nav_global__link { height: var(--directory_header_nav_btn_height_pc); } } @media screen and (min-width: 769px ) { .p-header.-fronteo_directory .p-hdr_nav_global__link.-haschild::after { height: calc((var(--directory_header_height_pc) - var(--directory_header_nav_btn_height_pc)) / 2); } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__item:hover .p-hdr_nav_global__link, .p-header.-fronteo_directory .p-hdr_nav_global__item:hover .p-hdr_nav_global__link { color: #fff; transform: none; background-color: #007DCE; border: 1px solid #1E649A; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__item:hover .p-hdr_nav_global__link.-haschild, .p-header.-fronteo_directory .p-hdr_nav_global__item:hover .p-hdr_nav_global__link.-haschild { border-radius: 4px 4px 0 0; border-bottom: #007DCE; position: relative; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__item:hover .p-hdr_nav_global__link.-haschild::after, .p-header.-fronteo_directory .p-hdr_nav_global__item:hover .p-hdr_nav_global__link.-haschild::after { opacity: 1; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__child, .p-header.-fronteo_directory .p-hdr_nav_global__child { left: 0; width: auto; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_directory .p-hdr_nav_global__child { padding-top: calc((var(--directory_header_height_pc) - var(--directory_header_nav_btn_height_pc)) / 2); } } @media screen and (max-width: 768px ) { .p-header.-fronteo_global .p-hdr_nav_child, .p-header.-fronteo_directory .p-hdr_nav_child { padding-left: 20px; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_child, .p-header.-fronteo_directory .p-hdr_nav_child { background-color: #007DCE; box-shadow: 0px 4px 8px rgba(0, 92, 172, 0.2); border: 1px solid #1E649A; border-radius: 0 0 4px 4px; padding: 30px 0 30px 30px; position: relative; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_child__item, .p-header.-fronteo_directory .p-hdr_nav_child__item { margin-top: 20px; white-space: nowrap; padding-right: 30px; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_child__item:first-child, .p-header.-fronteo_directory .p-hdr_nav_child__item:first-child { margin-top: 0; } } @media screen and (max-width: 768px ) { .p-header.-fronteo_global .p-hdr_nav_child__link, .p-header.-fronteo_directory .p-hdr_nav_child__link { color: #fff; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_child__link, .p-header.-fronteo_directory .p-hdr_nav_child__link { color: #fff; display: flex; align-items: center; gap: 15px; } } @media screen and (max-width: 768px ) { .p-header.-fronteo_global .p-hdr_nav_child__link .icon, .p-header.-fronteo_directory .p-hdr_nav_child__link .icon { display: none; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_child__link .icon, .p-header.-fronteo_directory .p-hdr_nav_child__link .icon { display: flex; align-items: center; flex-shrink: 0; } } .p-header.-fronteo_global .p-hdr_nav_child__link .icon path, .p-header.-fronteo_directory .p-hdr_nav_child__link .icon path { stroke: #fff; transition-duration: var(--common_transition_duration); } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_child__item:hover .p-hdr_nav_child__link, .p-header.-fronteo_directory .p-hdr_nav_child__item:hover .p-hdr_nav_child__link { color: #000; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_child__item:hover .p-hdr_nav_child__link .icon path, .p-header.-fronteo_directory .p-hdr_nav_child__item:hover .p-hdr_nav_child__link .icon path { stroke: var(--common_color_black); } } @media screen and (max-width: 768px ) { .p-hdr_nav_child__grandchild { display: block !important; padding-top: 10px; } } @media screen and (min-width: 769px ) { .p-hdr_nav_child__grandchild { position: absolute; left: 100%; top: -1px; display: none; min-height: 100%; } } .p-hdr_nav_grandchild { list-style: none; } @media screen and (max-width: 768px ) { .p-hdr_nav_grandchild { padding-left: 20px; } } @media screen and (min-width: 769px ) { .p-hdr_nav_grandchild { background-color: #007dce; border: 1px solid #1e649a; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 8px rgba(0, 92, 172, 0.2); box-shadow: 0 4px 8px rgba(0, 92, 172, 0.2); padding: 30px 0 30px 30px; position: absolute; padding-right: 30px; top: 0; left: 0; width: auto; min-height: calc(100% + 2px); } } @media screen and (min-width: 769px ) { .p-hdr_nav_grandchild::before { content: ""; display: block; position: absolute; right: 100%; top: 0; width: 30px; height: 100%; } } .p-hdr_nav_grandchild__item { font-weight: var(--header_nav_child_font_weight); letter-spacing: var(--header_nav_child_letter_spacing); list-style: none; } @media screen and (max-width: 768px ) { .p-hdr_nav_grandchild__item { font-size: calc(var(--header_nav_child_font_size_sp) - 1px); margin-top: 10px; font-weight: 400; } } @media screen and (min-width: 769px ) { .p-hdr_nav_grandchild__item { font-size: var(--header_nav_child_font_size_pc); margin-top: 20px; } } @media screen and (max-width: 768px ) { .p-hdr_nav_grandchild__item:first-child { margin-top: 0; } } @media screen and (min-width: 769px ) { .p-hdr_nav_grandchild__item:first-child { margin-top: 0; } } .p-hdr_nav_grandchild__link { text-decoration: none; color: #fff; } @media screen and (min-width: 769px ) { .p-hdr_nav_grandchild__link:hover { color: var(--common_color_black); } } @media screen and (max-width: 768px ) { .p-header.-fronteo_global .p-hdr_menu__top, .p-header.-fronteo_directory .p-hdr_menu__top, .p-header.-fronteo_global .p-hdr_menu__mdl, .p-header.-fronteo_directory .p-hdr_menu__mdl, .p-header.-fronteo_global .p-hdr_menu__btm, .p-header.-fronteo_directory .p-hdr_menu__btm { background-color: #fff; } } #header-directory { position: absolute; left: 0; width: 100%; margin: 0 auto; } @media screen and (max-width: 768px ) { #header-directory { top: var(--header_height_sp); } } @media screen and (min-width: 769px ) { #header-directory { min-width: calc(40px + var(--section_width_default)); top: var(--header_height_pc); } } #header-directory.is-fixed { position: fixed; top: 0; left: 0; width: 100%; } #header-directory.is-absolute { left: 0 !important; } @media screen and (max-width: 768px ) { #page-contents.has-directory-header { padding-top: calc(var(--header_height_sp) + var(--directory_header_height_sp)); } } @media screen and (min-width: 769px ) { #page-contents.has-directory-header { padding-top: calc(var(--header_height_pc) + var(--directory_header_height_pc)); } } .-fronteo_directory .p-hdr_logos__link { text-decoration: none; color: #fff; font-weight: 300; font-family: "Roboto", sans-serif; } @media screen and (max-width: 768px ) { .-fronteo_directory .p-hdr_logos__link { font-size: 16px; } } @media screen and (min-width: 769px ) { .-fronteo_directory .p-hdr_logos__link { font-size: 20px; } } @media screen and (min-width: 769px ) { .p-footer__item { padding-bottom: 30px; } } @media screen and (min-width: 769px ) { .p-footer__item.-child { padding-left: 0; } } @media screen and (max-width: 768px ) { .p-footer__copyright { text-align: left; padding: 0; } } @media screen and (min-width: 769px ) { .p-footer__copyright { padding: 0; } } .p-footer_foot { border-top: 1px solid #007DCE; } @media screen and (max-width: 768px ) { .p-footer_foot { padding-top: 30px; padding-bottom: 40px; } } @media screen and (min-width: 769px ) { .p-footer_foot { padding-top: 30px; padding-bottom: 80px; } } @media screen and (min-width: 769px ) { .p-footer_foot__top { display: flex; justify-content: space-between; align-items: center; } } .p-footer_foot__logo { width: 196px; } .p-footer_foot__logo a { display: block; } @media screen and (max-width: 768px ) { .p-footer_foot__sns_list { margin-top: 20px; } } @media screen and (max-width: 768px ) { .p-footer_foot__bottom { margin-top: 20px; } } @media screen and (min-width: 769px ) { .p-footer_foot__bottom { margin-top: 25px; display: flex; align-items: center; justify-content: space-between; } } @media screen and (max-width: 768px ) { .p-footer_foot__copyright { margin-top: 40px; } } .p-footer_sns_list { list-style: none; } @media screen and (max-width: 768px ) { .p-footer_sns_list { display: flex; align-items: center; gap: 20px; } } @media screen and (min-width: 769px ) { .p-footer_sns_list { display: flex; align-items: center; gap: 20px; } } @media screen and (max-width: 768px ) { .p-footer_sns_list__item { font-size: 28px; } } @media screen and (min-width: 769px ) { .p-footer_sns_list__item { font-size: 28px; } } .p-footer_sns_list__link { color: #fff; text-decoration: none; } .p-footer_sub_nav { list-style: none; } @media screen and (min-width: 769px ) { .p-footer_sub_nav { display: flex; align-items: center; gap: 12px; } } .p-footer_sub_nav__item { font-weight: 500; } @media screen and (max-width: 768px ) { .p-footer_sub_nav__item { font-size: 12px; margin-top: 15px; } } @media screen and (min-width: 769px ) { .p-footer_sub_nav__item { font-size: 12px; } } @media screen and (max-width: 768px ) { .p-footer_sub_nav__item:first-child { margin-top: 0; } } .p-footer_sub_nav__link { color: #fff; } @media screen and (max-width: 768px ) { .p-news_list_article__date { font-size: var(--common_paragraph_small_font_size_sp); } } @media screen and (min-width: 769px ) { .p-news_list_article__date { font-size: var(--common_paragraph_small_font_size_pc); } } @media screen and (max-width: 768px ) { .p-news_list_article__title { font-size: var(--common_paragraph_small_font_size_sp); } } @media screen and (min-width: 769px ) { .p-news_list_article__title { font-size: var(--common_paragraph_small_font_size_pc); } } .p-header.-fronteo_global { background-color: #000; } .p-header.-fronteo_directory { background-color: #222; } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__link .text::after, .p-header.-fronteo_directory .p-hdr_nav_global__link .text::after { background-color: #fff; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__item:hover .p-hdr_nav_global__link.-haschild, .p-header.-fronteo_directory .p-hdr_nav_global__item:hover .p-hdr_nav_global__link.-haschild { background-color: #000; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__link.-haschild::after, .p-header.-fronteo_directory .p-hdr_nav_global__link.-haschild::after { background-color: #000; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_child, .p-header.-fronteo_directory .p-hdr_nav_child { background-color: #000; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_global__item:hover .p-hdr_nav_global__link, .p-header.-fronteo_directory .p-hdr_nav_global__item:hover .p-hdr_nav_global__link { background-color: #000; color: #fff; opacity: 1; } } @media screen and (max-width: 768px ) { .p-header.-fronteo_global .p-hdr_nav, .p-header.-fronteo_directory .p-hdr_nav { background-color: #333; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_child__item:hover .p-hdr_nav_child__link, .p-header.-fronteo_directory .p-hdr_nav_child__item:hover .p-hdr_nav_child__link { color: #f1f1f1; } } .p-footer { background-color: #000; } .p-footer__copyright { background: none; } @media screen and (min-width: 769px ) { .p-footer__link:hover { color: var(--footer_nav_global_color); } } @media screen and (min-width: 769px ) { .p-footer__link.-child:hover { color: #fff; } } @media screen and (min-width: 769px ) { .p-footer_sub_nav__link:hover, .p-footer_sns_list__link:hover { color: #fff; } } @media screen and (min-width: 769px ) { .p-hdr_nav_grandchild { background-color: #000; } } @media screen and (min-width: 769px ) { .p-hdr_nav_grandchild__link:hover { color: #fff; } } @media screen and (min-width: 769px ) { .p-header.-fronteo_global .p-hdr_nav_child__item:hover .p-hdr_nav_child__link .icon path, .p-header.-fronteo_directory .p-hdr_nav_child__item:hover .p-hdr_nav_child__link .icon path { stroke: #fff; } } @media screen and (min-width: 769px ) { .p-footer_foot { border-color: #fff; } } /* master */ /* home */ /** system common **/ .-en { font-family: "Roboto", sans-serif; } .wh-f { color:#fff; } .wh-f a { color:#fff; text-decoration:none; } .mrg0 .p-section__body { margin: 0; } .big-f .p-section__title h2 { font-size: 40px; font-weight: 900; } .center-ttl .p-section__title { text-align:center; } .center-ttl .p-section__title::before, .p-section__title::after { width: calc(var(--section_title_decoration_width) / 1.5); } .center-ttl .p-section__title:before { background-color: #000000; right: 47.6%; bottom: inherit; left: auto; top: 0; -webkit-transform: none; transform: none; } .life_ttl .p-section__title h2 { font-family: "Roboto", sans-serif; font-size: 100px; line-height: 1.4; font-weight: 100; color: #c3cedd; margin: -1.2em 0 0 0; white-space: nowrap; } .life_ttl .p-section__title h3 { font-size: 28px; line-height: 1.4; white-space: nowrap; font-weight: 700; color: #001d36; margin: 0; } .life_ttl.en .p-section__title h2 { font-family: "Roboto", sans-serif; font-size: 100px; line-height: 1.4; font-weight: 100; color: #c3cedd; margin: -1.2em 0 0 0; white-space: nowrap; } /** header **/ @media screen and (min-width: 769px) { .aiforum_header .p-hdr_nav_global__item { font-size: 20px; } } /** footer style **/ .p-footer { background-color: #ffffff; } .p-footer__link { color: #4C4C4C; text-decoration: none; } .p-footer__link.-child { color: #4C4C4C; } .p-footer__copyright { background-color: #fff; color: #4c4c4c; font-size: var(--footer_copyright_font_size); font-weight: var(--footer_copyright_font_weight); letter-spacing: var(--footer_copyright_letter_spacing); padding: 20px 10px; text-align: left; } .p-footer__copyright { max-width: calc(40px + var(--section_width_wide)); margin: 0 auto; } /** font style **/ .font-style_mainttl h1.p-section__title_main { background: linear-gradient(90deg,rgba(0, 91, 172, 1) 0%, rgba(0, 160, 233, 1) 39%, rgba(255, 241, 0, 1) 60%, rgba(0, 160, 233, 1) 81%, rgba(0, 91, 172, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } h1.font-style_mainttl { background: linear-gradient(90deg,rgba(0, 91, 172, 1) 0%, rgba(0, 160, 233, 1) 39%, rgba(255, 241, 0, 1) 60%, rgba(0, 160, 233, 1) 81%, rgba(0, 91, 172, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } p.font-style_mainttl { background: linear-gradient(90deg,rgba(0, 91, 172, 1) 0%, rgba(0, 160, 233, 1) 39%, rgba(255, 241, 0, 1) 60%, rgba(0, 160, 233, 1) 81%, rgba(0, 91, 172, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .font-style_linear h2.p-section__title_main { background: linear-gradient(90deg, #00a0e9, #001d36); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .font-style_linear h3 { background: linear-gradient(90deg, #00a0e9, #001d36); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } /** contactform **/ .ai-forum_contact form { margin: 0 auto; background: #000; background-color: #edf4fd; padding: 50px 80px; } @media screen and (min-width: 769px) { h2.ai-forum_contact_ttl { text-align: center; } .ai-forum_contact { padding: 40px; } .ai-forum_contact form { width: 800px !important; } .ai-forum-tabnav_inner_place { margin-top: 40px; } .mktoForm .mktoFormCol { float: left; position: relative; min-height: 2em; width: 100% !important; } .mktoForm .mktoFormRow { clear: both; width: 100% !important; margin-bottom: 30px; } .mktoForm .mktoFieldWrap { float: unset; display: flex; width: 100% !important; } .mktoForm .mktoFieldWrap input#Email, .mktoForm .mktoFieldWrap input#Title, .mktoForm .mktoFieldWrap input#Department__c, .mktoForm .mktoFieldWrap input#Company { width: 100% !important; height: 40px; box-shadow: 3px 3px 10px 0px #ccc; border: 1px solid #ccc; } .mktoForm .mktoFieldWrap input#FirstName { width: 100% !important; height: 40px; box-shadow: 3px 3px 10px 0px #ccc; border: 1px solid #ccc; } .mktoForm .mktoFieldWrap input#LastName { width: 100% !important; height: 40px; box-shadow: 3px 3px 10px 0px #ccc; border: 1px solid #ccc; } .mktoForm .mktoRequiredField label.mktoLabel { font-weight: bold; } .mktoForm .mktoRequiredField label#LblEmail, .mktoForm .mktoRequiredField label#LblTitle, .mktoForm .mktoRequiredField label#LblDepartment__c, .mktoForm .mktoRequiredField label#LblCompany, .mktoForm .mktoRequiredField label#LblFirstName, .mktoForm .mktoRequiredField label#LblLastName { font-weight: bold; width: 250px !important; } .mktoForm .mktoButtonWrap.mktoGlow button.mktoButton { background: #000000; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 50%, rgba(84, 84, 84, 1) 50%) !important; width: 200px; height: 60px; border-radius: 3px; } .mktoForm .mktoButtonWrap.mktoGlow .mktoButton { color: #fff; background: unset !important; border: unset !important; padding: 0.4em 1em; font-size: 1em; box-shadow: unset !important; background-color: unset !important; background-image: unset !important; background-image: unset !important; background-image: unset !important; background-image: unset !important; } .mktoForm .mktoFormRow:nth-child(8) { display: flex; flex-direction: column; flex-direction: column-reverse; } .mktoForm .mktoFormRow:nth-child(10) { display: flex; flex-direction: column; flex-direction: column-reverse; } .mktoForm .mktoFormRow:nth-child(12) { display: flex; flex-direction: column; flex-direction: column-reverse; } } @media screen and (max-width: 768px) { .ai-forum_contact form { background: #000; background-color: #edf4fd; margin: 0 auto; padding: 30px 16px; } .mktoForm .mktoButtonWrap.mktoGlow button.mktoButton { background: #000000; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 50%, rgba(84, 84, 84, 1) 50%); width: 200px; height: 60px; border-radius: 3px; } .mktoForm .mktoButtonWrap.mktoGlow .mktoButton { color: #fff; background: unset; border: unset; padding: 0.4em 1em; font-size: 1em; box-shadow: unset; background-color: unset; background-image: unset; background-image: unset; background-image: unset; background-image: unset; } .mktoFieldWrap.mktoRequiredField label { margin-bottom: 10px; margin-top: 20px; } .mktoRadioList.mktoHasWidth.mktoRequired label { margin-bottom: 20px; margin-top: 0px; } .mktoRadioList.mktoHasWidth.mktoRequired input { margin-bottom: 20px; margin-top: 0px; margin-right: 10px; } } .mktoButtonRow { width: 100% !important; text-align: center !important; } span.mktoButtonWrap.mktoGlow { margin: 0 !important; } /** page **/ .ai-inovv-head div { margin: 0; } .ai-inovv-head { text-align: center; max-width: 1080px; margin: 0 auto; } .ai-innov_ttl h1 { font-size: 96px; line-height: 1.1; font-weight: 100; } .c-richtext .ai-innov_btm { border-top: 1px solid #02203a; padding-top: 20px; margin-top: 30px; } .ai-innov_btm p { font-size: 128px; font-weight: 400; line-height: 1; text-align: center; } .over-section .p-section__contents { position: relative; top: -50px; } .bg_linear .p-section__bg { background: #011E37; background: linear-gradient(0deg, rgba(1, 30, 55, 1) 0%, rgba(7, 53, 84, 1) 89%, rgba(97, 113, 59, 1) 100%); } .schedule-list { display: flex; flex-direction: column; gap: 15px; } .schedule-list div { margin: 0; } .schedule-list_box { display: flex; flex-direction: row; width: 100%; border: 1px solid #fff; padding: 16px 50px; gap: 50px; align-items: center; } .s-num { background: #ffffff; color: #000; font-size: 24px; line-height: 1; padding: 12px 40px; font-weight: bold; align-content: center; } .s-day { display: flex; flex-direction: row; align-items: baseline; gap: 14px; } p.s-date { font-size: 48px; line-height: 1; font-weight: bold; } p.s-week { font-size: 16px; line-height: 1; font-weight: 100; } .s-content p { font-size: 28px; font-weight: bold; } /** module tabnav v2 **/ .ai-forum-tabnav:after { clear: both; content: ""; display: block; } .ai-forum-tabnav { margin: 40px 0 110px 0; } .ai-forum-tabnav .p-tab_nav__section.-left .p-tab_nav__head { left: 2%; } .ai-forum-tabnav .p-tab_nav__section.-center .p-tab_nav__head { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } .ai-forum-tabnav .p-tab_nav__section.-right .p-tab_nav__head { right: 2%; } .ai-forum-tabnav .p-tab_nav__head { bottom: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 200px; position: absolute; width: 30.3333%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #F4F5F9; border-radius: 2px 2px 0 0; border-top: 10px solid #FFF100; color: #000; cursor: pointer; justify-content: center; -webkit-transition-duration: var(--common_transition_duration); transition-duration: var(--common_transition_duration); /* margin: 0 2%; */ } .p-tab_nav__head a { color: #000; text-decoration: none; display: block; width: 100%; height: 100%; padding-top: 20px; } .p-tab_nav__head.btm-btn { bottom: -210px; border-top: 0; border-bottom: 10px solid #fff100; } .ai-forum-tabnav .p-tab_nav__title { font-size: 24px; font-weight: 400; text-align: center; position: relative; line-height: 2.7; } h2.p-tab_nav__title:after { content: ""; height: 1px; width: 60px; background: #000; position: absolute; left: calc(50% - 30px); top: 42%; } .is-active h2.p-tab_nav__title:after { background: #fff; } .ai-forum-tabnav .p-tab_nav__section.is-active { display: inline-block; position: relative; } .ai-forum-tabnav .p-tab_nav__section { /* display: none; */ position: absolute; } .ai-forum-tabnav .is-active .p-tab_nav__head { background: #02203a; color: #fff; border-color: #02203a; } .ai-forum-tabnav .p-row { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; } .ai-forum-tabnav .p-row__col { border-bottom: 1px solid #c3cedd; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; margin-top: 20px; width: 100%; } .p-tab_nav__contents { border-top: 20px solid #02203A; border-bottom: 20px solid #02203A; } .ai-forum-tabnav .p-row__col .time { flex: 1; } .ai-forum-tabnav .p-row__col .desc { flex: 2; } .ai-forum-tabnav_inner_head { margin-bottom: 60px; } .flex-box { display: flex; flex-direction: row; align-items: end; gap: 40px; } .ai-forum-tabnav_inner_ttl h2 { background: linear-gradient(90deg, #00a0e9, #001d36); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-size: 56px; font-weight: 400; } .ai-forum-tabnav_inner_ttl h3 { background: linear-gradient(90deg, #00a0e9, #001d36); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-size: 32px; } p.tab-day { font-size: 128px; font-weight: 100; line-height: 1; background: linear-gradient(90deg, #00a0e9, #001d36); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } p.tab-week { font-size: 64px; font-weight: 100; line-height: 1; background: linear-gradient(90deg, #00a0e9, #001d36); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .tab-place p { font-size: 24px; color: #fff; padding: 0px 10px; } .tab-place p span { background: #02203a; display: inline; line-height: 1.6; padding: 0 10px; border-radius: 5px; } .ai-forum-tabnav_inner_ttl { margin-top: 40px; margin-bottom: 20px; } .time_inner { font-size: 24px; line-height: 1; font-weight: 100; } .desc .c-richtext div { font-family: Roboto, sans-serif; font-weight: 100; width: fit-content!important; } .desc span { font-size: 20px !important;; } .tab-gmap { margin-bottom: 40px; } .ivent-badge p { color: #fff; font-size: 28px; padding: 20px; background: #015EAE; background: linear-gradient(90deg, rgba(1, 94, 174, 1) 0%, rgba(9, 117, 189, 1) 100%); } span.badge-left { display: block; } span.badge-center { display: block; } span.badge-right { font-size: 16px; text-align: right; display: block; padding-top: 6px; } .ai-forum-tabnav_inner_place .flex-box { align-items: end; display: flex; flex-direction: row; gap: 40px; align-items: start; justify-content: space-between; } .place-info_inner li { list-style-type: none; border-bottom: 1px solid #CACACA; display: flex; padding: 10px 0; gap: 20px; } .place-l { min-width: 110px; } @media screen and (max-width: 768px) { .ai-innov_ttl h1 { font-size: 32px; line-height: 1.1; } .c-richtext .ai-innov_btm { border-top: 1px solid #02203a; margin-top: 20px; padding-top: 10px; } .ai-innov_btm p { font-size: 80px; font-weight: 700; line-height: 1; text-align: center; } .ai-inovv-head { margin: 0 auto; max-width: 1080px; text-align: center; padding: 0 26px; } .schedule-list_box { align-items: center; border: 1px solid #fff; display: flex; flex-direction: column; gap: 14px; padding: 10px 20px; width: 100%; } .s-num { align-content: center; background: #fff; color: #000; font-size: 16px; font-weight: 700; line-height: 1; padding: 5px 24px; } p.s-date { font-size: 24px; font-weight: 700; line-height: 1; } p.s-week { font-size: 16px; line-height: 1; } .s-content p { font-size: 24px; font-weight: 700; line-height: 1.2; } .over-section .p-section__contents { position: relative; top: -30px; } .ai-forum-tabnav .p-tab_nav__head { bottom: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 120px; position: absolute; width: 30.3333%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; background-color: #F4F5F9; border-radius: 2px 2px 0 0; border-top: 10px solid #FFF100; color: #000; cursor: unset; justify-content: center; -webkit-transition-duration: var(--common_transition_duration); transition-duration: var(--common_transition_duration); } .ai-forum-tabnav .p-tab_nav__title { font-size: 12px; font-weight: 700; text-align: center; padding-bottom: 20px; text-align: center; } h2.p-tab_nav__title:after { background: #000; content: ""; height: 1px; left: calc(50% - 15px); position: absolute; top: 35%; width: 30px; } .flex-box { display: flex; flex-direction: row; align-items: end; gap: 10px; } p.tab-day { font-size: 50px; } p.tab-week { font-size: 20px; } .tab-place p { font-size: 16px; color: #fff; padding: 0px; } .ai-forum-tabnav_inner_head { margin-bottom: 20px; } .ai-forum-tabnav_inner_ttl { margin-top: 20px; margin-bottom: 14px; } .ai-forum-tabnav_inner_ttl h2 { font-size: 24px; } .ai-forum-tabnav_inner_ttl h3 { background: linear-gradient(90deg, #00a0e9, #001d36); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-size: 16px; } .ai-forum-tabnav .p-row__col { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; border-bottom: 1px solid #C3CEDD; margin-top: 20px; } .ivent-badge { width: 100%; } .place-l { min-width: 70px; } .ai-forum_contact { padding: 30px 10px; } .ai-forum-tabnav_inner_place .flex-box { align-items: end; align-items: start; display: flex ; flex-direction: column; /* flex-direction: row; */ gap: 20px; justify-content: space-between; } } .is-not .p-tab_nav__body .p-row .p-row__col { display: none; } .is-active.second .p-row .p-row__col { position: relative; } .is-active.second .p-row div.timeline:nth-child(3):after { align-items: anchor-center; background: #f1f1f1; background-size: 40px 40px; content: "Coming soon"; display: flex; font-size: 40px; height: 83%; justify-content: center; position: absolute; text-shadow: 3px 3px 3px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff; width: 100%; bottom: 0; /* home */