/* */ /* */ /* */ /* */ /*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: #333; /* プライマリー（メイン） */ --common_color_primary: #12B12B; /* バリアント（サブ） */ --common_color_primary_variant: #ff967f; /* セカンダリー（アクセント） */ --common_color_secondary: #1512AA; /* 全体背景 */ --common_color_bg: #fff; /* ライン */ --common_color_line: #CACACA; /* 文字選択時の背景 */ --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: 24px; /* [PC] */ --common_heading1_font_size_pc: 32px; /* heading2 */ /* [SP] */ --common_heading2_font_size_sp: 24px; /* [PC] */ --common_heading2_font_size_pc: 32px; /* heading3 */ /* [SP] */ --common_heading3_font_size_sp: 20px; /* [PC] */ --common_heading3_font_size_pc: 28px; /* heading4 */ /* [SP] */ --common_heading4_font_size_sp: 16px; /* [PC] */ --common_heading4_font_size_pc: 24px; /* heading5 */ /* [SP] */ --common_heading5_font_size_sp: 15px; /* [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: 13px; /* [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: 14px; /* ======================================== フォントウェイト */ /* heading1 */ --common_heading1_font_weight: 700; /* 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: 160%; /* heading2 */ --common_heading2_line_height: 160%; /* heading3 */ --common_heading3_line_height: 160%; /* heading4 */ --common_heading4_line_height: 160%; /* heading5 */ --common_heading5_line_height: 160%; /* heading6 */ --common_heading6_line_height: 160%; /* 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: 80px; /* ======================================== 左右余白 */ /* ロゴ左 */ /* [SP] */ --header_padding_left_sp: 15px; /* [PC] */ --header_padding_left_pc: 20px; /* メニューバー右（SPのみ） */ --header_menu_right_sp: 15px; /* ナビゲーション右（PCのみ） */ --header_padding_right_pc: 20px; /* ======================================== ロゴ */ /* 幅 */ /* [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: 15px; /* [pc] */ --header_nav_global_font_size_pc: 15px; /* 親ナビゲーション　フォントウェイト */ --header_nav_global_font_weight: 500; /* 親ナビゲーション　文字間 */ --header_nav_global_letter_spacing: 0.04em; /* 子ナビゲーション　フォントサイズ */ /* [sp] */ --header_nav_child_font_size_sp: 13px; /* [pc] */ --header_nav_child_font_size_pc: 13px; /* 子ナビゲーション　フォントウェイト */ --header_nav_child_font_weight: 500; /* 子ナビゲーション　文字間 */ --header_nav_child_letter_spacing: 0.04em; /* 子ナビゲーション　横幅（PCのみ） */ --header_nav_child_width_pc: 300px; /* ======================================== ボタン（PCのみ） */ /* 左余白（PCのみ） */ --header_nav_btn_left_margin_pc: 20px; /* 高さ（PCのみ） */ --header_nav_btn_height_pc: 37px; /* ボーダー幅（PCのみ） */ --header_nav_btn_border_width_pc: 2px; /* 角丸（PCのみ） */ --header_nav_btn_border_radius_pc: 32px; /* ボタン1　背景色（PCのみ） */ /* [通常] */ --header_nav_btn1_bg_color_pc: var(--common_color_primary); /* [ホバー] */ --header_nav_btn1_bg_color_pc_hover: #fff; /* ボタン1　ボーダーカラー（PCのみ） */ /* [通常] */ --header_nav_btn1_border_color_pc: var(--common_color_black); /* [ホバー] */ --header_nav_btn1_border_color_pc_hover: var(--common_color_black); /* ボタン1　文字色（PCのみ） */ /* [通常] */ --header_nav_btn1_font_color_pc: var(--common_color_black); /* [ホバー] */ --header_nav_btn1_font_color_pc_hover: var(--common_color_black); /* ボタン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: #fff; /* ======================================== ナビゲーション */ /* 親ナビゲーション　フォントサイズ */ --footer_nav_global_font_size: 16px; /* 親ナビゲーション　フォントウェイト */ --footer_nav_global_font_weight: 500; /* 親ナビゲーション　色 */ --footer_nav_global_color: var(--common_color_black); /* 子ナビゲーション　フォントサイズ */ --footer_nav_child_font_size: 15px; /* 子ナビゲーション　フォントウェイト */ --footer_nav_child_font_weight: 400; /* 子ナビゲーション　色 */ --footer_nav_child_color: var(--common_color_black); /* ======================================== コピーライト */ /* 背景色 */ --footer_copyright_bg_color: #fff; /* 文字色 */ --footer_copyright_color: var(--common_color_black); /* フォントウェイト */ --footer_copyright_font_weight: 500; /* フォントサイズ */ --footer_copyright_font_size: 14px; /* 文字間 */ --footer_copyright_letter_spacing: 0.1em; /* //////////////////////////////////////////////////////////////////////////////// リッチテキスト設定（c-richtext） */ /* ======================================== フォントサイズ */ /* h1 */ /* [SP] */ --richtext_h1_font_size_sp: var(--common_heading1_font_size_sp); /* [PC] */ --richtext_h1_font_size_pc: var(--common_heading1_font_size_pc); /* h2 */ /* [SP] */ --richtext_h2_font_size_sp: var(--common_heading2_font_size_sp); /* [PC] */ --richtext_h2_font_size_pc: var(--common_heading2_font_size_pc); /* h3 */ /* [SP] */ --richtext_h3_font_size_sp: var(--common_heading3_font_size_sp); /* [PC] */ --richtext_h3_font_size_pc: var(--common_heading3_font_size_pc); /* h4 */ /* [SP] */ --richtext_h4_font_size_sp: var(--common_heading4_font_size_sp); /* [PC] */ --richtext_h4_font_size_pc: var(--common_heading4_font_size_pc); /* h5 */ /* [SP] */ --richtext_h5_font_size_sp: var(--common_heading5_font_size_sp); /* [PC] */ --richtext_h5_font_size_pc: var(--common_heading5_font_size_pc); /* h6 */ /* [SP] */ --richtext_h6_font_size_sp: var(--common_heading6_font_size_sp); /* [PC] */ --richtext_h6_font_size_pc: var(--common_heading6_font_size_pc); /* p */ /* [SP] */ --richtext_p_font_size_sp: var(--common_paragraph_font_size_sp); /* [PC] */ --richtext_p_font_size_pc: var(--common_paragraph_font_size_pc); /* その他 */ /* [SP] */ --richtext_other_font_size_sp: var(--common_paragraph_small_font_size_sp); /* [PC] */ --richtext_other_font_size_pc: var(--common_paragraph_small_font_size_pc); /* ======================================== フォントウェイト */ /* h1 */ --richtext_h1_font_weight: var(--common_heading1_font_weight); /* h2 */ --richtext_h2_font_weight: var(--common_heading2_font_weight); /* h3 */ --richtext_h3_font_weight: var(--common_heading3_font_weight); /* h4 */ --richtext_h4_font_weight: var(--common_heading4_font_weight); /* h5 */ --richtext_h5_font_weight: var(--common_heading5_font_weight); /* h6 */ --richtext_h6_font_weight: var(--common_heading6_font_weight); /* p */ --richtext_p_font_weight: var(--common_paragraph_font_weight); /* その他 */ --richtext_other_font_weight: var(--common_paragraph_small_font_weight); /* ======================================== 行間 */ /* h1 */ --richtext_h1_line_height: var(--common_heading1_line_height); /* h2 */ --richtext_h2_line_height: var(--common_heading2_line_height); /* h3 */ --richtext_h3_line_height: var(--common_heading3_line_height); /* h4 */ --richtext_h4_line_height: var(--common_heading4_line_height); /* h5 */ --richtext_h5_line_height: var(--common_heading5_line_height); /* h6 */ --richtext_h6_line_height: var(--common_heading6_line_height); /* p */ --richtext_p_line_height: var(--common_paragraph_line_height); /* その他 */ --richtext_other_line_height: var(--common_paragraph_small_line_height); /* ======================================== 文字間 */ /* h1 */ --richtext_h1_letter_spacing: var(--common_heading1_letter_spacing); /* h2 */ --richtext_h2_letter_spacing: var(--common_heading2_letter_spacing); /* h3 */ --richtext_h3_letter_spacing: var(--common_heading3_letter_spacing); /* h4 */ --richtext_h4_letter_spacing: var(--common_heading4_letter_spacing); /* h5 */ --richtext_h5_letter_spacing: var(--common_heading5_letter_spacing); /* h6 */ --richtext_h6_letter_spacing: var(--common_heading6_letter_spacing); /* p */ --richtext_p_letter_spacing: var(--common_paragraph_letter_spacing); /* その他 */ --richtext_other_letter_spacing: var(--common_paragraph_small_letter_spacing); /* ======================================== 上余白 */ /* h1 */ /* [SP] */ --richtext_h1_margin_top_sp: 32px; /* [PC] */ --richtext_h1_margin_top_pc: 32px; /* h2 */ /* [SP] */ --richtext_h2_margin_top_sp: 24px; /* [PC] */ --richtext_h2_margin_top_pc: 24px; /* h3 */ /* [SP] */ --richtext_h3_margin_top_sp: 24px; /* [PC] */ --richtext_h3_margin_top_pc: 24px; /* h4 */ /* [SP] */ --richtext_h4_margin_top_sp: 24px; /* [PC] */ --richtext_h4_margin_top_pc: 24px; /* h5 */ /* [SP] */ --richtext_h5_margin_top_sp: 16px; /* [PC] */ --richtext_h5_margin_top_pc: 16px; /* h6 */ /* [SP] */ --richtext_h6_margin_top_sp: 16px; /* [PC] */ --richtext_h6_margin_top_pc: 16px; /* p */ /* [SP] */ --richtext_p_margin_top_sp: 12px; /* [PC] */ --richtext_p_margin_top_pc: 12px; /* その他 */ /* [SP] */ --richtext_other_margin_top_sp: 12px; /* [PC] */ --richtext_other_margin_top_pc: 12px; /* //////////////////////////////////////////////////////////////////////////////// セクションモジュール設定（p-section） */ /* ======================================== タイトル　装飾など */ /* フォントサイズ */ /* [SP] */ --section_ttl_font_size_sp: 24px; /* [PC] */ --section_ttl_font_size_pc: 32px; /* 行間 */ --section_ttl_line_height: 150%; /* 文字間 */ --section_ttl_letter_spacing: 0.1em; /* ウェイト */ --section_ttl_font_weight: 400; /* 下余白（下線装飾までの距離） */ --section_ttl_padding_bottom: 25px; /* 装飾の横幅 */ --section_ttl_decoration_width: 30px; /* 装飾の高さ */ --section_ttl_decoration_height: 1px; /* 左半分の色 */ --section_ttl_decoration_left_color: var(--common_color_black); /* 右半分の色 */ --section_ttl_decoration_right_color: var(--common_color_black); /* ======================================== リード文 */ /* 上余白（タイトルとの間隔） */ --section_lead_margin_top: 30px; /* ======================================== コンテンツ 余白 */ /* 上余白（タイトルとの間隔） */ /* [SP] */ --section_body_margin_top_sp: 25px; /* [PC] */ --section_body_margin_top_pc: 50px; /* ======================================== ボタン　余白 */ /* 上余白 */ --section_btns_margin_top: 30px; /* ======================================== オブション　背景 */ /* なし */ --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: 2px; /* [PC] */ --btn_border_width_pc: 2px; /* フォントサイズ */ /* [SP] */ --btn_font_size_sp: var(--common_paragraph_font_size_sp); /* [PC] */ --btn_font_size_pc: var(--common_paragraph_font_size_pc); /* フォントウェイト */ --btn_font_weight: 700; /* 角丸 */ /* [SP] */ --btn_radius_sp: 27px; /* [PC] */ --btn_radius_pc: 27px; /* 高さ */ /* [SP] */ --btn_height_sp: 54px; /* [PC] */ --btn_height_pc: 54px; /* ======================================== v2 */ /* 背景色 */ /* [通常時] */ --btn_v2_bg_color: var(--btn_bg_color); /* [ホバー時] */ --btn_v2_bg_color_hover: var(--btn_bg_color_hover); /* 文字色 */ /* [通常時] */ --btn_v2_font_color: var(--btn_font_color); /* [ホバー時] */ --btn_v2_font_color_hover: var(--btn_font_color_hover); /* ボーダー色 */ /* [通常時] */ --btn_v2_border_color: var(--btn_border_color); /* [ホバー時] */ --btn_v2_border_color_hover: var(--btn_border_color_hover); /* ボーダー太さ */ /* [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: var(--btn_bg_color); /* [ホバー時] */ --btn_v3_bg_color_hover: var(--btn_bg_color_hover); /* 文字色 */ /* [通常時] */ --btn_v3_font_color: var(--btn_font_color); /* [ホバー時] */ --btn_v3_font_color_hover: var(--btn_font_color_hover); /* ボーダー色 */ /* [通常時] */ --btn_v3_border_color: var(--btn_border_color); /* [ホバー時] */ --btn_v3_border_color_hover: var(--btn_border_color_hover); /* ボーダー太さ */ /* [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; } .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: 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); } .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.-v2 { font-weight: var(--btn_v2_font_weight); background-color: var(--btn_v2_bg_color); color: 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.-v3 { font-weight: var(--btn_v3_font_weight); background-color: var(--btn_v3_bg_color); color: 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.-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.is-current, .c-btn.-directory_nav:hover { background-color: var(--common_color_black); border: 2px solid var(--common_color_black); color: #fff; } .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%; } .p-anchor { position: relative; height: 0; } .p-anchor__position { position: absolute; height: 0; left: 0; } .p-section { background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: var(--section_bg_default); } .p-section.-bg_gray { background-color: var(--section_bg_gray); } .p-section.-bg_light_theme { background-color: var(--section_bg_light_theme); } .p-section__ttl { position: relative; text-align: center; line-height: var(--section_ttl_line_height); letter-spacing: var(--section_ttl_letter_spacing); font-weight: var(--section_ttl_font_weight); padding-bottom: var(--section_ttl_padding_bottom); } .p-section__ttl::before, .p-section__ttl::after { content: ""; display: block; position: absolute; bottom: 0; height: var(--section_ttl_decoration_height); width: calc(var(--section_ttl_decoration_width) / 2); } .p-section__ttl::before { background-color: var(--section_ttl_decoration_left_color); right: 50%; } .p-section__ttl::after { background-color: var(--section_ttl_decoration_right_color); left: 50%; } .p-section__ttl.-white { color: #fff; } .p-section__ttl.-white::before, .p-section__ttl.-white::after { background-color: #fff; } .p-section__ttl.-no_decoration { padding-bottom: 0; } .p-section__ttl.-no_decoration::before, .p-section__ttl.-no_decoration::after { display: none; } * + .p-section__lead { margin-top: var(--section_lead_margin_top); } .p-section__lead.-white { color: #fff; } * + .p-section__btns { margin-top: var(--section_btns_margin_top); } .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; } .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_annotation_font_weight); line-height: var(--common_annotation_line_height); letter-spacing: var(--common_annotation_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; } .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); } .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__ttl { font-weight: var(--common_heading1_font_weight); line-height: var(--common_heading1_line_height); letter-spacing: var(--common_heading1_letter_spacing); } .p-page_head__ttl.-white { color: #fff; } .p-page_head__ttl.-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__ttl { 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__ttl { font-weight: 700; font-size: 18px; } .p-tab_nav__body { background-color: #fff; border-radius: 0 0 10px 10px; } .p-top_news__ttl::before, .p-top_news__ttl::after { content: ""; display: block; width: 25px; height: 3px; position: absolute; bottom: 0; } .p-top_news__ttl::before { background-color: #aaa; right: 50%; } .p-top_news__ttl::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__head { background-color: var(--common_color_black); color: #fff; } .p-faq__section { border-bottom: 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 .btn { position: absolute; top: 50%; right: 0; width: 20px; height: 20px; border-radius: 10px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); border: 1px solid var(--common_color_primary); 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: 10px; height: 1px; 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_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 var(--common_color_line); height: 50px; 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; } .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; } .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-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-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: left; 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: 10px 0px; } .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); } .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-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); } * + #blog-contents h1, * + .c-blog-contents h1, * + .c-richtext h1 { margin-top: var(--richtext_h1_margin_top_pc); } #blog-contents h2, .c-blog-contents h2, .c-richtext h2 { font-size: var(--richtext_h2_font_size_pc); } * + #blog-contents h2, * + .c-blog-contents h2, * + .c-richtext h2 { margin-top: var(--richtext_h2_margin_top_pc); } #blog-contents h3, .c-blog-contents h3, .c-richtext h3 { font-size: var(--richtext_h3_font_size_pc); } * + #blog-contents h3, * + .c-blog-contents h3, * + .c-richtext h3 { margin-top: var(--richtext_h3_margin_top_pc); } #blog-contents h4, .c-blog-contents h4, .c-richtext h4 { font-size: var(--richtext_h4_font_size_pc); } * + #blog-contents h4, * + .c-blog-contents h4, * + .c-richtext h4 { margin-top: var(--richtext_h4_margin_top_pc); } #blog-contents h5, .c-blog-contents h5, .c-richtext h5 { font-size: var(--richtext_h5_font_size_pc); } * + #blog-contents h5, * + .c-blog-contents h5, * + .c-richtext h5 { margin-top: var(--richtext_h5_margin_top_pc); } #blog-contents h6, .c-blog-contents h6, .c-richtext h6 { font-size: var(--richtext_h6_font_size_pc); } * + #blog-contents h6, * + .c-blog-contents h6, * + .c-richtext h6 { margin-top: var(--richtext_h6_margin_top_pc); } #blog-contents p, .c-blog-contents p, .c-richtext p { font-size: var(--richtext_p_font_size_pc); } * + #blog-contents p, * + .c-blog-contents p, * + .c-richtext p { margin-top: var(--richtext_p_margin_top_pc); } * + #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 li, * + .c-blog-contents li, * + .c-richtext li { margin-top: 10px; } #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; } .p-anchor__position { top: calc(0px - var(--section_padding_default_pc)); } .p-section { padding: var(--section_padding_default_pc) 0; } .p-section.-low { padding: var(--section_padding_low_pc) 0; } .p-section.-pt00 { padding-top: 0; } .p-section.-pb00 { padding-bottom: 0; } .p-section.-ptb00 { padding-top: 0; padding-bottom: 0; } .p-section__ttl { font-size: var(--section_ttl_font_size_pc); } * + .p-section__body { margin-top: var(--section_body_margin_top_pc); } .p-row.-pc_column2 { margin-right: calc(0px - var(--row2_space_horizon_pc)); margin-top: calc(0px - var(--row2_space_vertical_pc)); } .p-row.-pc_column3 { margin-right: calc(0px - var(--row3_space_horizon_pc)); margin-top: calc(0px - var(--row3_space_vertical_pc)); } .p-row.-pc_column4 { margin-right: calc(0px - var(--row4_space_horizon_pc)); margin-top: calc(0px - var(--row4_space_vertical_pc)); } .p-row.-pc_column5 { margin-right: calc(0px - var(--row5_space_horizon_pc)); margin-top: calc(0px - var(--row5_space_vertical_pc)); } .p-row__col.-pc_column2 { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding-right: var(--row2_space_horizon_pc); padding-top: var(--row2_space_vertical_pc); } .p-row__col.-pc_column3 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; padding-right: var(--row3_space_horizon_pc); padding-top: var(--row3_space_vertical_pc); } .p-row__col.-pc_column4 { -ms-flex-preferred-size: 25%; flex-basis: 25%; padding-right: var(--row4_space_horizon_pc); padding-top: var(--row4_space_vertical_pc); } .p-row__col.-pc_column5 { -ms-flex-preferred-size: 20%; flex-basis: 20%; padding-right: var(--row5_space_horizon_pc); padding-top: var(--row5_space_vertical_pc); } .p-card__body { margin-top: 15px; } .p-card__txt { font-size: var(--common_annotation_font_size_pc); } .p-tags__item { font-size: var(--common_annotation_font_size_pc); padding: 5 13px; } .p-tags__btn { border: var(--tag_border_width_pc) solid var(--tag_border_color_pc); 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_pc_hover); } .p-banner__contents { height: 140px; } .p-page_head { height: var(--page_head_height_pc); } .p-page_head__ttl { 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__ttl { font-size: 28px; font-weight: 500; } .p-top_news__ttl::before, .p-top_news__ttl::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__head { padding: 5px 20px; } .p-faq__ttl { font-size: 18px; } .p-faq__body { font-size: 14px; } .p-faq__section { padding: 20px 0; } .p-faq__q_inner { font-size: 20px; } .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_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; margin-top: -20px; } .p-page_directory_nav__item { margin-top: 15px; margin-right: 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-scroll_table > table { width: 100%; } .p-scroll_table > table table { width: 100%; } .p-scroll_table > table th, .p-scroll_table > table 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-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 40px; 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; } } @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); } .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-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); } * + #blog-contents h1, * + .c-blog-contents h1, * + .c-richtext h1 { margin-top: var(--richtext_h1_margin_top_sp); } #blog-contents h2, .c-blog-contents h2, .c-richtext h2 { font-size: var(--richtext_h2_font_size_sp); } * + #blog-contents h2, * + .c-blog-contents h2, * + .c-richtext h2 { margin-top: var(--richtext_h2_margin_top_sp); } #blog-contents h3, .c-blog-contents h3, .c-richtext h3 { font-size: var(--richtext_h3_font_size_sp); } * + #blog-contents h3, * + .c-blog-contents h3, * + .c-richtext h3 { margin-top: var(--richtext_h3_margin_top_sp); } #blog-contents h4, .c-blog-contents h4, .c-richtext h4 { font-size: var(--richtext_h4_font_size_sp); } * + #blog-contents h4, * + .c-blog-contents h4, * + .c-richtext h4 { margin-top: var(--richtext_h4_margin_top_sp); } #blog-contents h5, .c-blog-contents h5, .c-richtext h5 { font-size: var(--richtext_h5_font_size_sp); } * + #blog-contents h5, * + .c-blog-contents h5, * + .c-richtext h5 { margin-top: var(--richtext_h5_margin_top_sp); } #blog-contents h6, .c-blog-contents h6, .c-richtext h6 { font-size: var(--richtext_h6_font_size_sp); } * + #blog-contents h6, * + .c-blog-contents h6, * + .c-richtext h6 { margin-top: var(--richtext_h6_margin_top_sp); } #blog-contents p, .c-blog-contents p, .c-richtext p { font-size: var(--richtext_p_font_size_sp); } * + #blog-contents p, * + .c-blog-contents p, * + .c-richtext p { margin-top: var(--richtext_p_margin_top_sp); } * + #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 li, * + .c-blog-contents li, * + .c-richtext li { margin-top: 7px; } #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; } * + #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 { margin-top: 15px; } #blog-contents table img, .c-blog-contents table img, .c-richtext table img { display: block; margin: 0 auto; } .p-anchor__position { top: calc(0px - var(--section_padding_default_sp)); } .p-section { padding: var(--section_padding_default_sp) 0; } .p-section.-low { padding: var(--section_padding_low_sp) 0; } .p-section.-pt00 { padding-top: 0; } .p-section.-pb00 { padding-bottom: 0; } .p-section.-ptb00 { padding-top: 0; padding-bottom: 0; } .p-section__ttl { font-size: var(--section_ttl_font_size_sp); } * + .p-section__body { margin-top: var(--section_body_margin_top_sp); } .p-row.-sp_column1 { margin-top: calc(0px - var(--row1_space_vertical_sp)); } .p-row.-sp_column2 { margin-right: calc(0px - var(--row2_space_horizon_sp)); margin-top: calc(0px - var(--row2_space_vertical_sp)); } .p-row.-sp_column3 { margin-right: calc(0px - var(--row3_space_horizon_sp)); margin-top: calc(0px - var(--row3_space_vertical_sp)); } .p-row__col.-sp_column1 { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-top: var(--row1_space_vertical_sp); } .p-row__col.-sp_column2 { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding-right: var(--row2_space_horizon_sp); padding-top: var(--row2_space_vertical_sp); } .p-row__col.-sp_column3 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; padding-right: var(--row3_space_horizon_sp); padding-top: var(--row3_space_vertical_sp); } .p-card__body { margin-top: 10px; } .p-card__txt { font-size: var(--common_annotation_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_sp); 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_sp_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__ttl { 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__ttl { 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__head { padding: 4px 15px; } .p-faq__ttl { font-size: 14px; } .p-faq__body { font-size: 14px; } .p-faq__section { padding: 15px 0; } .p-faq__q_inner { font-size: 16px; } .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_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-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-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 { 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 { -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 { 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 { -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; } }/* いじらない */ @media screen and (min-width: 769px ) { #blog-contents h1, .c-blog-contents h1, .c-richtext h1 { 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 { 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 { 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 { 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 { 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 { 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 { 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; } } @media screen and (max-width: 768px ) { #blog-contents h1, .c-blog-contents h1, .c-richtext h1 { 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 { 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 { 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 { 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 { 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 { 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 { 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; } } /* */ /* */ /* */ /* */ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap'); /* Common */ :root { --section_width_default: 1080px; --section_bg_light_theme: #f6f6f6; } .p-section__ttl:after, .p-section__ttl:before { display:none; } .ccb-efont { font-family: "Lato", sans-serif; } .ccb-spOnly { display:none; } /* Header */ .p-header__logos { width:auto; } .p-header .ccb-header_copy { font-size:clamp(12px,1.48vw,16px); margin-left:30px; margin-right:auto; } .p-hdr_nav_global__link { padding:0 15px; } /* Footer */ .ccb-footerlogo { margin-right:64px; } .ccb-footerlogo img { width:130px; } .p-footer__item { padding-bottom: 10px; padding-top: 10px; font-size:15px; } .p-footer { border-top:thin solid #cacaca; } .p-footer__head { padding-top:56px; padding-bottom:0; } .p-footer__copyright { padding-bottom:40px; padding-top:0; text-align: left; } .p-footer__row { justify-content: flex-start; gap:64px; } /* button */ a.ccb-btn_ss { margin-top:32px; padding-bottom:8px; font-size:clamp(16px,1.85vw,20px); font-weight: 700; letter-spacing:.04em; color: inherit; border-bottom:2px solid #ffc70a; text-decoration: none; position:relative; display:inline-block; } a.ccb-btn_ss::after { width:20px; height: 20px; content:''; background-image: url(https://5639579.fs1.hubspotusercontent-na1.net/hubfs/5639579/ccb/images/triangle_right_yell.svg); background-size: cover; background-repeat: no-repeat; position:absolute; right:-32px; top:50%; transform: translateY(-50%); } @media screen and (min-width: 769px) { .c-btn { 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); } .c-btn:hover, .c-btn.is-current { background-color: #fff; border: var(--header_nav_btn_border_width_pc) solid var(--header_nav_btn1_border_color_pc); color: var(--header_nav_btn1_font_color_pc); } } /* Top Page */ .ccb-mv_top_pc h1 { margin-bottom: 48px; font-size:clamp(32px,4.4vw,48px); font-weight:500; text-align: center; letter-spacing:.04em; },18px; .ccb-mv_top_pc img { width:100vw; height:auto; } .c-richtext .ccb-top_intrvcont p.ccb-leadL { margin-bottom:56px; font-size:clamp(20px,2.6vw,28px); font-weight:700; line-height: 1.6; letter-spacing:.04em; position:relative; z-index:4; } .c-richtext .ccb-top_intrvcont p.ccb-leadL::before { width:56px; height:47px; content:''; background-image: url(https://5639579.fs1.hubspotusercontent-na1.net/hubfs/5639579/ccb/images/index/double_qoute01.svg); background-size: cover; background-repeat: no-repeat; position:absolute; top: -26px; left:-28px; z-index: -1; } .c-richtext .ccb-top_intrvcont p.ccb-leadL::after { width:56px; height:47px; content:''; background-image: url(https://5639579.fs1.hubspotusercontent-na1.net/hubfs/5639579/ccb/images/index/double_qoute02.svg); background-size: cover; background-repeat: no-repeat; position:absolute; bottom: -14px; right:0; z-index: -1; } .c-richtext div.ccb-btnarea { margin-top:32px; } h2.ccb-ttl-top { font-size:clamp(40px,6.3vw,68px); font-weight:700; line-height: 1.24; text-align: center; } h3.ccb-ttl-top { font-size:clamp(32px,5.2vw,56px); font-weight:700; line-height: 1.24; text-align: center; } p.ccb-sectttl_lead { width:30em; margin:40px auto 0 auto; font-size:clamp(16px,1.7vw,18px); line-height:1.4; font-weight:500; } .ccb-faq_top { padding:40px; background-color: #fff; display:flex; flex-wrap: wrap; gap:46px 56px; border-radius: 40px; } .ccb-faq_top .ccb-col { flex-basis: calc((100% - 56px)/ 2); } .ccb-faq_top .ccb-col p.ccb-faq_q { margin-bottom:10px; padding-left:40px; font-size: clamp(18px,1.85vw,20px); font-weight:700; letter-spacing:.04em; position:relative; } .ccb-faq_top .ccb-col p.ccb-faq_q::before { content:'Q'; font-size:clamp(16px,1.85vw,20px); font-family: "Lato", sans-serif; font-weight: 700; position:absolute; top:5px; left:0; } .ccb-faq_top .ccb-col p.ccb-faq_a { padding-left:40px; font-size: 15px; font-weight:400; line-height: 1.6; letter-spacing:.04em; position:relative; } .ccb-faq_top .ccb-col p.ccb-faq_a::before { content:'A'; font-size:clamp(16px,1.85vw,20px); font-family: "Lato", sans-serif; font-weight: 700; line-height:1.2; position:absolute; top:0px; left:0; } /* SP */ @media screen and (max-width: 768px) { .ccb-pcOnly { display:none; } .ccb-spOnly { display:block; } .c-richtext .ccb-top_intrvcont p.ccb-leadL { margin:0 16px; } .c-richtext .ccb-top_intrvcont p.ccb-leadL::before, .c-richtext .ccb-top_intrvcont p.ccb-leadL::after { width: 41px; height: 35px; } p.ccb-sectttl_lead { width: auto; } .ccb-faq_top { padding: 24px 16px; gap: 40px; border-radius: 16px; } .ccb-faq_top .ccb-col { flex-basis: 100%; } } /* project-card */ .p-card.-v2,.p-card.-v3 { background-color: #fff; -webkit-filter: drop-shadow(0 0 6px rgba(38,38,38,.16)); filter: drop-shadow(0 0 6px rgba(38,38,38,.16)); -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .p-card.-v3 .p-card__head { border-radius: 4px } .p-card.-figure_contain .p-card__head { border-radius: 0 } .p-card.-v2 .p-card__figure { padding-bottom: 56.25% } .p-card.-v3 .p-card__figure { padding-bottom: 44.44444444% } .p-card.-figure_contain .p-card__figure { background-color: #fff; background-size: contain; border: 1px solid var(--common_color_line); padding-bottom: 56.25% } .p-card.-v2 .p-card__body { background-color: #fff } .p-card__info { border-bottom: 1px solid var(--common_color_line) } .p-card.-v2 .p-card__txt { font-weight: 500 } .p-card__project_tags { border-top: 1px solid var(--common_color_line) } .ccb-project_card_tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .ccb-project_card_tags__item { list-style: none } @media screen and (min-width: 769px) { .p-card.-v3 { border-radius: 8px; padding: 16px } .p-card.-v2 .p-card__body { margin-top: 0; padding: 16px } .p-card__info { margin-bottom: 12px; padding-bottom: 12px } .p-card__date { font-size: 14px } .p-card__tags { padding-top: 8px } .p-card__project_tags { margin-top: 8px; padding-top: 8px } .ccb-project_card_tags { margin-right: -16px; margin-top: -8px } .ccb-project_card_tags__item { font-size: 12px; padding-right: 16px; padding-top: 8px } } @media screen and (max-width: 768px) { .p-card.-v3 { border-radius: 6px; padding: 12px } .p-card.-v2 .p-card__body { margin-top: 0; padding: 16px } .p-card__info { margin-bottom: 12px; padding-bottom: 12px } .p-card__date { font-size: 13px } .p-card__tags { padding-top: 6px } .p-card__project_tags { margin-top: 6px; padding-top: 6px } .ccb-project_card_tags { margin-right: -8px; margin-top: -4px } .ccb-project_card_tags__item { font-size: 12px; padding-right: 8px; padding-top: 4px } } /* Blog */ .p-section__ttl { text-align: left; } .hs_cos_wrapper_type_rich_text ul { padding-left:1.5em; } .hs_cos_wrapper_type_rich_text ul li { margin-bottom:.6em; }