@charset "UTF-8"; /* ====================================================== * index * ------------------------------------------------------ * Config * General * Base * Layout * Module ====================================================== */ /* ====================================================== * Config ====================================================== */ /* ====================================================== * basedesign * ------------------------------------------------------ * View * Color * Font * Link * Animation ====================================================== */ /* ====================================================== * View ====================================================== */ /*----- ブレイクポイント -----*/ /*----- コンテンツ幅 -----*/ /* ====================================================== * Color ====================================================== */ /*----- テーマカラー -----*/ /*----- 背景カラー -----*/ /*----- テキストカラー -----*/ /*----- リンクテキストカラー -----*/ /*----- ボーダーカラー -----*/ /* ====================================================== * Font ====================================================== */ @import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap"); /*----- フォントファミリー -----*/ /*----- フォントサイズ -----*/ /*----- 行間 -----*/ /*----- フォントウェイト -----*/ /* ====================================================== * Link ====================================================== */ /*----- リンクタイプ -----*/ /*----- リンク矢印アイコン -----*/ /*----- 透過度 -----*/ /* ====================================================== * Animation ====================================================== */ /*----- イージング（変化の度合い） -----*/ /*----- デュレーション（変化の開始から終了までの時間） -----*/ /*----- ディレイ（変化が始まるまでの時間） -----*/ /* ====================================================== * General ====================================================== */ /* ----- function ----- */ /* ====================================================== * function * ------------------------------------------------------ * gen-fetch-breakpoint ====================================================== */ /* ------------------------------------------------------ * gen-fetch-breakpoint ------------------------------------------------------ */ /* ----- mixin ----- */ /* ====================================================== * mixin * ------------------------------------------------------ * hover * hover-focus * plain-hover-focus * hover-focus-active * except-hover * any-link ====================================================== */ /* ------------------------------------------------------ * hover ------------------------------------------------------ */ /* ------------------------------------------------------ * hover-focus ------------------------------------------------------ */ /* ------------------------------------------------------ * plain-hover-focus ------------------------------------------------------ */ /* ------------------------------------------------------ * hover ------------------------------------------------------ */ /* ------------------------------------------------------ * except-hover ------------------------------------------------------ */ /* ------------------------------------------------------ * any-link ------------------------------------------------------ */ /* ====================================================== * mixin * ------------------------------------------------------ * gen-media-breakpoint-up * gen-media-breakpoint-down * gen-media-breakpoint-between ====================================================== */ /* ------------------------------------------------------ * gen-media-breakpoint-up * @requires * - gen-fetch-breakpoint ------------------------------------------------------ */ /* ------------------------------------------------------ * gen-media-breakpoint-down * @requires * - gen-fetch-breakpoint ------------------------------------------------------ */ /* ------------------------------------------------------ * gen-media-breakpoint-between * @requires * - gen-fetch-breakpoint ------------------------------------------------------ */ /* ====================================================== * mixin * ------------------------------------------------------ * gen-child-margin-top * gen-child-margin-bottom ====================================================== */ /* ------------------------------------------------------ * gen-child-margin-top ------------------------------------------------------ */ /* ------------------------------------------------------ * gen-child-margin-bottom ------------------------------------------------------ */ /* ====================================================== * mixin * ------------------------------------------------------ * gen-modal-modaal ====================================================== */ /* ------------------------------------------------------ * gen-modal-modaal ------------------------------------------------------ */ /* ====================================================== * mixin * ------------------------------------------------------ * gen-clearfix ====================================================== */ /* ------------------------------------------------------ * gen-clearfix ------------------------------------------------------ */ /* ----- extend ----- */ /* ====================================================== * icon * ------------------------------------------------------ * gen-icon-arrow * gen-icon-arrow-tail * gen-icon-arrow-middle * gen-icon-sprite * gen-icon-sprite-tail * gen-icon-sprite-middle ====================================================== */ /* ------------------------------------------------------ * gen-icon-arrow ------------------------------------------------------ */ .heading2__link .heading2__title::after, .heading2--center__link .heading2--center__title::after, .heading2-v2__link .heading2-v2__title::after, .heading2-v2--center__link .heading2-v2--center__title::after, .heading3__link .heading3__title::after, .heading3--center__link .heading3--center__title::after, .heading3-v2__link .heading3-v2__title::after, .heading3-v2--center__link .heading3-v2--center__title::after, .heading4__link .heading4__title::after, .heading4--center__link .heading4--center__title::after, .heading4-v2__link .heading4-v2__title::after, .heading4-v2--center__link .heading4-v2--center__title::after, .heading5__link .heading5__title::after, .heading5--center__link .heading5--center__title::after, .heading6__link .heading6__title::after, .heading6--center__link .heading6--center__title::after, .description-list__type::after, .description-list-v2__type::after, .description-list-v3__type::after, .description-list-v4__type::after, .link-list > li > [class*="__type"]::before, .pager-navi .pager-navi__link--next::before, .card .card__type .card__title::after, .card-v2 .card-v2__type .card-v2__title::after, .news .news__type .news__title::after, .download__link-list__type::before, .download__link-list__type--blank::before, .download__link-list__type--pdf::before, .download__link-list__type--excel::before, .download__link-list__type--word::before, .download__link-list__type--powerpoint::before, .download__link-list__type--zip::before, .download__link-list__type--video::before, .download__link-list__type--modal::before, .download__link-list__type--rss::before, .anchor-navi__label::before, .pager-navi .pager-navi__link--prev::before { display: inline-block; position: relative; border-top: 1px solid #fe4774; border-right: 1px solid #fe4774; vertical-align: middle; -webkit-backface-visibility: hidden; content: ""; } @media print, screen and (min-width: 768px) { .heading2__link .heading2__title::after, .heading2--center__link .heading2--center__title::after, .heading2-v2__link .heading2-v2__title::after, .heading2-v2--center__link .heading2-v2--center__title::after, .heading3__link .heading3__title::after, .heading3--center__link .heading3--center__title::after, .heading3-v2__link .heading3-v2__title::after, .heading3-v2--center__link .heading3-v2--center__title::after, .heading4__link .heading4__title::after, .heading4--center__link .heading4--center__title::after, .heading4-v2__link .heading4-v2__title::after, .heading4-v2--center__link .heading4-v2--center__title::after, .heading5__link .heading5__title::after, .heading5--center__link .heading5--center__title::after, .heading6__link .heading6__title::after, .heading6--center__link .heading6--center__title::after, .description-list__type::after, .description-list-v2__type::after, .description-list-v3__type::after, .description-list-v4__type::after, .link-list > li > [class*="__type"]::before, .pager-navi .pager-navi__link--next::before, .card .card__type .card__title::after, .card-v2 .card-v2__type .card-v2__title::after, .news .news__type .news__title::after, .download__link-list__type::before, .download__link-list__type--blank::before, .download__link-list__type--pdf::before, .download__link-list__type--excel::before, .download__link-list__type--word::before, .download__link-list__type--powerpoint::before, .download__link-list__type--zip::before, .download__link-list__type--video::before, .download__link-list__type--modal::before, .download__link-list__type--rss::before, .anchor-navi__label::before, .pager-navi .pager-navi__link--prev::before { width: 10px; height: 10px; } } @media only screen and (max-width: 767.98px) { .heading2__link .heading2__title::after, .heading2--center__link .heading2--center__title::after, .heading2-v2__link .heading2-v2__title::after, .heading2-v2--center__link .heading2-v2--center__title::after, .heading3__link .heading3__title::after, .heading3--center__link .heading3--center__title::after, .heading3-v2__link .heading3-v2__title::after, .heading3-v2--center__link .heading3-v2--center__title::after, .heading4__link .heading4__title::after, .heading4--center__link .heading4--center__title::after, .heading4-v2__link .heading4-v2__title::after, .heading4-v2--center__link .heading4-v2--center__title::after, .heading5__link .heading5__title::after, .heading5--center__link .heading5--center__title::after, .heading6__link .heading6__title::after, .heading6--center__link .heading6--center__title::after, .description-list__type::after, .description-list-v2__type::after, .description-list-v3__type::after, .description-list-v4__type::after, .link-list > li > [class*="__type"]::before, .pager-navi .pager-navi__link--next::before, .card .card__type .card__title::after, .card-v2 .card-v2__type .card-v2__title::after, .news .news__type .news__title::after, .download__link-list__type::before, .download__link-list__type--blank::before, .download__link-list__type--pdf::before, .download__link-list__type--excel::before, .download__link-list__type--word::before, .download__link-list__type--powerpoint::before, .download__link-list__type--zip::before, .download__link-list__type--video::before, .download__link-list__type--modal::before, .download__link-list__type--rss::before, .anchor-navi__label::before, .pager-navi .pager-navi__link--prev::before { width: 8px; height: 8px; } } .heading2__link .heading2__title::after, .heading2--center__link .heading2--center__title::after, .heading2-v2__link .heading2-v2__title::after, .heading2-v2--center__link .heading2-v2--center__title::after, .heading3__link .heading3__title::after, .heading3--center__link .heading3--center__title::after, .heading3-v2__link .heading3-v2__title::after, .heading3-v2--center__link .heading3-v2--center__title::after, .heading4__link .heading4__title::after, .heading4--center__link .heading4--center__title::after, .heading4-v2__link .heading4-v2__title::after, .heading4-v2--center__link .heading4-v2--center__title::after, .heading5__link .heading5__title::after, .heading5--center__link .heading5--center__title::after, .heading6__link .heading6__title::after, .heading6--center__link .heading6--center__title::after, .description-list__type::after, .description-list-v2__type::after, .description-list-v3__type::after, .description-list-v4__type::after, .link-list > li > [class*="__type"]::before, .pager-navi .pager-navi__link--next::before, .card .card__type .card__title::after, .card-v2 .card-v2__type .card-v2__title::after, .news .news__type .news__title::after, .download__link-list__type::before, .download__link-list__type--blank::before, .download__link-list__type--pdf::before, .download__link-list__type--excel::before, .download__link-list__type--word::before, .download__link-list__type--powerpoint::before, .download__link-list__type--zip::before, .download__link-list__type--video::before, .download__link-list__type--modal::before, .download__link-list__type--rss::before { transform: rotate(45deg); } .anchor-navi__label::before { transform: rotate(135deg); } .pager-navi .pager-navi__link--prev::before { transform: rotate(-135deg); } /* v2 */ /* v3 */ .carousel__list > .slick-arrow.slick-next::before, .carousel__list > .slick-arrow.slick-prev::before { display: inline-block; position: relative; border-top: 1px solid #999; border-right: 1px solid #999; vertical-align: middle; -webkit-backface-visibility: hidden; content: ""; } @media print, screen and (min-width: 768px) { .carousel__list > .slick-arrow.slick-next::before, .carousel__list > .slick-arrow.slick-prev::before { width: 10px; height: 10px; } } @media only screen and (max-width: 767.98px) { .carousel__list > .slick-arrow.slick-next::before, .carousel__list > .slick-arrow.slick-prev::before { width: 8px; height: 8px; } } .carousel__list > .slick-arrow.slick-next::before { transform: rotate(45deg); } .carousel__list > .slick-arrow.slick-prev::before { transform: rotate(-135deg); } /* ------------------------------------------------------ * gen-icon-arrow-tail ------------------------------------------------------ */ .heading2__link .heading2__title::after, .heading2--center__link .heading2--center__title::after, .heading2-v2__link .heading2-v2__title::after, .heading2-v2--center__link .heading2-v2--center__title::after, .heading3__link .heading3__title::after, .heading3--center__link .heading3--center__title::after, .heading3-v2__link .heading3-v2__title::after, .heading3-v2--center__link .heading3-v2--center__title::after, .heading4__link .heading4__title::after, .heading4--center__link .heading4--center__title::after, .heading4-v2__link .heading4-v2__title::after, .heading4-v2--center__link .heading4-v2--center__title::after, .heading5__link .heading5__title::after, .heading5--center__link .heading5--center__title::after, .heading6__link .heading6__title::after, .heading6--center__link .heading6--center__title::after, .description-list__type::after, .description-list-v2__type::after, .description-list-v3__type::after, .description-list-v4__type::after, .card .card__type .card__title::after, .card-v2 .card-v2__type .card-v2__title::after { margin-left: 5px; } @media print, screen and (min-width: 768px) { .heading2__link .heading2__title::after, .heading2--center__link .heading2--center__title::after, .heading2-v2__link .heading2-v2__title::after, .heading2-v2--center__link .heading2-v2--center__title::after, .heading3__link .heading3__title::after, .heading3--center__link .heading3--center__title::after, .heading3-v2__link .heading3-v2__title::after, .heading3-v2--center__link .heading3-v2--center__title::after, .heading4__link .heading4__title::after, .heading4--center__link .heading4--center__title::after, .heading4-v2__link .heading4-v2__title::after, .heading4-v2--center__link .heading4-v2--center__title::after, .heading5__link .heading5__title::after, .heading5--center__link .heading5--center__title::after, .heading6__link .heading6__title::after, .heading6--center__link .heading6--center__title::after, .description-list__type::after, .description-list-v2__type::after, .description-list-v3__type::after, .description-list-v4__type::after, .card .card__type .card__title::after, .card-v2 .card-v2__type .card-v2__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading2__link .heading2__title::after, .heading2--center__link .heading2--center__title::after, .heading2-v2__link .heading2-v2__title::after, .heading2-v2--center__link .heading2-v2--center__title::after, .heading3__link .heading3__title::after, .heading3--center__link .heading3--center__title::after, .heading3-v2__link .heading3-v2__title::after, .heading3-v2--center__link .heading3-v2--center__title::after, .heading4__link .heading4__title::after, .heading4--center__link .heading4--center__title::after, .heading4-v2__link .heading4-v2__title::after, .heading4-v2--center__link .heading4-v2--center__title::after, .heading5__link .heading5__title::after, .heading5--center__link .heading5--center__title::after, .heading6__link .heading6__title::after, .heading6--center__link .heading6--center__title::after, .description-list__type::after, .description-list-v2__type::after, .description-list-v3__type::after, .description-list-v4__type::after, .card .card__type .card__title::after, .card-v2 .card-v2__type .card-v2__title::after { top: -1px; } } /* ------------------------------------------------------ * gen-icon-arrow-middle ------------------------------------------------------ */ .anchor-navi__label::before, .pager-navi .pager-navi__link--prev::before, .pager-navi .pager-navi__link--next::before { position: absolute; top: 50%; } @media print, screen and (min-width: 768px) { .anchor-navi__label::before, .pager-navi .pager-navi__link--prev::before, .pager-navi .pager-navi__link--next::before { margin-top: -7px; } } @media only screen and (max-width: 767.98px) { .anchor-navi__label::before, .pager-navi .pager-navi__link--prev::before, .pager-navi .pager-navi__link--next::before { margin-top: -4px; } } /* ------------------------------------------------------ * gen-icon-sprite ------------------------------------------------------ */ .util-link--blank::after, .assist-banner__link--blank::after, .heading2__link--blank .heading2__title::after, .heading2--center__link--blank .heading2--center__title::after, .heading2-v2__link--blank .heading2-v2__title::after, .heading2-v2--center__link--blank .heading2-v2--center__title::after, .heading3__link--blank .heading3__title::after, .heading3--center__link--blank .heading3--center__title::after, .heading3-v2__link--blank .heading3-v2__title::after, .heading3-v2--center__link--blank .heading3-v2--center__title::after, .heading4__link--blank .heading4__title::after, .heading4--center__link--blank .heading4--center__title::after, .heading4-v2__link--blank .heading4-v2__title::after, .heading4-v2--center__link--blank .heading4-v2--center__title::after, .heading5__link--blank .heading5__title::after, .heading5--center__link--blank .heading5--center__title::after, .heading6__link--blank .heading6__title::after, .heading6--center__link--blank .heading6--center__title::after, .description-list__type--blank::after, .description-list-v2__type--blank::after, .description-list-v3__type--blank::after, .description-list-v4__type--blank::after, .link-list__type--blank::after, .button .button__type--blank::after, .button-v2 .button-v2__type--blank::after, .card .card__type--blank .card__title::after, .card .card__type--blank--scaleup .card__title::after, .card-v2 .card-v2__type--blank .card-v2__title::after, .card-v2 .card-v2__type--blank--scaleup .card-v2__title::after, .news .news__type--blank .news__title::after, .download__link-list__type--blank::after, .util-link--pdf::after, .assist-banner__link--pdf::after, .heading2__link--pdf .heading2__title::after, .heading2--center__link--pdf .heading2--center__title::after, .heading2-v2__link--pdf .heading2-v2__title::after, .heading2-v2--center__link--pdf .heading2-v2--center__title::after, .heading3__link--pdf .heading3__title::after, .heading3--center__link--pdf .heading3--center__title::after, .heading3-v2__link--pdf .heading3-v2__title::after, .heading3-v2--center__link--pdf .heading3-v2--center__title::after, .heading4__link--pdf .heading4__title::after, .heading4--center__link--pdf .heading4--center__title::after, .heading4-v2__link--pdf .heading4-v2__title::after, .heading4-v2--center__link--pdf .heading4-v2--center__title::after, .heading5__link--pdf .heading5__title::after, .heading5--center__link--pdf .heading5--center__title::after, .heading6__link--pdf .heading6__title::after, .heading6--center__link--pdf .heading6--center__title::after, .description-list__type--pdf::after, .description-list-v2__type--pdf::after, .description-list-v3__type--pdf::after, .description-list-v4__type--pdf::after, .link-list__type--pdf::after, .button .button__type--pdf::after, .button-v2 .button-v2__type--pdf::after, .card .card__type--pdf .card__title::after, .card .card__type--pdf--scaleup .card__title::after, .card-v2 .card-v2__type--pdf .card-v2__title::after, .card-v2 .card-v2__type--pdf--scaleup .card-v2__title::after, .news .news__type--pdf .news__title::after, .download__link-list__type--pdf::after, .util-link--excel::after, .assist-banner__link--excel::after, .heading2__link--excel .heading2__title::after, .heading2--center__link--excel .heading2--center__title::after, .heading2-v2__link--excel .heading2-v2__title::after, .heading2-v2--center__link--excel .heading2-v2--center__title::after, .heading3__link--excel .heading3__title::after, .heading3--center__link--excel .heading3--center__title::after, .heading3-v2__link--excel .heading3-v2__title::after, .heading3-v2--center__link--excel .heading3-v2--center__title::after, .heading4__link--excel .heading4__title::after, .heading4--center__link--excel .heading4--center__title::after, .heading4-v2__link--excel .heading4-v2__title::after, .heading4-v2--center__link--excel .heading4-v2--center__title::after, .heading5__link--excel .heading5__title::after, .heading5--center__link--excel .heading5--center__title::after, .heading6__link--excel .heading6__title::after, .heading6--center__link--excel .heading6--center__title::after, .description-list__type--excel::after, .description-list-v2__type--excel::after, .description-list-v3__type--excel::after, .description-list-v4__type--excel::after, .link-list__type--excel::after, .button .button__type--excel::after, .button-v2 .button-v2__type--excel::after, .card .card__type--excel .card__title::after, .card .card__type--excel--scaleup .card__title::after, .card-v2 .card-v2__type--excel .card-v2__title::after, .card-v2 .card-v2__type--excel--scaleup .card-v2__title::after, .news .news__type--excel .news__title::after, .download__link-list__type--excel::after, .util-link--word::after, .assist-banner__link--word::after, .heading2__link--word .heading2__title::after, .heading2--center__link--word .heading2--center__title::after, .heading2-v2__link--word .heading2-v2__title::after, .heading2-v2--center__link--word .heading2-v2--center__title::after, .heading3__link--word .heading3__title::after, .heading3--center__link--word .heading3--center__title::after, .heading3-v2__link--word .heading3-v2__title::after, .heading3-v2--center__link--word .heading3-v2--center__title::after, .heading4__link--word .heading4__title::after, .heading4--center__link--word .heading4--center__title::after, .heading4-v2__link--word .heading4-v2__title::after, .heading4-v2--center__link--word .heading4-v2--center__title::after, .heading5__link--word .heading5__title::after, .heading5--center__link--word .heading5--center__title::after, .heading6__link--word .heading6__title::after, .heading6--center__link--word .heading6--center__title::after, .description-list__type--word::after, .description-list-v2__type--word::after, .description-list-v3__type--word::after, .description-list-v4__type--word::after, .link-list__type--word::after, .button .button__type--word::after, .button-v2 .button-v2__type--word::after, .card .card__type--word .card__title::after, .card .card__type--word--scaleup .card__title::after, .card-v2 .card-v2__type--word .card-v2__title::after, .card-v2 .card-v2__type--word--scaleup .card-v2__title::after, .news .news__type--word .news__title::after, .download__link-list__type--word::after, .util-link--powerpoint::after, .assist-banner__link--powerpoint::after, .heading2__link--powerpoint .heading2__title::after, .heading2--center__link--powerpoint .heading2--center__title::after, .heading2-v2__link--powerpoint .heading2-v2__title::after, .heading2-v2--center__link--powerpoint .heading2-v2--center__title::after, .heading3__link--powerpoint .heading3__title::after, .heading3--center__link--powerpoint .heading3--center__title::after, .heading3-v2__link--powerpoint .heading3-v2__title::after, .heading3-v2--center__link--powerpoint .heading3-v2--center__title::after, .heading4__link--powerpoint .heading4__title::after, .heading4--center__link--powerpoint .heading4--center__title::after, .heading4-v2__link--powerpoint .heading4-v2__title::after, .heading4-v2--center__link--powerpoint .heading4-v2--center__title::after, .heading5__link--powerpoint .heading5__title::after, .heading5--center__link--powerpoint .heading5--center__title::after, .heading6__link--powerpoint .heading6__title::after, .heading6--center__link--powerpoint .heading6--center__title::after, .description-list__type--powerpoint::after, .description-list-v2__type--powerpoint::after, .description-list-v3__type--powerpoint::after, .description-list-v4__type--powerpoint::after, .link-list__type--powerpoint::after, .button .button__type--powerpoint::after, .button-v2 .button-v2__type--powerpoint::after, .card .card__type--powerpoint .card__title::after, .card .card__type--powerpoint--scaleup .card__title::after, .card-v2 .card-v2__type--powerpoint .card-v2__title::after, .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__title::after, .news .news__type--powerpoint .news__title::after, .download__link-list__type--powerpoint::after, .util-link--zip::after, .assist-banner__link--zip::after, .heading2__link--zip .heading2__title::after, .heading2--center__link--zip .heading2--center__title::after, .heading2-v2__link--zip .heading2-v2__title::after, .heading2-v2--center__link--zip .heading2-v2--center__title::after, .heading3__link--zip .heading3__title::after, .heading3--center__link--zip .heading3--center__title::after, .heading3-v2__link--zip .heading3-v2__title::after, .heading3-v2--center__link--zip .heading3-v2--center__title::after, .heading4__link--zip .heading4__title::after, .heading4--center__link--zip .heading4--center__title::after, .heading4-v2__link--zip .heading4-v2__title::after, .heading4-v2--center__link--zip .heading4-v2--center__title::after, .heading5__link--zip .heading5__title::after, .heading5--center__link--zip .heading5--center__title::after, .heading6__link--zip .heading6__title::after, .heading6--center__link--zip .heading6--center__title::after, .description-list__type--zip::after, .description-list-v2__type--zip::after, .description-list-v3__type--zip::after, .description-list-v4__type--zip::after, .link-list__type--zip::after, .button .button__type--zip::after, .button-v2 .button-v2__type--zip::after, .card .card__type--zip .card__title::after, .card .card__type--zip--scaleup .card__title::after, .card-v2 .card-v2__type--zip .card-v2__title::after, .card-v2 .card-v2__type--zip--scaleup .card-v2__title::after, .news .news__type--zip .news__title::after, .download__link-list__type--zip::after, .util-link--video::after, .assist-banner__link--video::after, .heading2__link--video .heading2__title::after, .heading2--center__link--video .heading2--center__title::after, .heading2-v2__link--video .heading2-v2__title::after, .heading2-v2--center__link--video .heading2-v2--center__title::after, .heading3__link--video .heading3__title::after, .heading3--center__link--video .heading3--center__title::after, .heading3-v2__link--video .heading3-v2__title::after, .heading3-v2--center__link--video .heading3-v2--center__title::after, .heading4__link--video .heading4__title::after, .heading4--center__link--video .heading4--center__title::after, .heading4-v2__link--video .heading4-v2__title::after, .heading4-v2--center__link--video .heading4-v2--center__title::after, .heading5__link--video .heading5__title::after, .heading5--center__link--video .heading5--center__title::after, .heading6__link--video .heading6__title::after, .heading6--center__link--video .heading6--center__title::after, .description-list__type--video::after, .description-list-v2__type--video::after, .description-list-v3__type--video::after, .description-list-v4__type--video::after, .link-list__type--video::after, .button .button__type--video::after, .button-v2 .button-v2__type--video::after, .card .card__type--video .card__title::after, .card .card__type--video--scaleup .card__title::after, .card-v2 .card-v2__type--video .card-v2__title::after, .card-v2 .card-v2__type--video--scaleup .card-v2__title::after, .news .news__type--video .news__title::after, .download__link-list__type--video::after, .util-link--modal::after, .assist-banner__link--modal::after, .heading2__link--modal .heading2__title::after, .heading2--center__link--modal .heading2--center__title::after, .heading2-v2__link--modal .heading2-v2__title::after, .heading2-v2--center__link--modal .heading2-v2--center__title::after, .heading3__link--modal .heading3__title::after, .heading3--center__link--modal .heading3--center__title::after, .heading3-v2__link--modal .heading3-v2__title::after, .heading3-v2--center__link--modal .heading3-v2--center__title::after, .heading4__link--modal .heading4__title::after, .heading4--center__link--modal .heading4--center__title::after, .heading4-v2__link--modal .heading4-v2__title::after, .heading4-v2--center__link--modal .heading4-v2--center__title::after, .heading5__link--modal .heading5__title::after, .heading5--center__link--modal .heading5--center__title::after, .heading6__link--modal .heading6__title::after, .heading6--center__link--modal .heading6--center__title::after, .description-list__type--modal::after, .description-list-v2__type--modal::after, .description-list-v3__type--modal::after, .description-list-v4__type--modal::after, .link-list__type--modal::after, .button .button__type--modal::after, .button-v2 .button-v2__type--modal::after, .card .card__type--modal .card__title::after, .card .card__type--modal--scaleup .card__title::after, .card-v2 .card-v2__type--modal .card-v2__title::after, .card-v2 .card-v2__type--modal--scaleup .card-v2__title::after, .news .news__type--modal .news__title::after, .download__link-list__type--modal::after, .util-link--rss::after, .assist-banner__link--rss::after, .heading2__link--rss .heading2__title::after, .heading2--center__link--rss .heading2--center__title::after, .heading2-v2__link--rss .heading2-v2__title::after, .heading2-v2--center__link--rss .heading2-v2--center__title::after, .heading3__link--rss .heading3__title::after, .heading3--center__link--rss .heading3--center__title::after, .heading3-v2__link--rss .heading3-v2__title::after, .heading3-v2--center__link--rss .heading3-v2--center__title::after, .heading4__link--rss .heading4__title::after, .heading4--center__link--rss .heading4--center__title::after, .heading4-v2__link--rss .heading4-v2__title::after, .heading4-v2--center__link--rss .heading4-v2--center__title::after, .heading5__link--rss .heading5__title::after, .heading5--center__link--rss .heading5--center__title::after, .heading6__link--rss .heading6__title::after, .heading6--center__link--rss .heading6--center__title::after, .description-list__type--rss::after, .description-list-v2__type--rss::after, .description-list-v3__type--rss::after, .description-list-v4__type--rss::after, .link-list__type--rss::after, .button .button__type--rss::after, .button-v2 .button-v2__type--rss::after, .pulldown-navi__link--rss::before, .card .card__type--rss .card__title::after, .card .card__type--rss--scaleup .card__title::after, .card-v2 .card-v2__type--rss .card-v2__title::after, .card-v2 .card-v2__type--rss--scaleup .card-v2__title::after, .news .news__type--rss .news__title::after, .download__link-list__type--rss::after, .image a.image__frame--modal::after { display: inline-block; position: relative; vertical-align: middle; content: ""; } body[data-browser^="ie"] .util-link--blank::after, body[data-browser^="ie"] .assist-banner__link--blank::after, body[data-browser^="ie"] .heading2__link--blank .heading2__title::after, .heading2__link--blank body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--blank .heading2--center__title::after, .heading2--center__link--blank body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--blank .heading2-v2__title::after, .heading2-v2__link--blank body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--blank .heading2-v2--center__title::after, .heading2-v2--center__link--blank body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--blank .heading3__title::after, .heading3__link--blank body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--blank .heading3--center__title::after, .heading3--center__link--blank body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--blank .heading3-v2__title::after, .heading3-v2__link--blank body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--blank .heading3-v2--center__title::after, .heading3-v2--center__link--blank body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--blank .heading4__title::after, .heading4__link--blank body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--blank .heading4--center__title::after, .heading4--center__link--blank body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--blank .heading4-v2__title::after, .heading4-v2__link--blank body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--blank .heading4-v2--center__title::after, .heading4-v2--center__link--blank body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--blank .heading5__title::after, .heading5__link--blank body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--blank .heading5--center__title::after, .heading5--center__link--blank body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--blank .heading6__title::after, .heading6__link--blank body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--blank .heading6--center__title::after, .heading6--center__link--blank body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--blank::after, body[data-browser^="ie"] .description-list-v2__type--blank::after, body[data-browser^="ie"] .description-list-v3__type--blank::after, body[data-browser^="ie"] .description-list-v4__type--blank::after, body[data-browser^="ie"] .link-list__type--blank::after, body[data-browser^="ie"] .button .button__type--blank::after, .button body[data-browser^="ie"] .button__type--blank::after, body[data-browser^="ie"] .button-v2 .button-v2__type--blank::after, .button-v2 body[data-browser^="ie"] .button-v2__type--blank::after, body[data-browser^="ie"] .card .card__type--blank .card__title::after, .card .card__type--blank body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--blank--scaleup .card__title::after, .card .card__type--blank--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--blank .card-v2__title::after, .card-v2 .card-v2__type--blank body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--blank--scaleup .card-v2__title::after, .card-v2 .card-v2__type--blank--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--blank .news__title::after, .news .news__type--blank body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--blank::after, body[data-browser^="ie"] .util-link--pdf::after, body[data-browser^="ie"] .assist-banner__link--pdf::after, body[data-browser^="ie"] .heading2__link--pdf .heading2__title::after, .heading2__link--pdf body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--pdf .heading2--center__title::after, .heading2--center__link--pdf body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--pdf .heading2-v2__title::after, .heading2-v2__link--pdf body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--pdf .heading2-v2--center__title::after, .heading2-v2--center__link--pdf body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--pdf .heading3__title::after, .heading3__link--pdf body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--pdf .heading3--center__title::after, .heading3--center__link--pdf body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--pdf .heading3-v2__title::after, .heading3-v2__link--pdf body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--pdf .heading3-v2--center__title::after, .heading3-v2--center__link--pdf body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--pdf .heading4__title::after, .heading4__link--pdf body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--pdf .heading4--center__title::after, .heading4--center__link--pdf body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--pdf .heading4-v2__title::after, .heading4-v2__link--pdf body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--pdf .heading4-v2--center__title::after, .heading4-v2--center__link--pdf body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--pdf .heading5__title::after, .heading5__link--pdf body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--pdf .heading5--center__title::after, .heading5--center__link--pdf body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--pdf .heading6__title::after, .heading6__link--pdf body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--pdf .heading6--center__title::after, .heading6--center__link--pdf body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--pdf::after, body[data-browser^="ie"] .description-list-v2__type--pdf::after, body[data-browser^="ie"] .description-list-v3__type--pdf::after, body[data-browser^="ie"] .description-list-v4__type--pdf::after, body[data-browser^="ie"] .link-list__type--pdf::after, body[data-browser^="ie"] .button .button__type--pdf::after, .button body[data-browser^="ie"] .button__type--pdf::after, body[data-browser^="ie"] .button-v2 .button-v2__type--pdf::after, .button-v2 body[data-browser^="ie"] .button-v2__type--pdf::after, body[data-browser^="ie"] .card .card__type--pdf .card__title::after, .card .card__type--pdf body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--pdf--scaleup .card__title::after, .card .card__type--pdf--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--pdf .card-v2__title::after, .card-v2 .card-v2__type--pdf body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--pdf--scaleup .card-v2__title::after, .card-v2 .card-v2__type--pdf--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--pdf .news__title::after, .news .news__type--pdf body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--pdf::after, body[data-browser^="ie"] .util-link--excel::after, body[data-browser^="ie"] .assist-banner__link--excel::after, body[data-browser^="ie"] .heading2__link--excel .heading2__title::after, .heading2__link--excel body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--excel .heading2--center__title::after, .heading2--center__link--excel body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--excel .heading2-v2__title::after, .heading2-v2__link--excel body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--excel .heading2-v2--center__title::after, .heading2-v2--center__link--excel body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--excel .heading3__title::after, .heading3__link--excel body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--excel .heading3--center__title::after, .heading3--center__link--excel body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--excel .heading3-v2__title::after, .heading3-v2__link--excel body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--excel .heading3-v2--center__title::after, .heading3-v2--center__link--excel body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--excel .heading4__title::after, .heading4__link--excel body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--excel .heading4--center__title::after, .heading4--center__link--excel body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--excel .heading4-v2__title::after, .heading4-v2__link--excel body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--excel .heading4-v2--center__title::after, .heading4-v2--center__link--excel body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--excel .heading5__title::after, .heading5__link--excel body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--excel .heading5--center__title::after, .heading5--center__link--excel body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--excel .heading6__title::after, .heading6__link--excel body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--excel .heading6--center__title::after, .heading6--center__link--excel body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--excel::after, body[data-browser^="ie"] .description-list-v2__type--excel::after, body[data-browser^="ie"] .description-list-v3__type--excel::after, body[data-browser^="ie"] .description-list-v4__type--excel::after, body[data-browser^="ie"] .link-list__type--excel::after, body[data-browser^="ie"] .button .button__type--excel::after, .button body[data-browser^="ie"] .button__type--excel::after, body[data-browser^="ie"] .button-v2 .button-v2__type--excel::after, .button-v2 body[data-browser^="ie"] .button-v2__type--excel::after, body[data-browser^="ie"] .card .card__type--excel .card__title::after, .card .card__type--excel body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--excel--scaleup .card__title::after, .card .card__type--excel--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--excel .card-v2__title::after, .card-v2 .card-v2__type--excel body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--excel--scaleup .card-v2__title::after, .card-v2 .card-v2__type--excel--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--excel .news__title::after, .news .news__type--excel body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--excel::after, body[data-browser^="ie"] .util-link--word::after, body[data-browser^="ie"] .assist-banner__link--word::after, body[data-browser^="ie"] .heading2__link--word .heading2__title::after, .heading2__link--word body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--word .heading2--center__title::after, .heading2--center__link--word body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--word .heading2-v2__title::after, .heading2-v2__link--word body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--word .heading2-v2--center__title::after, .heading2-v2--center__link--word body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--word .heading3__title::after, .heading3__link--word body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--word .heading3--center__title::after, .heading3--center__link--word body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--word .heading3-v2__title::after, .heading3-v2__link--word body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--word .heading3-v2--center__title::after, .heading3-v2--center__link--word body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--word .heading4__title::after, .heading4__link--word body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--word .heading4--center__title::after, .heading4--center__link--word body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--word .heading4-v2__title::after, .heading4-v2__link--word body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--word .heading4-v2--center__title::after, .heading4-v2--center__link--word body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--word .heading5__title::after, .heading5__link--word body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--word .heading5--center__title::after, .heading5--center__link--word body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--word .heading6__title::after, .heading6__link--word body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--word .heading6--center__title::after, .heading6--center__link--word body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--word::after, body[data-browser^="ie"] .description-list-v2__type--word::after, body[data-browser^="ie"] .description-list-v3__type--word::after, body[data-browser^="ie"] .description-list-v4__type--word::after, body[data-browser^="ie"] .link-list__type--word::after, body[data-browser^="ie"] .button .button__type--word::after, .button body[data-browser^="ie"] .button__type--word::after, body[data-browser^="ie"] .button-v2 .button-v2__type--word::after, .button-v2 body[data-browser^="ie"] .button-v2__type--word::after, body[data-browser^="ie"] .card .card__type--word .card__title::after, .card .card__type--word body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--word--scaleup .card__title::after, .card .card__type--word--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--word .card-v2__title::after, .card-v2 .card-v2__type--word body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--word--scaleup .card-v2__title::after, .card-v2 .card-v2__type--word--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--word .news__title::after, .news .news__type--word body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--word::after, body[data-browser^="ie"] .util-link--powerpoint::after, body[data-browser^="ie"] .assist-banner__link--powerpoint::after, body[data-browser^="ie"] .heading2__link--powerpoint .heading2__title::after, .heading2__link--powerpoint body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--powerpoint .heading2--center__title::after, .heading2--center__link--powerpoint body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--powerpoint .heading2-v2__title::after, .heading2-v2__link--powerpoint body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--powerpoint .heading2-v2--center__title::after, .heading2-v2--center__link--powerpoint body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--powerpoint .heading3__title::after, .heading3__link--powerpoint body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--powerpoint .heading3--center__title::after, .heading3--center__link--powerpoint body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--powerpoint .heading3-v2__title::after, .heading3-v2__link--powerpoint body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--powerpoint .heading3-v2--center__title::after, .heading3-v2--center__link--powerpoint body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--powerpoint .heading4__title::after, .heading4__link--powerpoint body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--powerpoint .heading4--center__title::after, .heading4--center__link--powerpoint body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--powerpoint .heading4-v2__title::after, .heading4-v2__link--powerpoint body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--powerpoint .heading4-v2--center__title::after, .heading4-v2--center__link--powerpoint body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--powerpoint .heading5__title::after, .heading5__link--powerpoint body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--powerpoint .heading5--center__title::after, .heading5--center__link--powerpoint body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--powerpoint .heading6__title::after, .heading6__link--powerpoint body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--powerpoint .heading6--center__title::after, .heading6--center__link--powerpoint body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--powerpoint::after, body[data-browser^="ie"] .description-list-v2__type--powerpoint::after, body[data-browser^="ie"] .description-list-v3__type--powerpoint::after, body[data-browser^="ie"] .description-list-v4__type--powerpoint::after, body[data-browser^="ie"] .link-list__type--powerpoint::after, body[data-browser^="ie"] .button .button__type--powerpoint::after, .button body[data-browser^="ie"] .button__type--powerpoint::after, body[data-browser^="ie"] .button-v2 .button-v2__type--powerpoint::after, .button-v2 body[data-browser^="ie"] .button-v2__type--powerpoint::after, body[data-browser^="ie"] .card .card__type--powerpoint .card__title::after, .card .card__type--powerpoint body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--powerpoint--scaleup .card__title::after, .card .card__type--powerpoint--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--powerpoint .card-v2__title::after, .card-v2 .card-v2__type--powerpoint body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__title::after, .card-v2 .card-v2__type--powerpoint--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--powerpoint .news__title::after, .news .news__type--powerpoint body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--powerpoint::after, body[data-browser^="ie"] .util-link--zip::after, body[data-browser^="ie"] .assist-banner__link--zip::after, body[data-browser^="ie"] .heading2__link--zip .heading2__title::after, .heading2__link--zip body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--zip .heading2--center__title::after, .heading2--center__link--zip body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--zip .heading2-v2__title::after, .heading2-v2__link--zip body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--zip .heading2-v2--center__title::after, .heading2-v2--center__link--zip body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--zip .heading3__title::after, .heading3__link--zip body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--zip .heading3--center__title::after, .heading3--center__link--zip body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--zip .heading3-v2__title::after, .heading3-v2__link--zip body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--zip .heading3-v2--center__title::after, .heading3-v2--center__link--zip body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--zip .heading4__title::after, .heading4__link--zip body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--zip .heading4--center__title::after, .heading4--center__link--zip body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--zip .heading4-v2__title::after, .heading4-v2__link--zip body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--zip .heading4-v2--center__title::after, .heading4-v2--center__link--zip body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--zip .heading5__title::after, .heading5__link--zip body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--zip .heading5--center__title::after, .heading5--center__link--zip body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--zip .heading6__title::after, .heading6__link--zip body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--zip .heading6--center__title::after, .heading6--center__link--zip body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--zip::after, body[data-browser^="ie"] .description-list-v2__type--zip::after, body[data-browser^="ie"] .description-list-v3__type--zip::after, body[data-browser^="ie"] .description-list-v4__type--zip::after, body[data-browser^="ie"] .link-list__type--zip::after, body[data-browser^="ie"] .button .button__type--zip::after, .button body[data-browser^="ie"] .button__type--zip::after, body[data-browser^="ie"] .button-v2 .button-v2__type--zip::after, .button-v2 body[data-browser^="ie"] .button-v2__type--zip::after, body[data-browser^="ie"] .card .card__type--zip .card__title::after, .card .card__type--zip body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--zip--scaleup .card__title::after, .card .card__type--zip--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--zip .card-v2__title::after, .card-v2 .card-v2__type--zip body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--zip--scaleup .card-v2__title::after, .card-v2 .card-v2__type--zip--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--zip .news__title::after, .news .news__type--zip body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--zip::after, body[data-browser^="ie"] .util-link--video::after, body[data-browser^="ie"] .assist-banner__link--video::after, body[data-browser^="ie"] .heading2__link--video .heading2__title::after, .heading2__link--video body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--video .heading2--center__title::after, .heading2--center__link--video body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--video .heading2-v2__title::after, .heading2-v2__link--video body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--video .heading2-v2--center__title::after, .heading2-v2--center__link--video body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--video .heading3__title::after, .heading3__link--video body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--video .heading3--center__title::after, .heading3--center__link--video body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--video .heading3-v2__title::after, .heading3-v2__link--video body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--video .heading3-v2--center__title::after, .heading3-v2--center__link--video body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--video .heading4__title::after, .heading4__link--video body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--video .heading4--center__title::after, .heading4--center__link--video body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--video .heading4-v2__title::after, .heading4-v2__link--video body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--video .heading4-v2--center__title::after, .heading4-v2--center__link--video body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--video .heading5__title::after, .heading5__link--video body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--video .heading5--center__title::after, .heading5--center__link--video body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--video .heading6__title::after, .heading6__link--video body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--video .heading6--center__title::after, .heading6--center__link--video body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--video::after, body[data-browser^="ie"] .description-list-v2__type--video::after, body[data-browser^="ie"] .description-list-v3__type--video::after, body[data-browser^="ie"] .description-list-v4__type--video::after, body[data-browser^="ie"] .link-list__type--video::after, body[data-browser^="ie"] .button .button__type--video::after, .button body[data-browser^="ie"] .button__type--video::after, body[data-browser^="ie"] .button-v2 .button-v2__type--video::after, .button-v2 body[data-browser^="ie"] .button-v2__type--video::after, body[data-browser^="ie"] .card .card__type--video .card__title::after, .card .card__type--video body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--video--scaleup .card__title::after, .card .card__type--video--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--video .card-v2__title::after, .card-v2 .card-v2__type--video body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--video--scaleup .card-v2__title::after, .card-v2 .card-v2__type--video--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--video .news__title::after, .news .news__type--video body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--video::after, body[data-browser^="ie"] .util-link--modal::after, body[data-browser^="ie"] .assist-banner__link--modal::after, body[data-browser^="ie"] .heading2__link--modal .heading2__title::after, .heading2__link--modal body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--modal .heading2--center__title::after, .heading2--center__link--modal body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--modal .heading2-v2__title::after, .heading2-v2__link--modal body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--modal .heading2-v2--center__title::after, .heading2-v2--center__link--modal body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--modal .heading3__title::after, .heading3__link--modal body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--modal .heading3--center__title::after, .heading3--center__link--modal body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--modal .heading3-v2__title::after, .heading3-v2__link--modal body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--modal .heading3-v2--center__title::after, .heading3-v2--center__link--modal body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--modal .heading4__title::after, .heading4__link--modal body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--modal .heading4--center__title::after, .heading4--center__link--modal body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--modal .heading4-v2__title::after, .heading4-v2__link--modal body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--modal .heading4-v2--center__title::after, .heading4-v2--center__link--modal body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--modal .heading5__title::after, .heading5__link--modal body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--modal .heading5--center__title::after, .heading5--center__link--modal body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--modal .heading6__title::after, .heading6__link--modal body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--modal .heading6--center__title::after, .heading6--center__link--modal body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--modal::after, body[data-browser^="ie"] .description-list-v2__type--modal::after, body[data-browser^="ie"] .description-list-v3__type--modal::after, body[data-browser^="ie"] .description-list-v4__type--modal::after, body[data-browser^="ie"] .link-list__type--modal::after, body[data-browser^="ie"] .button .button__type--modal::after, .button body[data-browser^="ie"] .button__type--modal::after, body[data-browser^="ie"] .button-v2 .button-v2__type--modal::after, .button-v2 body[data-browser^="ie"] .button-v2__type--modal::after, body[data-browser^="ie"] .card .card__type--modal .card__title::after, .card .card__type--modal body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--modal--scaleup .card__title::after, .card .card__type--modal--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--modal .card-v2__title::after, .card-v2 .card-v2__type--modal body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--modal--scaleup .card-v2__title::after, .card-v2 .card-v2__type--modal--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--modal .news__title::after, .news .news__type--modal body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--modal::after, body[data-browser^="ie"] .util-link--rss::after, body[data-browser^="ie"] .assist-banner__link--rss::after, body[data-browser^="ie"] .heading2__link--rss .heading2__title::after, .heading2__link--rss body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--rss .heading2--center__title::after, .heading2--center__link--rss body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--rss .heading2-v2__title::after, .heading2-v2__link--rss body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--rss .heading2-v2--center__title::after, .heading2-v2--center__link--rss body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--rss .heading3__title::after, .heading3__link--rss body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--rss .heading3--center__title::after, .heading3--center__link--rss body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--rss .heading3-v2__title::after, .heading3-v2__link--rss body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--rss .heading3-v2--center__title::after, .heading3-v2--center__link--rss body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--rss .heading4__title::after, .heading4__link--rss body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--rss .heading4--center__title::after, .heading4--center__link--rss body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--rss .heading4-v2__title::after, .heading4-v2__link--rss body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--rss .heading4-v2--center__title::after, .heading4-v2--center__link--rss body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--rss .heading5__title::after, .heading5__link--rss body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--rss .heading5--center__title::after, .heading5--center__link--rss body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--rss .heading6__title::after, .heading6__link--rss body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--rss .heading6--center__title::after, .heading6--center__link--rss body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--rss::after, body[data-browser^="ie"] .description-list-v2__type--rss::after, body[data-browser^="ie"] .description-list-v3__type--rss::after, body[data-browser^="ie"] .description-list-v4__type--rss::after, body[data-browser^="ie"] .link-list__type--rss::after, body[data-browser^="ie"] .button .button__type--rss::after, .button body[data-browser^="ie"] .button__type--rss::after, body[data-browser^="ie"] .button-v2 .button-v2__type--rss::after, .button-v2 body[data-browser^="ie"] .button-v2__type--rss::after, body[data-browser^="ie"] .pulldown-navi__link--rss::before, body[data-browser^="ie"] .card .card__type--rss .card__title::after, .card .card__type--rss body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--rss--scaleup .card__title::after, .card .card__type--rss--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--rss .card-v2__title::after, .card-v2 .card-v2__type--rss body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--rss--scaleup .card-v2__title::after, .card-v2 .card-v2__type--rss--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--rss .news__title::after, .news .news__type--rss body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--rss::after, body[data-browser^="ie"] .image a.image__frame--modal::after, .image body[data-browser^="ie"] a.image__frame--modal::after { background: none; line-height: 1; } @media print, screen and (min-width: 768px) { .util-link--blank::after, .assist-banner__link--blank::after, .heading2__link--blank .heading2__title::after, .heading2--center__link--blank .heading2--center__title::after, .heading2-v2__link--blank .heading2-v2__title::after, .heading2-v2--center__link--blank .heading2-v2--center__title::after, .heading3__link--blank .heading3__title::after, .heading3--center__link--blank .heading3--center__title::after, .heading3-v2__link--blank .heading3-v2__title::after, .heading3-v2--center__link--blank .heading3-v2--center__title::after, .heading4__link--blank .heading4__title::after, .heading4--center__link--blank .heading4--center__title::after, .heading4-v2__link--blank .heading4-v2__title::after, .heading4-v2--center__link--blank .heading4-v2--center__title::after, .heading5__link--blank .heading5__title::after, .heading5--center__link--blank .heading5--center__title::after, .heading6__link--blank .heading6__title::after, .heading6--center__link--blank .heading6--center__title::after, .description-list__type--blank::after, .description-list-v2__type--blank::after, .description-list-v3__type--blank::after, .description-list-v4__type--blank::after, .link-list__type--blank::after, .button .button__type--blank::after, .button-v2 .button-v2__type--blank::after, .card .card__type--blank .card__title::after, .card .card__type--blank--scaleup .card__title::after, .card-v2 .card-v2__type--blank .card-v2__title::after, .card-v2 .card-v2__type--blank--scaleup .card-v2__title::after, .news .news__type--blank .news__title::after, .download__link-list__type--blank::after, .util-link--pdf::after, .assist-banner__link--pdf::after, .heading2__link--pdf .heading2__title::after, .heading2--center__link--pdf .heading2--center__title::after, .heading2-v2__link--pdf .heading2-v2__title::after, .heading2-v2--center__link--pdf .heading2-v2--center__title::after, .heading3__link--pdf .heading3__title::after, .heading3--center__link--pdf .heading3--center__title::after, .heading3-v2__link--pdf .heading3-v2__title::after, .heading3-v2--center__link--pdf .heading3-v2--center__title::after, .heading4__link--pdf .heading4__title::after, .heading4--center__link--pdf .heading4--center__title::after, .heading4-v2__link--pdf .heading4-v2__title::after, .heading4-v2--center__link--pdf .heading4-v2--center__title::after, .heading5__link--pdf .heading5__title::after, .heading5--center__link--pdf .heading5--center__title::after, .heading6__link--pdf .heading6__title::after, .heading6--center__link--pdf .heading6--center__title::after, .description-list__type--pdf::after, .description-list-v2__type--pdf::after, .description-list-v3__type--pdf::after, .description-list-v4__type--pdf::after, .link-list__type--pdf::after, .button .button__type--pdf::after, .button-v2 .button-v2__type--pdf::after, .card .card__type--pdf .card__title::after, .card .card__type--pdf--scaleup .card__title::after, .card-v2 .card-v2__type--pdf .card-v2__title::after, .card-v2 .card-v2__type--pdf--scaleup .card-v2__title::after, .news .news__type--pdf .news__title::after, .download__link-list__type--pdf::after, .util-link--excel::after, .assist-banner__link--excel::after, .heading2__link--excel .heading2__title::after, .heading2--center__link--excel .heading2--center__title::after, .heading2-v2__link--excel .heading2-v2__title::after, .heading2-v2--center__link--excel .heading2-v2--center__title::after, .heading3__link--excel .heading3__title::after, .heading3--center__link--excel .heading3--center__title::after, .heading3-v2__link--excel .heading3-v2__title::after, .heading3-v2--center__link--excel .heading3-v2--center__title::after, .heading4__link--excel .heading4__title::after, .heading4--center__link--excel .heading4--center__title::after, .heading4-v2__link--excel .heading4-v2__title::after, .heading4-v2--center__link--excel .heading4-v2--center__title::after, .heading5__link--excel .heading5__title::after, .heading5--center__link--excel .heading5--center__title::after, .heading6__link--excel .heading6__title::after, .heading6--center__link--excel .heading6--center__title::after, .description-list__type--excel::after, .description-list-v2__type--excel::after, .description-list-v3__type--excel::after, .description-list-v4__type--excel::after, .link-list__type--excel::after, .button .button__type--excel::after, .button-v2 .button-v2__type--excel::after, .card .card__type--excel .card__title::after, .card .card__type--excel--scaleup .card__title::after, .card-v2 .card-v2__type--excel .card-v2__title::after, .card-v2 .card-v2__type--excel--scaleup .card-v2__title::after, .news .news__type--excel .news__title::after, .download__link-list__type--excel::after, .util-link--word::after, .assist-banner__link--word::after, .heading2__link--word .heading2__title::after, .heading2--center__link--word .heading2--center__title::after, .heading2-v2__link--word .heading2-v2__title::after, .heading2-v2--center__link--word .heading2-v2--center__title::after, .heading3__link--word .heading3__title::after, .heading3--center__link--word .heading3--center__title::after, .heading3-v2__link--word .heading3-v2__title::after, .heading3-v2--center__link--word .heading3-v2--center__title::after, .heading4__link--word .heading4__title::after, .heading4--center__link--word .heading4--center__title::after, .heading4-v2__link--word .heading4-v2__title::after, .heading4-v2--center__link--word .heading4-v2--center__title::after, .heading5__link--word .heading5__title::after, .heading5--center__link--word .heading5--center__title::after, .heading6__link--word .heading6__title::after, .heading6--center__link--word .heading6--center__title::after, .description-list__type--word::after, .description-list-v2__type--word::after, .description-list-v3__type--word::after, .description-list-v4__type--word::after, .link-list__type--word::after, .button .button__type--word::after, .button-v2 .button-v2__type--word::after, .card .card__type--word .card__title::after, .card .card__type--word--scaleup .card__title::after, .card-v2 .card-v2__type--word .card-v2__title::after, .card-v2 .card-v2__type--word--scaleup .card-v2__title::after, .news .news__type--word .news__title::after, .download__link-list__type--word::after, .util-link--powerpoint::after, .assist-banner__link--powerpoint::after, .heading2__link--powerpoint .heading2__title::after, .heading2--center__link--powerpoint .heading2--center__title::after, .heading2-v2__link--powerpoint .heading2-v2__title::after, .heading2-v2--center__link--powerpoint .heading2-v2--center__title::after, .heading3__link--powerpoint .heading3__title::after, .heading3--center__link--powerpoint .heading3--center__title::after, .heading3-v2__link--powerpoint .heading3-v2__title::after, .heading3-v2--center__link--powerpoint .heading3-v2--center__title::after, .heading4__link--powerpoint .heading4__title::after, .heading4--center__link--powerpoint .heading4--center__title::after, .heading4-v2__link--powerpoint .heading4-v2__title::after, .heading4-v2--center__link--powerpoint .heading4-v2--center__title::after, .heading5__link--powerpoint .heading5__title::after, .heading5--center__link--powerpoint .heading5--center__title::after, .heading6__link--powerpoint .heading6__title::after, .heading6--center__link--powerpoint .heading6--center__title::after, .description-list__type--powerpoint::after, .description-list-v2__type--powerpoint::after, .description-list-v3__type--powerpoint::after, .description-list-v4__type--powerpoint::after, .link-list__type--powerpoint::after, .button .button__type--powerpoint::after, .button-v2 .button-v2__type--powerpoint::after, .card .card__type--powerpoint .card__title::after, .card .card__type--powerpoint--scaleup .card__title::after, .card-v2 .card-v2__type--powerpoint .card-v2__title::after, .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__title::after, .news .news__type--powerpoint .news__title::after, .download__link-list__type--powerpoint::after, .util-link--zip::after, .assist-banner__link--zip::after, .heading2__link--zip .heading2__title::after, .heading2--center__link--zip .heading2--center__title::after, .heading2-v2__link--zip .heading2-v2__title::after, .heading2-v2--center__link--zip .heading2-v2--center__title::after, .heading3__link--zip .heading3__title::after, .heading3--center__link--zip .heading3--center__title::after, .heading3-v2__link--zip .heading3-v2__title::after, .heading3-v2--center__link--zip .heading3-v2--center__title::after, .heading4__link--zip .heading4__title::after, .heading4--center__link--zip .heading4--center__title::after, .heading4-v2__link--zip .heading4-v2__title::after, .heading4-v2--center__link--zip .heading4-v2--center__title::after, .heading5__link--zip .heading5__title::after, .heading5--center__link--zip .heading5--center__title::after, .heading6__link--zip .heading6__title::after, .heading6--center__link--zip .heading6--center__title::after, .description-list__type--zip::after, .description-list-v2__type--zip::after, .description-list-v3__type--zip::after, .description-list-v4__type--zip::after, .link-list__type--zip::after, .button .button__type--zip::after, .button-v2 .button-v2__type--zip::after, .card .card__type--zip .card__title::after, .card .card__type--zip--scaleup .card__title::after, .card-v2 .card-v2__type--zip .card-v2__title::after, .card-v2 .card-v2__type--zip--scaleup .card-v2__title::after, .news .news__type--zip .news__title::after, .download__link-list__type--zip::after, .util-link--video::after, .assist-banner__link--video::after, .heading2__link--video .heading2__title::after, .heading2--center__link--video .heading2--center__title::after, .heading2-v2__link--video .heading2-v2__title::after, .heading2-v2--center__link--video .heading2-v2--center__title::after, .heading3__link--video .heading3__title::after, .heading3--center__link--video .heading3--center__title::after, .heading3-v2__link--video .heading3-v2__title::after, .heading3-v2--center__link--video .heading3-v2--center__title::after, .heading4__link--video .heading4__title::after, .heading4--center__link--video .heading4--center__title::after, .heading4-v2__link--video .heading4-v2__title::after, .heading4-v2--center__link--video .heading4-v2--center__title::after, .heading5__link--video .heading5__title::after, .heading5--center__link--video .heading5--center__title::after, .heading6__link--video .heading6__title::after, .heading6--center__link--video .heading6--center__title::after, .description-list__type--video::after, .description-list-v2__type--video::after, .description-list-v3__type--video::after, .description-list-v4__type--video::after, .link-list__type--video::after, .button .button__type--video::after, .button-v2 .button-v2__type--video::after, .card .card__type--video .card__title::after, .card .card__type--video--scaleup .card__title::after, .card-v2 .card-v2__type--video .card-v2__title::after, .card-v2 .card-v2__type--video--scaleup .card-v2__title::after, .news .news__type--video .news__title::after, .download__link-list__type--video::after, .util-link--modal::after, .assist-banner__link--modal::after, .heading2__link--modal .heading2__title::after, .heading2--center__link--modal .heading2--center__title::after, .heading2-v2__link--modal .heading2-v2__title::after, .heading2-v2--center__link--modal .heading2-v2--center__title::after, .heading3__link--modal .heading3__title::after, .heading3--center__link--modal .heading3--center__title::after, .heading3-v2__link--modal .heading3-v2__title::after, .heading3-v2--center__link--modal .heading3-v2--center__title::after, .heading4__link--modal .heading4__title::after, .heading4--center__link--modal .heading4--center__title::after, .heading4-v2__link--modal .heading4-v2__title::after, .heading4-v2--center__link--modal .heading4-v2--center__title::after, .heading5__link--modal .heading5__title::after, .heading5--center__link--modal .heading5--center__title::after, .heading6__link--modal .heading6__title::after, .heading6--center__link--modal .heading6--center__title::after, .description-list__type--modal::after, .description-list-v2__type--modal::after, .description-list-v3__type--modal::after, .description-list-v4__type--modal::after, .link-list__type--modal::after, .button .button__type--modal::after, .button-v2 .button-v2__type--modal::after, .card .card__type--modal .card__title::after, .card .card__type--modal--scaleup .card__title::after, .card-v2 .card-v2__type--modal .card-v2__title::after, .card-v2 .card-v2__type--modal--scaleup .card-v2__title::after, .news .news__type--modal .news__title::after, .download__link-list__type--modal::after, .util-link--rss::after, .assist-banner__link--rss::after, .heading2__link--rss .heading2__title::after, .heading2--center__link--rss .heading2--center__title::after, .heading2-v2__link--rss .heading2-v2__title::after, .heading2-v2--center__link--rss .heading2-v2--center__title::after, .heading3__link--rss .heading3__title::after, .heading3--center__link--rss .heading3--center__title::after, .heading3-v2__link--rss .heading3-v2__title::after, .heading3-v2--center__link--rss .heading3-v2--center__title::after, .heading4__link--rss .heading4__title::after, .heading4--center__link--rss .heading4--center__title::after, .heading4-v2__link--rss .heading4-v2__title::after, .heading4-v2--center__link--rss .heading4-v2--center__title::after, .heading5__link--rss .heading5__title::after, .heading5--center__link--rss .heading5--center__title::after, .heading6__link--rss .heading6__title::after, .heading6--center__link--rss .heading6--center__title::after, .description-list__type--rss::after, .description-list-v2__type--rss::after, .description-list-v3__type--rss::after, .description-list-v4__type--rss::after, .link-list__type--rss::after, .button .button__type--rss::after, .button-v2 .button-v2__type--rss::after, .pulldown-navi__link--rss::before, .card .card__type--rss .card__title::after, .card .card__type--rss--scaleup .card__title::after, .card-v2 .card-v2__type--rss .card-v2__title::after, .card-v2 .card-v2__type--rss--scaleup .card-v2__title::after, .news .news__type--rss .news__title::after, .download__link-list__type--rss::after, .image a.image__frame--modal::after { width: 13px; height: 13px; } } @media only screen and (max-width: 767.98px) { .util-link--blank::after, .assist-banner__link--blank::after, .heading2__link--blank .heading2__title::after, .heading2--center__link--blank .heading2--center__title::after, .heading2-v2__link--blank .heading2-v2__title::after, .heading2-v2--center__link--blank .heading2-v2--center__title::after, .heading3__link--blank .heading3__title::after, .heading3--center__link--blank .heading3--center__title::after, .heading3-v2__link--blank .heading3-v2__title::after, .heading3-v2--center__link--blank .heading3-v2--center__title::after, .heading4__link--blank .heading4__title::after, .heading4--center__link--blank .heading4--center__title::after, .heading4-v2__link--blank .heading4-v2__title::after, .heading4-v2--center__link--blank .heading4-v2--center__title::after, .heading5__link--blank .heading5__title::after, .heading5--center__link--blank .heading5--center__title::after, .heading6__link--blank .heading6__title::after, .heading6--center__link--blank .heading6--center__title::after, .description-list__type--blank::after, .description-list-v2__type--blank::after, .description-list-v3__type--blank::after, .description-list-v4__type--blank::after, .link-list__type--blank::after, .button .button__type--blank::after, .button-v2 .button-v2__type--blank::after, .card .card__type--blank .card__title::after, .card .card__type--blank--scaleup .card__title::after, .card-v2 .card-v2__type--blank .card-v2__title::after, .card-v2 .card-v2__type--blank--scaleup .card-v2__title::after, .news .news__type--blank .news__title::after, .download__link-list__type--blank::after, .util-link--pdf::after, .assist-banner__link--pdf::after, .heading2__link--pdf .heading2__title::after, .heading2--center__link--pdf .heading2--center__title::after, .heading2-v2__link--pdf .heading2-v2__title::after, .heading2-v2--center__link--pdf .heading2-v2--center__title::after, .heading3__link--pdf .heading3__title::after, .heading3--center__link--pdf .heading3--center__title::after, .heading3-v2__link--pdf .heading3-v2__title::after, .heading3-v2--center__link--pdf .heading3-v2--center__title::after, .heading4__link--pdf .heading4__title::after, .heading4--center__link--pdf .heading4--center__title::after, .heading4-v2__link--pdf .heading4-v2__title::after, .heading4-v2--center__link--pdf .heading4-v2--center__title::after, .heading5__link--pdf .heading5__title::after, .heading5--center__link--pdf .heading5--center__title::after, .heading6__link--pdf .heading6__title::after, .heading6--center__link--pdf .heading6--center__title::after, .description-list__type--pdf::after, .description-list-v2__type--pdf::after, .description-list-v3__type--pdf::after, .description-list-v4__type--pdf::after, .link-list__type--pdf::after, .button .button__type--pdf::after, .button-v2 .button-v2__type--pdf::after, .card .card__type--pdf .card__title::after, .card .card__type--pdf--scaleup .card__title::after, .card-v2 .card-v2__type--pdf .card-v2__title::after, .card-v2 .card-v2__type--pdf--scaleup .card-v2__title::after, .news .news__type--pdf .news__title::after, .download__link-list__type--pdf::after, .util-link--excel::after, .assist-banner__link--excel::after, .heading2__link--excel .heading2__title::after, .heading2--center__link--excel .heading2--center__title::after, .heading2-v2__link--excel .heading2-v2__title::after, .heading2-v2--center__link--excel .heading2-v2--center__title::after, .heading3__link--excel .heading3__title::after, .heading3--center__link--excel .heading3--center__title::after, .heading3-v2__link--excel .heading3-v2__title::after, .heading3-v2--center__link--excel .heading3-v2--center__title::after, .heading4__link--excel .heading4__title::after, .heading4--center__link--excel .heading4--center__title::after, .heading4-v2__link--excel .heading4-v2__title::after, .heading4-v2--center__link--excel .heading4-v2--center__title::after, .heading5__link--excel .heading5__title::after, .heading5--center__link--excel .heading5--center__title::after, .heading6__link--excel .heading6__title::after, .heading6--center__link--excel .heading6--center__title::after, .description-list__type--excel::after, .description-list-v2__type--excel::after, .description-list-v3__type--excel::after, .description-list-v4__type--excel::after, .link-list__type--excel::after, .button .button__type--excel::after, .button-v2 .button-v2__type--excel::after, .card .card__type--excel .card__title::after, .card .card__type--excel--scaleup .card__title::after, .card-v2 .card-v2__type--excel .card-v2__title::after, .card-v2 .card-v2__type--excel--scaleup .card-v2__title::after, .news .news__type--excel .news__title::after, .download__link-list__type--excel::after, .util-link--word::after, .assist-banner__link--word::after, .heading2__link--word .heading2__title::after, .heading2--center__link--word .heading2--center__title::after, .heading2-v2__link--word .heading2-v2__title::after, .heading2-v2--center__link--word .heading2-v2--center__title::after, .heading3__link--word .heading3__title::after, .heading3--center__link--word .heading3--center__title::after, .heading3-v2__link--word .heading3-v2__title::after, .heading3-v2--center__link--word .heading3-v2--center__title::after, .heading4__link--word .heading4__title::after, .heading4--center__link--word .heading4--center__title::after, .heading4-v2__link--word .heading4-v2__title::after, .heading4-v2--center__link--word .heading4-v2--center__title::after, .heading5__link--word .heading5__title::after, .heading5--center__link--word .heading5--center__title::after, .heading6__link--word .heading6__title::after, .heading6--center__link--word .heading6--center__title::after, .description-list__type--word::after, .description-list-v2__type--word::after, .description-list-v3__type--word::after, .description-list-v4__type--word::after, .link-list__type--word::after, .button .button__type--word::after, .button-v2 .button-v2__type--word::after, .card .card__type--word .card__title::after, .card .card__type--word--scaleup .card__title::after, .card-v2 .card-v2__type--word .card-v2__title::after, .card-v2 .card-v2__type--word--scaleup .card-v2__title::after, .news .news__type--word .news__title::after, .download__link-list__type--word::after, .util-link--powerpoint::after, .assist-banner__link--powerpoint::after, .heading2__link--powerpoint .heading2__title::after, .heading2--center__link--powerpoint .heading2--center__title::after, .heading2-v2__link--powerpoint .heading2-v2__title::after, .heading2-v2--center__link--powerpoint .heading2-v2--center__title::after, .heading3__link--powerpoint .heading3__title::after, .heading3--center__link--powerpoint .heading3--center__title::after, .heading3-v2__link--powerpoint .heading3-v2__title::after, .heading3-v2--center__link--powerpoint .heading3-v2--center__title::after, .heading4__link--powerpoint .heading4__title::after, .heading4--center__link--powerpoint .heading4--center__title::after, .heading4-v2__link--powerpoint .heading4-v2__title::after, .heading4-v2--center__link--powerpoint .heading4-v2--center__title::after, .heading5__link--powerpoint .heading5__title::after, .heading5--center__link--powerpoint .heading5--center__title::after, .heading6__link--powerpoint .heading6__title::after, .heading6--center__link--powerpoint .heading6--center__title::after, .description-list__type--powerpoint::after, .description-list-v2__type--powerpoint::after, .description-list-v3__type--powerpoint::after, .description-list-v4__type--powerpoint::after, .link-list__type--powerpoint::after, .button .button__type--powerpoint::after, .button-v2 .button-v2__type--powerpoint::after, .card .card__type--powerpoint .card__title::after, .card .card__type--powerpoint--scaleup .card__title::after, .card-v2 .card-v2__type--powerpoint .card-v2__title::after, .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__title::after, .news .news__type--powerpoint .news__title::after, .download__link-list__type--powerpoint::after, .util-link--zip::after, .assist-banner__link--zip::after, .heading2__link--zip .heading2__title::after, .heading2--center__link--zip .heading2--center__title::after, .heading2-v2__link--zip .heading2-v2__title::after, .heading2-v2--center__link--zip .heading2-v2--center__title::after, .heading3__link--zip .heading3__title::after, .heading3--center__link--zip .heading3--center__title::after, .heading3-v2__link--zip .heading3-v2__title::after, .heading3-v2--center__link--zip .heading3-v2--center__title::after, .heading4__link--zip .heading4__title::after, .heading4--center__link--zip .heading4--center__title::after, .heading4-v2__link--zip .heading4-v2__title::after, .heading4-v2--center__link--zip .heading4-v2--center__title::after, .heading5__link--zip .heading5__title::after, .heading5--center__link--zip .heading5--center__title::after, .heading6__link--zip .heading6__title::after, .heading6--center__link--zip .heading6--center__title::after, .description-list__type--zip::after, .description-list-v2__type--zip::after, .description-list-v3__type--zip::after, .description-list-v4__type--zip::after, .link-list__type--zip::after, .button .button__type--zip::after, .button-v2 .button-v2__type--zip::after, .card .card__type--zip .card__title::after, .card .card__type--zip--scaleup .card__title::after, .card-v2 .card-v2__type--zip .card-v2__title::after, .card-v2 .card-v2__type--zip--scaleup .card-v2__title::after, .news .news__type--zip .news__title::after, .download__link-list__type--zip::after, .util-link--video::after, .assist-banner__link--video::after, .heading2__link--video .heading2__title::after, .heading2--center__link--video .heading2--center__title::after, .heading2-v2__link--video .heading2-v2__title::after, .heading2-v2--center__link--video .heading2-v2--center__title::after, .heading3__link--video .heading3__title::after, .heading3--center__link--video .heading3--center__title::after, .heading3-v2__link--video .heading3-v2__title::after, .heading3-v2--center__link--video .heading3-v2--center__title::after, .heading4__link--video .heading4__title::after, .heading4--center__link--video .heading4--center__title::after, .heading4-v2__link--video .heading4-v2__title::after, .heading4-v2--center__link--video .heading4-v2--center__title::after, .heading5__link--video .heading5__title::after, .heading5--center__link--video .heading5--center__title::after, .heading6__link--video .heading6__title::after, .heading6--center__link--video .heading6--center__title::after, .description-list__type--video::after, .description-list-v2__type--video::after, .description-list-v3__type--video::after, .description-list-v4__type--video::after, .link-list__type--video::after, .button .button__type--video::after, .button-v2 .button-v2__type--video::after, .card .card__type--video .card__title::after, .card .card__type--video--scaleup .card__title::after, .card-v2 .card-v2__type--video .card-v2__title::after, .card-v2 .card-v2__type--video--scaleup .card-v2__title::after, .news .news__type--video .news__title::after, .download__link-list__type--video::after, .util-link--modal::after, .assist-banner__link--modal::after, .heading2__link--modal .heading2__title::after, .heading2--center__link--modal .heading2--center__title::after, .heading2-v2__link--modal .heading2-v2__title::after, .heading2-v2--center__link--modal .heading2-v2--center__title::after, .heading3__link--modal .heading3__title::after, .heading3--center__link--modal .heading3--center__title::after, .heading3-v2__link--modal .heading3-v2__title::after, .heading3-v2--center__link--modal .heading3-v2--center__title::after, .heading4__link--modal .heading4__title::after, .heading4--center__link--modal .heading4--center__title::after, .heading4-v2__link--modal .heading4-v2__title::after, .heading4-v2--center__link--modal .heading4-v2--center__title::after, .heading5__link--modal .heading5__title::after, .heading5--center__link--modal .heading5--center__title::after, .heading6__link--modal .heading6__title::after, .heading6--center__link--modal .heading6--center__title::after, .description-list__type--modal::after, .description-list-v2__type--modal::after, .description-list-v3__type--modal::after, .description-list-v4__type--modal::after, .link-list__type--modal::after, .button .button__type--modal::after, .button-v2 .button-v2__type--modal::after, .card .card__type--modal .card__title::after, .card .card__type--modal--scaleup .card__title::after, .card-v2 .card-v2__type--modal .card-v2__title::after, .card-v2 .card-v2__type--modal--scaleup .card-v2__title::after, .news .news__type--modal .news__title::after, .download__link-list__type--modal::after, .util-link--rss::after, .assist-banner__link--rss::after, .heading2__link--rss .heading2__title::after, .heading2--center__link--rss .heading2--center__title::after, .heading2-v2__link--rss .heading2-v2__title::after, .heading2-v2--center__link--rss .heading2-v2--center__title::after, .heading3__link--rss .heading3__title::after, .heading3--center__link--rss .heading3--center__title::after, .heading3-v2__link--rss .heading3-v2__title::after, .heading3-v2--center__link--rss .heading3-v2--center__title::after, .heading4__link--rss .heading4__title::after, .heading4--center__link--rss .heading4--center__title::after, .heading4-v2__link--rss .heading4-v2__title::after, .heading4-v2--center__link--rss .heading4-v2--center__title::after, .heading5__link--rss .heading5__title::after, .heading5--center__link--rss .heading5--center__title::after, .heading6__link--rss .heading6__title::after, .heading6--center__link--rss .heading6--center__title::after, .description-list__type--rss::after, .description-list-v2__type--rss::after, .description-list-v3__type--rss::after, .description-list-v4__type--rss::after, .link-list__type--rss::after, .button .button__type--rss::after, .button-v2 .button-v2__type--rss::after, .pulldown-navi__link--rss::before, .card .card__type--rss .card__title::after, .card .card__type--rss--scaleup .card__title::after, .card-v2 .card-v2__type--rss .card-v2__title::after, .card-v2 .card-v2__type--rss--scaleup .card-v2__title::after, .news .news__type--rss .news__title::after, .download__link-list__type--rss::after, .image a.image__frame--modal::after { width: 11px; height: 11px; } } .util-link--blank::after, .assist-banner__link--blank::after, .heading2__link--blank .heading2__title::after, .heading2--center__link--blank .heading2--center__title::after, .heading2-v2__link--blank .heading2-v2__title::after, .heading2-v2--center__link--blank .heading2-v2--center__title::after, .heading3__link--blank .heading3__title::after, .heading3--center__link--blank .heading3--center__title::after, .heading3-v2__link--blank .heading3-v2__title::after, .heading3-v2--center__link--blank .heading3-v2--center__title::after, .heading4__link--blank .heading4__title::after, .heading4--center__link--blank .heading4--center__title::after, .heading4-v2__link--blank .heading4-v2__title::after, .heading4-v2--center__link--blank .heading4-v2--center__title::after, .heading5__link--blank .heading5__title::after, .heading5--center__link--blank .heading5--center__title::after, .heading6__link--blank .heading6__title::after, .heading6--center__link--blank .heading6--center__title::after, .description-list__type--blank::after, .description-list-v2__type--blank::after, .description-list-v3__type--blank::after, .description-list-v4__type--blank::after, .link-list__type--blank::after, .button .button__type--blank::after, .button-v2 .button-v2__type--blank::after, .card .card__type--blank .card__title::after, .card .card__type--blank--scaleup .card__title::after, .card-v2 .card-v2__type--blank .card-v2__title::after, .card-v2 .card-v2__type--blank--scaleup .card-v2__title::after, .news .news__type--blank .news__title::after, .download__link-list__type--blank::after { background: url("/app-files/img/sprite/icon.svg#blank-usage") no-repeat 0 0; } body[data-browser^="ie"] .util-link--blank::after, body[data-browser^="ie"] .assist-banner__link--blank::after, body[data-browser^="ie"] .heading2__link--blank .heading2__title::after, .heading2__link--blank body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--blank .heading2--center__title::after, .heading2--center__link--blank body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--blank .heading2-v2__title::after, .heading2-v2__link--blank body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--blank .heading2-v2--center__title::after, .heading2-v2--center__link--blank body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--blank .heading3__title::after, .heading3__link--blank body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--blank .heading3--center__title::after, .heading3--center__link--blank body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--blank .heading3-v2__title::after, .heading3-v2__link--blank body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--blank .heading3-v2--center__title::after, .heading3-v2--center__link--blank body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--blank .heading4__title::after, .heading4__link--blank body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--blank .heading4--center__title::after, .heading4--center__link--blank body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--blank .heading4-v2__title::after, .heading4-v2__link--blank body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--blank .heading4-v2--center__title::after, .heading4-v2--center__link--blank body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--blank .heading5__title::after, .heading5__link--blank body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--blank .heading5--center__title::after, .heading5--center__link--blank body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--blank .heading6__title::after, .heading6__link--blank body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--blank .heading6--center__title::after, .heading6--center__link--blank body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--blank::after, body[data-browser^="ie"] .description-list-v2__type--blank::after, body[data-browser^="ie"] .description-list-v3__type--blank::after, body[data-browser^="ie"] .description-list-v4__type--blank::after, body[data-browser^="ie"] .link-list__type--blank::after, body[data-browser^="ie"] .button .button__type--blank::after, .button body[data-browser^="ie"] .button__type--blank::after, body[data-browser^="ie"] .button-v2 .button-v2__type--blank::after, .button-v2 body[data-browser^="ie"] .button-v2__type--blank::after, body[data-browser^="ie"] .card .card__type--blank .card__title::after, .card .card__type--blank body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--blank--scaleup .card__title::after, .card .card__type--blank--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--blank .card-v2__title::after, .card-v2 .card-v2__type--blank body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--blank--scaleup .card-v2__title::after, .card-v2 .card-v2__type--blank--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--blank .news__title::after, .news .news__type--blank body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--blank::after { content: url("/app-files/img/sprite/icon.svg#blank-usage"); } .util-link--pdf::after, .assist-banner__link--pdf::after, .heading2__link--pdf .heading2__title::after, .heading2--center__link--pdf .heading2--center__title::after, .heading2-v2__link--pdf .heading2-v2__title::after, .heading2-v2--center__link--pdf .heading2-v2--center__title::after, .heading3__link--pdf .heading3__title::after, .heading3--center__link--pdf .heading3--center__title::after, .heading3-v2__link--pdf .heading3-v2__title::after, .heading3-v2--center__link--pdf .heading3-v2--center__title::after, .heading4__link--pdf .heading4__title::after, .heading4--center__link--pdf .heading4--center__title::after, .heading4-v2__link--pdf .heading4-v2__title::after, .heading4-v2--center__link--pdf .heading4-v2--center__title::after, .heading5__link--pdf .heading5__title::after, .heading5--center__link--pdf .heading5--center__title::after, .heading6__link--pdf .heading6__title::after, .heading6--center__link--pdf .heading6--center__title::after, .description-list__type--pdf::after, .description-list-v2__type--pdf::after, .description-list-v3__type--pdf::after, .description-list-v4__type--pdf::after, .link-list__type--pdf::after, .button .button__type--pdf::after, .button-v2 .button-v2__type--pdf::after, .card .card__type--pdf .card__title::after, .card .card__type--pdf--scaleup .card__title::after, .card-v2 .card-v2__type--pdf .card-v2__title::after, .card-v2 .card-v2__type--pdf--scaleup .card-v2__title::after, .news .news__type--pdf .news__title::after, .download__link-list__type--pdf::after { background: url("/app-files/img/sprite/icon.svg#pdf-usage") no-repeat 0 0; } body[data-browser^="ie"] .util-link--pdf::after, body[data-browser^="ie"] .assist-banner__link--pdf::after, body[data-browser^="ie"] .heading2__link--pdf .heading2__title::after, .heading2__link--pdf body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--pdf .heading2--center__title::after, .heading2--center__link--pdf body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--pdf .heading2-v2__title::after, .heading2-v2__link--pdf body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--pdf .heading2-v2--center__title::after, .heading2-v2--center__link--pdf body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--pdf .heading3__title::after, .heading3__link--pdf body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--pdf .heading3--center__title::after, .heading3--center__link--pdf body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--pdf .heading3-v2__title::after, .heading3-v2__link--pdf body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--pdf .heading3-v2--center__title::after, .heading3-v2--center__link--pdf body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--pdf .heading4__title::after, .heading4__link--pdf body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--pdf .heading4--center__title::after, .heading4--center__link--pdf body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--pdf .heading4-v2__title::after, .heading4-v2__link--pdf body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--pdf .heading4-v2--center__title::after, .heading4-v2--center__link--pdf body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--pdf .heading5__title::after, .heading5__link--pdf body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--pdf .heading5--center__title::after, .heading5--center__link--pdf body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--pdf .heading6__title::after, .heading6__link--pdf body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--pdf .heading6--center__title::after, .heading6--center__link--pdf body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--pdf::after, body[data-browser^="ie"] .description-list-v2__type--pdf::after, body[data-browser^="ie"] .description-list-v3__type--pdf::after, body[data-browser^="ie"] .description-list-v4__type--pdf::after, body[data-browser^="ie"] .link-list__type--pdf::after, body[data-browser^="ie"] .button .button__type--pdf::after, .button body[data-browser^="ie"] .button__type--pdf::after, body[data-browser^="ie"] .button-v2 .button-v2__type--pdf::after, .button-v2 body[data-browser^="ie"] .button-v2__type--pdf::after, body[data-browser^="ie"] .card .card__type--pdf .card__title::after, .card .card__type--pdf body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--pdf--scaleup .card__title::after, .card .card__type--pdf--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--pdf .card-v2__title::after, .card-v2 .card-v2__type--pdf body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--pdf--scaleup .card-v2__title::after, .card-v2 .card-v2__type--pdf--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--pdf .news__title::after, .news .news__type--pdf body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--pdf::after { content: url("/app-files/img/sprite/icon.svg#pdf-usage"); } .util-link--excel::after, .assist-banner__link--excel::after, .heading2__link--excel .heading2__title::after, .heading2--center__link--excel .heading2--center__title::after, .heading2-v2__link--excel .heading2-v2__title::after, .heading2-v2--center__link--excel .heading2-v2--center__title::after, .heading3__link--excel .heading3__title::after, .heading3--center__link--excel .heading3--center__title::after, .heading3-v2__link--excel .heading3-v2__title::after, .heading3-v2--center__link--excel .heading3-v2--center__title::after, .heading4__link--excel .heading4__title::after, .heading4--center__link--excel .heading4--center__title::after, .heading4-v2__link--excel .heading4-v2__title::after, .heading4-v2--center__link--excel .heading4-v2--center__title::after, .heading5__link--excel .heading5__title::after, .heading5--center__link--excel .heading5--center__title::after, .heading6__link--excel .heading6__title::after, .heading6--center__link--excel .heading6--center__title::after, .description-list__type--excel::after, .description-list-v2__type--excel::after, .description-list-v3__type--excel::after, .description-list-v4__type--excel::after, .link-list__type--excel::after, .button .button__type--excel::after, .button-v2 .button-v2__type--excel::after, .card .card__type--excel .card__title::after, .card .card__type--excel--scaleup .card__title::after, .card-v2 .card-v2__type--excel .card-v2__title::after, .card-v2 .card-v2__type--excel--scaleup .card-v2__title::after, .news .news__type--excel .news__title::after, .download__link-list__type--excel::after { background: url("/app-files/img/sprite/icon.svg#excel-usage") no-repeat 0 0; } body[data-browser^="ie"] .util-link--excel::after, body[data-browser^="ie"] .assist-banner__link--excel::after, body[data-browser^="ie"] .heading2__link--excel .heading2__title::after, .heading2__link--excel body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--excel .heading2--center__title::after, .heading2--center__link--excel body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--excel .heading2-v2__title::after, .heading2-v2__link--excel body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--excel .heading2-v2--center__title::after, .heading2-v2--center__link--excel body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--excel .heading3__title::after, .heading3__link--excel body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--excel .heading3--center__title::after, .heading3--center__link--excel body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--excel .heading3-v2__title::after, .heading3-v2__link--excel body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--excel .heading3-v2--center__title::after, .heading3-v2--center__link--excel body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--excel .heading4__title::after, .heading4__link--excel body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--excel .heading4--center__title::after, .heading4--center__link--excel body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--excel .heading4-v2__title::after, .heading4-v2__link--excel body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--excel .heading4-v2--center__title::after, .heading4-v2--center__link--excel body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--excel .heading5__title::after, .heading5__link--excel body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--excel .heading5--center__title::after, .heading5--center__link--excel body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--excel .heading6__title::after, .heading6__link--excel body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--excel .heading6--center__title::after, .heading6--center__link--excel body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--excel::after, body[data-browser^="ie"] .description-list-v2__type--excel::after, body[data-browser^="ie"] .description-list-v3__type--excel::after, body[data-browser^="ie"] .description-list-v4__type--excel::after, body[data-browser^="ie"] .link-list__type--excel::after, body[data-browser^="ie"] .button .button__type--excel::after, .button body[data-browser^="ie"] .button__type--excel::after, body[data-browser^="ie"] .button-v2 .button-v2__type--excel::after, .button-v2 body[data-browser^="ie"] .button-v2__type--excel::after, body[data-browser^="ie"] .card .card__type--excel .card__title::after, .card .card__type--excel body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--excel--scaleup .card__title::after, .card .card__type--excel--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--excel .card-v2__title::after, .card-v2 .card-v2__type--excel body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--excel--scaleup .card-v2__title::after, .card-v2 .card-v2__type--excel--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--excel .news__title::after, .news .news__type--excel body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--excel::after { content: url("/app-files/img/sprite/icon.svg#excel-usage"); } .util-link--word::after, .assist-banner__link--word::after, .heading2__link--word .heading2__title::after, .heading2--center__link--word .heading2--center__title::after, .heading2-v2__link--word .heading2-v2__title::after, .heading2-v2--center__link--word .heading2-v2--center__title::after, .heading3__link--word .heading3__title::after, .heading3--center__link--word .heading3--center__title::after, .heading3-v2__link--word .heading3-v2__title::after, .heading3-v2--center__link--word .heading3-v2--center__title::after, .heading4__link--word .heading4__title::after, .heading4--center__link--word .heading4--center__title::after, .heading4-v2__link--word .heading4-v2__title::after, .heading4-v2--center__link--word .heading4-v2--center__title::after, .heading5__link--word .heading5__title::after, .heading5--center__link--word .heading5--center__title::after, .heading6__link--word .heading6__title::after, .heading6--center__link--word .heading6--center__title::after, .description-list__type--word::after, .description-list-v2__type--word::after, .description-list-v3__type--word::after, .description-list-v4__type--word::after, .link-list__type--word::after, .button .button__type--word::after, .button-v2 .button-v2__type--word::after, .card .card__type--word .card__title::after, .card .card__type--word--scaleup .card__title::after, .card-v2 .card-v2__type--word .card-v2__title::after, .card-v2 .card-v2__type--word--scaleup .card-v2__title::after, .news .news__type--word .news__title::after, .download__link-list__type--word::after { background: url("/app-files/img/sprite/icon.svg#word-usage") no-repeat 0 0; } body[data-browser^="ie"] .util-link--word::after, body[data-browser^="ie"] .assist-banner__link--word::after, body[data-browser^="ie"] .heading2__link--word .heading2__title::after, .heading2__link--word body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--word .heading2--center__title::after, .heading2--center__link--word body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--word .heading2-v2__title::after, .heading2-v2__link--word body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--word .heading2-v2--center__title::after, .heading2-v2--center__link--word body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--word .heading3__title::after, .heading3__link--word body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--word .heading3--center__title::after, .heading3--center__link--word body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--word .heading3-v2__title::after, .heading3-v2__link--word body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--word .heading3-v2--center__title::after, .heading3-v2--center__link--word body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--word .heading4__title::after, .heading4__link--word body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--word .heading4--center__title::after, .heading4--center__link--word body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--word .heading4-v2__title::after, .heading4-v2__link--word body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--word .heading4-v2--center__title::after, .heading4-v2--center__link--word body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--word .heading5__title::after, .heading5__link--word body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--word .heading5--center__title::after, .heading5--center__link--word body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--word .heading6__title::after, .heading6__link--word body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--word .heading6--center__title::after, .heading6--center__link--word body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--word::after, body[data-browser^="ie"] .description-list-v2__type--word::after, body[data-browser^="ie"] .description-list-v3__type--word::after, body[data-browser^="ie"] .description-list-v4__type--word::after, body[data-browser^="ie"] .link-list__type--word::after, body[data-browser^="ie"] .button .button__type--word::after, .button body[data-browser^="ie"] .button__type--word::after, body[data-browser^="ie"] .button-v2 .button-v2__type--word::after, .button-v2 body[data-browser^="ie"] .button-v2__type--word::after, body[data-browser^="ie"] .card .card__type--word .card__title::after, .card .card__type--word body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--word--scaleup .card__title::after, .card .card__type--word--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--word .card-v2__title::after, .card-v2 .card-v2__type--word body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--word--scaleup .card-v2__title::after, .card-v2 .card-v2__type--word--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--word .news__title::after, .news .news__type--word body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--word::after { content: url("/app-files/img/sprite/icon.svg#word-usage"); } .util-link--powerpoint::after, .assist-banner__link--powerpoint::after, .heading2__link--powerpoint .heading2__title::after, .heading2--center__link--powerpoint .heading2--center__title::after, .heading2-v2__link--powerpoint .heading2-v2__title::after, .heading2-v2--center__link--powerpoint .heading2-v2--center__title::after, .heading3__link--powerpoint .heading3__title::after, .heading3--center__link--powerpoint .heading3--center__title::after, .heading3-v2__link--powerpoint .heading3-v2__title::after, .heading3-v2--center__link--powerpoint .heading3-v2--center__title::after, .heading4__link--powerpoint .heading4__title::after, .heading4--center__link--powerpoint .heading4--center__title::after, .heading4-v2__link--powerpoint .heading4-v2__title::after, .heading4-v2--center__link--powerpoint .heading4-v2--center__title::after, .heading5__link--powerpoint .heading5__title::after, .heading5--center__link--powerpoint .heading5--center__title::after, .heading6__link--powerpoint .heading6__title::after, .heading6--center__link--powerpoint .heading6--center__title::after, .description-list__type--powerpoint::after, .description-list-v2__type--powerpoint::after, .description-list-v3__type--powerpoint::after, .description-list-v4__type--powerpoint::after, .link-list__type--powerpoint::after, .button .button__type--powerpoint::after, .button-v2 .button-v2__type--powerpoint::after, .card .card__type--powerpoint .card__title::after, .card .card__type--powerpoint--scaleup .card__title::after, .card-v2 .card-v2__type--powerpoint .card-v2__title::after, .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__title::after, .news .news__type--powerpoint .news__title::after, .download__link-list__type--powerpoint::after { background: url("/app-files/img/sprite/icon.svg#powerpoint-usage") no-repeat 0 0; } body[data-browser^="ie"] .util-link--powerpoint::after, body[data-browser^="ie"] .assist-banner__link--powerpoint::after, body[data-browser^="ie"] .heading2__link--powerpoint .heading2__title::after, .heading2__link--powerpoint body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--powerpoint .heading2--center__title::after, .heading2--center__link--powerpoint body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--powerpoint .heading2-v2__title::after, .heading2-v2__link--powerpoint body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--powerpoint .heading2-v2--center__title::after, .heading2-v2--center__link--powerpoint body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--powerpoint .heading3__title::after, .heading3__link--powerpoint body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--powerpoint .heading3--center__title::after, .heading3--center__link--powerpoint body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--powerpoint .heading3-v2__title::after, .heading3-v2__link--powerpoint body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--powerpoint .heading3-v2--center__title::after, .heading3-v2--center__link--powerpoint body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--powerpoint .heading4__title::after, .heading4__link--powerpoint body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--powerpoint .heading4--center__title::after, .heading4--center__link--powerpoint body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--powerpoint .heading4-v2__title::after, .heading4-v2__link--powerpoint body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--powerpoint .heading4-v2--center__title::after, .heading4-v2--center__link--powerpoint body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--powerpoint .heading5__title::after, .heading5__link--powerpoint body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--powerpoint .heading5--center__title::after, .heading5--center__link--powerpoint body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--powerpoint .heading6__title::after, .heading6__link--powerpoint body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--powerpoint .heading6--center__title::after, .heading6--center__link--powerpoint body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--powerpoint::after, body[data-browser^="ie"] .description-list-v2__type--powerpoint::after, body[data-browser^="ie"] .description-list-v3__type--powerpoint::after, body[data-browser^="ie"] .description-list-v4__type--powerpoint::after, body[data-browser^="ie"] .link-list__type--powerpoint::after, body[data-browser^="ie"] .button .button__type--powerpoint::after, .button body[data-browser^="ie"] .button__type--powerpoint::after, body[data-browser^="ie"] .button-v2 .button-v2__type--powerpoint::after, .button-v2 body[data-browser^="ie"] .button-v2__type--powerpoint::after, body[data-browser^="ie"] .card .card__type--powerpoint .card__title::after, .card .card__type--powerpoint body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--powerpoint--scaleup .card__title::after, .card .card__type--powerpoint--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--powerpoint .card-v2__title::after, .card-v2 .card-v2__type--powerpoint body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__title::after, .card-v2 .card-v2__type--powerpoint--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--powerpoint .news__title::after, .news .news__type--powerpoint body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--powerpoint::after { content: url("/app-files/img/sprite/icon.svg#powerpoint-usage"); } .util-link--zip::after, .assist-banner__link--zip::after, .heading2__link--zip .heading2__title::after, .heading2--center__link--zip .heading2--center__title::after, .heading2-v2__link--zip .heading2-v2__title::after, .heading2-v2--center__link--zip .heading2-v2--center__title::after, .heading3__link--zip .heading3__title::after, .heading3--center__link--zip .heading3--center__title::after, .heading3-v2__link--zip .heading3-v2__title::after, .heading3-v2--center__link--zip .heading3-v2--center__title::after, .heading4__link--zip .heading4__title::after, .heading4--center__link--zip .heading4--center__title::after, .heading4-v2__link--zip .heading4-v2__title::after, .heading4-v2--center__link--zip .heading4-v2--center__title::after, .heading5__link--zip .heading5__title::after, .heading5--center__link--zip .heading5--center__title::after, .heading6__link--zip .heading6__title::after, .heading6--center__link--zip .heading6--center__title::after, .description-list__type--zip::after, .description-list-v2__type--zip::after, .description-list-v3__type--zip::after, .description-list-v4__type--zip::after, .link-list__type--zip::after, .button .button__type--zip::after, .button-v2 .button-v2__type--zip::after, .card .card__type--zip .card__title::after, .card .card__type--zip--scaleup .card__title::after, .card-v2 .card-v2__type--zip .card-v2__title::after, .card-v2 .card-v2__type--zip--scaleup .card-v2__title::after, .news .news__type--zip .news__title::after, .download__link-list__type--zip::after { background: url("/app-files/img/sprite/icon.svg#zip-usage") no-repeat 0 0; } body[data-browser^="ie"] .util-link--zip::after, body[data-browser^="ie"] .assist-banner__link--zip::after, body[data-browser^="ie"] .heading2__link--zip .heading2__title::after, .heading2__link--zip body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--zip .heading2--center__title::after, .heading2--center__link--zip body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--zip .heading2-v2__title::after, .heading2-v2__link--zip body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--zip .heading2-v2--center__title::after, .heading2-v2--center__link--zip body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--zip .heading3__title::after, .heading3__link--zip body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--zip .heading3--center__title::after, .heading3--center__link--zip body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--zip .heading3-v2__title::after, .heading3-v2__link--zip body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--zip .heading3-v2--center__title::after, .heading3-v2--center__link--zip body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--zip .heading4__title::after, .heading4__link--zip body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--zip .heading4--center__title::after, .heading4--center__link--zip body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--zip .heading4-v2__title::after, .heading4-v2__link--zip body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--zip .heading4-v2--center__title::after, .heading4-v2--center__link--zip body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--zip .heading5__title::after, .heading5__link--zip body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--zip .heading5--center__title::after, .heading5--center__link--zip body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--zip .heading6__title::after, .heading6__link--zip body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--zip .heading6--center__title::after, .heading6--center__link--zip body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--zip::after, body[data-browser^="ie"] .description-list-v2__type--zip::after, body[data-browser^="ie"] .description-list-v3__type--zip::after, body[data-browser^="ie"] .description-list-v4__type--zip::after, body[data-browser^="ie"] .link-list__type--zip::after, body[data-browser^="ie"] .button .button__type--zip::after, .button body[data-browser^="ie"] .button__type--zip::after, body[data-browser^="ie"] .button-v2 .button-v2__type--zip::after, .button-v2 body[data-browser^="ie"] .button-v2__type--zip::after, body[data-browser^="ie"] .card .card__type--zip .card__title::after, .card .card__type--zip body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--zip--scaleup .card__title::after, .card .card__type--zip--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--zip .card-v2__title::after, .card-v2 .card-v2__type--zip body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--zip--scaleup .card-v2__title::after, .card-v2 .card-v2__type--zip--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--zip .news__title::after, .news .news__type--zip body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--zip::after { content: url("/app-files/img/sprite/icon.svg#zip-usage"); } .util-link--video::after, .assist-banner__link--video::after, .heading2__link--video .heading2__title::after, .heading2--center__link--video .heading2--center__title::after, .heading2-v2__link--video .heading2-v2__title::after, .heading2-v2--center__link--video .heading2-v2--center__title::after, .heading3__link--video .heading3__title::after, .heading3--center__link--video .heading3--center__title::after, .heading3-v2__link--video .heading3-v2__title::after, .heading3-v2--center__link--video .heading3-v2--center__title::after, .heading4__link--video .heading4__title::after, .heading4--center__link--video .heading4--center__title::after, .heading4-v2__link--video .heading4-v2__title::after, .heading4-v2--center__link--video .heading4-v2--center__title::after, .heading5__link--video .heading5__title::after, .heading5--center__link--video .heading5--center__title::after, .heading6__link--video .heading6__title::after, .heading6--center__link--video .heading6--center__title::after, .description-list__type--video::after, .description-list-v2__type--video::after, .description-list-v3__type--video::after, .description-list-v4__type--video::after, .link-list__type--video::after, .button .button__type--video::after, .button-v2 .button-v2__type--video::after, .card .card__type--video .card__title::after, .card .card__type--video--scaleup .card__title::after, .card-v2 .card-v2__type--video .card-v2__title::after, .card-v2 .card-v2__type--video--scaleup .card-v2__title::after, .news .news__type--video .news__title::after, .download__link-list__type--video::after { background: url("/app-files/img/sprite/icon.svg#video-usage") no-repeat 0 0; } body[data-browser^="ie"] .util-link--video::after, body[data-browser^="ie"] .assist-banner__link--video::after, body[data-browser^="ie"] .heading2__link--video .heading2__title::after, .heading2__link--video body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--video .heading2--center__title::after, .heading2--center__link--video body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--video .heading2-v2__title::after, .heading2-v2__link--video body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--video .heading2-v2--center__title::after, .heading2-v2--center__link--video body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--video .heading3__title::after, .heading3__link--video body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--video .heading3--center__title::after, .heading3--center__link--video body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--video .heading3-v2__title::after, .heading3-v2__link--video body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--video .heading3-v2--center__title::after, .heading3-v2--center__link--video body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--video .heading4__title::after, .heading4__link--video body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--video .heading4--center__title::after, .heading4--center__link--video body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--video .heading4-v2__title::after, .heading4-v2__link--video body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--video .heading4-v2--center__title::after, .heading4-v2--center__link--video body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--video .heading5__title::after, .heading5__link--video body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--video .heading5--center__title::after, .heading5--center__link--video body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--video .heading6__title::after, .heading6__link--video body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--video .heading6--center__title::after, .heading6--center__link--video body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--video::after, body[data-browser^="ie"] .description-list-v2__type--video::after, body[data-browser^="ie"] .description-list-v3__type--video::after, body[data-browser^="ie"] .description-list-v4__type--video::after, body[data-browser^="ie"] .link-list__type--video::after, body[data-browser^="ie"] .button .button__type--video::after, .button body[data-browser^="ie"] .button__type--video::after, body[data-browser^="ie"] .button-v2 .button-v2__type--video::after, .button-v2 body[data-browser^="ie"] .button-v2__type--video::after, body[data-browser^="ie"] .card .card__type--video .card__title::after, .card .card__type--video body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--video--scaleup .card__title::after, .card .card__type--video--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--video .card-v2__title::after, .card-v2 .card-v2__type--video body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--video--scaleup .card-v2__title::after, .card-v2 .card-v2__type--video--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--video .news__title::after, .news .news__type--video body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--video::after { content: url("/app-files/img/sprite/icon.svg#video-usage"); } .util-link--modal::after, .assist-banner__link--modal::after, .heading2__link--modal .heading2__title::after, .heading2--center__link--modal .heading2--center__title::after, .heading2-v2__link--modal .heading2-v2__title::after, .heading2-v2--center__link--modal .heading2-v2--center__title::after, .heading3__link--modal .heading3__title::after, .heading3--center__link--modal .heading3--center__title::after, .heading3-v2__link--modal .heading3-v2__title::after, .heading3-v2--center__link--modal .heading3-v2--center__title::after, .heading4__link--modal .heading4__title::after, .heading4--center__link--modal .heading4--center__title::after, .heading4-v2__link--modal .heading4-v2__title::after, .heading4-v2--center__link--modal .heading4-v2--center__title::after, .heading5__link--modal .heading5__title::after, .heading5--center__link--modal .heading5--center__title::after, .heading6__link--modal .heading6__title::after, .heading6--center__link--modal .heading6--center__title::after, .description-list__type--modal::after, .description-list-v2__type--modal::after, .description-list-v3__type--modal::after, .description-list-v4__type--modal::after, .link-list__type--modal::after, .button .button__type--modal::after, .button-v2 .button-v2__type--modal::after, .card .card__type--modal .card__title::after, .card .card__type--modal--scaleup .card__title::after, .card-v2 .card-v2__type--modal .card-v2__title::after, .card-v2 .card-v2__type--modal--scaleup .card-v2__title::after, .news .news__type--modal .news__title::after, .download__link-list__type--modal::after { background: url("/app-files/img/sprite/icon.svg#modal-usage") no-repeat 0 0; } body[data-browser^="ie"] .util-link--modal::after, body[data-browser^="ie"] .assist-banner__link--modal::after, body[data-browser^="ie"] .heading2__link--modal .heading2__title::after, .heading2__link--modal body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--modal .heading2--center__title::after, .heading2--center__link--modal body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--modal .heading2-v2__title::after, .heading2-v2__link--modal body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--modal .heading2-v2--center__title::after, .heading2-v2--center__link--modal body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--modal .heading3__title::after, .heading3__link--modal body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--modal .heading3--center__title::after, .heading3--center__link--modal body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--modal .heading3-v2__title::after, .heading3-v2__link--modal body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--modal .heading3-v2--center__title::after, .heading3-v2--center__link--modal body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--modal .heading4__title::after, .heading4__link--modal body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--modal .heading4--center__title::after, .heading4--center__link--modal body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--modal .heading4-v2__title::after, .heading4-v2__link--modal body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--modal .heading4-v2--center__title::after, .heading4-v2--center__link--modal body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--modal .heading5__title::after, .heading5__link--modal body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--modal .heading5--center__title::after, .heading5--center__link--modal body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--modal .heading6__title::after, .heading6__link--modal body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--modal .heading6--center__title::after, .heading6--center__link--modal body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--modal::after, body[data-browser^="ie"] .description-list-v2__type--modal::after, body[data-browser^="ie"] .description-list-v3__type--modal::after, body[data-browser^="ie"] .description-list-v4__type--modal::after, body[data-browser^="ie"] .link-list__type--modal::after, body[data-browser^="ie"] .button .button__type--modal::after, .button body[data-browser^="ie"] .button__type--modal::after, body[data-browser^="ie"] .button-v2 .button-v2__type--modal::after, .button-v2 body[data-browser^="ie"] .button-v2__type--modal::after, body[data-browser^="ie"] .card .card__type--modal .card__title::after, .card .card__type--modal body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--modal--scaleup .card__title::after, .card .card__type--modal--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--modal .card-v2__title::after, .card-v2 .card-v2__type--modal body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--modal--scaleup .card-v2__title::after, .card-v2 .card-v2__type--modal--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--modal .news__title::after, .news .news__type--modal body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--modal::after { content: url("/app-files/img/sprite/icon.svg#modal-usage"); } .util-link--rss::after, .assist-banner__link--rss::after, .heading2__link--rss .heading2__title::after, .heading2--center__link--rss .heading2--center__title::after, .heading2-v2__link--rss .heading2-v2__title::after, .heading2-v2--center__link--rss .heading2-v2--center__title::after, .heading3__link--rss .heading3__title::after, .heading3--center__link--rss .heading3--center__title::after, .heading3-v2__link--rss .heading3-v2__title::after, .heading3-v2--center__link--rss .heading3-v2--center__title::after, .heading4__link--rss .heading4__title::after, .heading4--center__link--rss .heading4--center__title::after, .heading4-v2__link--rss .heading4-v2__title::after, .heading4-v2--center__link--rss .heading4-v2--center__title::after, .heading5__link--rss .heading5__title::after, .heading5--center__link--rss .heading5--center__title::after, .heading6__link--rss .heading6__title::after, .heading6--center__link--rss .heading6--center__title::after, .description-list__type--rss::after, .description-list-v2__type--rss::after, .description-list-v3__type--rss::after, .description-list-v4__type--rss::after, .link-list__type--rss::after, .button .button__type--rss::after, .button-v2 .button-v2__type--rss::after, .pulldown-navi__link--rss::before, .card .card__type--rss .card__title::after, .card .card__type--rss--scaleup .card__title::after, .card-v2 .card-v2__type--rss .card-v2__title::after, .card-v2 .card-v2__type--rss--scaleup .card-v2__title::after, .news .news__type--rss .news__title::after, .download__link-list__type--rss::after { background: url("/app-files/img/sprite/icon.svg#rss-usage") no-repeat 0 0; } body[data-browser^="ie"] .util-link--rss::after, body[data-browser^="ie"] .assist-banner__link--rss::after, body[data-browser^="ie"] .heading2__link--rss .heading2__title::after, .heading2__link--rss body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--rss .heading2--center__title::after, .heading2--center__link--rss body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--rss .heading2-v2__title::after, .heading2-v2__link--rss body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--rss .heading2-v2--center__title::after, .heading2-v2--center__link--rss body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--rss .heading3__title::after, .heading3__link--rss body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--rss .heading3--center__title::after, .heading3--center__link--rss body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--rss .heading3-v2__title::after, .heading3-v2__link--rss body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--rss .heading3-v2--center__title::after, .heading3-v2--center__link--rss body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--rss .heading4__title::after, .heading4__link--rss body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--rss .heading4--center__title::after, .heading4--center__link--rss body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--rss .heading4-v2__title::after, .heading4-v2__link--rss body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--rss .heading4-v2--center__title::after, .heading4-v2--center__link--rss body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--rss .heading5__title::after, .heading5__link--rss body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--rss .heading5--center__title::after, .heading5--center__link--rss body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--rss .heading6__title::after, .heading6__link--rss body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--rss .heading6--center__title::after, .heading6--center__link--rss body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--rss::after, body[data-browser^="ie"] .description-list-v2__type--rss::after, body[data-browser^="ie"] .description-list-v3__type--rss::after, body[data-browser^="ie"] .description-list-v4__type--rss::after, body[data-browser^="ie"] .link-list__type--rss::after, body[data-browser^="ie"] .button .button__type--rss::after, .button body[data-browser^="ie"] .button__type--rss::after, body[data-browser^="ie"] .button-v2 .button-v2__type--rss::after, .button-v2 body[data-browser^="ie"] .button-v2__type--rss::after, body[data-browser^="ie"] .pulldown-navi__link--rss::before, body[data-browser^="ie"] .card .card__type--rss .card__title::after, .card .card__type--rss body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--rss--scaleup .card__title::after, .card .card__type--rss--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--rss .card-v2__title::after, .card-v2 .card-v2__type--rss body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--rss--scaleup .card-v2__title::after, .card-v2 .card-v2__type--rss--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--rss .news__title::after, .news .news__type--rss body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--rss::after { content: url("/app-files/img/sprite/icon.svg#rss-usage"); } .button .button__type--blank::after { background: url("/app-files/img/sprite/icon.svg#blank2-usage") no-repeat 0 0; } body[data-browser^="ie"] .button .button__type--blank::after, .button body[data-browser^="ie"] .button__type--blank::after { content: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .button .button__type--zip::after { background: url("/app-files/img/sprite/icon.svg#zip2-usage") no-repeat 0 0; } body[data-browser^="ie"] .button .button__type--zip::after, .button body[data-browser^="ie"] .button__type--zip::after { content: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .button .button__type--modal::after, .image a.image__frame--modal::after { background: url("/app-files/img/sprite/icon.svg#modal2-usage") no-repeat 0 0; } body[data-browser^="ie"] .button .button__type--modal::after, .button body[data-browser^="ie"] .button__type--modal::after, body[data-browser^="ie"] .image a.image__frame--modal::after, .image body[data-browser^="ie"] a.image__frame--modal::after { content: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .util-link--rss::after, .assist-banner__link--rss::after, .heading2__link--rss .heading2__title::after, .heading2--center__link--rss .heading2--center__title::after, .heading2-v2__link--rss .heading2-v2__title::after, .heading2-v2--center__link--rss .heading2-v2--center__title::after, .heading3__link--rss .heading3__title::after, .heading3--center__link--rss .heading3--center__title::after, .heading3-v2__link--rss .heading3-v2__title::after, .heading3-v2--center__link--rss .heading3-v2--center__title::after, .heading4__link--rss .heading4__title::after, .heading4--center__link--rss .heading4--center__title::after, .heading4-v2__link--rss .heading4-v2__title::after, .heading4-v2--center__link--rss .heading4-v2--center__title::after, .heading5__link--rss .heading5__title::after, .heading5--center__link--rss .heading5--center__title::after, .heading6__link--rss .heading6__title::after, .heading6--center__link--rss .heading6--center__title::after, .description-list__type--rss::after, .description-list-v2__type--rss::after, .description-list-v3__type--rss::after, .description-list-v4__type--rss::after, .link-list__type--rss::after, .button .button__type--rss::after, .button-v2 .button-v2__type--rss::after, .pulldown-navi__link--rss::before, .card .card__type--rss .card__title::after, .card .card__type--rss--scaleup .card__title::after, .card-v2 .card-v2__type--rss .card-v2__title::after, .card-v2 .card-v2__type--rss--scaleup .card-v2__title::after, .news .news__type--rss .news__title::after, .download__link-list__type--rss::after { background: url("/app-files/img/sprite/icon.svg#rss-usage") no-repeat 0 0; } body[data-browser^="ie"] .util-link--rss::after, body[data-browser^="ie"] .assist-banner__link--rss::after, body[data-browser^="ie"] .heading2__link--rss .heading2__title::after, .heading2__link--rss body[data-browser^="ie"] .heading2__title::after, body[data-browser^="ie"] .heading2--center__link--rss .heading2--center__title::after, .heading2--center__link--rss body[data-browser^="ie"] .heading2--center__title::after, body[data-browser^="ie"] .heading2-v2__link--rss .heading2-v2__title::after, .heading2-v2__link--rss body[data-browser^="ie"] .heading2-v2__title::after, body[data-browser^="ie"] .heading2-v2--center__link--rss .heading2-v2--center__title::after, .heading2-v2--center__link--rss body[data-browser^="ie"] .heading2-v2--center__title::after, body[data-browser^="ie"] .heading3__link--rss .heading3__title::after, .heading3__link--rss body[data-browser^="ie"] .heading3__title::after, body[data-browser^="ie"] .heading3--center__link--rss .heading3--center__title::after, .heading3--center__link--rss body[data-browser^="ie"] .heading3--center__title::after, body[data-browser^="ie"] .heading3-v2__link--rss .heading3-v2__title::after, .heading3-v2__link--rss body[data-browser^="ie"] .heading3-v2__title::after, body[data-browser^="ie"] .heading3-v2--center__link--rss .heading3-v2--center__title::after, .heading3-v2--center__link--rss body[data-browser^="ie"] .heading3-v2--center__title::after, body[data-browser^="ie"] .heading4__link--rss .heading4__title::after, .heading4__link--rss body[data-browser^="ie"] .heading4__title::after, body[data-browser^="ie"] .heading4--center__link--rss .heading4--center__title::after, .heading4--center__link--rss body[data-browser^="ie"] .heading4--center__title::after, body[data-browser^="ie"] .heading4-v2__link--rss .heading4-v2__title::after, .heading4-v2__link--rss body[data-browser^="ie"] .heading4-v2__title::after, body[data-browser^="ie"] .heading4-v2--center__link--rss .heading4-v2--center__title::after, .heading4-v2--center__link--rss body[data-browser^="ie"] .heading4-v2--center__title::after, body[data-browser^="ie"] .heading5__link--rss .heading5__title::after, .heading5__link--rss body[data-browser^="ie"] .heading5__title::after, body[data-browser^="ie"] .heading5--center__link--rss .heading5--center__title::after, .heading5--center__link--rss body[data-browser^="ie"] .heading5--center__title::after, body[data-browser^="ie"] .heading6__link--rss .heading6__title::after, .heading6__link--rss body[data-browser^="ie"] .heading6__title::after, body[data-browser^="ie"] .heading6--center__link--rss .heading6--center__title::after, .heading6--center__link--rss body[data-browser^="ie"] .heading6--center__title::after, body[data-browser^="ie"] .description-list__type--rss::after, body[data-browser^="ie"] .description-list-v2__type--rss::after, body[data-browser^="ie"] .description-list-v3__type--rss::after, body[data-browser^="ie"] .description-list-v4__type--rss::after, body[data-browser^="ie"] .link-list__type--rss::after, body[data-browser^="ie"] .button .button__type--rss::after, .button body[data-browser^="ie"] .button__type--rss::after, body[data-browser^="ie"] .button-v2 .button-v2__type--rss::after, .button-v2 body[data-browser^="ie"] .button-v2__type--rss::after, body[data-browser^="ie"] .pulldown-navi__link--rss::before, body[data-browser^="ie"] .card .card__type--rss .card__title::after, .card .card__type--rss body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card .card__type--rss--scaleup .card__title::after, .card .card__type--rss--scaleup body[data-browser^="ie"] .card__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--rss .card-v2__title::after, .card-v2 .card-v2__type--rss body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .card-v2 .card-v2__type--rss--scaleup .card-v2__title::after, .card-v2 .card-v2__type--rss--scaleup body[data-browser^="ie"] .card-v2__title::after, body[data-browser^="ie"] .news .news__type--rss .news__title::after, .news .news__type--rss body[data-browser^="ie"] .news__title::after, body[data-browser^="ie"] .download__link-list__type--rss::after { content: url("/app-files/img/sprite/icon.svg#rss-usage"); } /* ------------------------------------------------------ * gen-icon-sprite-tail ------------------------------------------------------ */ @media print, screen and (min-width: 768px) { .heading2__link--blank .heading2__title::after, .heading2__link--pdf .heading2__title::after, .heading2__link--excel .heading2__title::after, .heading2__link--word .heading2__title::after, .heading2__link--powerpoint .heading2__title::after, .heading2__link--zip .heading2__title::after, .heading2__link--video .heading2__title::after, .heading2__link--modal .heading2__title::after, .heading2__link--rss .heading2__title::after, .heading2--center__link--blank .heading2--center__title::after, .heading2--center__link--pdf .heading2--center__title::after, .heading2--center__link--excel .heading2--center__title::after, .heading2--center__link--word .heading2--center__title::after, .heading2--center__link--powerpoint .heading2--center__title::after, .heading2--center__link--zip .heading2--center__title::after, .heading2--center__link--video .heading2--center__title::after, .heading2--center__link--modal .heading2--center__title::after, .heading2--center__link--rss .heading2--center__title::after, .heading2-v2__link--blank .heading2-v2__title::after, .heading2-v2__link--pdf .heading2-v2__title::after, .heading2-v2__link--excel .heading2-v2__title::after, .heading2-v2__link--word .heading2-v2__title::after, .heading2-v2__link--powerpoint .heading2-v2__title::after, .heading2-v2__link--zip .heading2-v2__title::after, .heading2-v2__link--video .heading2-v2__title::after, .heading2-v2__link--modal .heading2-v2__title::after, .heading2-v2__link--rss .heading2-v2__title::after, .heading2-v2--center__link--blank .heading2-v2--center__title::after, .heading2-v2--center__link--pdf .heading2-v2--center__title::after, .heading2-v2--center__link--excel .heading2-v2--center__title::after, .heading2-v2--center__link--word .heading2-v2--center__title::after, .heading2-v2--center__link--powerpoint .heading2-v2--center__title::after, .heading2-v2--center__link--zip .heading2-v2--center__title::after, .heading2-v2--center__link--video .heading2-v2--center__title::after, .heading2-v2--center__link--modal .heading2-v2--center__title::after, .heading2-v2--center__link--rss .heading2-v2--center__title::after, .heading3__link--blank .heading3__title::after, .heading3__link--pdf .heading3__title::after, .heading3__link--excel .heading3__title::after, .heading3__link--word .heading3__title::after, .heading3__link--powerpoint .heading3__title::after, .heading3__link--zip .heading3__title::after, .heading3__link--video .heading3__title::after, .heading3__link--modal .heading3__title::after, .heading3__link--rss .heading3__title::after, .heading3--center__link--blank .heading3--center__title::after, .heading3--center__link--pdf .heading3--center__title::after, .heading3--center__link--excel .heading3--center__title::after, .heading3--center__link--word .heading3--center__title::after, .heading3--center__link--powerpoint .heading3--center__title::after, .heading3--center__link--zip .heading3--center__title::after, .heading3--center__link--video .heading3--center__title::after, .heading3--center__link--modal .heading3--center__title::after, .heading3--center__link--rss .heading3--center__title::after, .heading3-v2__link--blank .heading3-v2__title::after, .heading3-v2__link--pdf .heading3-v2__title::after, .heading3-v2__link--excel .heading3-v2__title::after, .heading3-v2__link--word .heading3-v2__title::after, .heading3-v2__link--powerpoint .heading3-v2__title::after, .heading3-v2__link--zip .heading3-v2__title::after, .heading3-v2__link--video .heading3-v2__title::after, .heading3-v2__link--modal .heading3-v2__title::after, .heading3-v2__link--rss .heading3-v2__title::after, .heading3-v2--center__link--blank .heading3-v2--center__title::after, .heading3-v2--center__link--pdf .heading3-v2--center__title::after, .heading3-v2--center__link--excel .heading3-v2--center__title::after, .heading3-v2--center__link--word .heading3-v2--center__title::after, .heading3-v2--center__link--powerpoint .heading3-v2--center__title::after, .heading3-v2--center__link--zip .heading3-v2--center__title::after, .heading3-v2--center__link--video .heading3-v2--center__title::after, .heading3-v2--center__link--modal .heading3-v2--center__title::after, .heading3-v2--center__link--rss .heading3-v2--center__title::after, .heading4__link--blank .heading4__title::after, .heading4__link--pdf .heading4__title::after, .heading4__link--excel .heading4__title::after, .heading4__link--word .heading4__title::after, .heading4__link--powerpoint .heading4__title::after, .heading4__link--zip .heading4__title::after, .heading4__link--video .heading4__title::after, .heading4__link--modal .heading4__title::after, .heading4__link--rss .heading4__title::after, .heading4--center__link--blank .heading4--center__title::after, .heading4--center__link--pdf .heading4--center__title::after, .heading4--center__link--excel .heading4--center__title::after, .heading4--center__link--word .heading4--center__title::after, .heading4--center__link--powerpoint .heading4--center__title::after, .heading4--center__link--zip .heading4--center__title::after, .heading4--center__link--video .heading4--center__title::after, .heading4--center__link--modal .heading4--center__title::after, .heading4--center__link--rss .heading4--center__title::after, .heading4-v2__link--blank .heading4-v2__title::after, .heading4-v2__link--pdf .heading4-v2__title::after, .heading4-v2__link--excel .heading4-v2__title::after, .heading4-v2__link--word .heading4-v2__title::after, .heading4-v2__link--powerpoint .heading4-v2__title::after, .heading4-v2__link--zip .heading4-v2__title::after, .heading4-v2__link--video .heading4-v2__title::after, .heading4-v2__link--modal .heading4-v2__title::after, .heading4-v2__link--rss .heading4-v2__title::after, .heading4-v2--center__link--blank .heading4-v2--center__title::after, .heading4-v2--center__link--pdf .heading4-v2--center__title::after, .heading4-v2--center__link--excel .heading4-v2--center__title::after, .heading4-v2--center__link--word .heading4-v2--center__title::after, .heading4-v2--center__link--powerpoint .heading4-v2--center__title::after, .heading4-v2--center__link--zip .heading4-v2--center__title::after, .heading4-v2--center__link--video .heading4-v2--center__title::after, .heading4-v2--center__link--modal .heading4-v2--center__title::after, .heading4-v2--center__link--rss .heading4-v2--center__title::after, .heading5__link--blank .heading5__title::after, .heading5__link--pdf .heading5__title::after, .heading5__link--excel .heading5__title::after, .heading5__link--word .heading5__title::after, .heading5__link--powerpoint .heading5__title::after, .heading5__link--zip .heading5__title::after, .heading5__link--video .heading5__title::after, .heading5__link--modal .heading5__title::after, .heading5__link--rss .heading5__title::after, .heading5--center__link--blank .heading5--center__title::after, .heading5--center__link--pdf .heading5--center__title::after, .heading5--center__link--excel .heading5--center__title::after, .heading5--center__link--word .heading5--center__title::after, .heading5--center__link--powerpoint .heading5--center__title::after, .heading5--center__link--zip .heading5--center__title::after, .heading5--center__link--video .heading5--center__title::after, .heading5--center__link--modal .heading5--center__title::after, .heading5--center__link--rss .heading5--center__title::after, .heading6__link--blank .heading6__title::after, .heading6__link--pdf .heading6__title::after, .heading6__link--excel .heading6__title::after, .heading6__link--word .heading6__title::after, .heading6__link--powerpoint .heading6__title::after, .heading6__link--zip .heading6__title::after, .heading6__link--video .heading6__title::after, .heading6__link--modal .heading6__title::after, .heading6__link--rss .heading6__title::after, .heading6--center__link--blank .heading6--center__title::after, .heading6--center__link--pdf .heading6--center__title::after, .heading6--center__link--excel .heading6--center__title::after, .heading6--center__link--word .heading6--center__title::after, .heading6--center__link--powerpoint .heading6--center__title::after, .heading6--center__link--zip .heading6--center__title::after, .heading6--center__link--video .heading6--center__title::after, .heading6--center__link--modal .heading6--center__title::after, .heading6--center__link--rss .heading6--center__title::after, .description-list__type--blank::after, .description-list__type--pdf::after, .description-list__type--excel::after, .description-list__type--word::after, .description-list__type--powerpoint::after, .description-list__type--zip::after, .description-list__type--video::after, .description-list__type--modal::after, .description-list__type--rss::after, .description-list-v2__type--blank::after, .description-list-v2__type--pdf::after, .description-list-v2__type--excel::after, .description-list-v2__type--word::after, .description-list-v2__type--powerpoint::after, .description-list-v2__type--zip::after, .description-list-v2__type--video::after, .description-list-v2__type--modal::after, .description-list-v2__type--rss::after, .description-list-v3__type--blank::after, .description-list-v3__type--pdf::after, .description-list-v3__type--excel::after, .description-list-v3__type--word::after, .description-list-v3__type--powerpoint::after, .description-list-v3__type--zip::after, .description-list-v3__type--video::after, .description-list-v3__type--modal::after, .description-list-v3__type--rss::after, .description-list-v4__type--blank::after, .description-list-v4__type--pdf::after, .description-list-v4__type--excel::after, .description-list-v4__type--word::after, .description-list-v4__type--powerpoint::after, .description-list-v4__type--zip::after, .description-list-v4__type--video::after, .description-list-v4__type--modal::after, .description-list-v4__type--rss::after, .link-list__type--blank::after, .link-list__type--pdf::after, .link-list__type--excel::after, .link-list__type--word::after, .link-list__type--powerpoint::after, .link-list__type--zip::after, .link-list__type--video::after, .link-list__type--modal::after, .link-list__type--rss::after, .pulldown-navi__link--rss::before, .card .card__type--blank .card__title::after, .card .card__type--blank--scaleup .card__title::after, .card .card__type--pdf .card__title::after, .card .card__type--pdf--scaleup .card__title::after, .card .card__type--excel .card__title::after, .card .card__type--excel--scaleup .card__title::after, .card .card__type--word .card__title::after, .card .card__type--word--scaleup .card__title::after, .card .card__type--powerpoint .card__title::after, .card .card__type--powerpoint--scaleup .card__title::after, .card .card__type--zip .card__title::after, .card .card__type--zip--scaleup .card__title::after, .card .card__type--video .card__title::after, .card .card__type--video--scaleup .card__title::after, .card .card__type--modal .card__title::after, .card .card__type--modal--scaleup .card__title::after, .card .card__type--rss .card__title::after, .card .card__type--rss--scaleup .card__title::after, .card-v2 .card-v2__type--blank .card-v2__title::after, .card-v2 .card-v2__type--blank--scaleup .card-v2__title::after, .card-v2 .card-v2__type--pdf .card-v2__title::after, .card-v2 .card-v2__type--pdf--scaleup .card-v2__title::after, .card-v2 .card-v2__type--excel .card-v2__title::after, .card-v2 .card-v2__type--excel--scaleup .card-v2__title::after, .card-v2 .card-v2__type--word .card-v2__title::after, .card-v2 .card-v2__type--word--scaleup .card-v2__title::after, .card-v2 .card-v2__type--powerpoint .card-v2__title::after, .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__title::after, .card-v2 .card-v2__type--zip .card-v2__title::after, .card-v2 .card-v2__type--zip--scaleup .card-v2__title::after, .card-v2 .card-v2__type--video .card-v2__title::after, .card-v2 .card-v2__type--video--scaleup .card-v2__title::after, .card-v2 .card-v2__type--modal .card-v2__title::after, .card-v2 .card-v2__type--modal--scaleup .card-v2__title::after, .card-v2 .card-v2__type--rss .card-v2__title::after, .card-v2 .card-v2__type--rss--scaleup .card-v2__title::after, .news .news__type .news__title::after, .news .news__type--blank .news__title::after, .news .news__type--pdf .news__title::after, .news .news__type--excel .news__title::after, .news .news__type--word .news__title::after, .news .news__type--powerpoint .news__title::after, .news .news__type--zip .news__title::after, .news .news__type--video .news__title::after, .news .news__type--modal .news__title::after, .news .news__type--rss .news__title::after, .download__link-list__type--blank::after, .download__link-list__type--pdf::after, .download__link-list__type--excel::after, .download__link-list__type--word::after, .download__link-list__type--powerpoint::after, .download__link-list__type--zip::after, .download__link-list__type--video::after, .download__link-list__type--modal::after, .download__link-list__type--rss::after { top: -2px; margin-left: 10px; } } @media only screen and (max-width: 767.98px) { .heading2__link--blank .heading2__title::after, .heading2__link--pdf .heading2__title::after, .heading2__link--excel .heading2__title::after, .heading2__link--word .heading2__title::after, .heading2__link--powerpoint .heading2__title::after, .heading2__link--zip .heading2__title::after, .heading2__link--video .heading2__title::after, .heading2__link--modal .heading2__title::after, .heading2__link--rss .heading2__title::after, .heading2--center__link--blank .heading2--center__title::after, .heading2--center__link--pdf .heading2--center__title::after, .heading2--center__link--excel .heading2--center__title::after, .heading2--center__link--word .heading2--center__title::after, .heading2--center__link--powerpoint .heading2--center__title::after, .heading2--center__link--zip .heading2--center__title::after, .heading2--center__link--video .heading2--center__title::after, .heading2--center__link--modal .heading2--center__title::after, .heading2--center__link--rss .heading2--center__title::after, .heading2-v2__link--blank .heading2-v2__title::after, .heading2-v2__link--pdf .heading2-v2__title::after, .heading2-v2__link--excel .heading2-v2__title::after, .heading2-v2__link--word .heading2-v2__title::after, .heading2-v2__link--powerpoint .heading2-v2__title::after, .heading2-v2__link--zip .heading2-v2__title::after, .heading2-v2__link--video .heading2-v2__title::after, .heading2-v2__link--modal .heading2-v2__title::after, .heading2-v2__link--rss .heading2-v2__title::after, .heading2-v2--center__link--blank .heading2-v2--center__title::after, .heading2-v2--center__link--pdf .heading2-v2--center__title::after, .heading2-v2--center__link--excel .heading2-v2--center__title::after, .heading2-v2--center__link--word .heading2-v2--center__title::after, .heading2-v2--center__link--powerpoint .heading2-v2--center__title::after, .heading2-v2--center__link--zip .heading2-v2--center__title::after, .heading2-v2--center__link--video .heading2-v2--center__title::after, .heading2-v2--center__link--modal .heading2-v2--center__title::after, .heading2-v2--center__link--rss .heading2-v2--center__title::after, .heading3__link--blank .heading3__title::after, .heading3__link--pdf .heading3__title::after, .heading3__link--excel .heading3__title::after, .heading3__link--word .heading3__title::after, .heading3__link--powerpoint .heading3__title::after, .heading3__link--zip .heading3__title::after, .heading3__link--video .heading3__title::after, .heading3__link--modal .heading3__title::after, .heading3__link--rss .heading3__title::after, .heading3--center__link--blank .heading3--center__title::after, .heading3--center__link--pdf .heading3--center__title::after, .heading3--center__link--excel .heading3--center__title::after, .heading3--center__link--word .heading3--center__title::after, .heading3--center__link--powerpoint .heading3--center__title::after, .heading3--center__link--zip .heading3--center__title::after, .heading3--center__link--video .heading3--center__title::after, .heading3--center__link--modal .heading3--center__title::after, .heading3--center__link--rss .heading3--center__title::after, .heading3-v2__link--blank .heading3-v2__title::after, .heading3-v2__link--pdf .heading3-v2__title::after, .heading3-v2__link--excel .heading3-v2__title::after, .heading3-v2__link--word .heading3-v2__title::after, .heading3-v2__link--powerpoint .heading3-v2__title::after, .heading3-v2__link--zip .heading3-v2__title::after, .heading3-v2__link--video .heading3-v2__title::after, .heading3-v2__link--modal .heading3-v2__title::after, .heading3-v2__link--rss .heading3-v2__title::after, .heading3-v2--center__link--blank .heading3-v2--center__title::after, .heading3-v2--center__link--pdf .heading3-v2--center__title::after, .heading3-v2--center__link--excel .heading3-v2--center__title::after, .heading3-v2--center__link--word .heading3-v2--center__title::after, .heading3-v2--center__link--powerpoint .heading3-v2--center__title::after, .heading3-v2--center__link--zip .heading3-v2--center__title::after, .heading3-v2--center__link--video .heading3-v2--center__title::after, .heading3-v2--center__link--modal .heading3-v2--center__title::after, .heading3-v2--center__link--rss .heading3-v2--center__title::after, .heading4__link--blank .heading4__title::after, .heading4__link--pdf .heading4__title::after, .heading4__link--excel .heading4__title::after, .heading4__link--word .heading4__title::after, .heading4__link--powerpoint .heading4__title::after, .heading4__link--zip .heading4__title::after, .heading4__link--video .heading4__title::after, .heading4__link--modal .heading4__title::after, .heading4__link--rss .heading4__title::after, .heading4--center__link--blank .heading4--center__title::after, .heading4--center__link--pdf .heading4--center__title::after, .heading4--center__link--excel .heading4--center__title::after, .heading4--center__link--word .heading4--center__title::after, .heading4--center__link--powerpoint .heading4--center__title::after, .heading4--center__link--zip .heading4--center__title::after, .heading4--center__link--video .heading4--center__title::after, .heading4--center__link--modal .heading4--center__title::after, .heading4--center__link--rss .heading4--center__title::after, .heading4-v2__link--blank .heading4-v2__title::after, .heading4-v2__link--pdf .heading4-v2__title::after, .heading4-v2__link--excel .heading4-v2__title::after, .heading4-v2__link--word .heading4-v2__title::after, .heading4-v2__link--powerpoint .heading4-v2__title::after, .heading4-v2__link--zip .heading4-v2__title::after, .heading4-v2__link--video .heading4-v2__title::after, .heading4-v2__link--modal .heading4-v2__title::after, .heading4-v2__link--rss .heading4-v2__title::after, .heading4-v2--center__link--blank .heading4-v2--center__title::after, .heading4-v2--center__link--pdf .heading4-v2--center__title::after, .heading4-v2--center__link--excel .heading4-v2--center__title::after, .heading4-v2--center__link--word .heading4-v2--center__title::after, .heading4-v2--center__link--powerpoint .heading4-v2--center__title::after, .heading4-v2--center__link--zip .heading4-v2--center__title::after, .heading4-v2--center__link--video .heading4-v2--center__title::after, .heading4-v2--center__link--modal .heading4-v2--center__title::after, .heading4-v2--center__link--rss .heading4-v2--center__title::after, .heading5__link--blank .heading5__title::after, .heading5__link--pdf .heading5__title::after, .heading5__link--excel .heading5__title::after, .heading5__link--word .heading5__title::after, .heading5__link--powerpoint .heading5__title::after, .heading5__link--zip .heading5__title::after, .heading5__link--video .heading5__title::after, .heading5__link--modal .heading5__title::after, .heading5__link--rss .heading5__title::after, .heading5--center__link--blank .heading5--center__title::after, .heading5--center__link--pdf .heading5--center__title::after, .heading5--center__link--excel .heading5--center__title::after, .heading5--center__link--word .heading5--center__title::after, .heading5--center__link--powerpoint .heading5--center__title::after, .heading5--center__link--zip .heading5--center__title::after, .heading5--center__link--video .heading5--center__title::after, .heading5--center__link--modal .heading5--center__title::after, .heading5--center__link--rss .heading5--center__title::after, .heading6__link--blank .heading6__title::after, .heading6__link--pdf .heading6__title::after, .heading6__link--excel .heading6__title::after, .heading6__link--word .heading6__title::after, .heading6__link--powerpoint .heading6__title::after, .heading6__link--zip .heading6__title::after, .heading6__link--video .heading6__title::after, .heading6__link--modal .heading6__title::after, .heading6__link--rss .heading6__title::after, .heading6--center__link--blank .heading6--center__title::after, .heading6--center__link--pdf .heading6--center__title::after, .heading6--center__link--excel .heading6--center__title::after, .heading6--center__link--word .heading6--center__title::after, .heading6--center__link--powerpoint .heading6--center__title::after, .heading6--center__link--zip .heading6--center__title::after, .heading6--center__link--video .heading6--center__title::after, .heading6--center__link--modal .heading6--center__title::after, .heading6--center__link--rss .heading6--center__title::after, .description-list__type--blank::after, .description-list__type--pdf::after, .description-list__type--excel::after, .description-list__type--word::after, .description-list__type--powerpoint::after, .description-list__type--zip::after, .description-list__type--video::after, .description-list__type--modal::after, .description-list__type--rss::after, .description-list-v2__type--blank::after, .description-list-v2__type--pdf::after, .description-list-v2__type--excel::after, .description-list-v2__type--word::after, .description-list-v2__type--powerpoint::after, .description-list-v2__type--zip::after, .description-list-v2__type--video::after, .description-list-v2__type--modal::after, .description-list-v2__type--rss::after, .description-list-v3__type--blank::after, .description-list-v3__type--pdf::after, .description-list-v3__type--excel::after, .description-list-v3__type--word::after, .description-list-v3__type--powerpoint::after, .description-list-v3__type--zip::after, .description-list-v3__type--video::after, .description-list-v3__type--modal::after, .description-list-v3__type--rss::after, .description-list-v4__type--blank::after, .description-list-v4__type--pdf::after, .description-list-v4__type--excel::after, .description-list-v4__type--word::after, .description-list-v4__type--powerpoint::after, .description-list-v4__type--zip::after, .description-list-v4__type--video::after, .description-list-v4__type--modal::after, .description-list-v4__type--rss::after, .link-list__type--blank::after, .link-list__type--pdf::after, .link-list__type--excel::after, .link-list__type--word::after, .link-list__type--powerpoint::after, .link-list__type--zip::after, .link-list__type--video::after, .link-list__type--modal::after, .link-list__type--rss::after, .pulldown-navi__link--rss::before, .card .card__type--blank .card__title::after, .card .card__type--blank--scaleup .card__title::after, .card .card__type--pdf .card__title::after, .card .card__type--pdf--scaleup .card__title::after, .card .card__type--excel .card__title::after, .card .card__type--excel--scaleup .card__title::after, .card .card__type--word .card__title::after, .card .card__type--word--scaleup .card__title::after, .card .card__type--powerpoint .card__title::after, .card .card__type--powerpoint--scaleup .card__title::after, .card .card__type--zip .card__title::after, .card .card__type--zip--scaleup .card__title::after, .card .card__type--video .card__title::after, .card .card__type--video--scaleup .card__title::after, .card .card__type--modal .card__title::after, .card .card__type--modal--scaleup .card__title::after, .card .card__type--rss .card__title::after, .card .card__type--rss--scaleup .card__title::after, .card-v2 .card-v2__type--blank .card-v2__title::after, .card-v2 .card-v2__type--blank--scaleup .card-v2__title::after, .card-v2 .card-v2__type--pdf .card-v2__title::after, .card-v2 .card-v2__type--pdf--scaleup .card-v2__title::after, .card-v2 .card-v2__type--excel .card-v2__title::after, .card-v2 .card-v2__type--excel--scaleup .card-v2__title::after, .card-v2 .card-v2__type--word .card-v2__title::after, .card-v2 .card-v2__type--word--scaleup .card-v2__title::after, .card-v2 .card-v2__type--powerpoint .card-v2__title::after, .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__title::after, .card-v2 .card-v2__type--zip .card-v2__title::after, .card-v2 .card-v2__type--zip--scaleup .card-v2__title::after, .card-v2 .card-v2__type--video .card-v2__title::after, .card-v2 .card-v2__type--video--scaleup .card-v2__title::after, .card-v2 .card-v2__type--modal .card-v2__title::after, .card-v2 .card-v2__type--modal--scaleup .card-v2__title::after, .card-v2 .card-v2__type--rss .card-v2__title::after, .card-v2 .card-v2__type--rss--scaleup .card-v2__title::after, .news .news__type .news__title::after, .news .news__type--blank .news__title::after, .news .news__type--pdf .news__title::after, .news .news__type--excel .news__title::after, .news .news__type--word .news__title::after, .news .news__type--powerpoint .news__title::after, .news .news__type--zip .news__title::after, .news .news__type--video .news__title::after, .news .news__type--modal .news__title::after, .news .news__type--rss .news__title::after, .download__link-list__type--blank::after, .download__link-list__type--pdf::after, .download__link-list__type--excel::after, .download__link-list__type--word::after, .download__link-list__type--powerpoint::after, .download__link-list__type--zip::after, .download__link-list__type--video::after, .download__link-list__type--modal::after, .download__link-list__type--rss::after { top: -1px; margin-left: 8px; } } /* ------------------------------------------------------ * gen-icon-sprite-middle ------------------------------------------------------ */ .button .button__type--blank::after, .button .button__type--pdf::after, .button .button__type--excel::after, .button .button__type--word::after, .button .button__type--powerpoint::after, .button .button__type--zip::after, .button .button__type--video::after, .button .button__type--modal::after, .button .button__type--rss::after, .button-v2 .button-v2__type--blank::after, .button-v2 .button-v2__type--pdf::after, .button-v2 .button-v2__type--excel::after, .button-v2 .button-v2__type--word::after, .button-v2 .button-v2__type--powerpoint::after, .button-v2 .button-v2__type--zip::after, .button-v2 .button-v2__type--video::after, .button-v2 .button-v2__type--modal::after, .button-v2 .button-v2__type--rss::after { position: absolute; top: 50%; margin-top: -7px; } /* ====================================================== * table * ------------------------------------------------------ * gen-table-align ====================================================== */ /* ------------------------------------------------------ * gen-table-align ------------------------------------------------------ */ .table__cell--left-top, .table__cell--lv1--left-top, .table__cell--lv2--left-top { text-align: left !important; vertical-align: top !important; } .table__cell--left-middle, .table__cell--lv1--left-middle, .table__cell--lv2--left-middle { text-align: left !important; vertical-align: middle !important; } .table__cell--left-bottom, .table__cell--lv1--left-bottom, .table__cell--lv2--left-bottom { text-align: left !important; vertical-align: bottom !important; } .table__cell--center-top, .table__cell--lv1--center-top, .table__cell--lv2--center-top { text-align: center !important; vertical-align: top !important; } .table__cell--center-middle, .table__cell--lv1--center-middle, .table__cell--lv2--center-middle { text-align: center !important; vertical-align: middle !important; } .table__cell--center-bottom, .table__cell--lv1--center-bottom, .table__cell--lv2--center-bottom { text-align: center !important; vertical-align: bottom !important; } .table__cell--right-top, .table__cell--lv1--right-top, .table__cell--lv2--right-top { text-align: right !important; vertical-align: top !important; } .table__cell--right-middle, .table__cell--lv1--right-middle, .table__cell--lv2--right-middle { text-align: right !important; vertical-align: middle !important; } .table__cell--right-bottom, .table__cell--lv1--right-bottom, .table__cell--lv2--right-bottom { text-align: right !important; vertical-align: bottom !important; } /* ====================================================== * Base ====================================================== */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* ====================================================== * base * ------------------------------------------------------ * Fonts * Basic ====================================================== */ /* ====================================================== * Fonts ====================================================== */ /* ====================================================== * Basic ====================================================== */ html { font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { background-color: #222e46; color: #fff; word-wrap: break-word; } @media print, screen and (min-width: 768px) { body { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 1.6; } } @media only screen and (max-width: 767.98px) { body { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; font-size: 1.4rem; line-height: 1.6; } body.is-active-menu { position: fixed; width: 100%; } } body *, body *::before, body *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ----- img ----- */ img { max-width: 100%; height: auto; vertical-align: top; } /* ----- a ----- */ a { -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } a:link { color: #fff; text-decoration: none; } a:visited { color: #fff; text-decoration: none; } a:hover { color: #fff; text-decoration: none; } a:active { color: #fff; text-decoration: none; } /* tel */ @media print, screen and (min-width: 768px) { a[href^="tel:"] { display: inline-block; color: #fff; text-decoration: none; pointer-events: none; cursor: default; } } /* ----- form ----- */ input, select, textarea, button, pre { border-radius: 0; box-shadow: none; color: #fff; } @media print, screen and (min-width: 768px) { input, select, textarea, button, pre { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.6rem; line-height: 1.6; } } @media only screen and (max-width: 767.98px) { input, select, textarea, button, pre { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.6rem; line-height: 1.6; } } input[type="text"], textarea { -webkit-appearance: none; appearance: none; } input[type="submit"], button:not([disabled]) { cursor: pointer; } /* placeholder */ ::-webkit-input-placeholder { color: #999; } :-ms-input-placeholder { color: #999; } ::-moz-placeholder { color: #999; opacity: 1; } @media print { body { page: print-width; width: 1280px !important; margin: 0 auto !important; } body[data-browser^="ie"] { zoom: 1.9 !important; transform: scale(0.45) !important; transform-origin: 0 0 !important; } body[data-browser="chrome"] { zoom: .85; } } /* ====================================================== * util * ------------------------------------------------------ * Device * Text * Link * Badge ====================================================== */ /* ====================================================== * Device ====================================================== */ @media print, screen and (min-width: 768px) { .util-pc-hidden { display: none !important; } } @media only screen and (max-width: 767.98px) { .util-sp-hidden { display: none !important; } } /* ====================================================== * Text ====================================================== */ /* ----- sup/sub ----- */ .util-sup, .util-sub { position: relative; font-size: 60%; line-height: 1; } .util-sup { top: -.6em; } .util-sub { bottom: -.1em; } /* ----- bold ----- */ @media print, screen and (min-width: 768px) { .util-bold { font-weight: 700 !important; } } @media only screen and (max-width: 767.98px) { .util-bold { font-weight: 700 !important; } } /* ----- italic ----- */ .util-italic { font-style: italic !important; } /* ----- underline ----- */ .util-underline { text-decoration: underline !important; } /* ----- color ----- */ .util-color--main { color: #fe4774 !important; } .util-color--sub { color: #222e46 !important; } .util-color--accent { color: #fff !important; } /* ----- highlight ----- */ .util-highlight--main { color: #fe4774 !important; } @media print, screen and (min-width: 768px) { .util-highlight--main { font-weight: 700 !important; } } @media only screen and (max-width: 767.98px) { .util-highlight--main { font-weight: 700 !important; } } .util-highlight--sub { color: #222e46 !important; } @media print, screen and (min-width: 768px) { .util-highlight--sub { font-weight: 700 !important; } } @media only screen and (max-width: 767.98px) { .util-highlight--sub { font-weight: 700 !important; } } .util-highlight--accent { color: #fff !important; } @media print, screen and (min-width: 768px) { .util-highlight--accent { font-weight: 700 !important; } } @media only screen and (max-width: 767.98px) { .util-highlight--accent { font-weight: 700 !important; } } /* ====================================================== * Link ====================================================== */ /* ----- link ----- */ .util-link:link, .util-link--blank:link, .util-link--pdf:link, .util-link--excel:link, .util-link--word:link, .util-link--powerpoint:link, .util-link--zip:link, .util-link--video:link, .util-link--modal:link, .util-link--rss:link { display: inline; text-decoration: underline; } @media print, screen and (min-width: 768px) { .util-link:hover:link, .util-link--blank:hover:link, .util-link--pdf:hover:link, .util-link--excel:hover:link, .util-link--word:hover:link, .util-link--powerpoint:hover:link, .util-link--zip:hover:link, .util-link--video:hover:link, .util-link--modal:hover:link, .util-link--rss:hover:link { text-decoration: none; } } .util-link__filesize { font-style: normal; } .util-link--blank::after { position: relative; top: -2px; margin: 0 .5em; } .util-link--pdf::after { position: relative; top: -2px; margin: 0 .5em; } .util-link--excel::after { position: relative; top: -2px; margin: 0 .5em; } .util-link--word::after { position: relative; top: -2px; margin: 0 .5em; } .util-link--powerpoint::after { position: relative; top: -2px; margin: 0 .5em; } .util-link--zip::after { position: relative; top: -2px; margin: 0 .5em; } .util-link--video::after { position: relative; top: -2px; margin: 0 .5em; } .util-link--modal::after { position: relative; top: -2px; margin: 0 .5em; } .util-link--rss::after { position: relative; top: -2px; margin: 0 .5em; } /* ====================================================== * Badge ====================================================== */ /* ----- badge ----- */ .util-badge, [class*="util-badge--"] { display: inline-flex; justify-content: center; align-items: center; font-style: normal; text-align: center; vertical-align: middle; } .util-badge { border: 1px solid #ddd; background-color: #fff; } @media print, screen and (min-width: 768px) { .util-badge { min-width: 104px; height: 25px; padding: 3px 10px 0; font-size: 1.2rem; font-weight: 700; line-height: 25px; } } @media only screen and (max-width: 767.98px) { .util-badge { min-width: 120px; height: 22px; padding: 3px 11px 0; font-weight: 700; line-height: 22px; } } @media print, screen and (min-width: 768px) { [class*="util-badge--"] { min-width: 104px; height: 22px; padding: 1px 10px 0; font-size: 1.2rem; font-weight: 700; line-height: 22px; } } @media only screen and (max-width: 767.98px) { [class*="util-badge--"] { min-width: 118px; height: 20px; padding: 1px 8px 0; font-size: 1.0rem; font-weight: 700; line-height: 20px; } } .util-badge--release { background-color: #c6cddd; } .util-badge--notice { background-color: #ddc6c6; } .util-badge--ir { background-color: #dddcc6; } .util-badge--csr { background-color: #c6ddcc; } .util-badge--other { background-color: #d8c6dd; } /* ====================================================== * motion ====================================================== */ .util-motion--slide { overflow: hidden; } /* ====================================================== * data-col * ------------------------------------------------------ * data-col-pc * data-col-sp ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * data-col-pc ====================================================== */ @media print, screen and (min-width: 768px) { [data-col-pc]:not([data-col-pc="1"]) { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; width: 100%; } .solution .business-column { -webkit-justify-content: space-between; justify-content: space-between; } [data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.25em; margin-left: 36px; } [data-col-pc="1"] > *:nth-child(-n+1) { margin-top: 0 !important; } [data-col-pc="1"] > *:nth-child(1n+1) { margin-left: 0 !important; } [data-col-pc="1"] > * { width: 100%; } [data-col-pc="2"] > *:nth-child(-n+2) { margin-top: 0 !important; } [data-col-pc="2"] > *:nth-child(2n+1) { margin-left: 0 !important; } [data-col-pc="2"] > * { width: calc(((100% - (36px)) / 2) - .1px); } [data-col-pc="3"] > *:nth-child(-n+3) { margin-top: 0 !important; } [data-col-pc="3"] > *:nth-child(3n+1) { margin-left: 0 !important; } [data-col-pc="3"] > * { width: calc(((100% - (72px)) / 3) - .1px); } [data-col-pc="4"] > *:nth-child(-n+4) { margin-top: 0 !important; } [data-col-pc="4"] > *:nth-child(4n+1) { margin-left: 0 !important; } [data-col-pc="4"] > * { width: calc(((100% - (108px)) / 4) - .1px); } [data-col-pc="5"] > *:nth-child(-n+5) { margin-top: 0 !important; } [data-col-pc="5"] > *:nth-child(5n+1) { margin-left: 0 !important; } [data-col-pc="5"] > * { width: calc(((100% - (144px)) / 5) - .1px); } [data-col-pc="6"] > *:nth-child(-n+6) { margin-top: 0 !important; } [data-col-pc="6"] > *:nth-child(6n+1) { margin-left: 0 !important; } [data-col-pc="6"] > * { width: calc(((100% - (180px)) / 6) - .1px); } [data-col-pc="auto"] { margin-right: -36px; margin-bottom: -1em; } [data-col-pc="auto"] > * { margin-top: 0 !important; margin-right: 36px; margin-bottom: 1em; margin-left: 0; } } /* ====================================================== * data-col-sp ====================================================== */ @media only screen and (max-width: 767.98px) { [data-col-sp]:not([data-col-sp="1"]) { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } [data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1em; margin-left: 15px; } [data-col-sp="1"] > *:nth-child(-n+1) { margin-top: 0 !important; } [data-col-sp="1"] > *:nth-child(1n+1) { margin-left: 0 !important; } [data-col-sp="1"] > * { width: 100%; } [data-col-sp="2"] > *:nth-child(-n+2) { margin-top: 0 !important; } [data-col-sp="2"] > *:nth-child(2n+1) { margin-left: 0 !important; } [data-col-sp="2"] > * { width: calc((100% - (15px)) / 2); } [data-col-sp="auto"] { margin-right: -15px; margin-bottom: -0.5em; } [data-col-sp="auto"] > * { margin-top: 0 !important; margin-right: 15px; margin-bottom: 0.5em; margin-left: 0; } } /* ====================================================== * data-size * ------------------------------------------------------ * data-size-pc * data-size-sp ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * data-size-pc ====================================================== */ @media print, screen and (min-width: 768px) { [data-size-pc="1col"] { width: 100%; } [data-size-pc="1col"] > * { width: 100%; } [data-size-pc="2col"] { width: calc(((100% - (36px * (2 - 1))) / 2) - .1px); } [data-size-pc="2col"] > * { width: 100%; } [data-size-pc="3col"] { width: calc(((100% - (36px * (3 - 1))) / 3) - .1px); } [data-size-pc="3col"] > * { width: 100%; } [data-size-pc="4col"] { width: calc(((100% - (36px * (4 - 1))) / 4) - .1px); } [data-size-pc="4col"] > * { width: 100%; } [data-size-pc="5col"] { width: calc(((100% - (36px * (5 - 1))) / 5) - .1px); } [data-size-pc="5col"] > * { width: 100%; } [data-size-pc="6col"] { width: calc(((100% - (36px * (6 - 1))) / 6) - .1px); } [data-size-pc="6col"] > * { width: 100%; } [data-size-pc="1per"] { width: 1% !important; } [data-size-pc="1per"] > * { width: 100%; } [data-size-pc="2per"] { width: 2% !important; } [data-size-pc="2per"] > * { width: 100%; } [data-size-pc="3per"] { width: 3% !important; } [data-size-pc="3per"] > * { width: 100%; } [data-size-pc="4per"] { width: 4% !important; } [data-size-pc="4per"] > * { width: 100%; } [data-size-pc="5per"] { width: 5% !important; } [data-size-pc="5per"] > * { width: 100%; } [data-size-pc="6per"] { width: 6% !important; } [data-size-pc="6per"] > * { width: 100%; } [data-size-pc="7per"] { width: 7% !important; } [data-size-pc="7per"] > * { width: 100%; } [data-size-pc="8per"] { width: 8% !important; } [data-size-pc="8per"] > * { width: 100%; } [data-size-pc="9per"] { width: 9% !important; } [data-size-pc="9per"] > * { width: 100%; } [data-size-pc="10per"] { width: 10% !important; } [data-size-pc="10per"] > * { width: 100%; } [data-size-pc="11per"] { width: 11% !important; } [data-size-pc="11per"] > * { width: 100%; } [data-size-pc="12per"] { width: 12% !important; } [data-size-pc="12per"] > * { width: 100%; } [data-size-pc="13per"] { width: 13% !important; } [data-size-pc="13per"] > * { width: 100%; } [data-size-pc="14per"] { width: 14% !important; } [data-size-pc="14per"] > * { width: 100%; } [data-size-pc="15per"] { width: 15% !important; } [data-size-pc="15per"] > * { width: 100%; } [data-size-pc="16per"] { width: 16% !important; } [data-size-pc="16per"] > * { width: 100%; } [data-size-pc="17per"] { width: 17% !important; } [data-size-pc="17per"] > * { width: 100%; } [data-size-pc="18per"] { width: 18% !important; } [data-size-pc="18per"] > * { width: 100%; } [data-size-pc="19per"] { width: 19% !important; } [data-size-pc="19per"] > * { width: 100%; } [data-size-pc="20per"] { width: 20% !important; } [data-size-pc="20per"] > * { width: 100%; } [data-size-pc="21per"] { width: 21% !important; } [data-size-pc="21per"] > * { width: 100%; } [data-size-pc="22per"] { width: 22% !important; } [data-size-pc="22per"] > * { width: 100%; } [data-size-pc="23per"] { width: 23% !important; } [data-size-pc="23per"] > * { width: 100%; } [data-size-pc="24per"] { width: 24% !important; } [data-size-pc="24per"] > * { width: 100%; } [data-size-pc="25per"] { width: 25% !important; } [data-size-pc="25per"] > * { width: 100%; } [data-size-pc="26per"] { width: 26% !important; } [data-size-pc="26per"] > * { width: 100%; } [data-size-pc="27per"] { width: 27% !important; } [data-size-pc="27per"] > * { width: 100%; } [data-size-pc="28per"] { width: 28% !important; } [data-size-pc="28per"] > * { width: 100%; } [data-size-pc="29per"] { width: 29% !important; } [data-size-pc="29per"] > * { width: 100%; } [data-size-pc="30per"] { width: 30% !important; } [data-size-pc="30per"] > * { width: 100%; } [data-size-pc="31per"] { width: 31% !important; } [data-size-pc="31per"] > * { width: 100%; } [data-size-pc="32per"] { width: 32% !important; } [data-size-pc="32per"] > * { width: 100%; } [data-size-pc="33per"] { width: 33% !important; } [data-size-pc="33per"] > * { width: 100%; } [data-size-pc="34per"] { width: 34% !important; } [data-size-pc="34per"] > * { width: 100%; } [data-size-pc="35per"] { width: 35% !important; } [data-size-pc="35per"] > * { width: 100%; } [data-size-pc="36per"] { width: 36% !important; } [data-size-pc="36per"] > * { width: 100%; } [data-size-pc="37per"] { width: 37% !important; } [data-size-pc="37per"] > * { width: 100%; } [data-size-pc="38per"] { width: 38% !important; } [data-size-pc="38per"] > * { width: 100%; } [data-size-pc="39per"] { width: 39% !important; } [data-size-pc="39per"] > * { width: 100%; } [data-size-pc="40per"] { width: 40% !important; } [data-size-pc="40per"] > * { width: 100%; } [data-size-pc="41per"] { width: 41% !important; } [data-size-pc="41per"] > * { width: 100%; } [data-size-pc="42per"] { width: 42% !important; } [data-size-pc="42per"] > * { width: 100%; } [data-size-pc="43per"] { width: 43% !important; } [data-size-pc="43per"] > * { width: 100%; } [data-size-pc="44per"] { width: 44% !important; } [data-size-pc="44per"] > * { width: 100%; } [data-size-pc="45per"] { width: 45% !important; } [data-size-pc="45per"] > * { width: 100%; } [data-size-pc="46per"] { width: 46% !important; } [data-size-pc="46per"] > * { width: 100%; } [data-size-pc="47per"] { width: 47% !important; } [data-size-pc="47per"] > * { width: 100%; } [data-size-pc="48per"] { width: 48% !important; } [data-size-pc="48per"] > * { width: 100%; } [data-size-pc="49per"] { width: 49% !important; } [data-size-pc="49per"] > * { width: 100%; } [data-size-pc="50per"] { width: 50% !important; } [data-size-pc="50per"] > * { width: 100%; } [data-size-pc="51per"] { width: 51% !important; } [data-size-pc="51per"] > * { width: 100%; } [data-size-pc="52per"] { width: 52% !important; } [data-size-pc="52per"] > * { width: 100%; } [data-size-pc="53per"] { width: 53% !important; } [data-size-pc="53per"] > * { width: 100%; } [data-size-pc="54per"] { width: 54% !important; } [data-size-pc="54per"] > * { width: 100%; } [data-size-pc="55per"] { width: 55% !important; } [data-size-pc="55per"] > * { width: 100%; } [data-size-pc="56per"] { width: 56% !important; } [data-size-pc="56per"] > * { width: 100%; } [data-size-pc="57per"] { width: 57% !important; } [data-size-pc="57per"] > * { width: 100%; } [data-size-pc="58per"] { width: 58% !important; } [data-size-pc="58per"] > * { width: 100%; } [data-size-pc="59per"] { width: 59% !important; } [data-size-pc="59per"] > * { width: 100%; } [data-size-pc="60per"] { width: 60% !important; } [data-size-pc="60per"] > * { width: 100%; } [data-size-pc="61per"] { width: 61% !important; } [data-size-pc="61per"] > * { width: 100%; } [data-size-pc="62per"] { width: 62% !important; } [data-size-pc="62per"] > * { width: 100%; } [data-size-pc="63per"] { width: 63% !important; } [data-size-pc="63per"] > * { width: 100%; } [data-size-pc="64per"] { width: 64% !important; } [data-size-pc="64per"] > * { width: 100%; } [data-size-pc="65per"] { width: 65% !important; } [data-size-pc="65per"] > * { width: 100%; } [data-size-pc="66per"] { width: 66% !important; } [data-size-pc="66per"] > * { width: 100%; } [data-size-pc="67per"] { width: 67% !important; } [data-size-pc="67per"] > * { width: 100%; } [data-size-pc="68per"] { width: 68% !important; } [data-size-pc="68per"] > * { width: 100%; } [data-size-pc="69per"] { width: 69% !important; } [data-size-pc="69per"] > * { width: 100%; } [data-size-pc="70per"] { width: 70% !important; } [data-size-pc="70per"] > * { width: 100%; } [data-size-pc="71per"] { width: 71% !important; } [data-size-pc="71per"] > * { width: 100%; } [data-size-pc="72per"] { width: 72% !important; } [data-size-pc="72per"] > * { width: 100%; } [data-size-pc="73per"] { width: 73% !important; } [data-size-pc="73per"] > * { width: 100%; } [data-size-pc="74per"] { width: 74% !important; } [data-size-pc="74per"] > * { width: 100%; } [data-size-pc="75per"] { width: 75% !important; } [data-size-pc="75per"] > * { width: 100%; } [data-size-pc="76per"] { width: 76% !important; } [data-size-pc="76per"] > * { width: 100%; } [data-size-pc="77per"] { width: 77% !important; } [data-size-pc="77per"] > * { width: 100%; } [data-size-pc="78per"] { width: 78% !important; } [data-size-pc="78per"] > * { width: 100%; } [data-size-pc="79per"] { width: 79% !important; } [data-size-pc="79per"] > * { width: 100%; } [data-size-pc="80per"] { width: 80% !important; } [data-size-pc="80per"] > * { width: 100%; } [data-size-pc="81per"] { width: 81% !important; } [data-size-pc="81per"] > * { width: 100%; } [data-size-pc="82per"] { width: 82% !important; } [data-size-pc="82per"] > * { width: 100%; } [data-size-pc="83per"] { width: 83% !important; } [data-size-pc="83per"] > * { width: 100%; } [data-size-pc="84per"] { width: 84% !important; } [data-size-pc="84per"] > * { width: 100%; } [data-size-pc="85per"] { width: 85% !important; } [data-size-pc="85per"] > * { width: 100%; } [data-size-pc="86per"] { width: 86% !important; } [data-size-pc="86per"] > * { width: 100%; } [data-size-pc="87per"] { width: 87% !important; } [data-size-pc="87per"] > * { width: 100%; } [data-size-pc="88per"] { width: 88% !important; } [data-size-pc="88per"] > * { width: 100%; } [data-size-pc="89per"] { width: 89% !important; } [data-size-pc="89per"] > * { width: 100%; } [data-size-pc="90per"] { width: 90% !important; } [data-size-pc="90per"] > * { width: 100%; } [data-size-pc="91per"] { width: 91% !important; } [data-size-pc="91per"] > * { width: 100%; } [data-size-pc="92per"] { width: 92% !important; } [data-size-pc="92per"] > * { width: 100%; } [data-size-pc="93per"] { width: 93% !important; } [data-size-pc="93per"] > * { width: 100%; } [data-size-pc="94per"] { width: 94% !important; } [data-size-pc="94per"] > * { width: 100%; } [data-size-pc="95per"] { width: 95% !important; } [data-size-pc="95per"] > * { width: 100%; } [data-size-pc="96per"] { width: 96% !important; } [data-size-pc="96per"] > * { width: 100%; } [data-size-pc="97per"] { width: 97% !important; } [data-size-pc="97per"] > * { width: 100%; } [data-size-pc="98per"] { width: 98% !important; } [data-size-pc="98per"] > * { width: 100%; } [data-size-pc="99per"] { width: 99% !important; } [data-size-pc="99per"] > * { width: 100%; } [data-size-pc="100per"] { width: 100% !important; } [data-size-pc="100per"] > * { width: 100%; } } /* ====================================================== * data-size-sp ====================================================== */ @media only screen and (max-width: 767.98px) { [data-size-sp="1col"] { width: 100%; } [data-size-sp="1col"] > * { width: 100%; } [data-size-sp="2col"] { width: calc((100% - (15px * (2 - 1))) / 2); } [data-size-sp="2col"] > * { width: 100%; } [data-size-sp="1per"] { width: 1% !important; } [data-size-sp="1per"] > * { width: 100%; } [data-size-sp="2per"] { width: 2% !important; } [data-size-sp="2per"] > * { width: 100%; } [data-size-sp="3per"] { width: 3% !important; } [data-size-sp="3per"] > * { width: 100%; } [data-size-sp="4per"] { width: 4% !important; } [data-size-sp="4per"] > * { width: 100%; } [data-size-sp="5per"] { width: 5% !important; } [data-size-sp="5per"] > * { width: 100%; } [data-size-sp="6per"] { width: 6% !important; } [data-size-sp="6per"] > * { width: 100%; } [data-size-sp="7per"] { width: 7% !important; } [data-size-sp="7per"] > * { width: 100%; } [data-size-sp="8per"] { width: 8% !important; } [data-size-sp="8per"] > * { width: 100%; } [data-size-sp="9per"] { width: 9% !important; } [data-size-sp="9per"] > * { width: 100%; } [data-size-sp="10per"] { width: 10% !important; } [data-size-sp="10per"] > * { width: 100%; } [data-size-sp="11per"] { width: 11% !important; } [data-size-sp="11per"] > * { width: 100%; } [data-size-sp="12per"] { width: 12% !important; } [data-size-sp="12per"] > * { width: 100%; } [data-size-sp="13per"] { width: 13% !important; } [data-size-sp="13per"] > * { width: 100%; } [data-size-sp="14per"] { width: 14% !important; } [data-size-sp="14per"] > * { width: 100%; } [data-size-sp="15per"] { width: 15% !important; } [data-size-sp="15per"] > * { width: 100%; } [data-size-sp="16per"] { width: 16% !important; } [data-size-sp="16per"] > * { width: 100%; } [data-size-sp="17per"] { width: 17% !important; } [data-size-sp="17per"] > * { width: 100%; } [data-size-sp="18per"] { width: 18% !important; } [data-size-sp="18per"] > * { width: 100%; } [data-size-sp="19per"] { width: 19% !important; } [data-size-sp="19per"] > * { width: 100%; } [data-size-sp="20per"] { width: 20% !important; } [data-size-sp="20per"] > * { width: 100%; } [data-size-sp="21per"] { width: 21% !important; } [data-size-sp="21per"] > * { width: 100%; } [data-size-sp="22per"] { width: 22% !important; } [data-size-sp="22per"] > * { width: 100%; } [data-size-sp="23per"] { width: 23% !important; } [data-size-sp="23per"] > * { width: 100%; } [data-size-sp="24per"] { width: 24% !important; } [data-size-sp="24per"] > * { width: 100%; } [data-size-sp="25per"] { width: 25% !important; } [data-size-sp="25per"] > * { width: 100%; } [data-size-sp="26per"] { width: 26% !important; } [data-size-sp="26per"] > * { width: 100%; } [data-size-sp="27per"] { width: 27% !important; } [data-size-sp="27per"] > * { width: 100%; } [data-size-sp="28per"] { width: 28% !important; } [data-size-sp="28per"] > * { width: 100%; } [data-size-sp="29per"] { width: 29% !important; } [data-size-sp="29per"] > * { width: 100%; } [data-size-sp="30per"] { width: 30% !important; } [data-size-sp="30per"] > * { width: 100%; } [data-size-sp="31per"] { width: 31% !important; } [data-size-sp="31per"] > * { width: 100%; } [data-size-sp="32per"] { width: 32% !important; } [data-size-sp="32per"] > * { width: 100%; } [data-size-sp="33per"] { width: 33% !important; } [data-size-sp="33per"] > * { width: 100%; } [data-size-sp="34per"] { width: 34% !important; } [data-size-sp="34per"] > * { width: 100%; } [data-size-sp="35per"] { width: 35% !important; } [data-size-sp="35per"] > * { width: 100%; } [data-size-sp="36per"] { width: 36% !important; } [data-size-sp="36per"] > * { width: 100%; } [data-size-sp="37per"] { width: 37% !important; } [data-size-sp="37per"] > * { width: 100%; } [data-size-sp="38per"] { width: 38% !important; } [data-size-sp="38per"] > * { width: 100%; } [data-size-sp="39per"] { width: 39% !important; } [data-size-sp="39per"] > * { width: 100%; } [data-size-sp="40per"] { width: 40% !important; } [data-size-sp="40per"] > * { width: 100%; } [data-size-sp="41per"] { width: 41% !important; } [data-size-sp="41per"] > * { width: 100%; } [data-size-sp="42per"] { width: 42% !important; } [data-size-sp="42per"] > * { width: 100%; } [data-size-sp="43per"] { width: 43% !important; } [data-size-sp="43per"] > * { width: 100%; } [data-size-sp="44per"] { width: 44% !important; } [data-size-sp="44per"] > * { width: 100%; } [data-size-sp="45per"] { width: 45% !important; } [data-size-sp="45per"] > * { width: 100%; } [data-size-sp="46per"] { width: 46% !important; } [data-size-sp="46per"] > * { width: 100%; } [data-size-sp="47per"] { width: 47% !important; } [data-size-sp="47per"] > * { width: 100%; } [data-size-sp="48per"] { width: 48% !important; } [data-size-sp="48per"] > * { width: 100%; } [data-size-sp="49per"] { width: 49% !important; } [data-size-sp="49per"] > * { width: 100%; } [data-size-sp="50per"] { width: 50% !important; } [data-size-sp="50per"] > * { width: 100%; } [data-size-sp="51per"] { width: 51% !important; } [data-size-sp="51per"] > * { width: 100%; } [data-size-sp="52per"] { width: 52% !important; } [data-size-sp="52per"] > * { width: 100%; } [data-size-sp="53per"] { width: 53% !important; } [data-size-sp="53per"] > * { width: 100%; } [data-size-sp="54per"] { width: 54% !important; } [data-size-sp="54per"] > * { width: 100%; } [data-size-sp="55per"] { width: 55% !important; } [data-size-sp="55per"] > * { width: 100%; } [data-size-sp="56per"] { width: 56% !important; } [data-size-sp="56per"] > * { width: 100%; } [data-size-sp="57per"] { width: 57% !important; } [data-size-sp="57per"] > * { width: 100%; } [data-size-sp="58per"] { width: 58% !important; } [data-size-sp="58per"] > * { width: 100%; } [data-size-sp="59per"] { width: 59% !important; } [data-size-sp="59per"] > * { width: 100%; } [data-size-sp="60per"] { width: 60% !important; } [data-size-sp="60per"] > * { width: 100%; } [data-size-sp="61per"] { width: 61% !important; } [data-size-sp="61per"] > * { width: 100%; } [data-size-sp="62per"] { width: 62% !important; } [data-size-sp="62per"] > * { width: 100%; } [data-size-sp="63per"] { width: 63% !important; } [data-size-sp="63per"] > * { width: 100%; } [data-size-sp="64per"] { width: 64% !important; } [data-size-sp="64per"] > * { width: 100%; } [data-size-sp="65per"] { width: 65% !important; } [data-size-sp="65per"] > * { width: 100%; } [data-size-sp="66per"] { width: 66% !important; } [data-size-sp="66per"] > * { width: 100%; } [data-size-sp="67per"] { width: 67% !important; } [data-size-sp="67per"] > * { width: 100%; } [data-size-sp="68per"] { width: 68% !important; } [data-size-sp="68per"] > * { width: 100%; } [data-size-sp="69per"] { width: 69% !important; } [data-size-sp="69per"] > * { width: 100%; } [data-size-sp="70per"] { width: 70% !important; } [data-size-sp="70per"] > * { width: 100%; } [data-size-sp="71per"] { width: 71% !important; } [data-size-sp="71per"] > * { width: 100%; } [data-size-sp="72per"] { width: 72% !important; } [data-size-sp="72per"] > * { width: 100%; } [data-size-sp="73per"] { width: 73% !important; } [data-size-sp="73per"] > * { width: 100%; } [data-size-sp="74per"] { width: 74% !important; } [data-size-sp="74per"] > * { width: 100%; } [data-size-sp="75per"] { width: 75% !important; } [data-size-sp="75per"] > * { width: 100%; } [data-size-sp="76per"] { width: 76% !important; } [data-size-sp="76per"] > * { width: 100%; } [data-size-sp="77per"] { width: 77% !important; } [data-size-sp="77per"] > * { width: 100%; } [data-size-sp="78per"] { width: 78% !important; } [data-size-sp="78per"] > * { width: 100%; } [data-size-sp="79per"] { width: 79% !important; } [data-size-sp="79per"] > * { width: 100%; } [data-size-sp="80per"] { width: 80% !important; } [data-size-sp="80per"] > * { width: 100%; } [data-size-sp="81per"] { width: 81% !important; } [data-size-sp="81per"] > * { width: 100%; } [data-size-sp="82per"] { width: 82% !important; } [data-size-sp="82per"] > * { width: 100%; } [data-size-sp="83per"] { width: 83% !important; } [data-size-sp="83per"] > * { width: 100%; } [data-size-sp="84per"] { width: 84% !important; } [data-size-sp="84per"] > * { width: 100%; } [data-size-sp="85per"] { width: 85% !important; } [data-size-sp="85per"] > * { width: 100%; } [data-size-sp="86per"] { width: 86% !important; } [data-size-sp="86per"] > * { width: 100%; } [data-size-sp="87per"] { width: 87% !important; } [data-size-sp="87per"] > * { width: 100%; } [data-size-sp="88per"] { width: 88% !important; } [data-size-sp="88per"] > * { width: 100%; } [data-size-sp="89per"] { width: 89% !important; } [data-size-sp="89per"] > * { width: 100%; } [data-size-sp="90per"] { width: 90% !important; } [data-size-sp="90per"] > * { width: 100%; } [data-size-sp="91per"] { width: 91% !important; } [data-size-sp="91per"] > * { width: 100%; } [data-size-sp="92per"] { width: 92% !important; } [data-size-sp="92per"] > * { width: 100%; } [data-size-sp="93per"] { width: 93% !important; } [data-size-sp="93per"] > * { width: 100%; } [data-size-sp="94per"] { width: 94% !important; } [data-size-sp="94per"] > * { width: 100%; } [data-size-sp="95per"] { width: 95% !important; } [data-size-sp="95per"] > * { width: 100%; } [data-size-sp="96per"] { width: 96% !important; } [data-size-sp="96per"] > * { width: 100%; } [data-size-sp="97per"] { width: 97% !important; } [data-size-sp="97per"] > * { width: 100%; } [data-size-sp="98per"] { width: 98% !important; } [data-size-sp="98per"] > * { width: 100%; } [data-size-sp="99per"] { width: 99% !important; } [data-size-sp="99per"] > * { width: 100%; } [data-size-sp="100per"] { width: 100% !important; } [data-size-sp="100per"] > * { width: 100%; } } /* ====================================================== * Layout ====================================================== */ /* ====================================================== * Main * ------------------------------------------------------ * Main__guide * Main__head * Main__body * Main__foot * Print ====================================================== */ /* ====================================================== * Main ====================================================== */ .Main { overflow: hidden; } @media print, screen and (min-width: 768px) { .Header.is-fixed + .Main { margin-top: 80px; } } @media only screen and (max-width: 767.98px) { .Header.is-fixed + .Main { margin-top: 55px; } } /* ------------------------------------------------------ * Main__guide ------------------------------------------------------ */ .Main__guide { background-color: #14162a; } /* ----- main-breadcrumb ----- */ .main-breadcrumb { margin: 0; padding: 0; list-style: none; } @media print, screen and (min-width: 768px) { .main-breadcrumb { max-width: calc(1200px + 32px * 2); margin: 0 auto; padding: 11px 32px 10px; } } @media only screen and (max-width: 767.98px) { .main-breadcrumb { padding: 10px 15px; } } .main-breadcrumb:after { display: block; clear: both; content: ""; } .main-breadcrumb > li { float: left; margin-right: 7px; } .main-breadcrumb > li:last-child { margin-right: 0; } .main-breadcrumb > li + li { position: relative; padding-left: 16px; } .main-breadcrumb > li + li::before { position: absolute; left: 0; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); content: ""; } @media print, screen and (min-width: 768px) { .main-breadcrumb > li + li::before { top: .6em; } } @media only screen and (max-width: 767.98px) { .main-breadcrumb > li + li::before { top: .6em; } } .main-breadcrumb__type { display: inline-block; color: #fff; } @media print, screen and (min-width: 768px) { .main-breadcrumb__type { font-size: 1.4rem; } .main-breadcrumb__type:hover { text-decoration: underline; } } @media only screen and (max-width: 767.98px) { .main-breadcrumb__type { font-size: 1.2rem; } } .main-breadcrumb__type--nolink { color: #fff; } @media print, screen and (min-width: 768px) { .main-breadcrumb__type--nolink { font-size: 1.4rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .main-breadcrumb__type--nolink { font-size: 1.2rem; font-weight: 700; } } /* ------------------------------------------------------ * Main__head ------------------------------------------------------ */ /* ------------------------------------------------------ * Main__body ------------------------------------------------------ */ @media print, screen and (min-width: 768px) { .Main__body[data-sidebar="true"] { max-width: calc(1200px + 32px * 2); margin: 0 auto; } } .Main__content { margin: 0 auto; } .Main__content > *:first-child, .Main__content > section:first-child > *:first-child, .Main__content > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .Main__content > *:last-child { margin-bottom: 0 !important; } @media print, screen and (min-width: 768px) { .Main__content { max-width: calc(1200px + 32px * 2); padding: 4em 32px 6em; } [data-sidebar="true"] > .Main__content { float: left; width: calc(100% - 32px - 240px); } } @media only screen and (max-width: 767.98px) { .Main__content { width: 100%; padding: 2.5em 15px 6em; } } @media print, screen and (min-width: 768px) { .Main__sidebar { padding: 4em 0 6em; } [data-sidebar="true"] > .Main__sidebar { float: right; width: 272px; padding-right: 32px; } } /* ------------------------------------------------------ * Main__foot ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ====================================================== * Main ====================================================== */ .main { overflow: hidden; } /* ------------------------------------------------------ * pageGuide ------------------------------------------------------ */ /* ------------------------------------------------------ * pageHead ------------------------------------------------------ */ /* ------------------------------------------------------ * container ------------------------------------------------------ */ .container { margin: 0 auto; } @media print, screen and (min-width: 768px) { .container { max-width: calc(1200px + 32px * 2); padding: 0 32px; } } @media only screen and (max-width: 767.98px) { .container { width: 100%; padding: 0 14px; } } /* ------------------------------------------------------ * pageFoot ------------------------------------------------------ */ /* ====================================================== * Assist * ------------------------------------------------------ * Assist__body * Print ====================================================== */ /* ====================================================== * Assist ====================================================== */ /* ------------------------------------------------------ * Assist__body ------------------------------------------------------ */ /* ----- assist-banner ----- */ .assist-banner { background-color: #14162a; } @media print, screen and (min-width: 768px) { .assist-banner { padding: 80px 0; } } @media print, screen and (min-width: 768px) and (max-width: 1264px) { .assist-banner { padding: calc((80/1264)*100vw) 0; } } @media only screen and (max-width: 767.98px) { .assist-banner { padding: 35px 28px; } } @media print, screen and (min-width: 768px) { .assist-banner__inner { max-width: calc(1568px + 32px * 2); margin: 0 auto; padding: 0 32px; } } .assist-banner__list { margin: 0; padding: 0; list-style: none; } @media print, screen and (min-width: 768px) { .assist-banner__list[data-banner-pc]:not([data-banner-pc="1"]) { display: flex; flex-flow: row wrap; } } @media print, screen and (min-width: 768px) { .assist-banner__list[data-banner-pc="2"] > li { width: calc(((100% - (80px * 1)) / 2) - .1px); margin-left: 80px; } .assist-banner__list[data-banner-pc="2"] > li:nth-child(2n+1) { margin-left: 0; } .assist-banner__list[data-banner-pc="2"] > li:nth-child(n+3) { margin-top: 20px; } .assist-banner__list[data-banner-pc="3"] > li { width: calc(((100% - (40px * 2)) / 3) - .1px); margin-left: 40px; } .assist-banner__list[data-banner-pc="3"] > li:nth-child(3n+1) { margin-left: 0; } .assist-banner__list[data-banner-pc="3"] > li:nth-child(n+4) { margin-top: 20px; } } @media only screen and (max-width: 767.98px) { .assist-banner__list[data-banner-sp="1"] > li { margin-top: 20px; } .assist-banner__list[data-banner-sp="1"] > li:first-child { margin-top: 0; } } .assist-banner__link { position: relative; display: block; } @media print, screen and (min-width: 768px) { .assist-banner__link:hover { opacity: 0.7; } } .assist-banner__link--blank { position: relative; display: block; } @media print, screen and (min-width: 768px) { .assist-banner__link--blank:hover { opacity: 0.7; } } .assist-banner__link--blank::after { position: absolute; } @media print, screen and (min-width: 768px) { .assist-banner__link--blank::after { right: 10px; bottom: 10px; } } @media only screen and (max-width: 767.98px) { .assist-banner__link--blank::after { right: 5px; bottom: 5px; } } .assist-banner__link--pdf { position: relative; display: block; } @media print, screen and (min-width: 768px) { .assist-banner__link--pdf:hover { opacity: 0.7; } } .assist-banner__link--pdf::after { position: absolute; } @media print, screen and (min-width: 768px) { .assist-banner__link--pdf::after { right: 10px; bottom: 10px; } } @media only screen and (max-width: 767.98px) { .assist-banner__link--pdf::after { right: 5px; bottom: 5px; } } .assist-banner__link--excel { position: relative; display: block; } @media print, screen and (min-width: 768px) { .assist-banner__link--excel:hover { opacity: 0.7; } } .assist-banner__link--excel::after { position: absolute; } @media print, screen and (min-width: 768px) { .assist-banner__link--excel::after { right: 10px; bottom: 10px; } } @media only screen and (max-width: 767.98px) { .assist-banner__link--excel::after { right: 5px; bottom: 5px; } } .assist-banner__link--word { position: relative; display: block; } @media print, screen and (min-width: 768px) { .assist-banner__link--word:hover { opacity: 0.7; } } .assist-banner__link--word::after { position: absolute; } @media print, screen and (min-width: 768px) { .assist-banner__link--word::after { right: 10px; bottom: 10px; } } @media only screen and (max-width: 767.98px) { .assist-banner__link--word::after { right: 5px; bottom: 5px; } } .assist-banner__link--powerpoint { position: relative; display: block; } @media print, screen and (min-width: 768px) { .assist-banner__link--powerpoint:hover { opacity: 0.7; } } .assist-banner__link--powerpoint::after { position: absolute; } @media print, screen and (min-width: 768px) { .assist-banner__link--powerpoint::after { right: 10px; bottom: 10px; } } @media only screen and (max-width: 767.98px) { .assist-banner__link--powerpoint::after { right: 5px; bottom: 5px; } } .assist-banner__link--zip { position: relative; display: block; } @media print, screen and (min-width: 768px) { .assist-banner__link--zip:hover { opacity: 0.7; } } .assist-banner__link--zip::after { position: absolute; } @media print, screen and (min-width: 768px) { .assist-banner__link--zip::after { right: 10px; bottom: 10px; } } @media only screen and (max-width: 767.98px) { .assist-banner__link--zip::after { right: 5px; bottom: 5px; } } .assist-banner__link--video { position: relative; display: block; } @media print, screen and (min-width: 768px) { .assist-banner__link--video:hover { opacity: 0.7; } } .assist-banner__link--video::after { position: absolute; } @media print, screen and (min-width: 768px) { .assist-banner__link--video::after { right: 10px; bottom: 10px; } } @media only screen and (max-width: 767.98px) { .assist-banner__link--video::after { right: 5px; bottom: 5px; } } .assist-banner__link--modal { position: relative; display: block; } @media print, screen and (min-width: 768px) { .assist-banner__link--modal:hover { opacity: 0.7; } } .assist-banner__link--modal::after { position: absolute; } @media print, screen and (min-width: 768px) { .assist-banner__link--modal::after { right: 10px; bottom: 10px; } } @media only screen and (max-width: 767.98px) { .assist-banner__link--modal::after { right: 5px; bottom: 5px; } } .assist-banner__link--rss { position: relative; display: block; } @media print, screen and (min-width: 768px) { .assist-banner__link--rss:hover { opacity: 0.7; } } .assist-banner__link--rss::after { position: absolute; } @media print, screen and (min-width: 768px) { .assist-banner__link--rss::after { right: 10px; bottom: 10px; } } @media only screen and (max-width: 767.98px) { .assist-banner__link--rss::after { right: 5px; bottom: 5px; } } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ====================================================== * Module ====================================================== */ /* ----- Heading ----- */ /* heading1 */ /* ====================================================== * H1-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H1-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading1-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading1-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading1 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ background-color: #e4e4e4; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading1__title { font-size: 3.2rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading1__title { font-size: 2.4rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading1__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading1__subtitle { font-size: 1.2rem; } } .heading1--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .heading1--center__title { font-size: 3.2rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading1--center__title { font-size: 2.4rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading1--center__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading1--center__subtitle { font-size: 1.2rem; } } @media print, screen and (min-width: 768px) { .heading1 { display: flex; justify-content: flex-start; align-items: center; width: 100vw; margin-left: calc(50% - 50vw); padding: 2.2em 0; } } @media only screen and (max-width: 767.98px) { .heading1 { margin-right: -15px; margin-left: -15px; } } @media only screen and (max-width: 767.98px) { .Main__head .heading1 { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 768px) { .heading1__inner { width: 100%; max-width: calc(1200px + 32px * 2); margin: 0 auto; padding: 0 32px; } } @media only screen and (max-width: 767.98px) { .heading1__inner { padding: 1.6em 15px; } } .heading1__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading1__title { font-size: 3.0rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading1__title { font-size: 2.1rem; font-weight: 400; } } .heading1__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading1__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading1__subtitle { font-size: 1.4rem; font-weight: 700; } } @media print { .heading1 { width: 100% !important; margin-left: 0 !important; } } .heading1--center { background-color: #e4e4e4; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading1--center { display: flex; justify-content: flex-start; align-items: center; width: 100vw; margin-left: calc(50% - 50vw); padding: 2.2em 0; } } @media only screen and (max-width: 767.98px) { .heading1--center { margin-right: -15px; margin-left: -15px; } } @media only screen and (max-width: 767.98px) { .Main__head .heading1--center { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 768px) { .heading1--center__inner { width: 100%; max-width: calc(1200px + 32px * 2); margin: 0 auto; padding: 0 32px; } } @media only screen and (max-width: 767.98px) { .heading1--center__inner { padding: 1.6em 15px; } } .heading1--center__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading1--center__title { font-size: 3.0rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading1--center__title { font-size: 2.1rem; font-weight: 400; } } .heading1--center__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading1--center__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading1--center__subtitle { font-size: 1.4rem; font-weight: 700; } } @media print { .heading1--center { width: 100% !important; margin-left: 0 !important; } } /* ====================================================== * H1-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H1-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading1-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading1-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading1-v2 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading1-v2__title { font-size: 3.2rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading1-v2__title { font-size: 2.4rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading1-v2__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading1-v2__subtitle { font-size: 1.2rem; } } .heading1-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .heading1-v2--center__title { font-size: 3.2rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading1-v2--center__title { font-size: 2.4rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading1-v2--center__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading1-v2--center__subtitle { font-size: 1.2rem; } } @media print, screen and (min-width: 768px) { .heading1-v2 { margin: 2.2em 0; } } @media only screen and (max-width: 767.98px) { .heading1-v2 { margin: 1.6em 0; } } .heading1-v2__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading1-v2__title { font-size: 3.0rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading1-v2__title { font-size: 2.1rem; font-weight: 400; } } .heading1-v2__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading1-v2__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading1-v2__subtitle { font-size: 1.4rem; font-weight: 700; } } .heading1-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading1-v2--center { margin: 2.2em 0; } } @media only screen and (max-width: 767.98px) { .heading1-v2--center { margin: 1.6em 0; } } .heading1-v2--center__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading1-v2--center__title { font-size: 3.0rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading1-v2--center__title { font-size: 2.1rem; font-weight: 400; } } .heading1-v2--center__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading1-v2--center__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading1-v2--center__subtitle { font-size: 1.4rem; font-weight: 700; } } /* heading2 */ /* ====================================================== * H2-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H2-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading2-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading2-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading2 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading2 { margin: 4em 0 0; } .Main .heading2 + * { margin-top: 2em; } } @media only screen and (max-width: 767.98px) { .heading2 { margin: 3.5em 0 0; } .Main .heading2 + * { margin-top: 2em; } } @media print, screen and (min-width: 768px) { .heading2__title { font-size: 2.8rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2__title { font-size: 2.1rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading2__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading2__subtitle { font-size: 1.2rem; } } .heading2__filesize { font-style: normal; } .heading2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .heading2--center { margin: 4em 0 0; } .Main .heading2--center + * { margin-top: 2em; } } @media only screen and (max-width: 767.98px) { .heading2--center { margin: 3.5em 0 0; } .Main .heading2--center + * { margin-top: 2em; } } @media print, screen and (min-width: 768px) { .heading2--center__title { font-size: 2.8rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2--center__title { font-size: 2.1rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading2--center__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading2--center__subtitle { font-size: 1.2rem; } } .heading2--center__filesize { font-style: normal; } @media print, screen and (min-width: 768px) { .heading2 { margin: 3.5em 0 2.0em; } } @media only screen and (max-width: 767.98px) { .heading2 { margin: 2.6em 0 1.4em; } } .heading2__link { display: block; } @media print, screen and (min-width: 768px) { .heading2__link:hover .heading2__subtitle { text-decoration: none; } .heading2__link:hover .heading2__title { text-decoration: underline; } } .heading2__link .heading2__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading2__link .heading2__title::after { top: -3px; } } @media only screen and (max-width: 767.98px) { .heading2__link .heading2__title::after { top: -2px; } } .heading2__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading2__link--blank:hover .heading2__subtitle { text-decoration: none; } .heading2__link--blank:hover .heading2__title { text-decoration: underline; } } .heading2__link--blank .heading2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2__link--blank .heading2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2__link--blank .heading2__title::after { margin-left: 11px; } } .heading2__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading2__link--pdf:hover .heading2__subtitle { text-decoration: none; } .heading2__link--pdf:hover .heading2__title { text-decoration: underline; } } .heading2__link--pdf .heading2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2__link--pdf .heading2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2__link--pdf .heading2__title::after { margin-left: 11px; } } .heading2__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading2__link--excel:hover .heading2__subtitle { text-decoration: none; } .heading2__link--excel:hover .heading2__title { text-decoration: underline; } } .heading2__link--excel .heading2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2__link--excel .heading2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2__link--excel .heading2__title::after { margin-left: 11px; } } .heading2__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading2__link--word:hover .heading2__subtitle { text-decoration: none; } .heading2__link--word:hover .heading2__title { text-decoration: underline; } } .heading2__link--word .heading2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2__link--word .heading2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2__link--word .heading2__title::after { margin-left: 11px; } } .heading2__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading2__link--powerpoint:hover .heading2__subtitle { text-decoration: none; } .heading2__link--powerpoint:hover .heading2__title { text-decoration: underline; } } .heading2__link--powerpoint .heading2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2__link--powerpoint .heading2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2__link--powerpoint .heading2__title::after { margin-left: 11px; } } .heading2__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading2__link--zip:hover .heading2__subtitle { text-decoration: none; } .heading2__link--zip:hover .heading2__title { text-decoration: underline; } } .heading2__link--zip .heading2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2__link--zip .heading2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2__link--zip .heading2__title::after { margin-left: 11px; } } .heading2__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading2__link--video:hover .heading2__subtitle { text-decoration: none; } .heading2__link--video:hover .heading2__title { text-decoration: underline; } } .heading2__link--video .heading2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2__link--video .heading2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2__link--video .heading2__title::after { margin-left: 11px; } } .heading2__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading2__link--modal:hover .heading2__subtitle { text-decoration: none; } .heading2__link--modal:hover .heading2__title { text-decoration: underline; } } .heading2__link--modal .heading2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2__link--modal .heading2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2__link--modal .heading2__title::after { margin-left: 11px; } } .heading2__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading2__link--rss:hover .heading2__subtitle { text-decoration: none; } .heading2__link--rss:hover .heading2__title { text-decoration: underline; } } .heading2__link--rss .heading2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2__link--rss .heading2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2__link--rss .heading2__title::after { margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading2__link--blank .heading2__title::after { width: 16px; height: 16px; } } .heading2__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading2__title { font-size: 2.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2__title { font-size: 2.0rem; font-weight: 700; } } .heading2__subtitle { color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading2__subtitle { margin: 0 0 .2em; font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } } .heading2__filesize { margin-left: .5em; vertical-align: top; } @media print, screen and (min-width: 768px) { .heading2__filesize { font-size: 1.6rem; font-weight: 500; line-height: 2.25; } } @media only screen and (max-width: 767.98px) { .heading2__filesize { font-size: 1.4rem; font-weight: 400; line-height: 2.0; } } .heading2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading2--center { margin: 3.5em 0 2.0em; } } @media only screen and (max-width: 767.98px) { .heading2--center { margin: 2.6em 0 1.4em; } } .heading2--center__link { display: block; } @media print, screen and (min-width: 768px) { .heading2--center__link:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link:hover .heading2--center__title { text-decoration: underline; } } .heading2--center__link .heading2--center__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading2--center__link .heading2--center__title::after { top: -3px; } } @media only screen and (max-width: 767.98px) { .heading2--center__link .heading2--center__title::after { top: -2px; } } .heading2--center__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading2--center__link--blank:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--blank:hover .heading2--center__title { text-decoration: underline; } } .heading2--center__link--blank .heading2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2--center__link--blank .heading2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2--center__link--blank .heading2--center__title::after { margin-left: 11px; } } .heading2--center__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading2--center__link--pdf:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--pdf:hover .heading2--center__title { text-decoration: underline; } } .heading2--center__link--pdf .heading2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2--center__link--pdf .heading2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2--center__link--pdf .heading2--center__title::after { margin-left: 11px; } } .heading2--center__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading2--center__link--excel:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--excel:hover .heading2--center__title { text-decoration: underline; } } .heading2--center__link--excel .heading2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2--center__link--excel .heading2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2--center__link--excel .heading2--center__title::after { margin-left: 11px; } } .heading2--center__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading2--center__link--word:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--word:hover .heading2--center__title { text-decoration: underline; } } .heading2--center__link--word .heading2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2--center__link--word .heading2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2--center__link--word .heading2--center__title::after { margin-left: 11px; } } .heading2--center__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading2--center__link--powerpoint:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--powerpoint:hover .heading2--center__title { text-decoration: underline; } } .heading2--center__link--powerpoint .heading2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2--center__link--powerpoint .heading2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2--center__link--powerpoint .heading2--center__title::after { margin-left: 11px; } } .heading2--center__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading2--center__link--zip:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--zip:hover .heading2--center__title { text-decoration: underline; } } .heading2--center__link--zip .heading2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2--center__link--zip .heading2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2--center__link--zip .heading2--center__title::after { margin-left: 11px; } } .heading2--center__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading2--center__link--video:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--video:hover .heading2--center__title { text-decoration: underline; } } .heading2--center__link--video .heading2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2--center__link--video .heading2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2--center__link--video .heading2--center__title::after { margin-left: 11px; } } .heading2--center__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading2--center__link--modal:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--modal:hover .heading2--center__title { text-decoration: underline; } } .heading2--center__link--modal .heading2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2--center__link--modal .heading2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2--center__link--modal .heading2--center__title::after { margin-left: 11px; } } .heading2--center__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading2--center__link--rss:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--rss:hover .heading2--center__title { text-decoration: underline; } } .heading2--center__link--rss .heading2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2--center__link--rss .heading2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2--center__link--rss .heading2--center__title::after { margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading2--center__link--blank .heading2--center__title::after { width: 16px; height: 16px; } } .heading2--center__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading2--center__title { font-size: 2.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2--center__title { font-size: 2.0rem; font-weight: 700; } } .heading2--center__subtitle { color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading2--center__subtitle { margin: 0 0 .2em; font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2--center__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } } .heading2--center__filesize { margin-left: .5em; vertical-align: top; } @media print, screen and (min-width: 768px) { .heading2--center__filesize { font-size: 1.6rem; font-weight: 500; line-height: 2.25; } } @media only screen and (max-width: 767.98px) { .heading2--center__filesize { font-size: 1.4rem; font-weight: 400; line-height: 2.0; } } /* ====================================================== * H2-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H2-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading2-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading2-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading2-v2 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading2-v2 { margin: 4em 0 0; } .Main .heading2-v2 + * { margin-top: 2em; } } @media only screen and (max-width: 767.98px) { .heading2-v2 { margin: 3.5em 0 0; } .Main .heading2-v2 + * { margin-top: 2em; } } @media print, screen and (min-width: 768px) { .heading2-v2__title { font-size: 2.8rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2-v2__title { font-size: 2.1rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading2-v2__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading2-v2__subtitle { font-size: 1.2rem; } } .heading2-v2__filesize { font-style: normal; } .heading2-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .heading2-v2--center { margin: 4em 0 0; } .Main .heading2-v2--center + * { margin-top: 2em; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center { margin: 3.5em 0 0; } .Main .heading2-v2--center + * { margin-top: 2em; } } @media print, screen and (min-width: 768px) { .heading2-v2--center__title { font-size: 2.8rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__title { font-size: 2.1rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading2-v2--center__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__subtitle { font-size: 1.2rem; } } .heading2-v2--center__filesize { font-style: normal; } @media print, screen and (min-width: 768px) { .heading2-v2 { margin: 3.4em 0 1.6em; } } @media only screen and (max-width: 767.98px) { .heading2-v2 { margin: 2.6em 0 1.4em; } } .heading2-v2__link { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2__link:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link:hover .heading2-v2__title { text-decoration: underline; } } .heading2-v2__link .heading2-v2__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading2-v2__link .heading2-v2__title::after { top: -3px; } } @media only screen and (max-width: 767.98px) { .heading2-v2__link .heading2-v2__title::after { top: -2px; } } .heading2-v2__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2__link--blank:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link--blank:hover .heading2-v2__title { text-decoration: underline; } } .heading2-v2__link--blank .heading2-v2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2__link--blank .heading2-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2__link--blank .heading2-v2__title::after { margin-left: 11px; } } .heading2-v2__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2__link--pdf:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link--pdf:hover .heading2-v2__title { text-decoration: underline; } } .heading2-v2__link--pdf .heading2-v2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2__link--pdf .heading2-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2__link--pdf .heading2-v2__title::after { margin-left: 11px; } } .heading2-v2__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2__link--excel:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link--excel:hover .heading2-v2__title { text-decoration: underline; } } .heading2-v2__link--excel .heading2-v2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2__link--excel .heading2-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2__link--excel .heading2-v2__title::after { margin-left: 11px; } } .heading2-v2__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2__link--word:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link--word:hover .heading2-v2__title { text-decoration: underline; } } .heading2-v2__link--word .heading2-v2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2__link--word .heading2-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2__link--word .heading2-v2__title::after { margin-left: 11px; } } .heading2-v2__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2__link--powerpoint:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link--powerpoint:hover .heading2-v2__title { text-decoration: underline; } } .heading2-v2__link--powerpoint .heading2-v2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2__link--powerpoint .heading2-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2__link--powerpoint .heading2-v2__title::after { margin-left: 11px; } } .heading2-v2__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2__link--zip:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link--zip:hover .heading2-v2__title { text-decoration: underline; } } .heading2-v2__link--zip .heading2-v2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2__link--zip .heading2-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2__link--zip .heading2-v2__title::after { margin-left: 11px; } } .heading2-v2__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2__link--video:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link--video:hover .heading2-v2__title { text-decoration: underline; } } .heading2-v2__link--video .heading2-v2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2__link--video .heading2-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2__link--video .heading2-v2__title::after { margin-left: 11px; } } .heading2-v2__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2__link--modal:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link--modal:hover .heading2-v2__title { text-decoration: underline; } } .heading2-v2__link--modal .heading2-v2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2__link--modal .heading2-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2__link--modal .heading2-v2__title::after { margin-left: 11px; } } .heading2-v2__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2__link--rss:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link--rss:hover .heading2-v2__title { text-decoration: underline; } } .heading2-v2__link--rss .heading2-v2__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2__link--rss .heading2-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2__link--rss .heading2-v2__title::after { margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading2-v2__link--blank .heading2-v2__title::after { width: 16px; height: 16px; } } .heading2-v2__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading2-v2__title { font-size: 2.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2-v2__title { font-size: 2.0rem; font-weight: 700; } } .heading2-v2__subtitle { color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading2-v2__subtitle { margin: 0 0 .2em; font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2-v2__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } } .heading2-v2__filesize { margin-left: .5em; vertical-align: top; } @media print, screen and (min-width: 768px) { .heading2-v2__filesize { font-size: 1.6rem; font-weight: 500; line-height: 2.25; } } @media only screen and (max-width: 767.98px) { .heading2-v2__filesize { font-size: 1.4rem; font-weight: 400; line-height: 2.0; } } .heading2-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading2-v2--center { margin: 3.4em 0 1.6em; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center { margin: 2.6em 0 1.4em; } } .heading2-v2--center__link { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link:hover .heading2-v2--center__title { text-decoration: underline; } } .heading2-v2--center__link .heading2-v2--center__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link .heading2-v2--center__title::after { top: -3px; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__link .heading2-v2--center__title::after { top: -2px; } } .heading2-v2--center__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--blank:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link--blank:hover .heading2-v2--center__title { text-decoration: underline; } } .heading2-v2--center__link--blank .heading2-v2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--blank .heading2-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__link--blank .heading2-v2--center__title::after { margin-left: 11px; } } .heading2-v2--center__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--pdf:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link--pdf:hover .heading2-v2--center__title { text-decoration: underline; } } .heading2-v2--center__link--pdf .heading2-v2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--pdf .heading2-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__link--pdf .heading2-v2--center__title::after { margin-left: 11px; } } .heading2-v2--center__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--excel:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link--excel:hover .heading2-v2--center__title { text-decoration: underline; } } .heading2-v2--center__link--excel .heading2-v2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--excel .heading2-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__link--excel .heading2-v2--center__title::after { margin-left: 11px; } } .heading2-v2--center__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--word:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link--word:hover .heading2-v2--center__title { text-decoration: underline; } } .heading2-v2--center__link--word .heading2-v2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--word .heading2-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__link--word .heading2-v2--center__title::after { margin-left: 11px; } } .heading2-v2--center__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--powerpoint:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link--powerpoint:hover .heading2-v2--center__title { text-decoration: underline; } } .heading2-v2--center__link--powerpoint .heading2-v2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--powerpoint .heading2-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__link--powerpoint .heading2-v2--center__title::after { margin-left: 11px; } } .heading2-v2--center__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--zip:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link--zip:hover .heading2-v2--center__title { text-decoration: underline; } } .heading2-v2--center__link--zip .heading2-v2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--zip .heading2-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__link--zip .heading2-v2--center__title::after { margin-left: 11px; } } .heading2-v2--center__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--video:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link--video:hover .heading2-v2--center__title { text-decoration: underline; } } .heading2-v2--center__link--video .heading2-v2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--video .heading2-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__link--video .heading2-v2--center__title::after { margin-left: 11px; } } .heading2-v2--center__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--modal:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link--modal:hover .heading2-v2--center__title { text-decoration: underline; } } .heading2-v2--center__link--modal .heading2-v2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--modal .heading2-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__link--modal .heading2-v2--center__title::after { margin-left: 11px; } } .heading2-v2--center__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--rss:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link--rss:hover .heading2-v2--center__title { text-decoration: underline; } } .heading2-v2--center__link--rss .heading2-v2--center__title::after { top: -3px; } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--rss .heading2-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__link--rss .heading2-v2--center__title::after { margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading2-v2--center__link--blank .heading2-v2--center__title::after { width: 16px; height: 16px; } } .heading2-v2--center__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading2-v2--center__title { font-size: 2.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__title { font-size: 2.0rem; font-weight: 700; } } .heading2-v2--center__subtitle { color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading2-v2--center__subtitle { margin: 0 0 .2em; font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } } .heading2-v2--center__filesize { margin-left: .5em; vertical-align: top; } @media print, screen and (min-width: 768px) { .heading2-v2--center__filesize { font-size: 1.6rem; font-weight: 500; line-height: 2.25; } } @media only screen and (max-width: 767.98px) { .heading2-v2--center__filesize { font-size: 1.4rem; font-weight: 400; line-height: 2.0; } } /* heading3 */ /* ====================================================== * H3-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H3-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading3-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading3-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading3 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading3 { margin: 3em 0 0; } .Main .heading3 + * { margin-top: 1.25em; } } @media only screen and (max-width: 767.98px) { .heading3 { margin: 3em 0 0; } .Main .heading3 + * { margin-top: 1.25em; } } @media print, screen and (min-width: 768px) { .heading3__title { font-size: 2.4rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading3__title { font-size: 2.0rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading3__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading3__subtitle { font-size: 1.2rem; } } .heading3__filesize { font-style: normal; } .heading3--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .heading3--center { margin: 3em 0 0; } .Main .heading3--center + * { margin-top: 1.25em; } } @media only screen and (max-width: 767.98px) { .heading3--center { margin: 3em 0 0; } .Main .heading3--center + * { margin-top: 1.25em; } } @media print, screen and (min-width: 768px) { .heading3--center__title { font-size: 2.4rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading3--center__title { font-size: 2.0rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading3--center__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading3--center__subtitle { font-size: 1.2rem; } } .heading3--center__filesize { font-style: normal; } @media print, screen and (min-width: 768px) { .heading3 { margin: 2.8em 0 1.6em; } } @media only screen and (max-width: 767.98px) { .heading3 { margin: 2.2em 0 1.4em; } } .heading3__link { display: block; } @media print, screen and (min-width: 768px) { .heading3__link:hover .heading3__subtitle { text-decoration: none; } .heading3__link:hover .heading3__title { text-decoration: underline; } } .heading3__link .heading3__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading3__link .heading3__title::after { top: -3px; } } .heading3__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading3__link--blank:hover .heading3__subtitle { text-decoration: none; } .heading3__link--blank:hover .heading3__title { text-decoration: underline; } } .heading3__link--blank .heading3__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3__link--blank .heading3__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3__link--blank .heading3__title::after { margin-left: 11px; } } .heading3__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading3__link--pdf:hover .heading3__subtitle { text-decoration: none; } .heading3__link--pdf:hover .heading3__title { text-decoration: underline; } } .heading3__link--pdf .heading3__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3__link--pdf .heading3__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3__link--pdf .heading3__title::after { margin-left: 11px; } } .heading3__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading3__link--excel:hover .heading3__subtitle { text-decoration: none; } .heading3__link--excel:hover .heading3__title { text-decoration: underline; } } .heading3__link--excel .heading3__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3__link--excel .heading3__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3__link--excel .heading3__title::after { margin-left: 11px; } } .heading3__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading3__link--word:hover .heading3__subtitle { text-decoration: none; } .heading3__link--word:hover .heading3__title { text-decoration: underline; } } .heading3__link--word .heading3__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3__link--word .heading3__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3__link--word .heading3__title::after { margin-left: 11px; } } .heading3__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading3__link--powerpoint:hover .heading3__subtitle { text-decoration: none; } .heading3__link--powerpoint:hover .heading3__title { text-decoration: underline; } } .heading3__link--powerpoint .heading3__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3__link--powerpoint .heading3__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3__link--powerpoint .heading3__title::after { margin-left: 11px; } } .heading3__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading3__link--zip:hover .heading3__subtitle { text-decoration: none; } .heading3__link--zip:hover .heading3__title { text-decoration: underline; } } .heading3__link--zip .heading3__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3__link--zip .heading3__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3__link--zip .heading3__title::after { margin-left: 11px; } } .heading3__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading3__link--video:hover .heading3__subtitle { text-decoration: none; } .heading3__link--video:hover .heading3__title { text-decoration: underline; } } .heading3__link--video .heading3__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3__link--video .heading3__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3__link--video .heading3__title::after { margin-left: 11px; } } .heading3__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading3__link--modal:hover .heading3__subtitle { text-decoration: none; } .heading3__link--modal:hover .heading3__title { text-decoration: underline; } } .heading3__link--modal .heading3__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3__link--modal .heading3__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3__link--modal .heading3__title::after { margin-left: 11px; } } .heading3__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading3__link--rss:hover .heading3__subtitle { text-decoration: none; } .heading3__link--rss:hover .heading3__title { text-decoration: underline; } } .heading3__link--rss .heading3__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3__link--rss .heading3__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3__link--rss .heading3__title::after { margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading3__link--blank .heading3__title::after { width: 16px; height: 16px; } } .heading3__inner { padding-bottom: .8em; border-bottom: 1px solid; } .heading3__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading3__title { font-size: 2.2rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading3__title { font-size: 1.8rem; font-weight: 700; } } .heading3__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading3__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading3__subtitle { font-size: 1.4rem; font-weight: 700; } } .heading3__filesize { margin-left: .5em; vertical-align: middle; } @media print, screen and (min-width: 768px) { .heading3__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading3__filesize { font-size: 1.4rem; font-weight: 400; } } .heading3--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading3--center { margin: 2.8em 0 1.6em; } } @media only screen and (max-width: 767.98px) { .heading3--center { margin: 2.2em 0 1.4em; } } .heading3--center__link { display: block; } @media print, screen and (min-width: 768px) { .heading3--center__link:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link:hover .heading3--center__title { text-decoration: underline; } } .heading3--center__link .heading3--center__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading3--center__link .heading3--center__title::after { top: -3px; } } .heading3--center__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading3--center__link--blank:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link--blank:hover .heading3--center__title { text-decoration: underline; } } .heading3--center__link--blank .heading3--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3--center__link--blank .heading3--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3--center__link--blank .heading3--center__title::after { margin-left: 11px; } } .heading3--center__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading3--center__link--pdf:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link--pdf:hover .heading3--center__title { text-decoration: underline; } } .heading3--center__link--pdf .heading3--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3--center__link--pdf .heading3--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3--center__link--pdf .heading3--center__title::after { margin-left: 11px; } } .heading3--center__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading3--center__link--excel:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link--excel:hover .heading3--center__title { text-decoration: underline; } } .heading3--center__link--excel .heading3--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3--center__link--excel .heading3--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3--center__link--excel .heading3--center__title::after { margin-left: 11px; } } .heading3--center__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading3--center__link--word:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link--word:hover .heading3--center__title { text-decoration: underline; } } .heading3--center__link--word .heading3--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3--center__link--word .heading3--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3--center__link--word .heading3--center__title::after { margin-left: 11px; } } .heading3--center__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading3--center__link--powerpoint:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link--powerpoint:hover .heading3--center__title { text-decoration: underline; } } .heading3--center__link--powerpoint .heading3--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3--center__link--powerpoint .heading3--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3--center__link--powerpoint .heading3--center__title::after { margin-left: 11px; } } .heading3--center__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading3--center__link--zip:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link--zip:hover .heading3--center__title { text-decoration: underline; } } .heading3--center__link--zip .heading3--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3--center__link--zip .heading3--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3--center__link--zip .heading3--center__title::after { margin-left: 11px; } } .heading3--center__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading3--center__link--video:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link--video:hover .heading3--center__title { text-decoration: underline; } } .heading3--center__link--video .heading3--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3--center__link--video .heading3--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3--center__link--video .heading3--center__title::after { margin-left: 11px; } } .heading3--center__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading3--center__link--modal:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link--modal:hover .heading3--center__title { text-decoration: underline; } } .heading3--center__link--modal .heading3--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3--center__link--modal .heading3--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3--center__link--modal .heading3--center__title::after { margin-left: 11px; } } .heading3--center__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading3--center__link--rss:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link--rss:hover .heading3--center__title { text-decoration: underline; } } .heading3--center__link--rss .heading3--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3--center__link--rss .heading3--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3--center__link--rss .heading3--center__title::after { margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading3--center__link--blank .heading3--center__title::after { width: 16px; height: 16px; } } .heading3--center__inner { padding-bottom: .8em; border-bottom: 1px solid; } .heading3--center__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading3--center__title { font-size: 2.2rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading3--center__title { font-size: 1.8rem; font-weight: 700; } } .heading3--center__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading3--center__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading3--center__subtitle { font-size: 1.4rem; font-weight: 700; } } .heading3--center__filesize { margin-left: .5em; vertical-align: middle; } @media print, screen and (min-width: 768px) { .heading3--center__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading3--center__filesize { font-size: 1.4rem; font-weight: 400; } } /* ====================================================== * H3-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H3-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading3-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading3-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading3-v2 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading3-v2 { margin: 3em 0 0; } .Main .heading3-v2 + * { margin-top: 1.25em; } } @media only screen and (max-width: 767.98px) { .heading3-v2 { margin: 3em 0 0; } .Main .heading3-v2 + * { margin-top: 1.25em; } } @media print, screen and (min-width: 768px) { .heading3-v2__title { font-size: 2.4rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading3-v2__title { font-size: 2.0rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading3-v2__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading3-v2__subtitle { font-size: 1.2rem; } } .heading3-v2__filesize { font-style: normal; } .heading3-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .heading3-v2--center { margin: 3em 0 0; } .Main .heading3-v2--center + * { margin-top: 1.25em; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center { margin: 3em 0 0; } .Main .heading3-v2--center + * { margin-top: 1.25em; } } @media print, screen and (min-width: 768px) { .heading3-v2--center__title { font-size: 2.4rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__title { font-size: 2.0rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading3-v2--center__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__subtitle { font-size: 1.2rem; } } .heading3-v2--center__filesize { font-style: normal; } @media print, screen and (min-width: 768px) { .heading3-v2 { margin: 2.8em 0 1.6em; } } @media only screen and (max-width: 767.98px) { .heading3-v2 { margin: 2.2em 0 1.4em; } } .heading3-v2__link { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2__link:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link:hover .heading3-v2__title { text-decoration: underline; } } .heading3-v2__link .heading3-v2__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading3-v2__link .heading3-v2__title::after { top: -3px; } } .heading3-v2__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2__link--blank:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link--blank:hover .heading3-v2__title { text-decoration: underline; } } .heading3-v2__link--blank .heading3-v2__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2__link--blank .heading3-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2__link--blank .heading3-v2__title::after { margin-left: 11px; } } .heading3-v2__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2__link--pdf:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link--pdf:hover .heading3-v2__title { text-decoration: underline; } } .heading3-v2__link--pdf .heading3-v2__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2__link--pdf .heading3-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2__link--pdf .heading3-v2__title::after { margin-left: 11px; } } .heading3-v2__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2__link--excel:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link--excel:hover .heading3-v2__title { text-decoration: underline; } } .heading3-v2__link--excel .heading3-v2__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2__link--excel .heading3-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2__link--excel .heading3-v2__title::after { margin-left: 11px; } } .heading3-v2__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2__link--word:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link--word:hover .heading3-v2__title { text-decoration: underline; } } .heading3-v2__link--word .heading3-v2__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2__link--word .heading3-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2__link--word .heading3-v2__title::after { margin-left: 11px; } } .heading3-v2__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2__link--powerpoint:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link--powerpoint:hover .heading3-v2__title { text-decoration: underline; } } .heading3-v2__link--powerpoint .heading3-v2__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2__link--powerpoint .heading3-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2__link--powerpoint .heading3-v2__title::after { margin-left: 11px; } } .heading3-v2__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2__link--zip:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link--zip:hover .heading3-v2__title { text-decoration: underline; } } .heading3-v2__link--zip .heading3-v2__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2__link--zip .heading3-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2__link--zip .heading3-v2__title::after { margin-left: 11px; } } .heading3-v2__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2__link--video:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link--video:hover .heading3-v2__title { text-decoration: underline; } } .heading3-v2__link--video .heading3-v2__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2__link--video .heading3-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2__link--video .heading3-v2__title::after { margin-left: 11px; } } .heading3-v2__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2__link--modal:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link--modal:hover .heading3-v2__title { text-decoration: underline; } } .heading3-v2__link--modal .heading3-v2__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2__link--modal .heading3-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2__link--modal .heading3-v2__title::after { margin-left: 11px; } } .heading3-v2__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2__link--rss:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link--rss:hover .heading3-v2__title { text-decoration: underline; } } .heading3-v2__link--rss .heading3-v2__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2__link--rss .heading3-v2__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2__link--rss .heading3-v2__title::after { margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading3-v2__link--blank .heading3-v2__title::after { width: 16px; height: 16px; } } .heading3-v2__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading3-v2__title { font-size: 2.2rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading3-v2__title { font-size: 1.8rem; font-weight: 400; } } .heading3-v2__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading3-v2__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading3-v2__subtitle { font-size: 1.4rem; font-weight: 700; } } .heading3-v2__filesize { margin-left: .5em; vertical-align: middle; } @media print, screen and (min-width: 768px) { .heading3-v2__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading3-v2__filesize { font-size: 1.4rem; font-weight: 400; } } .heading3-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading3-v2--center { margin: 2.8em 0 1.6em; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center { margin: 2.2em 0 1.4em; } } .heading3-v2--center__link { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link:hover .heading3-v2--center__title { text-decoration: underline; } } .heading3-v2--center__link .heading3-v2--center__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link .heading3-v2--center__title::after { top: -3px; } } .heading3-v2--center__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--blank:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link--blank:hover .heading3-v2--center__title { text-decoration: underline; } } .heading3-v2--center__link--blank .heading3-v2--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--blank .heading3-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__link--blank .heading3-v2--center__title::after { margin-left: 11px; } } .heading3-v2--center__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--pdf:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link--pdf:hover .heading3-v2--center__title { text-decoration: underline; } } .heading3-v2--center__link--pdf .heading3-v2--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--pdf .heading3-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__link--pdf .heading3-v2--center__title::after { margin-left: 11px; } } .heading3-v2--center__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--excel:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link--excel:hover .heading3-v2--center__title { text-decoration: underline; } } .heading3-v2--center__link--excel .heading3-v2--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--excel .heading3-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__link--excel .heading3-v2--center__title::after { margin-left: 11px; } } .heading3-v2--center__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--word:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link--word:hover .heading3-v2--center__title { text-decoration: underline; } } .heading3-v2--center__link--word .heading3-v2--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--word .heading3-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__link--word .heading3-v2--center__title::after { margin-left: 11px; } } .heading3-v2--center__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--powerpoint:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link--powerpoint:hover .heading3-v2--center__title { text-decoration: underline; } } .heading3-v2--center__link--powerpoint .heading3-v2--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--powerpoint .heading3-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__link--powerpoint .heading3-v2--center__title::after { margin-left: 11px; } } .heading3-v2--center__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--zip:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link--zip:hover .heading3-v2--center__title { text-decoration: underline; } } .heading3-v2--center__link--zip .heading3-v2--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--zip .heading3-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__link--zip .heading3-v2--center__title::after { margin-left: 11px; } } .heading3-v2--center__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--video:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link--video:hover .heading3-v2--center__title { text-decoration: underline; } } .heading3-v2--center__link--video .heading3-v2--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--video .heading3-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__link--video .heading3-v2--center__title::after { margin-left: 11px; } } .heading3-v2--center__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--modal:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link--modal:hover .heading3-v2--center__title { text-decoration: underline; } } .heading3-v2--center__link--modal .heading3-v2--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--modal .heading3-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__link--modal .heading3-v2--center__title::after { margin-left: 11px; } } .heading3-v2--center__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--rss:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link--rss:hover .heading3-v2--center__title { text-decoration: underline; } } .heading3-v2--center__link--rss .heading3-v2--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--rss .heading3-v2--center__title::after { margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__link--rss .heading3-v2--center__title::after { margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading3-v2--center__link--blank .heading3-v2--center__title::after { width: 16px; height: 16px; } } .heading3-v2--center__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading3-v2--center__title { font-size: 2.2rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__title { font-size: 1.8rem; font-weight: 400; } } .heading3-v2--center__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading3-v2--center__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__subtitle { font-size: 1.4rem; font-weight: 700; } } .heading3-v2--center__filesize { margin-left: .5em; vertical-align: middle; } @media print, screen and (min-width: 768px) { .heading3-v2--center__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading3-v2--center__filesize { font-size: 1.4rem; font-weight: 400; } } /* heading4 */ /* ====================================================== * H4-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H4-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading4-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading4-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading4 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading4 { margin: 3em 0 0; } .Main .heading4 + * { margin-top: 1.25em; } } @media only screen and (max-width: 767.98px) { .heading4 { margin: 2.5em 0 0; } .Main .heading4 + * { margin-top: 1.25em; } } @media print, screen and (min-width: 768px) { .heading4__title { font-size: 2.0rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading4__title { font-size: 1.8rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading4__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading4__subtitle { font-size: 1.2rem; } } .heading4__filesize { font-style: normal; } .heading4--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .heading4--center { margin: 3em 0 0; } .Main .heading4--center + * { margin-top: 1.25em; } } @media only screen and (max-width: 767.98px) { .heading4--center { margin: 2.5em 0 0; } .Main .heading4--center + * { margin-top: 1.25em; } } @media print, screen and (min-width: 768px) { .heading4--center__title { font-size: 2.0rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading4--center__title { font-size: 1.8rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading4--center__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading4--center__subtitle { font-size: 1.2rem; } } .heading4--center__filesize { font-style: normal; } @media print, screen and (min-width: 768px) { .heading4 { margin: 2.2em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .heading4 { margin: 1.6em 0 1.0em; } } .heading4__link { display: block; } @media print, screen and (min-width: 768px) { .heading4__link:hover .heading4__subtitle { text-decoration: none; } .heading4__link:hover .heading4__title { text-decoration: underline; } } .heading4__link .heading4__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading4__link .heading4__title::after { top: -2px; } } .heading4__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading4__link--blank:hover .heading4__subtitle { text-decoration: none; } .heading4__link--blank:hover .heading4__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4__link--blank .heading4__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4__link--blank .heading4__title::after { top: -1px; margin-left: 11px; } } .heading4__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading4__link--pdf:hover .heading4__subtitle { text-decoration: none; } .heading4__link--pdf:hover .heading4__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4__link--pdf .heading4__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4__link--pdf .heading4__title::after { top: -1px; margin-left: 11px; } } .heading4__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading4__link--excel:hover .heading4__subtitle { text-decoration: none; } .heading4__link--excel:hover .heading4__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4__link--excel .heading4__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4__link--excel .heading4__title::after { top: -1px; margin-left: 11px; } } .heading4__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading4__link--word:hover .heading4__subtitle { text-decoration: none; } .heading4__link--word:hover .heading4__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4__link--word .heading4__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4__link--word .heading4__title::after { top: -1px; margin-left: 11px; } } .heading4__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading4__link--powerpoint:hover .heading4__subtitle { text-decoration: none; } .heading4__link--powerpoint:hover .heading4__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4__link--powerpoint .heading4__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4__link--powerpoint .heading4__title::after { top: -1px; margin-left: 11px; } } .heading4__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading4__link--zip:hover .heading4__subtitle { text-decoration: none; } .heading4__link--zip:hover .heading4__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4__link--zip .heading4__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4__link--zip .heading4__title::after { top: -1px; margin-left: 11px; } } .heading4__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading4__link--video:hover .heading4__subtitle { text-decoration: none; } .heading4__link--video:hover .heading4__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4__link--video .heading4__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4__link--video .heading4__title::after { top: -1px; margin-left: 11px; } } .heading4__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading4__link--modal:hover .heading4__subtitle { text-decoration: none; } .heading4__link--modal:hover .heading4__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4__link--modal .heading4__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4__link--modal .heading4__title::after { top: -1px; margin-left: 11px; } } .heading4__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading4__link--rss:hover .heading4__subtitle { text-decoration: none; } .heading4__link--rss:hover .heading4__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4__link--rss .heading4__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4__link--rss .heading4__title::after { top: -1px; margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading4__link--blank .heading4__title::after { width: 16px; height: 16px; } } @media only screen and (max-width: 767.98px) { .heading4__link--blank .heading4__title::after { top: -2px; } } .heading4__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading4__title { font-size: 2.0rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading4__title { font-size: 1.6rem; font-weight: 700; } } .heading4__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading4__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading4__subtitle { font-size: 1.4rem; font-weight: 700; } } .heading4__filesize { margin-left: .5em; vertical-align: middle; line-height: 1.75; } @media print, screen and (min-width: 768px) { .heading4__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading4__filesize { font-size: 1.4rem; font-weight: 400; } } .heading4--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading4--center { margin: 2.2em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .heading4--center { margin: 1.6em 0 1.0em; } } .heading4--center__link { display: block; } @media print, screen and (min-width: 768px) { .heading4--center__link:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link:hover .heading4--center__title { text-decoration: underline; } } .heading4--center__link .heading4--center__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading4--center__link .heading4--center__title::after { top: -2px; } } .heading4--center__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading4--center__link--blank:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link--blank:hover .heading4--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4--center__link--blank .heading4--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4--center__link--blank .heading4--center__title::after { top: -1px; margin-left: 11px; } } .heading4--center__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading4--center__link--pdf:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link--pdf:hover .heading4--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4--center__link--pdf .heading4--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4--center__link--pdf .heading4--center__title::after { top: -1px; margin-left: 11px; } } .heading4--center__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading4--center__link--excel:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link--excel:hover .heading4--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4--center__link--excel .heading4--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4--center__link--excel .heading4--center__title::after { top: -1px; margin-left: 11px; } } .heading4--center__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading4--center__link--word:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link--word:hover .heading4--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4--center__link--word .heading4--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4--center__link--word .heading4--center__title::after { top: -1px; margin-left: 11px; } } .heading4--center__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading4--center__link--powerpoint:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link--powerpoint:hover .heading4--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4--center__link--powerpoint .heading4--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4--center__link--powerpoint .heading4--center__title::after { top: -1px; margin-left: 11px; } } .heading4--center__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading4--center__link--zip:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link--zip:hover .heading4--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4--center__link--zip .heading4--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4--center__link--zip .heading4--center__title::after { top: -1px; margin-left: 11px; } } .heading4--center__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading4--center__link--video:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link--video:hover .heading4--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4--center__link--video .heading4--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4--center__link--video .heading4--center__title::after { top: -1px; margin-left: 11px; } } .heading4--center__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading4--center__link--modal:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link--modal:hover .heading4--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4--center__link--modal .heading4--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4--center__link--modal .heading4--center__title::after { top: -1px; margin-left: 11px; } } .heading4--center__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading4--center__link--rss:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link--rss:hover .heading4--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4--center__link--rss .heading4--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4--center__link--rss .heading4--center__title::after { top: -1px; margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading4--center__link--blank .heading4--center__title::after { width: 16px; height: 16px; } } @media only screen and (max-width: 767.98px) { .heading4--center__link--blank .heading4--center__title::after { top: -2px; } } .heading4--center__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading4--center__title { font-size: 2.0rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading4--center__title { font-size: 1.6rem; font-weight: 700; } } .heading4--center__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading4--center__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading4--center__subtitle { font-size: 1.4rem; font-weight: 700; } } .heading4--center__filesize { margin-left: .5em; vertical-align: middle; line-height: 1.75; } @media print, screen and (min-width: 768px) { .heading4--center__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading4--center__filesize { font-size: 1.4rem; font-weight: 400; } } /* ====================================================== * H4-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H4-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading4-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading4-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading4-v2 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading4-v2 { margin: 3em 0 0; } .Main .heading4-v2 + * { margin-top: 1.25em; } } @media only screen and (max-width: 767.98px) { .heading4-v2 { margin: 2.5em 0 0; } .Main .heading4-v2 + * { margin-top: 1.25em; } } @media print, screen and (min-width: 768px) { .heading4-v2__title { font-size: 2.0rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading4-v2__title { font-size: 1.8rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading4-v2__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading4-v2__subtitle { font-size: 1.2rem; } } .heading4-v2__filesize { font-style: normal; } .heading4-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .heading4-v2--center { margin: 3em 0 0; } .Main .heading4-v2--center + * { margin-top: 1.25em; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center { margin: 2.5em 0 0; } .Main .heading4-v2--center + * { margin-top: 1.25em; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__title { font-size: 2.0rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__title { font-size: 1.8rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__subtitle { font-size: 1.2rem; } } .heading4-v2--center__filesize { font-style: normal; } @media print, screen and (min-width: 768px) { .heading4-v2 { margin: 2.2em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .heading4-v2 { margin: 1.6em 0 1.0em; } } .heading4-v2__link { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2__link:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link:hover .heading4-v2__title { text-decoration: underline; } } .heading4-v2__link .heading4-v2__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading4-v2__link .heading4-v2__title::after { top: -2px; } } .heading4-v2__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2__link--blank:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link--blank:hover .heading4-v2__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2__link--blank .heading4-v2__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2__link--blank .heading4-v2__title::after { top: -1px; margin-left: 11px; } } .heading4-v2__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2__link--pdf:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link--pdf:hover .heading4-v2__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2__link--pdf .heading4-v2__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2__link--pdf .heading4-v2__title::after { top: -1px; margin-left: 11px; } } .heading4-v2__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2__link--excel:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link--excel:hover .heading4-v2__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2__link--excel .heading4-v2__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2__link--excel .heading4-v2__title::after { top: -1px; margin-left: 11px; } } .heading4-v2__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2__link--word:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link--word:hover .heading4-v2__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2__link--word .heading4-v2__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2__link--word .heading4-v2__title::after { top: -1px; margin-left: 11px; } } .heading4-v2__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2__link--powerpoint:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link--powerpoint:hover .heading4-v2__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2__link--powerpoint .heading4-v2__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2__link--powerpoint .heading4-v2__title::after { top: -1px; margin-left: 11px; } } .heading4-v2__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2__link--zip:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link--zip:hover .heading4-v2__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2__link--zip .heading4-v2__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2__link--zip .heading4-v2__title::after { top: -1px; margin-left: 11px; } } .heading4-v2__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2__link--video:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link--video:hover .heading4-v2__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2__link--video .heading4-v2__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2__link--video .heading4-v2__title::after { top: -1px; margin-left: 11px; } } .heading4-v2__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2__link--modal:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link--modal:hover .heading4-v2__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2__link--modal .heading4-v2__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2__link--modal .heading4-v2__title::after { top: -1px; margin-left: 11px; } } .heading4-v2__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2__link--rss:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link--rss:hover .heading4-v2__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2__link--rss .heading4-v2__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2__link--rss .heading4-v2__title::after { top: -1px; margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading4-v2__link--blank .heading4-v2__title::after { width: 16px; height: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2__link--blank .heading4-v2__title::after { top: -2px; } } .heading4-v2__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading4-v2__title { font-size: 2.0rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading4-v2__title { font-size: 1.6rem; font-weight: 400; } } .heading4-v2__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading4-v2__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading4-v2__subtitle { font-size: 1.4rem; font-weight: 700; } } .heading4-v2__filesize { margin-left: .5em; vertical-align: middle; line-height: 1.75; } @media print, screen and (min-width: 768px) { .heading4-v2__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading4-v2__filesize { font-size: 1.4rem; font-weight: 400; } } .heading4-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading4-v2--center { margin: 2.2em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center { margin: 1.6em 0 1.0em; } } .heading4-v2--center__link { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2--center__link:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link:hover .heading4-v2--center__title { text-decoration: underline; } } .heading4-v2--center__link .heading4-v2--center__title::after { margin-left: 6px; } @media print, screen and (min-width: 768px) { .heading4-v2--center__link .heading4-v2--center__title::after { top: -2px; } } .heading4-v2--center__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--blank:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link--blank:hover .heading4-v2--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--blank .heading4-v2--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__link--blank .heading4-v2--center__title::after { top: -1px; margin-left: 11px; } } .heading4-v2--center__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--pdf:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link--pdf:hover .heading4-v2--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--pdf .heading4-v2--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__link--pdf .heading4-v2--center__title::after { top: -1px; margin-left: 11px; } } .heading4-v2--center__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--excel:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link--excel:hover .heading4-v2--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--excel .heading4-v2--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__link--excel .heading4-v2--center__title::after { top: -1px; margin-left: 11px; } } .heading4-v2--center__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--word:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link--word:hover .heading4-v2--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--word .heading4-v2--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__link--word .heading4-v2--center__title::after { top: -1px; margin-left: 11px; } } .heading4-v2--center__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--powerpoint:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link--powerpoint:hover .heading4-v2--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--powerpoint .heading4-v2--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__link--powerpoint .heading4-v2--center__title::after { top: -1px; margin-left: 11px; } } .heading4-v2--center__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--zip:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link--zip:hover .heading4-v2--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--zip .heading4-v2--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__link--zip .heading4-v2--center__title::after { top: -1px; margin-left: 11px; } } .heading4-v2--center__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--video:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link--video:hover .heading4-v2--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--video .heading4-v2--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__link--video .heading4-v2--center__title::after { top: -1px; margin-left: 11px; } } .heading4-v2--center__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--modal:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link--modal:hover .heading4-v2--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--modal .heading4-v2--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__link--modal .heading4-v2--center__title::after { top: -1px; margin-left: 11px; } } .heading4-v2--center__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--rss:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link--rss:hover .heading4-v2--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--rss .heading4-v2--center__title::after { top: -2px; margin-left: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__link--rss .heading4-v2--center__title::after { top: -1px; margin-left: 11px; } } @media print, screen and (min-width: 768px) { .heading4-v2--center__link--blank .heading4-v2--center__title::after { width: 16px; height: 16px; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__link--blank .heading4-v2--center__title::after { top: -2px; } } .heading4-v2--center__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading4-v2--center__title { font-size: 2.0rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__title { font-size: 1.6rem; font-weight: 400; } } .heading4-v2--center__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading4-v2--center__subtitle { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__subtitle { font-size: 1.4rem; font-weight: 700; } } .heading4-v2--center__filesize { margin-left: .5em; vertical-align: middle; line-height: 1.75; } @media print, screen and (min-width: 768px) { .heading4-v2--center__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading4-v2--center__filesize { font-size: 1.4rem; font-weight: 400; } } /* heading5 */ /* ====================================================== * H5-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H5-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading5-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading5-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading5 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading5 { margin: 2.5em 0 0; } .Main .heading5 + * { margin-top: 1em; } } @media only screen and (max-width: 767.98px) { .heading5 { margin: 2.25em 0 1em; } .Main .heading5 + * { margin-top: 1em; } } @media print, screen and (min-width: 768px) { .heading5__title { font-size: 1.8rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading5__title { font-size: 1.6rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading5__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading5__subtitle { font-size: 1.2rem; } } .heading5__filesize { font-style: normal; } .heading5--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .heading5--center { margin: 2.5em 0 0; } .Main .heading5--center + * { margin-top: 1em; } } @media only screen and (max-width: 767.98px) { .heading5--center { margin: 2.25em 0 1em; } .Main .heading5--center + * { margin-top: 1em; } } @media print, screen and (min-width: 768px) { .heading5--center__title { font-size: 1.8rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading5--center__title { font-size: 1.6rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading5--center__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading5--center__subtitle { font-size: 1.2rem; } } .heading5--center__filesize { font-style: normal; } @media print, screen and (min-width: 768px) { .heading5 { margin: 2.2em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .heading5 { margin: 1.6em 0 1.0em; } } .heading5__link { display: block; } @media print, screen and (min-width: 768px) { .heading5__link:hover .heading5__subtitle { text-decoration: none; } .heading5__link:hover .heading5__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5__link .heading5__title::after { top: -2px; } } .heading5__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading5__link--blank:hover .heading5__subtitle { text-decoration: none; } .heading5__link--blank:hover .heading5__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5__link--blank .heading5__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5__link--blank .heading5__title::after { top: -1px; } } .heading5__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading5__link--pdf:hover .heading5__subtitle { text-decoration: none; } .heading5__link--pdf:hover .heading5__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5__link--pdf .heading5__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5__link--pdf .heading5__title::after { top: -1px; } } .heading5__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading5__link--excel:hover .heading5__subtitle { text-decoration: none; } .heading5__link--excel:hover .heading5__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5__link--excel .heading5__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5__link--excel .heading5__title::after { top: -1px; } } .heading5__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading5__link--word:hover .heading5__subtitle { text-decoration: none; } .heading5__link--word:hover .heading5__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5__link--word .heading5__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5__link--word .heading5__title::after { top: -1px; } } .heading5__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading5__link--powerpoint:hover .heading5__subtitle { text-decoration: none; } .heading5__link--powerpoint:hover .heading5__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5__link--powerpoint .heading5__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5__link--powerpoint .heading5__title::after { top: -1px; } } .heading5__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading5__link--zip:hover .heading5__subtitle { text-decoration: none; } .heading5__link--zip:hover .heading5__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5__link--zip .heading5__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5__link--zip .heading5__title::after { top: -1px; } } .heading5__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading5__link--video:hover .heading5__subtitle { text-decoration: none; } .heading5__link--video:hover .heading5__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5__link--video .heading5__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5__link--video .heading5__title::after { top: -1px; } } .heading5__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading5__link--modal:hover .heading5__subtitle { text-decoration: none; } .heading5__link--modal:hover .heading5__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5__link--modal .heading5__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5__link--modal .heading5__title::after { top: -1px; } } .heading5__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading5__link--rss:hover .heading5__subtitle { text-decoration: none; } .heading5__link--rss:hover .heading5__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5__link--rss .heading5__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5__link--rss .heading5__title::after { top: -1px; } } @media print, screen and (min-width: 768px) { .heading5__link--blank .heading5__title::after { width: 16px; height: 16px; } } @media only screen and (max-width: 767.98px) { .heading5__link--blank .heading5__title::after { top: -2px; } } .heading5__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading5__title { font-size: 1.8rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading5__title { font-size: 1.5rem; font-weight: 700; } } .heading5__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading5__subtitle { font-size: 1.4rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading5__subtitle { font-size: 1.2rem; font-weight: 700; } } .heading5__filesize { margin-left: .5em; vertical-align: middle; line-height: 1.6; } @media print, screen and (min-width: 768px) { .heading5__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading5__filesize { font-size: 1.4rem; font-weight: 400; } } .heading5--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading5--center { margin: 2.2em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .heading5--center { margin: 1.6em 0 1.0em; } } .heading5--center__link { display: block; } @media print, screen and (min-width: 768px) { .heading5--center__link:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link:hover .heading5--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5--center__link .heading5--center__title::after { top: -2px; } } .heading5--center__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading5--center__link--blank:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link--blank:hover .heading5--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5--center__link--blank .heading5--center__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5--center__link--blank .heading5--center__title::after { top: -1px; } } .heading5--center__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading5--center__link--pdf:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link--pdf:hover .heading5--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5--center__link--pdf .heading5--center__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5--center__link--pdf .heading5--center__title::after { top: -1px; } } .heading5--center__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading5--center__link--excel:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link--excel:hover .heading5--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5--center__link--excel .heading5--center__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5--center__link--excel .heading5--center__title::after { top: -1px; } } .heading5--center__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading5--center__link--word:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link--word:hover .heading5--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5--center__link--word .heading5--center__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5--center__link--word .heading5--center__title::after { top: -1px; } } .heading5--center__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading5--center__link--powerpoint:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link--powerpoint:hover .heading5--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5--center__link--powerpoint .heading5--center__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5--center__link--powerpoint .heading5--center__title::after { top: -1px; } } .heading5--center__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading5--center__link--zip:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link--zip:hover .heading5--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5--center__link--zip .heading5--center__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5--center__link--zip .heading5--center__title::after { top: -1px; } } .heading5--center__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading5--center__link--video:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link--video:hover .heading5--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5--center__link--video .heading5--center__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5--center__link--video .heading5--center__title::after { top: -1px; } } .heading5--center__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading5--center__link--modal:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link--modal:hover .heading5--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5--center__link--modal .heading5--center__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5--center__link--modal .heading5--center__title::after { top: -1px; } } .heading5--center__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading5--center__link--rss:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link--rss:hover .heading5--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading5--center__link--rss .heading5--center__title::after { top: -2px; } } @media only screen and (max-width: 767.98px) { .heading5--center__link--rss .heading5--center__title::after { top: -1px; } } @media print, screen and (min-width: 768px) { .heading5--center__link--blank .heading5--center__title::after { width: 16px; height: 16px; } } @media only screen and (max-width: 767.98px) { .heading5--center__link--blank .heading5--center__title::after { top: -2px; } } .heading5--center__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading5--center__title { font-size: 1.8rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading5--center__title { font-size: 1.5rem; font-weight: 700; } } .heading5--center__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading5--center__subtitle { font-size: 1.4rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading5--center__subtitle { font-size: 1.2rem; font-weight: 700; } } .heading5--center__filesize { margin-left: .5em; vertical-align: middle; line-height: 1.6; } @media print, screen and (min-width: 768px) { .heading5--center__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading5--center__filesize { font-size: 1.4rem; font-weight: 400; } } /* heading6 */ /* ====================================================== * H6-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H6-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading6-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading6-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading6 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading6 { margin: 2em 0; } } @media only screen and (max-width: 767.98px) { .heading6 { margin: 2em 0; } } @media print, screen and (min-width: 768px) { .heading6__title { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading6__title { font-size: 1.4rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading6__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading6__subtitle { font-size: 1.2rem; } } .heading6__filesize { font-style: normal; } .heading6--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .heading6--center { margin: 2em 0; } } @media only screen and (max-width: 767.98px) { .heading6--center { margin: 2em 0; } } @media print, screen and (min-width: 768px) { .heading6--center__title { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading6--center__title { font-size: 1.4rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .heading6--center__subtitle { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .heading6--center__subtitle { font-size: 1.2rem; } } .heading6--center__filesize { font-style: normal; } @media print, screen and (min-width: 768px) { .heading6 { margin: 2.2em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .heading6 { margin: 1.6em 0 1.0em; } } .heading6__link { display: block; } @media print, screen and (min-width: 768px) { .heading6__link:hover .heading6__subtitle { text-decoration: none; } .heading6__link:hover .heading6__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading6__link .heading6__title::after { top: -2px; } } .heading6__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading6__link--blank:hover .heading6__subtitle { text-decoration: none; } .heading6__link--blank:hover .heading6__title { text-decoration: underline; } } .heading6__link--blank .heading6__title::after { top: -2px; } .heading6__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading6__link--pdf:hover .heading6__subtitle { text-decoration: none; } .heading6__link--pdf:hover .heading6__title { text-decoration: underline; } } .heading6__link--pdf .heading6__title::after { top: -2px; } .heading6__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading6__link--excel:hover .heading6__subtitle { text-decoration: none; } .heading6__link--excel:hover .heading6__title { text-decoration: underline; } } .heading6__link--excel .heading6__title::after { top: -2px; } .heading6__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading6__link--word:hover .heading6__subtitle { text-decoration: none; } .heading6__link--word:hover .heading6__title { text-decoration: underline; } } .heading6__link--word .heading6__title::after { top: -2px; } .heading6__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading6__link--powerpoint:hover .heading6__subtitle { text-decoration: none; } .heading6__link--powerpoint:hover .heading6__title { text-decoration: underline; } } .heading6__link--powerpoint .heading6__title::after { top: -2px; } .heading6__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading6__link--zip:hover .heading6__subtitle { text-decoration: none; } .heading6__link--zip:hover .heading6__title { text-decoration: underline; } } .heading6__link--zip .heading6__title::after { top: -2px; } .heading6__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading6__link--video:hover .heading6__subtitle { text-decoration: none; } .heading6__link--video:hover .heading6__title { text-decoration: underline; } } .heading6__link--video .heading6__title::after { top: -2px; } .heading6__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading6__link--modal:hover .heading6__subtitle { text-decoration: none; } .heading6__link--modal:hover .heading6__title { text-decoration: underline; } } .heading6__link--modal .heading6__title::after { top: -2px; } .heading6__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading6__link--rss:hover .heading6__subtitle { text-decoration: none; } .heading6__link--rss:hover .heading6__title { text-decoration: underline; } } .heading6__link--rss .heading6__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading6__link--blank .heading6__title::after { width: 16px; height: 16px; } } @media only screen and (max-width: 767.98px) { .heading6__link--blank .heading6__title::after { top: -2px; } } .heading6__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading6__title { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading6__title { font-size: 1.4rem; font-weight: 700; } } .heading6__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading6__subtitle { font-size: 1.4rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading6__subtitle { font-size: 1.2rem; font-weight: 700; } } .heading6__filesize { margin-left: .5em; } @media print, screen and (min-width: 768px) { .heading6__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading6__filesize { font-size: 1.4rem; font-weight: 400; } } .heading6--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .heading6--center { margin: 2.2em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .heading6--center { margin: 1.6em 0 1.0em; } } .heading6--center__link { display: block; } @media print, screen and (min-width: 768px) { .heading6--center__link:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link:hover .heading6--center__title { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .heading6--center__link .heading6--center__title::after { top: -2px; } } .heading6--center__link--blank { display: block; } @media print, screen and (min-width: 768px) { .heading6--center__link--blank:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link--blank:hover .heading6--center__title { text-decoration: underline; } } .heading6--center__link--blank .heading6--center__title::after { top: -2px; } .heading6--center__link--pdf { display: block; } @media print, screen and (min-width: 768px) { .heading6--center__link--pdf:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link--pdf:hover .heading6--center__title { text-decoration: underline; } } .heading6--center__link--pdf .heading6--center__title::after { top: -2px; } .heading6--center__link--excel { display: block; } @media print, screen and (min-width: 768px) { .heading6--center__link--excel:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link--excel:hover .heading6--center__title { text-decoration: underline; } } .heading6--center__link--excel .heading6--center__title::after { top: -2px; } .heading6--center__link--word { display: block; } @media print, screen and (min-width: 768px) { .heading6--center__link--word:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link--word:hover .heading6--center__title { text-decoration: underline; } } .heading6--center__link--word .heading6--center__title::after { top: -2px; } .heading6--center__link--powerpoint { display: block; } @media print, screen and (min-width: 768px) { .heading6--center__link--powerpoint:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link--powerpoint:hover .heading6--center__title { text-decoration: underline; } } .heading6--center__link--powerpoint .heading6--center__title::after { top: -2px; } .heading6--center__link--zip { display: block; } @media print, screen and (min-width: 768px) { .heading6--center__link--zip:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link--zip:hover .heading6--center__title { text-decoration: underline; } } .heading6--center__link--zip .heading6--center__title::after { top: -2px; } .heading6--center__link--video { display: block; } @media print, screen and (min-width: 768px) { .heading6--center__link--video:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link--video:hover .heading6--center__title { text-decoration: underline; } } .heading6--center__link--video .heading6--center__title::after { top: -2px; } .heading6--center__link--modal { display: block; } @media print, screen and (min-width: 768px) { .heading6--center__link--modal:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link--modal:hover .heading6--center__title { text-decoration: underline; } } .heading6--center__link--modal .heading6--center__title::after { top: -2px; } .heading6--center__link--rss { display: block; } @media print, screen and (min-width: 768px) { .heading6--center__link--rss:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link--rss:hover .heading6--center__title { text-decoration: underline; } } .heading6--center__link--rss .heading6--center__title::after { top: -2px; } @media print, screen and (min-width: 768px) { .heading6--center__link--blank .heading6--center__title::after { width: 16px; height: 16px; } } @media only screen and (max-width: 767.98px) { .heading6--center__link--blank .heading6--center__title::after { top: -2px; } } .heading6--center__title { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading6--center__title { font-size: 1.6rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading6--center__title { font-size: 1.4rem; font-weight: 700; } } .heading6--center__subtitle { margin: 0 0 .4em; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .heading6--center__subtitle { font-size: 1.4rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .heading6--center__subtitle { font-size: 1.2rem; font-weight: 700; } } .heading6--center__filesize { margin-left: .5em; } @media print, screen and (min-width: 768px) { .heading6--center__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .heading6--center__filesize { font-size: 1.4rem; font-weight: 400; } } /* ----- Text ----- */ /* text */ /* ====================================================== * TX-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * TX-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * text-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * text-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .text { margin: 1em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .text { font-size: 1.6rem; } } @media only screen and (max-width: 767.98px) { .text { font-size: 1.4rem; } } .text--center { margin: 1em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .text--center { font-size: 1.6rem; } } @media only screen and (max-width: 767.98px) { .text--center { font-size: 1.4rem; } } .text--right { margin: 1em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: right; } @media print, screen and (min-width: 768px) { .text--right { font-size: 1.6rem; } } @media only screen and (max-width: 767.98px) { .text--right { font-size: 1.4rem; } } .text--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .text--right { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* lead */ /* ====================================================== * LD-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * LD-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * lead-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * lead-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .lead { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ color: #fff; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .lead { font-weight: 700; } } @media only screen and (max-width: 767.98px) { .lead { font-weight: 700; } } .lead--center { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .lead--center { font-weight: 700; } } @media only screen and (max-width: 767.98px) { .lead--center { font-weight: 700; } } @media print, screen and (min-width: 768px) { .lead { margin: 2.2em 0 1.2em; font-size: 2.0rem; } } @media only screen and (max-width: 767.98px) { .lead { margin: 1.6em 0 1.0em; font-size: 1.5rem; } } .lead--center { color: #fff; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .lead--center { margin: 2.2em 0 1.2em; font-size: 2.0rem; } } @media only screen and (max-width: 767.98px) { .lead--center { margin: 1.6em 0 1.0em; font-size: 1.5rem; } } /* ====================================================== * LD-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * LD-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * lead-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * lead-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .lead-v2 { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ color: #222e46; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .lead-v2 { font-weight: 700; } } @media only screen and (max-width: 767.98px) { .lead-v2 { font-weight: 700; } } .lead-v2--center { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } @media print, screen and (min-width: 768px) { .lead-v2--center { font-weight: 700; } } @media only screen and (max-width: 767.98px) { .lead-v2--center { font-weight: 700; } } @media print, screen and (min-width: 768px) { .lead-v2 { margin: 2.2em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .lead-v2 { margin: 1.6em 0 1.0em; } } .lead-v2--center { color: #222e46; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .lead-v2--center { margin: 2.2em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .lead-v2--center { margin: 1.6em 0 1.0em; } } /* ----- List ----- */ /* note-list */ /* ====================================================== * NL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * NL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * note-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * note-list-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .note-list { margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-list > li { position: relative; list-style: none; } .note-list__mark { position: absolute; top: 0; left: 0; } .note-list__nest { margin: .75em 0 1em; } .note-list__nest > *:first-child, .note-list__nest > section:first-child > *:first-child, .note-list__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .note-list[data-col-pc] > li { margin-top: .75em; } .note-list[data-col-pc] > li:first-child { margin-top: 0; } } @media only screen and (max-width: 767.98px) { .note-list[data-col-sp] > li { margin-top: .75em; } .note-list[data-col-sp] > li:first-child { margin-top: 0; } } .note-list > li { padding-left: 1.5em; } @media print, screen and (min-width: 768px) { .note-list__nest { margin: .6em 0 1.0em; } } @media only screen and (max-width: 767.98px) { .note-list__nest { margin: .2em 0 .6em; } } @media print, screen and (min-width: 768px) { .note-list[data-col-pc] > li { margin-top: 1.0em; } } @media only screen and (max-width: 767.98px) { .note-list[data-col-sp] > li { margin-top: 0.6em; } } /* ====================================================== * NL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * NL-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * note-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * note-list-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .note-list-v2 { margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-list-v2 > li { position: relative; list-style: none; } .note-list-v2__mark { position: absolute; top: 0; left: 0; } .note-list-v2__nest { margin: .75em 0 1em; } .note-list-v2__nest > *:first-child, .note-list-v2__nest > section:first-child > *:first-child, .note-list-v2__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .note-list-v2[data-col-pc] > li { margin-top: .75em; } .note-list-v2[data-col-pc] > li:first-child { margin-top: 0; } } @media only screen and (max-width: 767.98px) { .note-list-v2[data-col-sp] > li { margin-top: .75em; } .note-list-v2[data-col-sp] > li:first-child { margin-top: 0; } } .note-list-v2 > li { padding-left: 1.5em; } @media print, screen and (min-width: 768px) { .note-list-v2 > li { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .note-list-v2 > li { font-size: 1.2rem; } } .note-list-v2__nest { color: #fff; } @media print, screen and (min-width: 768px) { .note-list-v2__nest { margin: .6em 0 1.0em; font-size: 1.6rem; } } @media only screen and (max-width: 767.98px) { .note-list-v2__nest { margin: .2em 0 .6em; font-size: 1.4rem; } } @media print, screen and (min-width: 768px) { .note-list-v2[data-col-pc] > li { margin-top: .6em; } } @media only screen and (max-width: 767.98px) { .note-list-v2[data-col-sp] > li { margin-top: .2em; } } /* note-order-list */ /* ====================================================== * NOL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * NOL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * note-order-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * note-order-list-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .note-order-list { margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-order-list > li { position: relative; list-style: none; } .note-order-list__mark { position: absolute; top: 0; left: 0; } .note-order-list__nest { margin: .75em 0 1em; } .note-order-list__nest > *:first-child, .note-order-list__nest > section:first-child > *:first-child, .note-order-list__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .note-order-list[data-col-pc] > li { margin-top: .75em; } .note-order-list[data-col-pc] > li:first-child { margin-top: 0; } } @media only screen and (max-width: 767.98px) { .note-order-list[data-col-sp] > li { margin-top: .75em; } .note-order-list[data-col-sp] > li:first-child { margin-top: 0; } } .note-order-list > li { padding-left: 3em; } @media print, screen and (min-width: 768px) { .note-order-list__nest { margin: .6em 0 1.0em; } } @media only screen and (max-width: 767.98px) { .note-order-list__nest { margin: .2em 0 .6em; } } @media print, screen and (min-width: 768px) { .note-order-list[data-col-pc] > li { margin-top: .6em; } } @media only screen and (max-width: 767.98px) { .note-order-list[data-col-sp] > li { margin-top: .2em; } } /* ====================================================== * NOL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * NOL-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * note-order-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * note-order-list-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .note-order-list-v2 { margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-order-list-v2 > li { position: relative; list-style: none; } .note-order-list-v2__mark { position: absolute; top: 0; left: 0; } .note-order-list-v2__nest { margin: .75em 0 1em; } .note-order-list-v2__nest > *:first-child, .note-order-list-v2__nest > section:first-child > *:first-child, .note-order-list-v2__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .note-order-list-v2[data-col-pc] > li { margin-top: .75em; } .note-order-list-v2[data-col-pc] > li:first-child { margin-top: 0; } } @media only screen and (max-width: 767.98px) { .note-order-list-v2[data-col-sp] > li { margin-top: .75em; } .note-order-list-v2[data-col-sp] > li:first-child { margin-top: 0; } } .note-order-list-v2 > li { padding-left: 3em; } @media print, screen and (min-width: 768px) { .note-order-list-v2 > li { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .note-order-list-v2 > li { font-size: 1.2rem; } } .note-order-list-v2__nest { color: #fff; } @media print, screen and (min-width: 768px) { .note-order-list-v2__nest { margin: .6em 0 1.0em; font-size: 1.6rem; } } @media only screen and (max-width: 767.98px) { .note-order-list-v2__nest { margin: .2em 0 .6em; font-size: 1.4rem; } } @media print, screen and (min-width: 768px) { .note-order-list-v2[data-col-pc] > li { margin-top: .6em; } } @media only screen and (max-width: 767.98px) { .note-order-list-v2[data-col-sp] > li { margin-top: .2em; } } /* unorder-list */ /* ====================================================== * UL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * UL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * unorder-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * unorder-list-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .unorder-list { margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .unorder-list > li { position: relative; list-style: none; } .unorder-list__nest { margin: .75em 0 1em; } .unorder-list__nest > *:first-child, .unorder-list__nest > section:first-child > *:first-child, .unorder-list__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .unorder-list[data-col-pc] > li { margin-top: .75em; } .unorder-list[data-col-pc] > li:first-child { margin-top: 0; } } @media only screen and (max-width: 767.98px) { .unorder-list[data-col-sp] > li { margin-top: .75em; } .unorder-list[data-col-sp] > li:first-child { margin-top: 0; } } .unorder-list > li { padding-left: 1.25em; } .unorder-list > li::before { display: inline-block; position: absolute; top: .45em; left: 0; border-radius: 50%; background-color: #fe4774; content: ""; } @media print, screen and (min-width: 768px) { .unorder-list > li::before { width: 10px; height: 10px; } } @media only screen and (max-width: 767.98px) { .unorder-list > li::before { width: 9px; height: 9px; } } @media print, screen and (min-width: 768px) { .unorder-list__nest { margin: .6em 0 1.0em; } } @media only screen and (max-width: 767.98px) { .unorder-list__nest { margin: .2em 0 .6em; } } @media print, screen and (min-width: 768px) { .unorder-list[data-col-pc] > li { margin-top: .6em; } } @media only screen and (max-width: 767.98px) { .unorder-list[data-col-sp] > li { margin-top: .2em; } } /* ====================================================== * UL-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * UL-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * unorder-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * unorder-list-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .unorder-list-v2 { margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .unorder-list-v2 > li { position: relative; list-style: none; } .unorder-list-v2__nest { margin: .75em 0 1em; } .unorder-list-v2__nest > *:first-child, .unorder-list-v2__nest > section:first-child > *:first-child, .unorder-list-v2__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .unorder-list-v2[data-col-pc] > li { margin-top: .75em; } .unorder-list-v2[data-col-pc] > li:first-child { margin-top: 0; } } @media only screen and (max-width: 767.98px) { .unorder-list-v2[data-col-sp] > li { margin-top: .75em; } .unorder-list-v2[data-col-sp] > li:first-child { margin-top: 0; } } .unorder-list-v2 > li { padding-left: 1.25em; } @media print, screen and (min-width: 768px) { .unorder-list-v2 > li { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .unorder-list-v2 > li { font-size: 1.2rem; } } .unorder-list-v2 > li::before { display: inline-block; position: absolute; top: .45em; left: 0; border: 2px solid #fe4774; border-radius: 50%; content: ""; } @media print, screen and (min-width: 768px) { .unorder-list-v2 > li::before { width: 8px; height: 8px; } } @media only screen and (max-width: 767.98px) { .unorder-list-v2 > li::before { width: 7px; height: 7px; } } @media print, screen and (min-width: 768px) { .unorder-list-v2__nest { margin: .6em 0 1.0em; font-size: 1.6rem; } } @media only screen and (max-width: 767.98px) { .unorder-list-v2__nest { margin: .2em 0 .6em; font-size: 1.4rem; } } @media print, screen and (min-width: 768px) { .unorder-list-v2[data-col-pc] > li { margin-top: .6em; } } @media only screen and (max-width: 767.98px) { .unorder-list-v2[data-col-sp] > li { margin-top: .2em; } } /* order-list */ /* ====================================================== * OL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * OL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * order-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * order-list-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .order-list { margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .order-list > li { position: relative; list-style: none; } .order-list__mark { position: absolute; top: 0; left: 0; } .order-list__nest { margin: .75em 0 1em; } .order-list__nest > *:first-child, .order-list__nest > section:first-child > *:first-child, .order-list__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .order-list[data-col-pc] > li { margin-top: .75em; } .order-list[data-col-pc] > li:first-child { margin-top: 0; } } @media only screen and (max-width: 767.98px) { .order-list[data-col-sp] > li { margin-top: .75em; } .order-list[data-col-sp] > li:first-child { margin-top: 0; } } .order-list > li { padding-left: 2.5em; } @media print, screen and (min-width: 768px) { .order-list__nest { margin: .6em 0 1.0em; } } @media only screen and (max-width: 767.98px) { .order-list__nest { margin: .2em 0 .6em; } } @media print, screen and (min-width: 768px) { .order-list[data-col-pc] > li { margin-top: .6em; } } @media only screen and (max-width: 767.98px) { .order-list[data-col-sp] > li { margin-top: .2em; } } .order-list__mark { color: #fe4774; } .order-list__mark::after { content: "."; } /* ====================================================== * OL-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * OL-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * order-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * order-list-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .order-list-v2 { margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .order-list-v2 > li { position: relative; list-style: none; } .order-list-v2__mark { position: absolute; top: 0; left: 0; } .order-list-v2__nest { margin: .75em 0 1em; } .order-list-v2__nest > *:first-child, .order-list-v2__nest > section:first-child > *:first-child, .order-list-v2__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .order-list-v2[data-col-pc] > li { margin-top: .75em; } .order-list-v2[data-col-pc] > li:first-child { margin-top: 0; } } @media only screen and (max-width: 767.98px) { .order-list-v2[data-col-sp] > li { margin-top: .75em; } .order-list-v2[data-col-sp] > li:first-child { margin-top: 0; } } .order-list-v2 > li { padding-left: 3.5em; } @media print, screen and (min-width: 768px) { .order-list-v2 > li { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .order-list-v2 > li { font-size: 1.2rem; } } .order-list-v2__mark::before { content: "\FF08"; } .order-list-v2__mark::after { content: "\FF09"; } .order-list-v2__nest { color: #fff; } @media print, screen and (min-width: 768px) { .order-list-v2__nest { margin: .6em 0 1.0em; font-size: 1.6rem; } } @media only screen and (max-width: 767.98px) { .order-list-v2__nest { margin: .2em 0 .6em; font-size: 1.4rem; } } @media print, screen and (min-width: 768px) { .order-list-v2[data-col-pc] > li { margin-top: .6em; } } @media only screen and (max-width: 767.98px) { .order-list-v2[data-col-sp] > li { margin-top: .2em; } } /* description-list */ /* ====================================================== * DL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * DL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * description-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * description-list-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .description-list { width: 100%; margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .description-list > dt { margin: 0; } .description-list__filesize { font-style: normal; } .description-list > dd { margin: 0; } .description-list > dd > *:first-child, .description-list > dd > section:first-child > *:first-child, .description-list > dd > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .description-list + .description-list { margin-top: 1.8em; } } @media only screen and (max-width: 767.98px) { .description-list + .description-list { margin-top: 1.4em; } } @media print, screen and (min-width: 768px) { .description-list > dt { margin: 0 0 .6em; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .description-list > dt { margin: 0 0 .8em; font-weight: 700; } } .description-list__type { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list__type:hover { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .description-list__type::after { top: -1px; } } .description-list__type--blank { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list__type--blank:hover { text-decoration: underline; } } .description-list__type--pdf { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list__type--pdf:hover { text-decoration: underline; } } .description-list__type--excel { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list__type--excel:hover { text-decoration: underline; } } .description-list__type--word { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list__type--word:hover { text-decoration: underline; } } .description-list__type--powerpoint { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list__type--powerpoint:hover { text-decoration: underline; } } .description-list__type--zip { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list__type--zip:hover { text-decoration: underline; } } .description-list__type--video { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list__type--video:hover { text-decoration: underline; } } .description-list__type--modal { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list__type--modal:hover { text-decoration: underline; } } .description-list__type--rss { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list__type--rss:hover { text-decoration: underline; } } .description-list__filesize { margin-left: .5em; } @media print, screen and (min-width: 768px) { .description-list__filesize { font-weight: 500; } } @media only screen and (max-width: 767.98px) { .description-list__filesize { font-weight: 400; } } /* ====================================================== * DL-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * DL-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * description-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * description-list-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .description-list-v2 { width: 100%; margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ border-bottom: 1px solid #ddd; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .description-list-v2 > dt { margin: 0; } .description-list-v2__filesize { font-style: normal; } .description-list-v2 > dd { margin: 0; } .description-list-v2 > dd > *:first-child, .description-list-v2 > dd > section:first-child > *:first-child, .description-list-v2 > dd > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .description-list-v2 { display: flex; flex-flow: row nowrap; padding-bottom: .8em; } } @media only screen and (max-width: 767.98px) { .description-list-v2 { padding-bottom: 1.0em; } } @media print, screen and (min-width: 768px) { .description-list-v2 + .description-list-v2 { margin-top: .8em; } } @media only screen and (max-width: 767.98px) { .description-list-v2 + .description-list-v2 { margin-top: 1.0em; } } @media print, screen and (min-width: 768px) { .description-list-v2 > dt { flex-shrink: 0; width: 31%; margin-right: 2.5em; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .description-list-v2 > dt { margin: 0 0 .8em 0; font-weight: 700; } } .description-list-v2__type { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v2__type:hover { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .description-list-v2__type::after { top: -1px; } } .description-list-v2__type--blank { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v2__type--blank:hover { text-decoration: underline; } } .description-list-v2__type--pdf { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v2__type--pdf:hover { text-decoration: underline; } } .description-list-v2__type--excel { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v2__type--excel:hover { text-decoration: underline; } } .description-list-v2__type--word { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v2__type--word:hover { text-decoration: underline; } } .description-list-v2__type--powerpoint { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v2__type--powerpoint:hover { text-decoration: underline; } } .description-list-v2__type--zip { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v2__type--zip:hover { text-decoration: underline; } } .description-list-v2__type--video { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v2__type--video:hover { text-decoration: underline; } } .description-list-v2__type--modal { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v2__type--modal:hover { text-decoration: underline; } } .description-list-v2__type--rss { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v2__type--rss:hover { text-decoration: underline; } } .description-list-v2__filesize { margin-left: .5em; } @media print, screen and (min-width: 768px) { .description-list-v2__filesize { font-weight: 500; } } @media only screen and (max-width: 767.98px) { .description-list-v2__filesize { font-weight: 400; } } @media print, screen and (min-width: 768px) { .description-list-v2 > dd { width: 100%; } } /* ====================================================== * DL-3 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * DL-3 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * description-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * description-list-0003 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .description-list-v3 { width: 100%; margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .description-list-v3 > dt { margin: 0; } .description-list-v3__filesize { font-style: normal; } .description-list-v3 > dd { margin: 0; } .description-list-v3 > dd > *:first-child, .description-list-v3 > dd > section:first-child > *:first-child, .description-list-v3 > dd > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .description-list-v3 + .description-list-v3 { margin-top: 1.8em; } } @media only screen and (max-width: 767.98px) { .description-list-v3 + .description-list-v3 { margin-top: 1.4em; } } @media print, screen and (min-width: 768px) { .description-list-v3 > dt { margin: 0 0 .6em; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .description-list-v3 > dt { margin: 0 0 .8em; font-weight: 400; } } .description-list-v3__type { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v3__type:hover { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .description-list-v3__type::after { top: -1px; } } .description-list-v3__type--blank { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v3__type--blank:hover { text-decoration: underline; } } .description-list-v3__type--pdf { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v3__type--pdf:hover { text-decoration: underline; } } .description-list-v3__type--excel { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v3__type--excel:hover { text-decoration: underline; } } .description-list-v3__type--word { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v3__type--word:hover { text-decoration: underline; } } .description-list-v3__type--powerpoint { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v3__type--powerpoint:hover { text-decoration: underline; } } .description-list-v3__type--zip { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v3__type--zip:hover { text-decoration: underline; } } .description-list-v3__type--video { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v3__type--video:hover { text-decoration: underline; } } .description-list-v3__type--modal { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v3__type--modal:hover { text-decoration: underline; } } .description-list-v3__type--rss { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v3__type--rss:hover { text-decoration: underline; } } .description-list-v3__filesize { margin-left: .5em; } @media print, screen and (min-width: 768px) { .description-list-v3__filesize { font-weight: 500; } } @media only screen and (max-width: 767.98px) { .description-list-v3__filesize { font-weight: 400; } } @media print, screen and (min-width: 768px) { .description-list-v3 > dd { font-weight: 700; } } @media only screen and (max-width: 767.98px) { .description-list-v3 > dd { font-weight: 700; } } /* ====================================================== * DL-4 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * DL-4 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * description-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * description-list-0004 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .description-list-v4 { width: 100%; margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ border-bottom: 1px solid #ddd; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .description-list-v4 > dt { margin: 0; } .description-list-v4__filesize { font-style: normal; } .description-list-v4 > dd { margin: 0; } .description-list-v4 > dd > *:first-child, .description-list-v4 > dd > section:first-child > *:first-child, .description-list-v4 > dd > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .description-list-v4 { display: flex; flex-flow: row nowrap; padding-bottom: .8em; } } @media only screen and (max-width: 767.98px) { .description-list-v4 { padding-bottom: 1.0em; } } @media print, screen and (min-width: 768px) { .description-list-v4 + .description-list-v4 { margin-top: .8em; } } @media only screen and (max-width: 767.98px) { .description-list-v4 + .description-list-v4 { margin-top: 1.0em; } } @media print, screen and (min-width: 768px) { .description-list-v4 > dt { flex-shrink: 0; width: 31%; margin-right: 2.5em; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .description-list-v4 > dt { margin: 0 0 .8em 0; font-weight: 400; } } .description-list-v4__type { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v4__type:hover { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .description-list-v4__type::after { top: -1px; } } .description-list-v4__type--blank { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v4__type--blank:hover { text-decoration: underline; } } .description-list-v4__type--pdf { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v4__type--pdf:hover { text-decoration: underline; } } .description-list-v4__type--excel { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v4__type--excel:hover { text-decoration: underline; } } .description-list-v4__type--word { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v4__type--word:hover { text-decoration: underline; } } .description-list-v4__type--powerpoint { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v4__type--powerpoint:hover { text-decoration: underline; } } .description-list-v4__type--zip { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v4__type--zip:hover { text-decoration: underline; } } .description-list-v4__type--video { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v4__type--video:hover { text-decoration: underline; } } .description-list-v4__type--modal { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v4__type--modal:hover { text-decoration: underline; } } .description-list-v4__type--rss { display: inline-block; } @media print, screen and (min-width: 768px) { .description-list-v4__type--rss:hover { text-decoration: underline; } } .description-list-v4__filesize { margin-left: .5em; } @media print, screen and (min-width: 768px) { .description-list-v4__filesize { font-weight: 500; } } @media only screen and (max-width: 767.98px) { .description-list-v4__filesize { font-weight: 400; } } @media print, screen and (min-width: 768px) { .description-list-v4 > dd { width: 100%; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .description-list-v4 > dd { font-weight: 700; } } /* link-list */ /* ====================================================== * LL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * LL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * link-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * link-list-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .list-wrap--center > *:first-child, .list-wrap--center > section:first-child > *:first-child, .list-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--center > * { flex: 0 1 auto; min-width: 1px; } .list-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .list-wrap--right > *:first-child, .list-wrap--right > section:first-child > *:first-child, .list-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .list-wrap--right > * { flex: 0 1 auto; min-width: 1px; } .link-list { margin: 2em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .link-list > li { position: relative; list-style: none; } .link-list > li > [class*="__type"] { display: inline-block; position: relative; } .link-list__filesize { font-style: normal; } .link-list__nest { margin: .75em 0 1em; } .link-list__nest > *:first-child, .link-list__nest > section:first-child > *:first-child, .link-list__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .link-list[data-col-pc] > li { margin-top: .75em; } .link-list[data-col-pc] > li:first-child { margin-top: 0; } } @media only screen and (max-width: 767.98px) { .link-list[data-col-sp] > li { margin-top: .75em; } .link-list[data-col-sp] > li:first-child { margin-top: 0; } } .link-list > li > [class*="__type"] { padding-left: 1.2em; } @media print, screen and (min-width: 768px) { .link-list > li > [class*="__type"]:hover { text-decoration: underline; } } .link-list > li > [class*="__type"]::before { position: absolute; top: .45em; left: -3px; } @media print, screen and (min-width: 768px) { .link-list[data-col-pc] > li { margin-top: .6em; } } @media only screen and (max-width: 767.98px) { .link-list[data-col-sp] > li { margin-top: .2em; } } .link-list__type--nolink { color: #898989; } .link-list__type--nolink::before { border-top-color: !important; border-right-color: !important; } @media print, screen and (min-width: 768px) { .link-list__type--nolink:hover { text-decoration: none !important; } } @media print, screen and (min-width: 768px) { .link-list__type--blank:hover { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .link-list__type--pdf:hover { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .link-list__type--excel:hover { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .link-list__type--word:hover { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .link-list__type--powerpoint:hover { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .link-list__type--zip:hover { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .link-list__type--video:hover { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .link-list__type--modal:hover { text-decoration: underline; } } [class*="modal--"].modaal-wrapper .modaal-container { border-radius: 8px; box-shadow: none; } @media print, screen and (min-width: 768px) { [class*="modal--"].modaal-wrapper .modaal-container { padding: 60px 40px 40px; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-container { padding: 40px 14px; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-inner-wrapper { padding-right: 14px; padding-left: 14px; } } [class*="modal--"].modaal-wrapper .modaal-content-container { padding: 0; } [class*="modal--"].modaal-wrapper .modaal-content-container > *:first-child, [class*="modal--"].modaal-wrapper .modaal-content-container > section:first-child > *:first-child, [class*="modal--"].modaal-wrapper .modaal-content-container > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } [class*="modal--"].modaal-wrapper .modaal-close { position: absolute; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { [class*="modal--"].modaal-wrapper .modaal-close { top: 15px; right: 15px; width: 36px; height: 36px; } [class*="modal--"].modaal-wrapper .modaal-close:hover { opacity: 0.7; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-close { top: 10px; right: 10px; width: 22px; height: 22px; } } [class*="modal--"].modaal-wrapper .modaal-close::before, [class*="modal--"].modaal-wrapper .modaal-close::after { display: none; } [class*="modal--"].modaal-wrapper .modaal-close > span { display: block; position: relative !important; width: 100% !important; height: 100% !important; } [class*="modal--"].modaal-wrapper .modaal-close > span::before, [class*="modal--"].modaal-wrapper .modaal-close > span::after { position: absolute; top: 50%; left: 50%; background-color: #fe4774; -webkit-backface-visibility: hidden; content: ""; } @media print, screen and (min-width: 768px) { [class*="modal--"].modaal-wrapper .modaal-close > span::before, [class*="modal--"].modaal-wrapper .modaal-close > span::after { width: 22px; height: 2px; margin: -1px 0 0 -11px; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-close > span::before, [class*="modal--"].modaal-wrapper .modaal-close > span::after { width: 18px; height: 1px; margin: -1px 0 0 -9px; } } [class*="modal--"].modaal-wrapper .modaal-close > span::before { transform: rotate(45deg); } [class*="modal--"].modaal-wrapper .modaal-close > span::after { transform: rotate(-45deg); } @media print, screen and (min-width: 768px) { .link-list__type--rss:hover { text-decoration: underline; } } .link-list__filesize { margin-left: .5em; } .link-list__nest { padding-left: 1em; } @media print, screen and (min-width: 768px) { .link-list__nest { margin: .6em 0 1.0em; } } @media only screen and (max-width: 767.98px) { .link-list__nest { margin: .2em 0 .6em; } } /* ----- Button ----- */ /* button */ /* ====================================================== * BT-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * BT-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * button-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .button__type, .button .button__type--blank, .button .button__type--pdf, .button .button__type--excel, .button .button__type--word, .button .button__type--powerpoint, .button .button__type--zip, .button .button__type--video, .button .button__type--modal, .button .button__type--rss, .button-v2__type, .button-v2 .button-v2__type--blank, .button-v2 .button-v2__type--pdf, .button-v2 .button-v2__type--excel, .button-v2 .button-v2__type--word, .button-v2 .button-v2__type--powerpoint, .button-v2 .button-v2__type--zip, .button-v2 .button-v2__type--video, .button-v2 .button-v2__type--modal, .button-v2 .button-v2__type--rss { display: flex; text-decoration: none; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .button .button__type, .button .button__type--blank, .button .button__type--pdf, .button .button__type--excel, .button .button__type--word, .button .button__type--powerpoint, .button .button__type--zip, .button .button__type--video, .button .button__type--modal, .button .button__type--rss { display: flex; justify-content: center; align-items: center; position: relative; border-radius: 5px; background-color: #fe4774; color: #fff; text-align: center; line-height: 1.4; } @media print, screen and (min-width: 768px) { .button .button__type, .button .button__type--blank, .button .button__type--pdf, .button .button__type--excel, .button .button__type--word, .button .button__type--powerpoint, .button .button__type--zip, .button .button__type--video, .button .button__type--modal, .button .button__type--rss { padding: 1.0em 2.0em; font-size: 2.0rem; font-weight: 700; } .button .button__type:hover, .button .button__type--blank:hover, .button .button__type--pdf:hover, .button .button__type--excel:hover, .button .button__type--word:hover, .button .button__type--powerpoint:hover, .button .button__type--zip:hover, .button .button__type--video:hover, .button .button__type--modal:hover, .button .button__type--rss:hover { background-color: #222e46; } } @media only screen and (max-width: 767.98px) { .button .button__type, .button .button__type--blank, .button .button__type--pdf, .button .button__type--excel, .button .button__type--word, .button .button__type--powerpoint, .button .button__type--zip, .button .button__type--video, .button .button__type--modal, .button .button__type--rss { padding: 1.0em 1.4em; font-weight: 700; } } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .button-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .button-wrap[data-col-pc="1"] { flex-direction: column !important; } } .button-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ align-items: center; } @media print, screen and (min-width: 768px) { .button-wrap--center[data-col-pc="1"] { flex-direction: column !important; } } .button-wrap--center > * { justify-content: center; } .button-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ align-items: flex-end; } @media print, screen and (min-width: 768px) { .button-wrap--right[data-col-pc="1"] { flex-direction: column !important; } } .button-wrap--right > * { justify-content: flex-end; } .button-wrap--centering { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } @media print, screen and (min-width: 768px) { .button-wrap--centering[data-col-pc="1"] { flex-direction: column !important; } } @media print, screen and (min-width: 768px) { .button-wrap--centering { flex-flow: row nowrap; } .button-wrap--centering > * { margin-right: 32px; } .button-wrap--centering > *:last-child { margin-right: 0; } } @media only screen and (max-width: 767.98px) { .button-wrap--centering { flex-direction: column; align-items: center; } .button-wrap--centering > * { margin-top: 1em; } .button-wrap--centering > *:first-child { margin-top: 0; } } @media print, screen and (min-width: 768px) { .button-wrap { margin: 1.8em 0 0; } .button-wrap[data-col-pc]:not([data-col-pc=auto]) > * { margin-top: 1.8em; } } @media only screen and (max-width: 767.98px) { .button-wrap { margin: 1.0em 0 0; } .button-wrap[data-col-sp]:not([data-col-sp=auto]) > * { margin-top: 1.0em; } } .button { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button__label { display: inline-block; } .button__filesize { font-style: normal; } @media print, screen and (min-width: 768px) { [class*="button-wrap"][data-col-pc]:not([data-col-pc="1"]) > .button > [class*="__type"] { width: 100%; } } @media only screen and (max-width: 767.98px) { [class*="button-wrap"][data-col-sp]:not([data-col-sp="1"]) > .button > [class*="__type"] { width: 100%; } } @media print, screen and (min-width: 768px) { .button .button__type--blank { padding-right: 2.6em; } } @media only screen and (max-width: 767.98px) { .button .button__type--blank { padding-right: 3.0em; } } .button .button__type--blank::after { right: 1.4em; } @media print, screen and (min-width: 768px) { .button .button__type--pdf { padding-right: 2.6em; } } @media only screen and (max-width: 767.98px) { .button .button__type--pdf { padding-right: 3.0em; } } .button .button__type--pdf::after { right: 1.4em; } @media print, screen and (min-width: 768px) { .button .button__type--excel { padding-right: 2.6em; } } @media only screen and (max-width: 767.98px) { .button .button__type--excel { padding-right: 3.0em; } } .button .button__type--excel::after { right: 1.4em; } @media print, screen and (min-width: 768px) { .button .button__type--word { padding-right: 2.6em; } } @media only screen and (max-width: 767.98px) { .button .button__type--word { padding-right: 3.0em; } } .button .button__type--word::after { right: 1.4em; } @media print, screen and (min-width: 768px) { .button .button__type--powerpoint { padding-right: 2.6em; } } @media only screen and (max-width: 767.98px) { .button .button__type--powerpoint { padding-right: 3.0em; } } .button .button__type--powerpoint::after { right: 1.4em; } @media print, screen and (min-width: 768px) { .button .button__type--zip { padding-right: 2.6em; } } @media only screen and (max-width: 767.98px) { .button .button__type--zip { padding-right: 3.0em; } } .button .button__type--zip::after { right: 1.4em; } @media print, screen and (min-width: 768px) { .button .button__type--video { padding-right: 2.6em; } } @media only screen and (max-width: 767.98px) { .button .button__type--video { padding-right: 3.0em; } } .button .button__type--video::after { right: 1.4em; } @media print, screen and (min-width: 768px) { .button .button__type--modal { padding-right: 2.6em; } } @media only screen and (max-width: 767.98px) { .button .button__type--modal { padding-right: 3.0em; } } .button .button__type--modal::after { right: 1.4em; } [class*="modal--"].modaal-wrapper .modaal-container { border-radius: 8px; box-shadow: none; } @media print, screen and (min-width: 768px) { [class*="modal--"].modaal-wrapper .modaal-container { padding: 60px 40px 40px; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-container { padding: 40px 14px; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-inner-wrapper { padding-right: 14px; padding-left: 14px; } } [class*="modal--"].modaal-wrapper .modaal-content-container { padding: 0; } [class*="modal--"].modaal-wrapper .modaal-content-container > *:first-child, [class*="modal--"].modaal-wrapper .modaal-content-container > section:first-child > *:first-child, [class*="modal--"].modaal-wrapper .modaal-content-container > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } [class*="modal--"].modaal-wrapper .modaal-close { position: absolute; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { [class*="modal--"].modaal-wrapper .modaal-close { top: 15px; right: 15px; width: 36px; height: 36px; } [class*="modal--"].modaal-wrapper .modaal-close:hover { opacity: 0.7; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-close { top: 10px; right: 10px; width: 22px; height: 22px; } } [class*="modal--"].modaal-wrapper .modaal-close::before, [class*="modal--"].modaal-wrapper .modaal-close::after { display: none; } [class*="modal--"].modaal-wrapper .modaal-close > span { display: block; position: relative !important; width: 100% !important; height: 100% !important; } [class*="modal--"].modaal-wrapper .modaal-close > span::before, [class*="modal--"].modaal-wrapper .modaal-close > span::after { position: absolute; top: 50%; left: 50%; background-color: #fe4774; -webkit-backface-visibility: hidden; content: ""; } @media print, screen and (min-width: 768px) { [class*="modal--"].modaal-wrapper .modaal-close > span::before, [class*="modal--"].modaal-wrapper .modaal-close > span::after { width: 22px; height: 2px; margin: -1px 0 0 -11px; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-close > span::before, [class*="modal--"].modaal-wrapper .modaal-close > span::after { width: 18px; height: 1px; margin: -1px 0 0 -9px; } } [class*="modal--"].modaal-wrapper .modaal-close > span::before { transform: rotate(45deg); } [class*="modal--"].modaal-wrapper .modaal-close > span::after { transform: rotate(-45deg); } @media print, screen and (min-width: 768px) { .button .button__type--rss { padding-right: 2.6em; } } @media only screen and (max-width: 767.98px) { .button .button__type--rss { padding-right: 3.0em; } } .button .button__type--rss::after { right: 1.4em; } .button__filesize { margin-left: .5em; vertical-align: middle; } @media print, screen and (min-width: 768px) { .button__filesize { font-size: 1.6rem; font-weight: 500; line-height: 1.75; } } @media only screen and (max-width: 767.98px) { .button__filesize { font-size: 1.4rem; font-weight: 400; } } /* ====================================================== * BT-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * BT-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * button-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .button__type, .button .button__type--blank, .button .button__type--pdf, .button .button__type--excel, .button .button__type--word, .button .button__type--powerpoint, .button .button__type--zip, .button .button__type--video, .button .button__type--modal, .button .button__type--rss, .button-v2__type, .button-v2 .button-v2__type--blank, .button-v2 .button-v2__type--pdf, .button-v2 .button-v2__type--excel, .button-v2 .button-v2__type--word, .button-v2 .button-v2__type--powerpoint, .button-v2 .button-v2__type--zip, .button-v2 .button-v2__type--video, .button-v2 .button-v2__type--modal, .button-v2 .button-v2__type--rss { display: flex; text-decoration: none; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .button-v2 .button-v2__type, .button-v2 .button-v2__type--blank, .button-v2 .button-v2__type--pdf, .button-v2 .button-v2__type--excel, .button-v2 .button-v2__type--word, .button-v2 .button-v2__type--powerpoint, .button-v2 .button-v2__type--zip, .button-v2 .button-v2__type--video, .button-v2 .button-v2__type--modal, .button-v2 .button-v2__type--rss { display: flex; justify-content: center; align-items: center; position: relative; padding: .8em 1.4em; border: 1px solid; border-radius: 5px; background-color: #fff; text-align: center; line-height: 1.4; } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type, .button-v2 .button-v2__type--blank, .button-v2 .button-v2__type--pdf, .button-v2 .button-v2__type--excel, .button-v2 .button-v2__type--word, .button-v2 .button-v2__type--powerpoint, .button-v2 .button-v2__type--zip, .button-v2 .button-v2__type--video, .button-v2 .button-v2__type--modal, .button-v2 .button-v2__type--rss { font-weight: 700; } .button-v2 .button-v2__type:hover, .button-v2 .button-v2__type--blank:hover, .button-v2 .button-v2__type--pdf:hover, .button-v2 .button-v2__type--excel:hover, .button-v2 .button-v2__type--word:hover, .button-v2 .button-v2__type--powerpoint:hover, .button-v2 .button-v2__type--zip:hover, .button-v2 .button-v2__type--video:hover, .button-v2 .button-v2__type--modal:hover, .button-v2 .button-v2__type--rss:hover { background-color: #222e46; border-color: #222e46; color: #fff; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type, .button-v2 .button-v2__type--blank, .button-v2 .button-v2__type--pdf, .button-v2 .button-v2__type--excel, .button-v2 .button-v2__type--word, .button-v2 .button-v2__type--powerpoint, .button-v2 .button-v2__type--zip, .button-v2 .button-v2__type--video, .button-v2 .button-v2__type--modal, .button-v2 .button-v2__type--rss { font-weight: 700; } } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .button-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .button-wrap[data-col-pc="1"] { flex-direction: column !important; } } .button-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ align-items: center; } @media print, screen and (min-width: 768px) { .button-wrap--center[data-col-pc="1"] { flex-direction: column !important; } } .button-wrap--center > * { justify-content: center; } .button-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ align-items: flex-end; } @media print, screen and (min-width: 768px) { .button-wrap--right[data-col-pc="1"] { flex-direction: column !important; } } .button-wrap--right > * { justify-content: flex-end; } .button-wrap--centering { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } @media print, screen and (min-width: 768px) { .button-wrap--centering[data-col-pc="1"] { flex-direction: column !important; } } @media print, screen and (min-width: 768px) { .button-wrap--centering { flex-flow: row nowrap; } .button-wrap--centering > * { margin-right: 32px; } .button-wrap--centering > *:last-child { margin-right: 0; } } @media only screen and (max-width: 767.98px) { .button-wrap--centering { flex-direction: column; align-items: center; } .button-wrap--centering > * { margin-top: 1em; } .button-wrap--centering > *:first-child { margin-top: 0; } } @media print, screen and (min-width: 768px) { .button-wrap { margin: 1.8em 0 0; } .button-wrap[data-col-pc]:not([data-col-pc=auto]) > * { margin-top: 1.8em; } } @media only screen and (max-width: 767.98px) { .button-wrap { margin: 1.0em 0 0; } .button-wrap[data-col-sp]:not([data-col-sp=auto]) > * { margin-top: 1.0em; } } .button-v2 { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-v2__label { display: inline-block; } .button-v2__filesize { font-style: normal; } @media print, screen and (min-width: 768px) { [class*="button-wrap"][data-col-pc]:not([data-col-pc="1"]) > .button-v2 > [class*="__type"] { width: 100%; } } @media only screen and (max-width: 767.98px) { [class*="button-wrap"][data-col-sp]:not([data-col-sp="1"]) > .button-v2 > [class*="__type"] { width: 100%; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--blank { padding-right: 2.8em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--blank { padding-right: 3.0em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--blank::after { right: 1.4em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--blank::after { right: 1.2em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--pdf { padding-right: 2.8em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--pdf { padding-right: 3.0em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--pdf::after { right: 1.4em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--pdf::after { right: 1.2em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--excel { padding-right: 2.8em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--excel { padding-right: 3.0em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--excel::after { right: 1.4em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--excel::after { right: 1.2em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--word { padding-right: 2.8em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--word { padding-right: 3.0em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--word::after { right: 1.4em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--word::after { right: 1.2em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--powerpoint { padding-right: 2.8em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--powerpoint { padding-right: 3.0em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--powerpoint::after { right: 1.4em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--powerpoint::after { right: 1.2em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--zip { padding-right: 2.8em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--zip { padding-right: 3.0em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--zip::after { right: 1.4em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--zip::after { right: 1.2em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--video { padding-right: 2.8em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--video { padding-right: 3.0em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--video::after { right: 1.4em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--video::after { right: 1.2em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--modal { padding-right: 2.8em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--modal { padding-right: 3.0em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--modal::after { right: 1.4em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--modal::after { right: 1.2em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--rss { padding-right: 2.8em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--rss { padding-right: 3.0em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--rss::after { right: 1.4em; } } @media only screen and (max-width: 767.98px) { .button-v2 .button-v2__type--rss::after { right: 1.2em; } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--blank:hover::after { background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } body[data-browser^="ie"] .button-v2 .button-v2__type--blank:hover::after { content: url("/app-files/img/sprite/icon.svg#blank2-usage"); } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--zip:hover::after { background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } body[data-browser^="ie"] .button-v2 .button-v2__type--zip:hover::after { content: url("/app-files/img/sprite/icon.svg#zip2-usage"); } } @media print, screen and (min-width: 768px) { .button-v2 .button-v2__type--modal:hover::after { background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } body[data-browser^="ie"] .button-v2 .button-v2__type--modal:hover::after { content: url("/app-files/img/sprite/icon.svg#modal2-usage"); } } .button-v2__filesize { margin-left: .5em; vertical-align: middle; } @media print, screen and (min-width: 768px) { .button-v2__filesize { font-weight: 500; } } @media only screen and (max-width: 767.98px) { .button-v2__filesize { font-weight: 400; } } /* ----- Image ----- */ /* image */ /* ====================================================== * IM-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * IM-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * image-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * image-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * image-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * image-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .image__frame, .image a.image__frame, .image a.image__frame--modal, .image a.image__frame--scaleup { display: inline-block; } .image__caption, .image__caption--center, .image__caption--right { margin: .6em 0 0 0; text-align: left; } @media print, screen and (min-width: 768px) { .image__caption, .image__caption--center, .image__caption--right { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .image__caption, .image__caption--center, .image__caption--right { font-size: 1.2rem; } } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .image-wrap { display: flex; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .image-wrap--center { display: flex; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } .image-wrap--right { display: flex; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; } .image-wrap--center > * { text-align: center; } .image { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ margin: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .image__title { margin: 0 0 .8em; text-align: left; line-height: 1.4; } @media print, screen and (min-width: 768px) { .image__title { font-weight: 700; } } @media only screen and (max-width: 767.98px) { .image__title { font-weight: 700; } } .image a.image__frame, .image a.image__frame--modal, .image a.image__frame--scaleup { position: relative; } @media print, screen and (min-width: 768px) { .image a.image__frame:hover, .image a.image__frame--modal:hover, .image a.image__frame--scaleup:hover { opacity: 0.7; } } .image a.image__frame--modal::before { display: inline-block; position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; z-index: 2; background-color: #fe4774; content: ""; } .image a.image__frame--modal::after { position: absolute; bottom: 10px; right: 10px; width: 20px; height: 20px; z-index: 3; } [class*="modal--"].modaal-wrapper .modaal-container { border-radius: 8px; box-shadow: none; } @media print, screen and (min-width: 768px) { [class*="modal--"].modaal-wrapper .modaal-container { padding: 60px 40px 40px; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-container { padding: 40px 14px; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-inner-wrapper { padding-right: 14px; padding-left: 14px; } } [class*="modal--"].modaal-wrapper .modaal-content-container { padding: 0; } [class*="modal--"].modaal-wrapper .modaal-content-container > *:first-child, [class*="modal--"].modaal-wrapper .modaal-content-container > section:first-child > *:first-child, [class*="modal--"].modaal-wrapper .modaal-content-container > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } [class*="modal--"].modaal-wrapper .modaal-close { position: absolute; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { [class*="modal--"].modaal-wrapper .modaal-close { top: 15px; right: 15px; width: 36px; height: 36px; } [class*="modal--"].modaal-wrapper .modaal-close:hover { opacity: 0.7; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-close { top: 10px; right: 10px; width: 22px; height: 22px; } } [class*="modal--"].modaal-wrapper .modaal-close::before, [class*="modal--"].modaal-wrapper .modaal-close::after { display: none; } [class*="modal--"].modaal-wrapper .modaal-close > span { display: block; position: relative !important; width: 100% !important; height: 100% !important; } [class*="modal--"].modaal-wrapper .modaal-close > span::before, [class*="modal--"].modaal-wrapper .modaal-close > span::after { position: absolute; top: 50%; left: 50%; background-color: #fe4774; -webkit-backface-visibility: hidden; content: ""; } @media print, screen and (min-width: 768px) { [class*="modal--"].modaal-wrapper .modaal-close > span::before, [class*="modal--"].modaal-wrapper .modaal-close > span::after { width: 22px; height: 2px; margin: -1px 0 0 -11px; } } @media only screen and (max-width: 767.98px) { [class*="modal--"].modaal-wrapper .modaal-close > span::before, [class*="modal--"].modaal-wrapper .modaal-close > span::after { width: 18px; height: 1px; margin: -1px 0 0 -9px; } } [class*="modal--"].modaal-wrapper .modaal-close > span::before { transform: rotate(45deg); } [class*="modal--"].modaal-wrapper .modaal-close > span::after { transform: rotate(-45deg); } .image a.image__frame--scaleup { overflow: hidden; } .image a.image__frame--scaleup img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .image a.image__frame--scaleup:hover { opacity: 1; } .image a.image__frame--scaleup:hover img { transform: scale(1.1); } } .image__caption--center { text-align: center; } .image__caption--right { text-align: right; } /* ----- Video ----- */ /* video */ /* ====================================================== * VD-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * VD-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * video-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * video-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * video-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * video-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .video-wrap { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .video-wrap--center { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .video-wrap--center > * { margin-left: auto; margin-right: auto; } .video-wrap--right { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: right; } .video-wrap--right > * { margin-left: auto; } .video { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ width: 100%; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media only screen and (max-width: 767.98px) { .video { border: 1px solid #ddd; } } /* ====================================================== * IVD-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * IVD-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * video-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * video-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * iframe-video-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * iframe-video-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .video-wrap { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .video-wrap--center { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .video-wrap--center > * { margin-left: auto; margin-right: auto; } .video-wrap--right { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: right; } .video-wrap--right > * { margin-left: auto; } .iframe-video { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ position: relative; width: 100%; padding-top: 56.25%; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .iframe-video[data-size-pc="1per"] { padding-top: calc(56.25% * (1 / 100)); } .iframe-video[data-size-pc="2per"] { padding-top: calc(56.25% * (2 / 100)); } .iframe-video[data-size-pc="3per"] { padding-top: calc(56.25% * (3 / 100)); } .iframe-video[data-size-pc="4per"] { padding-top: calc(56.25% * (4 / 100)); } .iframe-video[data-size-pc="5per"] { padding-top: calc(56.25% * (5 / 100)); } .iframe-video[data-size-pc="6per"] { padding-top: calc(56.25% * (6 / 100)); } .iframe-video[data-size-pc="7per"] { padding-top: calc(56.25% * (7 / 100)); } .iframe-video[data-size-pc="8per"] { padding-top: calc(56.25% * (8 / 100)); } .iframe-video[data-size-pc="9per"] { padding-top: calc(56.25% * (9 / 100)); } .iframe-video[data-size-pc="10per"] { padding-top: calc(56.25% * (10 / 100)); } .iframe-video[data-size-pc="11per"] { padding-top: calc(56.25% * (11 / 100)); } .iframe-video[data-size-pc="12per"] { padding-top: calc(56.25% * (12 / 100)); } .iframe-video[data-size-pc="13per"] { padding-top: calc(56.25% * (13 / 100)); } .iframe-video[data-size-pc="14per"] { padding-top: calc(56.25% * (14 / 100)); } .iframe-video[data-size-pc="15per"] { padding-top: calc(56.25% * (15 / 100)); } .iframe-video[data-size-pc="16per"] { padding-top: calc(56.25% * (16 / 100)); } .iframe-video[data-size-pc="17per"] { padding-top: calc(56.25% * (17 / 100)); } .iframe-video[data-size-pc="18per"] { padding-top: calc(56.25% * (18 / 100)); } .iframe-video[data-size-pc="19per"] { padding-top: calc(56.25% * (19 / 100)); } .iframe-video[data-size-pc="20per"] { padding-top: calc(56.25% * (20 / 100)); } .iframe-video[data-size-pc="21per"] { padding-top: calc(56.25% * (21 / 100)); } .iframe-video[data-size-pc="22per"] { padding-top: calc(56.25% * (22 / 100)); } .iframe-video[data-size-pc="23per"] { padding-top: calc(56.25% * (23 / 100)); } .iframe-video[data-size-pc="24per"] { padding-top: calc(56.25% * (24 / 100)); } .iframe-video[data-size-pc="25per"] { padding-top: calc(56.25% * (25 / 100)); } .iframe-video[data-size-pc="26per"] { padding-top: calc(56.25% * (26 / 100)); } .iframe-video[data-size-pc="27per"] { padding-top: calc(56.25% * (27 / 100)); } .iframe-video[data-size-pc="28per"] { padding-top: calc(56.25% * (28 / 100)); } .iframe-video[data-size-pc="29per"] { padding-top: calc(56.25% * (29 / 100)); } .iframe-video[data-size-pc="30per"] { padding-top: calc(56.25% * (30 / 100)); } .iframe-video[data-size-pc="31per"] { padding-top: calc(56.25% * (31 / 100)); } .iframe-video[data-size-pc="32per"] { padding-top: calc(56.25% * (32 / 100)); } .iframe-video[data-size-pc="33per"] { padding-top: calc(56.25% * (33 / 100)); } .iframe-video[data-size-pc="34per"] { padding-top: calc(56.25% * (34 / 100)); } .iframe-video[data-size-pc="35per"] { padding-top: calc(56.25% * (35 / 100)); } .iframe-video[data-size-pc="36per"] { padding-top: calc(56.25% * (36 / 100)); } .iframe-video[data-size-pc="37per"] { padding-top: calc(56.25% * (37 / 100)); } .iframe-video[data-size-pc="38per"] { padding-top: calc(56.25% * (38 / 100)); } .iframe-video[data-size-pc="39per"] { padding-top: calc(56.25% * (39 / 100)); } .iframe-video[data-size-pc="40per"] { padding-top: calc(56.25% * (40 / 100)); } .iframe-video[data-size-pc="41per"] { padding-top: calc(56.25% * (41 / 100)); } .iframe-video[data-size-pc="42per"] { padding-top: calc(56.25% * (42 / 100)); } .iframe-video[data-size-pc="43per"] { padding-top: calc(56.25% * (43 / 100)); } .iframe-video[data-size-pc="44per"] { padding-top: calc(56.25% * (44 / 100)); } .iframe-video[data-size-pc="45per"] { padding-top: calc(56.25% * (45 / 100)); } .iframe-video[data-size-pc="46per"] { padding-top: calc(56.25% * (46 / 100)); } .iframe-video[data-size-pc="47per"] { padding-top: calc(56.25% * (47 / 100)); } .iframe-video[data-size-pc="48per"] { padding-top: calc(56.25% * (48 / 100)); } .iframe-video[data-size-pc="49per"] { padding-top: calc(56.25% * (49 / 100)); } .iframe-video[data-size-pc="50per"] { padding-top: calc(56.25% * (50 / 100)); } .iframe-video[data-size-pc="51per"] { padding-top: calc(56.25% * (51 / 100)); } .iframe-video[data-size-pc="52per"] { padding-top: calc(56.25% * (52 / 100)); } .iframe-video[data-size-pc="53per"] { padding-top: calc(56.25% * (53 / 100)); } .iframe-video[data-size-pc="54per"] { padding-top: calc(56.25% * (54 / 100)); } .iframe-video[data-size-pc="55per"] { padding-top: calc(56.25% * (55 / 100)); } .iframe-video[data-size-pc="56per"] { padding-top: calc(56.25% * (56 / 100)); } .iframe-video[data-size-pc="57per"] { padding-top: calc(56.25% * (57 / 100)); } .iframe-video[data-size-pc="58per"] { padding-top: calc(56.25% * (58 / 100)); } .iframe-video[data-size-pc="59per"] { padding-top: calc(56.25% * (59 / 100)); } .iframe-video[data-size-pc="60per"] { padding-top: calc(56.25% * (60 / 100)); } .iframe-video[data-size-pc="61per"] { padding-top: calc(56.25% * (61 / 100)); } .iframe-video[data-size-pc="62per"] { padding-top: calc(56.25% * (62 / 100)); } .iframe-video[data-size-pc="63per"] { padding-top: calc(56.25% * (63 / 100)); } .iframe-video[data-size-pc="64per"] { padding-top: calc(56.25% * (64 / 100)); } .iframe-video[data-size-pc="65per"] { padding-top: calc(56.25% * (65 / 100)); } .iframe-video[data-size-pc="66per"] { padding-top: calc(56.25% * (66 / 100)); } .iframe-video[data-size-pc="67per"] { padding-top: calc(56.25% * (67 / 100)); } .iframe-video[data-size-pc="68per"] { padding-top: calc(56.25% * (68 / 100)); } .iframe-video[data-size-pc="69per"] { padding-top: calc(56.25% * (69 / 100)); } .iframe-video[data-size-pc="70per"] { padding-top: calc(56.25% * (70 / 100)); } .iframe-video[data-size-pc="71per"] { padding-top: calc(56.25% * (71 / 100)); } .iframe-video[data-size-pc="72per"] { padding-top: calc(56.25% * (72 / 100)); } .iframe-video[data-size-pc="73per"] { padding-top: calc(56.25% * (73 / 100)); } .iframe-video[data-size-pc="74per"] { padding-top: calc(56.25% * (74 / 100)); } .iframe-video[data-size-pc="75per"] { padding-top: calc(56.25% * (75 / 100)); } .iframe-video[data-size-pc="76per"] { padding-top: calc(56.25% * (76 / 100)); } .iframe-video[data-size-pc="77per"] { padding-top: calc(56.25% * (77 / 100)); } .iframe-video[data-size-pc="78per"] { padding-top: calc(56.25% * (78 / 100)); } .iframe-video[data-size-pc="79per"] { padding-top: calc(56.25% * (79 / 100)); } .iframe-video[data-size-pc="80per"] { padding-top: calc(56.25% * (80 / 100)); } .iframe-video[data-size-pc="81per"] { padding-top: calc(56.25% * (81 / 100)); } .iframe-video[data-size-pc="82per"] { padding-top: calc(56.25% * (82 / 100)); } .iframe-video[data-size-pc="83per"] { padding-top: calc(56.25% * (83 / 100)); } .iframe-video[data-size-pc="84per"] { padding-top: calc(56.25% * (84 / 100)); } .iframe-video[data-size-pc="85per"] { padding-top: calc(56.25% * (85 / 100)); } .iframe-video[data-size-pc="86per"] { padding-top: calc(56.25% * (86 / 100)); } .iframe-video[data-size-pc="87per"] { padding-top: calc(56.25% * (87 / 100)); } .iframe-video[data-size-pc="88per"] { padding-top: calc(56.25% * (88 / 100)); } .iframe-video[data-size-pc="89per"] { padding-top: calc(56.25% * (89 / 100)); } .iframe-video[data-size-pc="90per"] { padding-top: calc(56.25% * (90 / 100)); } .iframe-video[data-size-pc="91per"] { padding-top: calc(56.25% * (91 / 100)); } .iframe-video[data-size-pc="92per"] { padding-top: calc(56.25% * (92 / 100)); } .iframe-video[data-size-pc="93per"] { padding-top: calc(56.25% * (93 / 100)); } .iframe-video[data-size-pc="94per"] { padding-top: calc(56.25% * (94 / 100)); } .iframe-video[data-size-pc="95per"] { padding-top: calc(56.25% * (95 / 100)); } .iframe-video[data-size-pc="96per"] { padding-top: calc(56.25% * (96 / 100)); } .iframe-video[data-size-pc="97per"] { padding-top: calc(56.25% * (97 / 100)); } .iframe-video[data-size-pc="98per"] { padding-top: calc(56.25% * (98 / 100)); } .iframe-video[data-size-pc="99per"] { padding-top: calc(56.25% * (99 / 100)); } .iframe-video[data-size-pc="100per"] { padding-top: calc(56.25% * (100 / 100)); } .iframe-video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media print, screen and (min-width: 768px) { #about_xr_keyvisual .iframe-video { height: 474px; padding-top: 0; }} #about_xr_keyvisual .iframe-video > iframe { left: 50%; max-width: 843px; max-height: 474px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* ----- Table ----- */ /* table */ /* ====================================================== * TB-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * TB-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * table-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * table-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ @media print, screen and (min-width: 768px) { .table__caption, .table__caption--center, .table__caption--right { margin: .6em 0 0 0; font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .table__caption, .table__caption--center, .table__caption--right { margin: 1em 0 0 0; font-size: 1.2rem; } } .table [class*="__cell"] { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; text-align: left; vertical-align: top; } @media print, screen and (min-width: 768px) { .table [class*="__cell"] { padding: .6em .8em; } } @media only screen and (max-width: 767.98px) { .table [class*="__cell"] { padding: .4em .8em; } } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .table { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .table__w--1per { width: 1% !important; } .table__w--2per { width: 2% !important; } .table__w--3per { width: 3% !important; } .table__w--4per { width: 4% !important; } .table__w--5per { width: 5% !important; } .table__w--6per { width: 6% !important; } .table__w--7per { width: 7% !important; } .table__w--8per { width: 8% !important; } .table__w--9per { width: 9% !important; } .table__w--10per { width: 10% !important; } .table__w--11per { width: 11% !important; } .table__w--12per { width: 12% !important; } .table__w--13per { width: 13% !important; } .table__w--14per { width: 14% !important; } .table__w--15per { width: 15% !important; } .table__w--16per { width: 16% !important; } .table__w--17per { width: 17% !important; } .table__w--18per { width: 18% !important; } .table__w--19per { width: 19% !important; } .table__w--20per { width: 20% !important; } .table__w--21per { width: 21% !important; } .table__w--22per { width: 22% !important; } .table__w--23per { width: 23% !important; } .table__w--24per { width: 24% !important; } .table__w--25per { width: 25% !important; } .table__w--26per { width: 26% !important; } .table__w--27per { width: 27% !important; } .table__w--28per { width: 28% !important; } .table__w--29per { width: 29% !important; } .table__w--30per { width: 30% !important; } .table__w--31per { width: 31% !important; } .table__w--32per { width: 32% !important; } .table__w--33per { width: 33% !important; } .table__w--34per { width: 34% !important; } .table__w--35per { width: 35% !important; } .table__w--36per { width: 36% !important; } .table__w--37per { width: 37% !important; } .table__w--38per { width: 38% !important; } .table__w--39per { width: 39% !important; } .table__w--40per { width: 40% !important; } .table__w--41per { width: 41% !important; } .table__w--42per { width: 42% !important; } .table__w--43per { width: 43% !important; } .table__w--44per { width: 44% !important; } .table__w--45per { width: 45% !important; } .table__w--46per { width: 46% !important; } .table__w--47per { width: 47% !important; } .table__w--48per { width: 48% !important; } .table__w--49per { width: 49% !important; } .table__w--50per { width: 50% !important; } .table__w--51per { width: 51% !important; } .table__w--52per { width: 52% !important; } .table__w--53per { width: 53% !important; } .table__w--54per { width: 54% !important; } .table__w--55per { width: 55% !important; } .table__w--56per { width: 56% !important; } .table__w--57per { width: 57% !important; } .table__w--58per { width: 58% !important; } .table__w--59per { width: 59% !important; } .table__w--60per { width: 60% !important; } .table__w--61per { width: 61% !important; } .table__w--62per { width: 62% !important; } .table__w--63per { width: 63% !important; } .table__w--64per { width: 64% !important; } .table__w--65per { width: 65% !important; } .table__w--66per { width: 66% !important; } .table__w--67per { width: 67% !important; } .table__w--68per { width: 68% !important; } .table__w--69per { width: 69% !important; } .table__w--70per { width: 70% !important; } .table__w--71per { width: 71% !important; } .table__w--72per { width: 72% !important; } .table__w--73per { width: 73% !important; } .table__w--74per { width: 74% !important; } .table__w--75per { width: 75% !important; } .table__w--76per { width: 76% !important; } .table__w--77per { width: 77% !important; } .table__w--78per { width: 78% !important; } .table__w--79per { width: 79% !important; } .table__w--80per { width: 80% !important; } .table__w--81per { width: 81% !important; } .table__w--82per { width: 82% !important; } .table__w--83per { width: 83% !important; } .table__w--84per { width: 84% !important; } .table__w--85per { width: 85% !important; } .table__w--86per { width: 86% !important; } .table__w--87per { width: 87% !important; } .table__w--88per { width: 88% !important; } .table__w--89per { width: 89% !important; } .table__w--90per { width: 90% !important; } .table__w--91per { width: 91% !important; } .table__w--92per { width: 92% !important; } .table__w--93per { width: 93% !important; } .table__w--94per { width: 94% !important; } .table__w--95per { width: 95% !important; } .table__w--96per { width: 96% !important; } .table__w--97per { width: 97% !important; } .table__w--98per { width: 98% !important; } .table__w--99per { width: 99% !important; } .table__w--100per { width: 100% !important; } @media print, screen and (min-width: 768px) { .table__head { margin: 0 0 .8em; } } @media only screen and (max-width: 767.98px) { .table__head { margin: 0 0 .6em; } } .table__head > *:first-child, .table__head > section:first-child > *:first-child, .table__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .table__head > *:last-child { margin-bottom: 0 !important; } .table__body > *:first-child, .table__body > section:first-child > *:first-child, .table__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .table__body > *:last-child { margin-bottom: 0 !important; } @media print, screen and (min-width: 768px) { .table__foot { margin: .8em 0 0; } } @media only screen and (max-width: 767.98px) { .table__foot { margin: .6em 0 0; } } .table__foot > *:first-child, .table__foot > section:first-child > *:first-child, .table__foot > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .table__foot > *:last-child { margin-bottom: 0 !important; } .table__title { line-height: 1.4; } @media print, screen and (min-width: 768px) { .table__title { margin: 0 0 .6em; font-size: 2.0rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .table__title { margin: 0 0 1.0em; font-size: 1.5rem; font-weight: 700; } } .table__caption--center { text-align: center; } .table__caption--right { text-align: right; } @media print, screen and (min-width: 768px) { .table__note { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .table__note { font-size: 1.2rem; } } .table__matrix { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } @media print, screen and (min-width: 768px) { .table__matrix > caption { margin: 0 0 .8em; } } @media only screen and (max-width: 767.98px) { .table__matrix > caption { margin: 0 0 .6em; } } .table__matrix > caption > *:first-child, .table__matrix > caption > section:first-child > *:first-child, .table__matrix > caption > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .table__matrix > caption > *:last-child { margin-bottom: 0 !important; } .table [class*="__cell"] > *:first-child, .table [class*="__cell"] > section:first-child > *:first-child, .table [class*="__cell"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .table [class*="__cell"] > *:last-child { margin-bottom: 0 !important; } @media print, screen and (min-width: 768px) { .table [class*="__cell--lv1"] { font-weight: 700; } } @media only screen and (max-width: 767.98px) { .table [class*="__cell--lv1"] { font-weight: 700; } } @media print, screen and (min-width: 768px) { .table [class*="__cell--lv2"] { font-weight: 700; } } @media only screen and (max-width: 767.98px) { .table [class*="__cell--lv2"] { font-weight: 700; } } @media only screen and (max-width: 767.98px) { .table[data-table-sp="scroll"] .table__body { overflow-x: auto; padding-bottom: 20px; } .table[data-table-sp="scroll"] .table__body::-webkit-scrollbar { height: 9px; } .table[data-table-sp="scroll"] .table__body::-webkit-scrollbar-track { border-radius: 9px; background-color: #dfdfdf; } .table[data-table-sp="scroll"] .table__body::-webkit-scrollbar-thumb { border-radius: 9px; } .table[data-table-sp="scroll"] .table__matrix { width: 812px !important; } .table[data-table-sp="vertical"] col, .table[data-table-sp="vertical"] tbody, .table[data-table-sp="vertical"] tr, .table[data-table-sp="vertical"] th, .table[data-table-sp="vertical"] td { display: block; width: 100% !important; } } /* ----- Box ----- */ /* box */ /* ====================================================== * BX-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * BX-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * box-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * box-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .box { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ border: 1px solid #222e46; background-color: #fff; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .box { margin-top: 2.4em; } } @media only screen and (max-width: 767.98px) { .box { margin-top: 1.4em; } } .box__head { margin: 0 0 .8em; } .box__head > *:first-child, .box__head > section:first-child > *:first-child, .box__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .box__head > *:last-child { margin-bottom: 0 !important; } @media print, screen and (min-width: 768px) { .box__head { padding: 1.6em 1.8em 0; } } @media only screen and (max-width: 767.98px) { .box__head { padding: 1.2em 1.4em 0; } } .box__body > *:first-child, .box__body > section:first-child > *:first-child, .box__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .box__body > *:last-child { margin-bottom: 0 !important; } @media print, screen and (min-width: 768px) { .box__body { padding: 1.6em 1.8em; } } @media only screen and (max-width: 767.98px) { .box__body { padding: 1.2em 1.4em 1.0em; } } .box__head + .box__body { padding-top: 0; } .box__title { color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .box__title { font-size: 2.0rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .box__title { font-size: 1.5rem; font-weight: 700; } } /* ====================================================== * BX-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * BX-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * box-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * box-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .box-v2 { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ border-top: 1px solid #222e46; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .box-v2 { margin-top: 2.4em; } } @media only screen and (max-width: 767.98px) { .box-v2 { margin-top: 1.4em; } } .box-v2__head { margin: 0 0 .8em; } .box-v2__head > *:first-child, .box-v2__head > section:first-child > *:first-child, .box-v2__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .box-v2__head > *:last-child { margin-bottom: 0 !important; } @media print, screen and (min-width: 768px) { .box-v2__head { padding: 1.6em 0 0; } } @media only screen and (max-width: 767.98px) { .box-v2__head { padding: 1.2em 0 0; } } .box-v2__body > *:first-child, .box-v2__body > section:first-child > *:first-child, .box-v2__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .box-v2__body > *:last-child { margin-bottom: 0 !important; } @media print, screen and (min-width: 768px) { .box-v2__body { padding: 1.6em 0 0; } } @media only screen and (max-width: 767.98px) { .box-v2__body { padding: 1.2em 0 1.0em; } } .box-v2__head + .box-v2__body { padding-top: 0; } .box-v2__title { color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .box-v2__title { font-size: 2.0rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .box-v2__title { font-size: 1.5rem; font-weight: 700; } } /* ----- Media ----- */ /* media */ /* ====================================================== * MD-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * MD-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * media-default * ------------------------------------------------------ * extend * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * media-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .media { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .media[data-media-wraparound="true"]::after { display: block; clear: both; content: ""; } @media print, screen and (min-width: 768px) { .media[data-media-wraparound="false"] { display: flex; flex-wrap: nowrap; } .media[data-media-wraparound="false"][data-media-pc="image-left"] { flex-direction: row; } .media[data-media-wraparound="false"][data-media-pc="image-right"] { flex-direction: row-reverse; } } @media only screen and (max-width: 767.98px) { .media[data-media-sp="row"][data-media-wraparound="false"] { display: flex; flex-wrap: nowrap; } .media[data-media-sp="row"][data-media-wraparound="false"][data-media-pc="image-left"] { flex-direction: row; } .media[data-media-sp="row"][data-media-wraparound="false"][data-media-pc="image-right"] { flex-direction: row-reverse; } .media[data-media-sp="col"] { display: flex; flex-direction: column !important; } .media[data-media-sp="col-reverse"] { display: flex; flex-direction: column-reverse !important; } } .media__head > *:first-child, .media__head > section:first-child > *:first-child, .media__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .media[data-media-wraparound="true"] .media__head { margin-bottom: .8em; } .media__body { flex: 1; } .media__body > *:first-child, .media__body > section:first-child > *:first-child, .media__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .media__image { margin: 0; } @media print, screen and (min-width: 768px) { .media__caption { margin: .8em 0 0; font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .media__caption { margin: .6em 0 0; font-size: 1.2rem; } } @media print, screen and (min-width: 768px) { .media[data-media-pc="image-left"] .media__head { margin-right: 36px; } .media[data-media-pc="image-left"][data-media-wraparound="true"] .media__head { float: left; } .media[data-media-pc="image-right"] .media__head { margin-left: 36px; } .media[data-media-pc="image-right"][data-media-wraparound="true"] .media__head { float: right; } } @media only screen and (max-width: 767.98px) { .media[data-media-sp="row"] .media__head { max-width: calc((100% - 15px * 1) / 2); } .media[data-media-sp="row"][data-media-pc="image-left"] .media__head { margin-right: 15px; } .media[data-media-sp="row"][data-media-pc="image-left"][data-media-wraparound="true"] .media__head { float: left; } .media[data-media-sp="row"][data-media-pc="image-right"] .media__head { margin-left: 15px; } .media[data-media-sp="row"][data-media-pc="image-right"][data-media-wraparound="true"] .media__head { float: right; } .media[data-media-sp="col"] .media__body, .media[data-media-sp="col-reverse"] .media__head { margin-top: .8em; } .media[data-media-sp="col"] .media__head, .media[data-media-sp="col-reverse"] .media__head { display: flex; flex-direction: column; justify-content: center; } .media[data-media-sp="col"] .media__frame, .media[data-media-sp="col-reverse"] .media__frame { text-align: center; } } /* ----- Column ----- */ /* column */ /* ====================================================== * COL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * COL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * column-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * column-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .column { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } [class^="heading"] + .column { margin-top: 0; } /* ----- Navi ----- */ /* anchor-navi */ /* ====================================================== * ANC-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * ANC-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * anchor-navi-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * anchor-navi-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .anchor-navi { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .anchor-navi__list { margin-top: 0; padding: 0; } .anchor-navi__list > li { display: flex; position: relative; list-style: none; } @media print, screen and (min-width: 768px) { .anchor-navi__list[data-col-pc] > li { margin-top: 1.2em; } } @media only screen and (max-width: 767.98px) { .anchor-navi__list[data-col-sp] > li { margin-top: 1.0em; } } .anchor-navi__link { display: flex; width: 100%; } @media print, screen and (min-width: 768px) { .anchor-navi__link:hover .anchor-navi__label { text-decoration: underline; } } .anchor-navi__label { display: inline-block; position: relative; } @media print, screen and (min-width: 768px) { .anchor-navi__label { padding-left: 1.6em; } } @media only screen and (max-width: 767.98px) { .anchor-navi__label { padding-left: 1.2em; } } .anchor-navi__label::before { position: absolute; left: 2px; width: 10px; height: 10px; margin-top: 0; } @media print, screen and (min-width: 768px) { .anchor-navi__label::before { top: .25em; } } @media only screen and (max-width: 767.98px) { .anchor-navi__label::before { top: .15em; } } @media print, screen and (min-width: 768px) { .anchor-navi__list[data-col-pc="1"] > li::after { display: none; } .anchor-navi .anchor-navi__list[data-col-pc="2"] > li { width: calc(((100% - (36px * (2 - 1))) / 2) - .1px); margin-left: 36px !important; } .anchor-navi .anchor-navi__list[data-col-pc="2"] > li:nth-child(2n+1) { margin-left: 0 !important; } .anchor-navi .anchor-navi__list[data-col-pc="2"] > li:nth-child(2n)::after { display: none; } .anchor-navi .anchor-navi__list[data-col-pc="3"] > li { width: calc(((100% - (36px * (3 - 1))) / 3) - .1px); margin-left: 36px !important; } .anchor-navi .anchor-navi__list[data-col-pc="3"] > li:nth-child(3n+1) { margin-left: 0 !important; } .anchor-navi .anchor-navi__list[data-col-pc="3"] > li:nth-child(3n)::after { display: none; } .anchor-navi .anchor-navi__list[data-col-pc="4"] > li { width: calc(((100% - (36px * (4 - 1))) / 4) - .1px); margin-left: 36px !important; } .anchor-navi .anchor-navi__list[data-col-pc="4"] > li:nth-child(4n+1) { margin-left: 0 !important; } .anchor-navi .anchor-navi__list[data-col-pc="4"] > li:nth-child(4n)::after { display: none; } .anchor-navi .anchor-navi__list[data-col-pc="5"] > li { width: calc(((100% - (36px * (5 - 1))) / 5) - .1px); margin-left: 36px !important; } .anchor-navi .anchor-navi__list[data-col-pc="5"] > li:nth-child(5n+1) { margin-left: 0 !important; } .anchor-navi .anchor-navi__list[data-col-pc="5"] > li:nth-child(5n)::after { display: none; } .anchor-navi .anchor-navi__list[data-col-pc="6"] > li { width: calc(((100% - (36px * (6 - 1))) / 6) - .1px); margin-left: 36px !important; } .anchor-navi .anchor-navi__list[data-col-pc="6"] > li:nth-child(6n+1) { margin-left: 0 !important; } .anchor-navi .anchor-navi__list[data-col-pc="6"] > li:nth-child(6n)::after { display: none; } } @media only screen and (max-width: 767.98px) { .anchor-navi__list[data-col-sp="1"] > li::after { display: none; } .anchor-navi .anchor-navi__list[data-col-sp="2"] > li { width: calc((100% - (15px * (2 - 1))) / 2); margin-left: 15px !important; } .anchor-navi .anchor-navi__list[data-col-sp="2"] > li:nth-child(2n+1) { margin-left: 0 !important; } .anchor-navi .anchor-navi__list[data-col-sp="2"] > li:nth-child(2n)::after { display: none; } } /* pager-navi */ /* ====================================================== * PGR-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * PGR-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * pager-navi-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * pager-navi-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .pager-navi .pager-navi__link, .pager-navi .pager-navi__link--prev, .pager-navi .pager-navi__link--next { display: flex; justify-content: center; align-items: center; border: 1px solid; border-radius: 50%; } .pager-navi .is-current.pager-navi__link, .pager-navi .is-current.pager-navi__link--prev, .pager-navi .is-current.pager-navi__link--next { pointer-events: none; } @media print, screen and (min-width: 768px) { .pager-navi .is-current.pager-navi__link, .pager-navi .is-current.pager-navi__link--prev, .pager-navi .is-current.pager-navi__link--next { font-weight: 700; } } @media only screen and (max-width: 767.98px) { .pager-navi .is-current.pager-navi__link, .pager-navi .is-current.pager-navi__link--prev, .pager-navi .is-current.pager-navi__link--next { font-weight: 700; } } @media print, screen and (min-width: 768px) { .pager-navi .pager-navi__link, .pager-navi .pager-navi__link--prev, .pager-navi .pager-navi__link--next { width: 40px; height: 40px; font-size: 1.7rem; line-height: 40px; } .pager-navi .pager-navi__link:hover, .pager-navi .pager-navi__link--prev:hover, .pager-navi .pager-navi__link--next:hover { background-color: #fe4774; border-color: #fe4774; color: #fff; } } @media only screen and (max-width: 767.98px) { .pager-navi .pager-navi__link, .pager-navi .pager-navi__link--prev, .pager-navi .pager-navi__link--next { width: 30px; height: 30px; font-size: 1.3rem; line-height: 30px; } } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .pager-navi { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .pager-navi__inner { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .pager-navi__list { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin: 0; padding: 0; } .pager-navi__list > li { list-style: none; } @media print, screen and (min-width: 768px) { .pager-navi__list > li { margin: 0 5px; } } @media only screen and (max-width: 767.98px) { .pager-navi__list > li { margin: 0 4px; } } .pager-navi .pager-navi__link--prev, .pager-navi .pager-navi__link--next { position: relative; background-color: #fff; border-color: #999; font-size: 0; } .pager-navi .pager-navi__link--prev::before, .pager-navi .pager-navi__link--next::before { border-top-width: 1px; border-right-width: 1px; border-color: #999; } @media print, screen and (min-width: 768px) { .pager-navi .pager-navi__link--prev::before, .pager-navi .pager-navi__link--next::before { width: 12px; height: 12px; margin-top: -6px; } } @media only screen and (max-width: 767.98px) { .pager-navi .pager-navi__link--prev::before, .pager-navi .pager-navi__link--next::before { width: 10px; height: 10px; margin-top: -5px; } } @media print, screen and (min-width: 768px) { .pager-navi .pager-navi__link--prev:hover::before, .pager-navi .pager-navi__link--next:hover::before { border-color: #fff; } } @media print, screen and (min-width: 768px) { .pager-navi .pager-navi__link--prev { margin-right: 19px; } } @media only screen and (max-width: 767.98px) { .pager-navi .pager-navi__link--prev { margin-right: 14px; } } @media print, screen and (min-width: 768px) { .pager-navi .pager-navi__link--prev::before { left: 15px; } } @media only screen and (max-width: 767.98px) { .pager-navi .pager-navi__link--prev::before { left: 11px; } } @media print, screen and (min-width: 768px) { .pager-navi .pager-navi__link--next { margin-left: 19px; } } @media only screen and (max-width: 767.98px) { .pager-navi .pager-navi__link--next { margin-left: 14px; } } @media print, screen and (min-width: 768px) { .pager-navi .pager-navi__link--next::before { right: 15px; } } @media only screen and (max-width: 767.98px) { .pager-navi .pager-navi__link--next::before { right: 11px; } } /* pulldown-navi */ /* ====================================================== * PLD-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * PLD-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * pulldown-navi-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * pulldown-navi-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .pulldown-navi { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .pulldown-navi { display: flex; flex-flow: row wrap; align-items: center; } } .pulldown-navi__inner { position: relative; background-color: #fff; border: 1px solid; border-radius: 5px; } @media print, screen and (min-width: 768px) { .pulldown-navi__inner { display: inline-block; min-width: 273px; order: 1; -webkit-transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .pulldown-navi__inner:hover { background-color: #5c6ea0; border-color: #5c6ea0; } .pulldown-navi__inner:hover::after { border-color: #fff transparent transparent transparent; } .pulldown-navi__inner:hover > .pulldown-navi__select { color: #fff; } } @media only screen and (max-width: 767.98px) { .pulldown-navi__inner { display: block; width: 100%; } .pulldown-navi__assist + .pulldown-navi__inner { margin-top: 1.0em; } } .pulldown-navi__inner::after { position: absolute; top: 50%; width: 0; height: 0; margin-top: -4px; border-style: solid; border-color: #fe4774 transparent transparent transparent; z-index: 0; content: ""; } @media print, screen and (min-width: 768px) { .pulldown-navi__inner::after { right: 20px; border-width: 6px 5px 0; } } @media only screen and (max-width: 767.98px) { .pulldown-navi__inner::after { right: 18px; border-width: 8px 6px 0; } } .pulldown-navi__select { position: relative; width: 100%; height: 100%; background: none; border: none; line-height: 1.4; appearance: none; cursor: pointer; outline: none; color: #fff; z-index: 1; } .pulldown-navi__select::-ms-expand { display: none; } @media print, screen and (min-width: 768px) { .pulldown-navi__select { padding: .8em 3.4em .8em 1.4em; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .pulldown-navi__select { padding: .8em 3.6em .8em 1.4em; font-size: 1.4rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .pulldown-navi__select option { color: #fff; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .pulldown-navi__select option { font-weight: 400; } } .pulldown-navi__crawling { display: none; } @media print, screen and (min-width: 768px) { .pulldown-navi__assist { margin-left: 2.2em; order: 2; } } @media only screen and (max-width: 767.98px) { .pulldown-navi__assist { text-align: right; } } .pulldown-navi__list { margin: 0; padding: 0; } .pulldown-navi__list > li { list-style: none; } @media print, screen and (min-width: 768px) { .pulldown-navi__link--rss:hover .pulldown-navi__label { text-decoration: underline; } } @media print, screen and (min-width: 768px) { .pulldown-navi__link--rss::before { margin: 0 .4em 0 0; } } @media only screen and (max-width: 767.98px) { .pulldown-navi__link--rss::before { width: 12px; height: 12px; margin: -1px .6em 0 0; } } /* ----- Card ----- */ /* card */ /* ====================================================== * CD-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * CD-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * card-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * card-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * card-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * card-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .card .card__type, .card .card__type--nolink, .card .card__type--scaleup, .card .card__type--blank, .card .card__type--blank--scaleup, .card .card__type--pdf, .card .card__type--pdf--scaleup, .card .card__type--excel, .card .card__type--excel--scaleup, .card .card__type--word, .card .card__type--word--scaleup, .card .card__type--powerpoint, .card .card__type--powerpoint--scaleup, .card .card__type--zip, .card .card__type--zip--scaleup, .card .card__type--video, .card .card__type--video--scaleup, .card .card__type--modal, .card .card__type--modal--scaleup, .card .card__type--rss, .card .card__type--rss--scaleup { display: flex; flex-flow: row nowrap; position: relative; background-color: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #fff; text-decoration: none; text-align: left; overflow: hidden; } @media print, screen and (min-width: 768px) { .card .card__type, .card .card__type--nolink, .card .card__type--scaleup, .card .card__type--blank, .card .card__type--blank--scaleup, .card .card__type--pdf, .card .card__type--pdf--scaleup, .card .card__type--excel, .card .card__type--excel--scaleup, .card .card__type--word, .card .card__type--word--scaleup, .card .card__type--powerpoint, .card .card__type--powerpoint--scaleup, .card .card__type--zip, .card .card__type--zip--scaleup, .card .card__type--video, .card .card__type--video--scaleup, .card .card__type--modal, .card .card__type--modal--scaleup, .card .card__type--rss, .card .card__type--rss--scaleup { padding: 1.4em; } } @media only screen and (max-width: 767.98px) { .card .card__type, .card .card__type--nolink, .card .card__type--scaleup, .card .card__type--blank, .card .card__type--blank--scaleup, .card .card__type--pdf, .card .card__type--pdf--scaleup, .card .card__type--excel, .card .card__type--excel--scaleup, .card .card__type--word, .card .card__type--word--scaleup, .card .card__type--powerpoint, .card .card__type--powerpoint--scaleup, .card .card__type--zip, .card .card__type--zip--scaleup, .card .card__type--video, .card .card__type--video--scaleup, .card .card__type--modal, .card .card__type--modal--scaleup, .card .card__type--rss, .card .card__type--rss--scaleup { padding: 1.0em 0 .8em; } } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .card-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .card-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .card-wrap--center > * { justify-content: center; } .card-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .card-wrap--right > * { justify-content: flex-end; } .card-wrap--centering { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } @media print, screen and (min-width: 768px) { .card-wrap--centering { flex-flow: row nowrap; } .card-wrap--centering > * { margin-right: 36px; } .card-wrap--centering > *:last-child { margin-right: 0; } } @media only screen and (max-width: 767.98px) { .card-wrap--centering { flex-direction: column; align-items: center; } .card-wrap--centering > * { margin-top: 1em; } .card-wrap--centering > *:first-child { margin-top: 0; } } .card-wrap--scrolling { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .card-wrap--scrolling > * { margin-top: 2em !important; } } @media only screen and (max-width: 767.98px) { .card-wrap--scrolling { flex-flow: row nowrap; margin-right: -15px; margin-left: -15px; padding-bottom: 12px; overflow-x: auto; } .card-wrap--scrolling::-webkit-scrollbar { height: 6px; } .card-wrap--scrolling::-webkit-scrollbar-track { margin: 0 14px; border-radius: 6px; background: #fff; } .card-wrap--scrolling::-webkit-scrollbar-thumb { border-radius: 6px; background: #ccc; } .card-wrap--scrolling > * { margin-top: 0 !important; margin-right: 18px !important; } .card-wrap--scrolling > *:first-child { padding-left: 15px; } .card-wrap--scrolling > *:last-child { padding-right: 15px; } .card-wrap--scrolling > * > * { width: 255px !important; } } @media only screen and (max-width: 767.98px) { .card-wrap { margin-top: 1.0em; } } @media print, screen and (min-width: 768px) { .card-wrap[data-col-pc] > .card { margin-top: 0; } .card-wrap[data-col-pc="1"] > .card:nth-child(n+2) > [class*="__type"], .card-wrap[data-col-pc="2"] > .card:nth-child(n+3) > [class*="__type"], .card-wrap[data-col-pc="3"] > .card:nth-child(n+4) > [class*="__type"], .card-wrap[data-col-pc="4"] > .card:nth-child(n+5) > [class*="__type"] { border-top: none; } } @media only screen and (max-width: 767.98px) { .card-wrap[data-col-sp] > * { margin-top: 0; } .card-wrap[data-col-sp="1"] > *:nth-child(n+2) > [class*="__type"], .card-wrap[data-col-sp="2"] > *:nth-child(n+3) > [class*="__type"] { border-top: none; } .card-wrap[data-col-sp="1"] > *[data-card-sp="col"]:nth-child(n+2) > [class*="__type"], .card-wrap[data-col-sp="2"] > *[data-card-sp="col"]:nth-child(n+3) > [class*="__type"] { margin-top: 1.0em; } } @media only screen and (max-width: 767.98px) { .card-wrap--centering > [data-card-sp="row"] { margin-top: 0; } .card-wrap--centering > [data-card-sp="row"]:nth-child(n+2) > [class*="__type"], .card-wrap--centering > [data-card-sp="row"]:nth-child(n+3) > [class*="__type"], .card-wrap--centering > [data-card-sp="row"]:nth-child(n+4) > [class*="__type"], .card-wrap--centering > [data-card-sp="row"]:nth-child(n+5) > [class*="__type"] { border-top: none; } } @media print, screen and (min-width: 768px) { .card-wrap--scrolling[data-col-pc] > .card { margin-top: 0 !important; } .card-wrap--scrolling[data-col-pc="1"] > .card:nth-child(n+2) > [class*="__type"], .card-wrap--scrolling[data-col-pc="2"] > .card:nth-child(n+3) > [class*="__type"], .card-wrap--scrolling[data-col-pc="3"] > .card:nth-child(n+4) > [class*="__type"], .card-wrap--scrolling[data-col-pc="4"] > .card:nth-child(n+5) > [class*="__type"] { border-top: none; } } .card { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .card__filesize { font-style: normal; } @media only screen and (max-width: 767.98px) { .card .card__type .card__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card .card__type:hover .card__title { text-decoration: underline; } .card .card__type:hover .card__image { opacity: .7; } } .card .card__type--nolink { opacity: 1 !important; } .card .card__type--nolink .card__title { color: #fff; } .card .card__type--scaleup { opacity: 1 !important; width: 100%; } .card .card__type--scaleup .card__head { display: inline-block; } .card .card__type--scaleup .card__image { overflow: hidden; } .card .card__type--scaleup .card__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card .card__type--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--scaleup:hover .card__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card .card__type--blank .card__title::after, .card .card__type--blank--scaleup .card__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card .card__type--blank:hover .card__title, .card .card__type--blank--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--blank:hover .card__image, .card .card__type--blank--scaleup:hover .card__image { opacity: .7; } } .card .card__type--blank--scaleup { opacity: 1 !important; width: 100%; } .card .card__type--blank--scaleup .card__head { display: inline-block; } .card .card__type--blank--scaleup .card__image { overflow: hidden; } .card .card__type--blank--scaleup .card__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card .card__type--blank--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--blank--scaleup:hover .card__image { opacity: 1; } .card .card__type--blank--scaleup:hover .card__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card .card__type--pdf .card__title::after, .card .card__type--pdf--scaleup .card__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card .card__type--pdf:hover .card__title, .card .card__type--pdf--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--pdf:hover .card__image, .card .card__type--pdf--scaleup:hover .card__image { opacity: .7; } } .card .card__type--pdf--scaleup { opacity: 1 !important; width: 100%; } .card .card__type--pdf--scaleup .card__head { display: inline-block; } .card .card__type--pdf--scaleup .card__image { overflow: hidden; } .card .card__type--pdf--scaleup .card__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card .card__type--pdf--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--pdf--scaleup:hover .card__image { opacity: 1; } .card .card__type--pdf--scaleup:hover .card__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card .card__type--excel .card__title::after, .card .card__type--excel--scaleup .card__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card .card__type--excel:hover .card__title, .card .card__type--excel--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--excel:hover .card__image, .card .card__type--excel--scaleup:hover .card__image { opacity: .7; } } .card .card__type--excel--scaleup { opacity: 1 !important; width: 100%; } .card .card__type--excel--scaleup .card__head { display: inline-block; } .card .card__type--excel--scaleup .card__image { overflow: hidden; } .card .card__type--excel--scaleup .card__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card .card__type--excel--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--excel--scaleup:hover .card__image { opacity: 1; } .card .card__type--excel--scaleup:hover .card__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card .card__type--word .card__title::after, .card .card__type--word--scaleup .card__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card .card__type--word:hover .card__title, .card .card__type--word--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--word:hover .card__image, .card .card__type--word--scaleup:hover .card__image { opacity: .7; } } .card .card__type--word--scaleup { opacity: 1 !important; width: 100%; } .card .card__type--word--scaleup .card__head { display: inline-block; } .card .card__type--word--scaleup .card__image { overflow: hidden; } .card .card__type--word--scaleup .card__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card .card__type--word--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--word--scaleup:hover .card__image { opacity: 1; } .card .card__type--word--scaleup:hover .card__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card .card__type--powerpoint .card__title::after, .card .card__type--powerpoint--scaleup .card__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card .card__type--powerpoint:hover .card__title, .card .card__type--powerpoint--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--powerpoint:hover .card__image, .card .card__type--powerpoint--scaleup:hover .card__image { opacity: .7; } } .card .card__type--powerpoint--scaleup { opacity: 1 !important; width: 100%; } .card .card__type--powerpoint--scaleup .card__head { display: inline-block; } .card .card__type--powerpoint--scaleup .card__image { overflow: hidden; } .card .card__type--powerpoint--scaleup .card__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card .card__type--powerpoint--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--powerpoint--scaleup:hover .card__image { opacity: 1; } .card .card__type--powerpoint--scaleup:hover .card__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card .card__type--zip .card__title::after, .card .card__type--zip--scaleup .card__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card .card__type--zip:hover .card__title, .card .card__type--zip--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--zip:hover .card__image, .card .card__type--zip--scaleup:hover .card__image { opacity: .7; } } .card .card__type--zip--scaleup { opacity: 1 !important; width: 100%; } .card .card__type--zip--scaleup .card__head { display: inline-block; } .card .card__type--zip--scaleup .card__image { overflow: hidden; } .card .card__type--zip--scaleup .card__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card .card__type--zip--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--zip--scaleup:hover .card__image { opacity: 1; } .card .card__type--zip--scaleup:hover .card__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card .card__type--video .card__title::after, .card .card__type--video--scaleup .card__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card .card__type--video:hover .card__title, .card .card__type--video--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--video:hover .card__image, .card .card__type--video--scaleup:hover .card__image { opacity: .7; } } .card .card__type--video--scaleup { opacity: 1 !important; width: 100%; } .card .card__type--video--scaleup .card__head { display: inline-block; } .card .card__type--video--scaleup .card__image { overflow: hidden; } .card .card__type--video--scaleup .card__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card .card__type--video--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--video--scaleup:hover .card__image { opacity: 1; } .card .card__type--video--scaleup:hover .card__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card .card__type--modal .card__title::after, .card .card__type--modal--scaleup .card__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card .card__type--modal:hover .card__title, .card .card__type--modal--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--modal:hover .card__image, .card .card__type--modal--scaleup:hover .card__image { opacity: .7; } } .card .card__type--modal--scaleup { opacity: 1 !important; width: 100%; } .card .card__type--modal--scaleup .card__head { display: inline-block; } .card .card__type--modal--scaleup .card__image { overflow: hidden; } .card .card__type--modal--scaleup .card__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card .card__type--modal--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--modal--scaleup:hover .card__image { opacity: 1; } .card .card__type--modal--scaleup:hover .card__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card .card__type--rss .card__title::after, .card .card__type--rss--scaleup .card__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card .card__type--rss:hover .card__title, .card .card__type--rss--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--rss:hover .card__image, .card .card__type--rss--scaleup:hover .card__image { opacity: .7; } } .card .card__type--rss--scaleup { opacity: 1 !important; width: 100%; } .card .card__type--rss--scaleup .card__head { display: inline-block; } .card .card__type--rss--scaleup .card__image { overflow: hidden; } .card .card__type--rss--scaleup .card__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card .card__type--rss--scaleup:hover .card__title { text-decoration: underline; } .card .card__type--rss--scaleup:hover .card__image { opacity: 1; } .card .card__type--rss--scaleup:hover .card__image img { transform: scale(1.1); } } .card__head { display: flex; flex-shrink: 0; } .card__head > *:first-child, .card__head > section:first-child > *:first-child, .card__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .card__head { width: 46.34%; } } @media only screen and (max-width: 767.98px) { .card__head { width: 36.235%; } } @media only screen and (max-width: 767.98px) { .card-wrap--scrolling > [data-card-sp="row"] .card__head { width: 49.02%; } } .card__body { width: 100%; } .card__body > *:first-child, .card__body > section:first-child > *:first-child, .card__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .card__head + .card__body { margin-left: 1.4em; } } @media only screen and (max-width: 767.98px) { .card__head + .card__body { margin-left: 1.0em; } } .card__image img { width: 100%; height: auto; } @media print, screen and (min-width: 768px) { .card__image { -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } } .card__title { color: #fff; line-height: 1.4; } @media print, screen and (min-width: 768px) { .card__title { font-size: 2.0rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .card__title { font-size: 1.5rem; font-weight: 700; } } .card__filesize { margin-left: .5em; word-break: break-all; } @media print, screen and (min-width: 768px) { .card__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .card__filesize { font-size: 1.4rem; font-weight: 400; } } @media print, screen and (min-width: 768px) { .card__description { margin: .8em 0 0 0; } } @media only screen and (max-width: 767.98px) { .card__description { margin: .6em 0 0 0; } } @media only screen and (max-width: 767.98px) { .card[data-card-sp="col"] > [class*="__type"] { display: block; width: 100%; padding: 0; border-top: none; } .card[data-card-sp="col"] .card__head { display: block; width: 100%; } .card[data-card-sp="col"] .card__body { margin-left: 0; padding: .8em 1.0em; } } /* ====================================================== * CD-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * CD-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * card-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * card-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * card-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * card-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .card-v2 .card-v2__type, .card-v2 .card-v2__type--nolink, .card-v2 .card-v2__type--scaleup, .card-v2 .card-v2__type--blank, .card-v2 .card-v2__type--blank--scaleup, .card-v2 .card-v2__type--pdf, .card-v2 .card-v2__type--pdf--scaleup, .card-v2 .card-v2__type--excel, .card-v2 .card-v2__type--excel--scaleup, .card-v2 .card-v2__type--word, .card-v2 .card-v2__type--word--scaleup, .card-v2 .card-v2__type--powerpoint, .card-v2 .card-v2__type--powerpoint--scaleup, .card-v2 .card-v2__type--zip, .card-v2 .card-v2__type--zip--scaleup, .card-v2 .card-v2__type--video, .card-v2 .card-v2__type--video--scaleup, .card-v2 .card-v2__type--modal, .card-v2 .card-v2__type--modal--scaleup, .card-v2 .card-v2__type--rss, .card-v2 .card-v2__type--rss--scaleup { position: relative; width: 100%; border-bottom: 1px solid #ddd; background-color: #fff; color: #fff; text-decoration: none; text-align: left; overflow: hidden; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .card-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .card-wrap--center { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .card-wrap--center > * { justify-content: center; } .card-wrap--right { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .card-wrap--right > * { justify-content: flex-end; } .card-wrap--centering { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; } @media print, screen and (min-width: 768px) { .card-wrap--centering { flex-flow: row nowrap; } .card-wrap--centering > * { margin-right: 36px; } .card-wrap--centering > *:last-child { margin-right: 0; } } @media only screen and (max-width: 767.98px) { .card-wrap--centering { flex-direction: column; align-items: center; } .card-wrap--centering > * { margin-top: 1em; } .card-wrap--centering > *:first-child { margin-top: 0; } } .card-wrap--scrolling { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .card-wrap--scrolling > * { margin-top: 2em !important; } } @media only screen and (max-width: 767.98px) { .card-wrap--scrolling { flex-flow: row nowrap; margin-right: -15px; margin-left: -15px; padding-bottom: 12px; overflow-x: auto; } .card-wrap--scrolling::-webkit-scrollbar { height: 6px; } .card-wrap--scrolling::-webkit-scrollbar-track { margin: 0 14px; border-radius: 6px; background: #fff; } .card-wrap--scrolling::-webkit-scrollbar-thumb { border-radius: 6px; background: #ccc; } .card-wrap--scrolling > * { margin-top: 0 !important; margin-right: 18px !important; } .card-wrap--scrolling > *:first-child { padding-left: 15px; } .card-wrap--scrolling > *:last-child { padding-right: 15px; } .card-wrap--scrolling > * > * { width: 255px !important; } } @media only screen and (max-width: 767.98px) { .card-wrap { margin-top: 1.0em; } } @media print, screen and (min-width: 768px) { .card-wrap[data-col-pc] > .card { margin-top: 0; } .card-wrap[data-col-pc="1"] > .card:nth-child(n+2) > [class*="__type"], .card-wrap[data-col-pc="2"] > .card:nth-child(n+3) > [class*="__type"], .card-wrap[data-col-pc="3"] > .card:nth-child(n+4) > [class*="__type"], .card-wrap[data-col-pc="4"] > .card:nth-child(n+5) > [class*="__type"] { border-top: none; } } @media only screen and (max-width: 767.98px) { .card-wrap[data-col-sp] > * { margin-top: 0; } .card-wrap[data-col-sp="1"] > *:nth-child(n+2) > [class*="__type"], .card-wrap[data-col-sp="2"] > *:nth-child(n+3) > [class*="__type"] { border-top: none; } .card-wrap[data-col-sp="1"] > *[data-card-sp="col"]:nth-child(n+2) > [class*="__type"], .card-wrap[data-col-sp="2"] > *[data-card-sp="col"]:nth-child(n+3) > [class*="__type"] { margin-top: 1.0em; } } @media only screen and (max-width: 767.98px) { .card-wrap--centering > [data-card-sp="row"] { margin-top: 0; } .card-wrap--centering > [data-card-sp="row"]:nth-child(n+2) > [class*="__type"], .card-wrap--centering > [data-card-sp="row"]:nth-child(n+3) > [class*="__type"], .card-wrap--centering > [data-card-sp="row"]:nth-child(n+4) > [class*="__type"], .card-wrap--centering > [data-card-sp="row"]:nth-child(n+5) > [class*="__type"] { border-top: none; } } @media print, screen and (min-width: 768px) { .card-wrap--scrolling[data-col-pc] > .card { margin-top: 0 !important; } .card-wrap--scrolling[data-col-pc="1"] > .card:nth-child(n+2) > [class*="__type"], .card-wrap--scrolling[data-col-pc="2"] > .card:nth-child(n+3) > [class*="__type"], .card-wrap--scrolling[data-col-pc="3"] > .card:nth-child(n+4) > [class*="__type"], .card-wrap--scrolling[data-col-pc="4"] > .card:nth-child(n+5) > [class*="__type"] { border-top: none; } } .card-v2 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .card-v2__filesize { font-style: normal; } @media only screen and (max-width: 767.98px) { .card-v2 .card-v2__type .card-v2__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type:hover .card-v2__image { opacity: .7; } } .card-v2 .card-v2__type--nolink { opacity: 1 !important; } .card-v2 .card-v2__type--nolink .card-v2__title { color: #fff; } .card-v2 .card-v2__type--scaleup { opacity: 1 !important; } .card-v2 .card-v2__type--scaleup .card-v2__head { display: inline-block; } .card-v2 .card-v2__type--scaleup .card-v2__image { overflow: hidden; } .card-v2 .card-v2__type--scaleup .card-v2__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--scaleup:hover .card-v2__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card-v2 .card-v2__type--blank .card-v2__title::after, .card-v2 .card-v2__type--blank--scaleup .card-v2__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--blank:hover .card-v2__title, .card-v2 .card-v2__type--blank--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--blank:hover .card-v2__image, .card-v2 .card-v2__type--blank--scaleup:hover .card-v2__image { opacity: .7; } } .card-v2 .card-v2__type--blank--scaleup { opacity: 1 !important; } .card-v2 .card-v2__type--blank--scaleup .card-v2__head { display: inline-block; } .card-v2 .card-v2__type--blank--scaleup .card-v2__image { overflow: hidden; } .card-v2 .card-v2__type--blank--scaleup .card-v2__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--blank--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--blank--scaleup:hover .card-v2__image { opacity: 1; } .card-v2 .card-v2__type--blank--scaleup:hover .card-v2__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card-v2 .card-v2__type--pdf .card-v2__title::after, .card-v2 .card-v2__type--pdf--scaleup .card-v2__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--pdf:hover .card-v2__title, .card-v2 .card-v2__type--pdf--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--pdf:hover .card-v2__image, .card-v2 .card-v2__type--pdf--scaleup:hover .card-v2__image { opacity: .7; } } .card-v2 .card-v2__type--pdf--scaleup { opacity: 1 !important; } .card-v2 .card-v2__type--pdf--scaleup .card-v2__head { display: inline-block; } .card-v2 .card-v2__type--pdf--scaleup .card-v2__image { overflow: hidden; } .card-v2 .card-v2__type--pdf--scaleup .card-v2__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--pdf--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--pdf--scaleup:hover .card-v2__image { opacity: 1; } .card-v2 .card-v2__type--pdf--scaleup:hover .card-v2__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card-v2 .card-v2__type--excel .card-v2__title::after, .card-v2 .card-v2__type--excel--scaleup .card-v2__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--excel:hover .card-v2__title, .card-v2 .card-v2__type--excel--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--excel:hover .card-v2__image, .card-v2 .card-v2__type--excel--scaleup:hover .card-v2__image { opacity: .7; } } .card-v2 .card-v2__type--excel--scaleup { opacity: 1 !important; } .card-v2 .card-v2__type--excel--scaleup .card-v2__head { display: inline-block; } .card-v2 .card-v2__type--excel--scaleup .card-v2__image { overflow: hidden; } .card-v2 .card-v2__type--excel--scaleup .card-v2__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--excel--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--excel--scaleup:hover .card-v2__image { opacity: 1; } .card-v2 .card-v2__type--excel--scaleup:hover .card-v2__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card-v2 .card-v2__type--word .card-v2__title::after, .card-v2 .card-v2__type--word--scaleup .card-v2__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--word:hover .card-v2__title, .card-v2 .card-v2__type--word--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--word:hover .card-v2__image, .card-v2 .card-v2__type--word--scaleup:hover .card-v2__image { opacity: .7; } } .card-v2 .card-v2__type--word--scaleup { opacity: 1 !important; } .card-v2 .card-v2__type--word--scaleup .card-v2__head { display: inline-block; } .card-v2 .card-v2__type--word--scaleup .card-v2__image { overflow: hidden; } .card-v2 .card-v2__type--word--scaleup .card-v2__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--word--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--word--scaleup:hover .card-v2__image { opacity: 1; } .card-v2 .card-v2__type--word--scaleup:hover .card-v2__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card-v2 .card-v2__type--powerpoint .card-v2__title::after, .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--powerpoint:hover .card-v2__title, .card-v2 .card-v2__type--powerpoint--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--powerpoint:hover .card-v2__image, .card-v2 .card-v2__type--powerpoint--scaleup:hover .card-v2__image { opacity: .7; } } .card-v2 .card-v2__type--powerpoint--scaleup { opacity: 1 !important; } .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__head { display: inline-block; } .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__image { overflow: hidden; } .card-v2 .card-v2__type--powerpoint--scaleup .card-v2__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--powerpoint--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--powerpoint--scaleup:hover .card-v2__image { opacity: 1; } .card-v2 .card-v2__type--powerpoint--scaleup:hover .card-v2__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card-v2 .card-v2__type--zip .card-v2__title::after, .card-v2 .card-v2__type--zip--scaleup .card-v2__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--zip:hover .card-v2__title, .card-v2 .card-v2__type--zip--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--zip:hover .card-v2__image, .card-v2 .card-v2__type--zip--scaleup:hover .card-v2__image { opacity: .7; } } .card-v2 .card-v2__type--zip--scaleup { opacity: 1 !important; } .card-v2 .card-v2__type--zip--scaleup .card-v2__head { display: inline-block; } .card-v2 .card-v2__type--zip--scaleup .card-v2__image { overflow: hidden; } .card-v2 .card-v2__type--zip--scaleup .card-v2__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--zip--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--zip--scaleup:hover .card-v2__image { opacity: 1; } .card-v2 .card-v2__type--zip--scaleup:hover .card-v2__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card-v2 .card-v2__type--video .card-v2__title::after, .card-v2 .card-v2__type--video--scaleup .card-v2__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--video:hover .card-v2__title, .card-v2 .card-v2__type--video--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--video:hover .card-v2__image, .card-v2 .card-v2__type--video--scaleup:hover .card-v2__image { opacity: .7; } } .card-v2 .card-v2__type--video--scaleup { opacity: 1 !important; } .card-v2 .card-v2__type--video--scaleup .card-v2__head { display: inline-block; } .card-v2 .card-v2__type--video--scaleup .card-v2__image { overflow: hidden; } .card-v2 .card-v2__type--video--scaleup .card-v2__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--video--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--video--scaleup:hover .card-v2__image { opacity: 1; } .card-v2 .card-v2__type--video--scaleup:hover .card-v2__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card-v2 .card-v2__type--modal .card-v2__title::after, .card-v2 .card-v2__type--modal--scaleup .card-v2__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--modal:hover .card-v2__title, .card-v2 .card-v2__type--modal--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--modal:hover .card-v2__image, .card-v2 .card-v2__type--modal--scaleup:hover .card-v2__image { opacity: .7; } } .card-v2 .card-v2__type--modal--scaleup { opacity: 1 !important; } .card-v2 .card-v2__type--modal--scaleup .card-v2__head { display: inline-block; } .card-v2 .card-v2__type--modal--scaleup .card-v2__image { overflow: hidden; } .card-v2 .card-v2__type--modal--scaleup .card-v2__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--modal--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--modal--scaleup:hover .card-v2__image { opacity: 1; } .card-v2 .card-v2__type--modal--scaleup:hover .card-v2__image img { transform: scale(1.1); } } @media only screen and (max-width: 767.98px) { .card-v2 .card-v2__type--rss .card-v2__title::after, .card-v2 .card-v2__type--rss--scaleup .card-v2__title::after { top: -2px; } } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--rss:hover .card-v2__title, .card-v2 .card-v2__type--rss--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--rss:hover .card-v2__image, .card-v2 .card-v2__type--rss--scaleup:hover .card-v2__image { opacity: .7; } } .card-v2 .card-v2__type--rss--scaleup { opacity: 1 !important; } .card-v2 .card-v2__type--rss--scaleup .card-v2__head { display: inline-block; } .card-v2 .card-v2__type--rss--scaleup .card-v2__image { overflow: hidden; } .card-v2 .card-v2__type--rss--scaleup .card-v2__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .card-v2 .card-v2__type--rss--scaleup:hover .card-v2__title { text-decoration: underline; } .card-v2 .card-v2__type--rss--scaleup:hover .card-v2__image { opacity: 1; } .card-v2 .card-v2__type--rss--scaleup:hover .card-v2__image img { transform: scale(1.1); } } .card-v2__head > *:first-child, .card-v2__head > section:first-child > *:first-child, .card-v2__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .card-v2__body > *:first-child, .card-v2__body > section:first-child > *:first-child, .card-v2__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .card-v2__body { padding: 0 1.6em 1.2em; } } @media only screen and (max-width: 767.98px) { .card-v2__body { padding: 0 1.0em .8em; } } @media print, screen and (min-width: 768px) { .card-v2__head + .card-v2__body { padding-top: 1.4em; } } @media only screen and (max-width: 767.98px) { .card-v2__head + .card-v2__body { padding-top: .8em; } } .card-v2__image img { width: 100%; height: auto; } @media print, screen and (min-width: 768px) { .card-v2__image { -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } } .card-v2__title { color: #fff; line-height: 1.4; } @media print, screen and (min-width: 768px) { .card-v2__title { font-size: 2.0rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .card-v2__title { font-size: 1.5rem; font-weight: 700; } } .card-v2__filesize { margin-left: .5em; word-break: break-all; } @media print, screen and (min-width: 768px) { .card-v2__filesize { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .card-v2__filesize { font-size: 1.4rem; font-weight: 400; } } @media print, screen and (min-width: 768px) { .card-v2__description { margin: .8em 0 0 0; } } @media only screen and (max-width: 767.98px) { .card-v2__description { margin: .6em 0 0 0; } } @media only screen and (max-width: 767.98px) { .card-v2[data-card-sp="row"] > [class*="__type"] { display: flex; flex-flow: row nowrap; padding: 1.0em 0 .8em; border-top: 1px solid #ddd; } .card-v2[data-card-sp="row"] .card-v2__head { display: flex; flex-shrink: 0; width: 36.235%; } .card-v2[data-card-sp="row"] .card-v2__head + .card-v2__body { margin-left: 1.0em; } .card-wrap--scrolling > .card-v2[data-card-sp="row"] .card-v2__head { width: 49.02%; } .card-v2[data-card-sp="row"] .card-v2__body { width: 100%; padding: 0; } } /* ----- Accordion ----- */ /* accordion */ /* ====================================================== * ACC-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * ACC-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * accordion-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * accordion-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .accordion { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ background-color: #fff; overflow: hidden; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .accordion + .accordion { margin-top: 1.2em; } } @media only screen and (max-width: 767.98px) { .accordion + .accordion { margin-top: .6em; } } .accordion__head { display: block; color: #fff; } @media print, screen and (min-width: 768px) { .accordion__head { padding: 1.4em 1.6em; cursor: pointer; } .accordion__head:hover .accordion__title { text-decoration: underline; } } @media only screen and (max-width: 767.98px) { .accordion__head { padding: .8em 1.0em; } } .accordion__title { display: block; position: relative; line-height: 1.4; } @media print, screen and (min-width: 768px) { .accordion__title { padding-right: 2.6em; font-size: 1.8rem; } } @media only screen and (max-width: 767.98px) { .accordion__title { padding-right: 1.6em; font-size: 1.5rem; } } .accordion__title::before, .accordion__title::after { position: absolute; top: 50%; right: 0; height: 1px; margin: -1px 0 0 0; background: #999; -webkit-backface-visibility: hidden; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; content: ""; } @media print, screen and (min-width: 768px) { .accordion__title::before, .accordion__title::after { width: 21px; } } @media only screen and (max-width: 767.98px) { .accordion__title::before, .accordion__title::after { width: 15px; } } .accordion__title::before { transform: rotate(90deg); } .accordion__head.is-active .accordion__title::before { transform: rotate(0deg); } .accordion__body { position: relative; background-color: #fff; } .accordion__body > *:first-child, .accordion__body > section:first-child > *:first-child, .accordion__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .accordion__body { padding: 1.4em 1.6em; } } @media only screen and (max-width: 767.98px) { .accordion__body { padding: .6em 1.0em; } } /* ----- Tab ----- */ /* tab */ /* ====================================================== * TAB-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * TAB-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * tab-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * tab-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .tab { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .tab__list > li { list-style: none; } .tab__head { padding-bottom: 3px; overflow: hidden; } .tab__list { display: flex; justify-content: space-between; margin: 0 -5px; padding: 0; border-bottom: 1px solid #ddd; } .tab__list > li { width: 100%; padding: 0 5px; } .tab .tab__button, .tab .tab__button--nolink { display: flex; justify-content: center; align-items: center; position: relative; height: 100%; color: #fff; text-align: center; line-height: 1.4; } @media print, screen and (min-width: 768px) { .tab .tab__button, .tab .tab__button--nolink { padding: .8em 1.2em; font-size: 1.8rem; } } @media only screen and (max-width: 767.98px) { .tab .tab__button, .tab .tab__button--nolink { padding: .6em; font-size: 1.3rem; } } .tab .tab__button::after, .tab .tab__button--nolink::after { position: absolute; bottom: -4px; left: 0; width: 100%; height: 7px; border-radius: 4px; background-color: #222e46; opacity: 0; -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; content: ""; } .tab .tab__button--nolink { background: #eee; pointer-events: none; } .tab__list > li.is-current .tab__button::after { opacity: 1; } .tab__body { margin-top: -3px; } @media print, screen and (min-width: 768px) { .tab__body { padding: 2.2em 0 0; } } @media only screen and (max-width: 767.98px) { .tab__body { padding: 1.8em 0 0; } } .tab__detail > *:first-child, .tab__detail > section:first-child > *:first-child, .tab__detail > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ====================================================== * TAB-2 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * TAB-2 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * tab-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * tab-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .tab-v2 { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .tab-v2__list > li { list-style: none; } .tab-v2__head { overflow: hidden; } .tab-v2__list { margin: 0; padding: 0; } @media print, screen and (min-width: 768px) { .tab-v2__list { display: flex; justify-content: space-between; } } @media print, screen and (min-width: 768px) { .tab-v2__list > li { width: 100%; } } @media print, screen and (min-width: 768px) { .tab-v2__list > li + li { margin-left: .6em; } } .tab-v2 .tab-v2__button, .tab-v2 .tab-v2__button--nolink { display: flex; justify-content: center; align-items: center; position: relative; height: 100%; background-color: #fff; border: 1px solid; border-radius: 5px; text-align: center; line-height: 1.4; overflow: hidden; } @media print, screen and (min-width: 768px) { .tab-v2 .tab-v2__button, .tab-v2 .tab-v2__button--nolink { padding: 13px .5em 12px; font-size: 1.8rem; } } @media only screen and (max-width: 767.98px) { .tab-v2 .tab-v2__button, .tab-v2 .tab-v2__button--nolink { padding: .6em; font-size: 1.3rem; } } .tab-v2 span.tab-v2__button { pointer-events: none; } .tab-v2 .tab-v2__button--nolink { background: #eee; pointer-events: none; } .tab-v2__list > li.is-current .tab-v2__button { background-color: #222e46; border-color: #222e46; color: #fff; } .tab-v2__body { position: relative; border-top: 1px solid #ddd; } @media print, screen and (min-width: 768px) { .tab-v2__body { margin-top: 1.0em; padding: 2.2em 0 0; } } @media only screen and (max-width: 767.98px) { .tab-v2__body { margin-top: .6em; padding: 1.8em 0 0; } } .tab-v2__body::before, .tab-v2__body::after { position: absolute; left: 50%; width: 0; height: 0; margin-left: -14px; border-style: solid; content: ""; } @media print, screen and (min-width: 768px) { .tab-v2__body::before, .tab-v2__body::after { border-width: 13px 14px 0 14px; } [data-browser="ie11"] .tab-v2__body::before, [data-browser="ie11"] .tab-v2__body::after { margin-left: -9px; } } @media only screen and (max-width: 767.98px) { .tab-v2__body::before, .tab-v2__body::after { border-width: 11px 14px 0 14px; } } .tab-v2__body::before { top: 0; border-color: #ddd transparent transparent transparent; } .tab-v2__body::after { top: -2px; border-color: #fff transparent transparent transparent; } .tab-v2__detail > *:first-child, .tab-v2__detail > section:first-child > *:first-child, .tab-v2__detail > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .tab-v2__list > li:not(.is-current) .tab-v2__button:hover { background-color: #222e46; border-color: #222e46; color: #fff; } } @media only screen and (max-width: 767.98px) { .tab-v2__list[data-col-sp]:not([data-col-sp=auto]) > * { margin-top: 6px; margin-left: 6px; } .tab-v2__list[data-col-sp="1"] > *:nth-child(-n+1) { margin-top: 0 !important; } .tab-v2__list[data-col-sp="1"] > *:nth-child(1n+1) { margin-left: 0 !important; } .tab-v2__list[data-col-sp="1"] > * { width: 100%; } .tab-v2__list[data-col-sp="2"] > *:nth-child(-n+2) { margin-top: 0 !important; } .tab-v2__list[data-col-sp="2"] > *:nth-child(2n+1) { margin-left: 0 !important; } .tab-v2__list[data-col-sp="2"] > * { width: calc((100% - (6px * (2 - 1))) / 2); } .tab-v2__list[data-col-sp="3"] > *:nth-child(-n+3) { margin-top: 0 !important; } .tab-v2__list[data-col-sp="3"] > *:nth-child(3n+1) { margin-left: 0 !important; } .tab-v2__list[data-col-sp="3"] > * { width: calc((100% - (6px * (3 - 1))) / 3); } } /* ----- Other ----- */ /* carousel */ /* ====================================================== * CRL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * CRL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * carousel-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * carousel-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .carousel { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .carousel { margin: 2.6em 0 0; } } @media only screen and (max-width: 767.98px) { .carousel { margin-left: -15px; margin-right: -15px; } } .carousel__list.slick-slider { padding: 0 3.0em; overflow: hidden; } @media print, screen and (min-width: 768px) { .carousel__list > .slick-list { margin: 0 -16px; } } @media only screen and (max-width: 767.98px) { .carousel__list > .slick-list { margin: 0 -7px; } } .carousel__list > .slick-list > .slick-track > .slick-slide { line-height: 1; } .carousel__list > .slick-arrow { position: absolute; top: 50%; z-index: 2; width: 32px; height: 32px; margin: -16px 0 0 0; padding: 0; border: none; background-color: transparent; text-indent: 100%; white-space: nowrap; overflow: hidden; outline: none; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .carousel__list > .slick-arrow:hover { opacity: 0.7; } } .carousel__list > .slick-arrow::before { position: absolute !important; top: 50%; margin: -9px 0 0 0; } @media print, screen and (min-width: 768px) { .carousel__list > .slick-arrow.slick-prev { left: 16px; } } @media only screen and (max-width: 767.98px) { .carousel__list > .slick-arrow.slick-prev { left: 14px; } } .carousel__list > .slick-arrow.slick-prev::before { border-width: 1px; border-color: #999; } @media print, screen and (min-width: 768px) { .carousel__list > .slick-arrow.slick-prev::before { left: 6px; width: 20px; height: 20px; } } @media only screen and (max-width: 767.98px) { .carousel__list > .slick-arrow.slick-prev::before { left: 4px; width: 15px; height: 15px; } } @media print, screen and (min-width: 768px) { .carousel__list > .slick-arrow.slick-next { right: 16px; } } @media only screen and (max-width: 767.98px) { .carousel__list > .slick-arrow.slick-next { right: 14px; } } .carousel__list > .slick-arrow.slick-next::before { border-width: 1px; border-color: #999; } @media print, screen and (min-width: 768px) { .carousel__list > .slick-arrow.slick-next::before { right: 6px; width: 20px; height: 20px; } } @media only screen and (max-width: 767.98px) { .carousel__list > .slick-arrow.slick-next::before { right: 4px; width: 15px; height: 15px; } } .carousel__item { text-align: center; } @media print, screen and (min-width: 768px) { .carousel__item { padding: 0 16px; } } @media only screen and (max-width: 767.98px) { .carousel__item { padding: 0 7px; } } .carousel__item > img { display: inline-block !important; } .carousel__type { display: block; } @media print, screen and (min-width: 768px) { .carousel__type:hover { opacity: 0.7; } } .carousel__type--nolink { display: block; } .carousel__control { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } @media print, screen and (min-width: 768px) { .carousel__control { margin: 1.2em 0 0 0; } } @media only screen and (max-width: 767.98px) { .carousel__control { margin: .8em 0 0; } } .carousel__pager > .slick-dots { display: flex; align-items: center; margin: 0; padding: 0; } .carousel__pager > .slick-dots > li { display: flex; padding: 0 10px; list-style: none; font-size: 0; } .carousel__pager > .slick-dots > li > button { width: 10px; height: 10px; display: inline-block; padding: 0; border: none; border-radius: 50%; background-color: #ccc; text-indent: -9999em; outline: none; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } @media print, screen and (min-width: 768px) { .carousel__pager > .slick-dots > li > button:hover { background-color: #adb6cf; } } .carousel__pager > .slick-dots > li.slick-active > button { background-color: #fff; } .carousel__switch { display: flex; align-items: center; font-size: 0; } .carousel__switch__pause { display: inline-block; position: relative; width: 10px; height: 16px; padding: 0; border: none; background-color: transparent; text-indent: -9999em; outline: none; } @media print, screen and (min-width: 768px) { .carousel__switch__pause { margin: 0 .4em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .carousel__switch__pause { margin: 0 .2em 0 1.4em; } } .carousel__switch__pause::before, .carousel__switch__pause::after { position: absolute; top: 0; display: inline-block; height: 100%; background-color: #fe4774; content: ""; } @media print, screen and (min-width: 768px) { .carousel__switch__pause::before, .carousel__switch__pause::after { width: 3px; } } @media only screen and (max-width: 767.98px) { .carousel__switch__pause::before, .carousel__switch__pause::after { width: 3px; } } .carousel__switch__pause::before { left: 0; } .carousel__switch__pause::after { right: 0; } .carousel__switch__play { display: inline-block; position: relative; width: 10px; height: 16px; padding: 0; border: none; background-color: transparent; text-indent: -9999em; outline: none; } @media print, screen and (min-width: 768px) { .carousel__switch__play { margin: 0 .4em 0 1.2em; } } @media only screen and (max-width: 767.98px) { .carousel__switch__play { margin: 0 .2em 0 1.4em; } } .carousel__switch__play::before { display: inline-block; position: absolute; top: 50%; left: 0; border-style: solid; border-color: transparent transparent transparent #fe4774; content: ""; } @media print, screen and (min-width: 768px) { .carousel__switch__play::before { margin: -8px 0 0 0; border-width: 8px 14px; } } @media only screen and (max-width: 767.98px) { .carousel__switch__play::before { margin: -9px 0 0 0; border-width: 9px 13px; } } @media print, screen and (min-width: 768px) { .carousel[data-banner-pc="5"] .carousel__list > .slick-list { margin: 0 -12px; } .carousel[data-banner-pc="5"] .carousel__item { padding: 0 12px; } .carousel[data-banner-pc="6"] .carousel__list > .slick-list { margin: 0 -10px; } .carousel[data-banner-pc="6"] .carousel__item { padding: 0 10px; } } /* news */ /* ====================================================== * NEWS-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * NEWS-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * news-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * news-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .news .news__type, .news .news__type--nolink, .news .news__type--blank, .news .news__type--pdf, .news .news__type--excel, .news .news__type--word, .news .news__type--powerpoint, .news .news__type--zip, .news .news__type--video, .news .news__type--modal, .news .news__type--rss { display: flex; align-items: flex-start; background-color: #fff; } @media print, screen and (min-width: 768px) { .news .news__type, .news .news__type--nolink, .news .news__type--blank, .news .news__type--pdf, .news .news__type--excel, .news .news__type--word, .news .news__type--powerpoint, .news .news__type--zip, .news .news__type--video, .news .news__type--modal, .news .news__type--rss { padding: 1.2em 0; } } @media only screen and (max-width: 767.98px) { .news .news__type, .news .news__type--nolink, .news .news__type--blank, .news .news__type--pdf, .news .news__type--excel, .news .news__type--word, .news .news__type--powerpoint, .news .news__type--zip, .news .news__type--video, .news .news__type--modal, .news .news__type--rss { padding: 1.4em 15px; } } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .news { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ border-top: 1px solid #ddd; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .news__filesize { font-style: normal; } @media print, screen and (min-width: 768px) { .news { margin: 1.2em 0 0; } } @media only screen and (max-width: 767.98px) { .news { margin: 1.4em -15px 0; } } .news__article { border-bottom: 1px solid #ddd; } @media print, screen and (min-width: 768px) { .news .news__type:hover .news__title { text-decoration: underline; } .news .news__type:hover .news__image { opacity: .7; } } .news .news__type .news__title::after { margin-left: 5px; } @media print, screen and (min-width: 768px) { .news .news__type--blank:hover .news__title { text-decoration: underline; } .news .news__type--blank:hover .news__image { opacity: .7; } } @media print, screen and (min-width: 768px) { .news .news__type--pdf:hover .news__title { text-decoration: underline; } .news .news__type--pdf:hover .news__image { opacity: .7; } } @media print, screen and (min-width: 768px) { .news .news__type--excel:hover .news__title { text-decoration: underline; } .news .news__type--excel:hover .news__image { opacity: .7; } } @media print, screen and (min-width: 768px) { .news .news__type--word:hover .news__title { text-decoration: underline; } .news .news__type--word:hover .news__image { opacity: .7; } } @media print, screen and (min-width: 768px) { .news .news__type--powerpoint:hover .news__title { text-decoration: underline; } .news .news__type--powerpoint:hover .news__image { opacity: .7; } } @media print, screen and (min-width: 768px) { .news .news__type--zip:hover .news__title { text-decoration: underline; } .news .news__type--zip:hover .news__image { opacity: .7; } } @media print, screen and (min-width: 768px) { .news .news__type--video:hover .news__title { text-decoration: underline; } .news .news__type--video:hover .news__image { opacity: .7; } } @media print, screen and (min-width: 768px) { .news .news__type--modal:hover .news__title { text-decoration: underline; } .news .news__type--modal:hover .news__image { opacity: .7; } } @media print, screen and (min-width: 768px) { .news .news__type--rss:hover .news__title { text-decoration: underline; } .news .news__type--rss:hover .news__image { opacity: .7; } } .news__head { order: 2; width: 80px; } @media print, screen and (min-width: 768px) { .news__head { margin-left: 1.6em; } } @media only screen and (max-width: 767.98px) { .news__head { margin-left: 1.0em; } } @media print, screen and (min-width: 768px) { .news__image { -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } } .news__body { flex: 1; order: 1; } @media print, screen and (min-width: 768px) { .news[data-news-pc="row"] .news__body { display: flex; flex-flow: row nowrap; align-items: baseline; } } .news__property { display: flex; align-items: baseline; } @media only screen and (max-width: 767.98px) { .news__property + .news__caption { margin-top: .8em; } } @media print, screen and (min-width: 768px) { .news[data-news-pc="col"] .news__property + .news__caption { margin-top: 1.2em; } } .news__date { min-width: 10em; white-space: nowrap; } @media print, screen and (min-width: 768px) { .news__date { margin-right: .8em; font-size: 1.4rem; line-height: 22px; } } @media only screen and (max-width: 767.98px) { .news__date { font-size: 1.2rem; } } .news__category { display: inline-flex; flex-flow: row wrap; margin-bottom: -.6em; } .news__category > * { margin-right: .6em; margin-bottom: .6em; } .news__category > *:last-child { margin-right: 0; } @media print, screen and (min-width: 768px) { .news[data-news-pc="row"] .news__category { margin-right: 1.6em; flex-direction: column; } .news[data-news-pc="row"] .news__category > * { margin-right: 0; } } .news__caption { flex: 1; } .news__title { margin: 0; } @media print, screen and (min-width: 768px) { .news__title { font-size: 1.6rem; font-weight: 500; } } @media only screen and (max-width: 767.98px) { .news__title { font-size: 1.4rem; font-weight: 400; } } .news__filesize { margin-left: .5em; } /* faq */ /* ====================================================== * FAQ-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * FAQ-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * faq-default * ------------------------------------------------------ * extend * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * faq-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .faq__mark--question, .faq__mark--answer { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; line-height: 1.0; } @media print, screen and (min-width: 768px) { .faq__mark--question, .faq__mark--answer { margin-right: .8em; font-size: 2.8rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .faq__mark--question, .faq__mark--answer { margin-right: .4em; font-size: 2.1rem; font-weight: 700; } } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .faq { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ background-color: #fff; overflow: hidden; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .faq + .faq { margin-top: 1.2em; } } @media only screen and (max-width: 767.98px) { .faq + .faq { margin-top: .6em; } } .faq__head { display: flex; flex-flow: row nowrap; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; color: #fff; line-height: 1.4; } @media print, screen and (min-width: 768px) { .faq__head { padding: 1.4em; font-size: 1.8rem; cursor: pointer; } .faq__head:hover .faq__title { text-decoration: underline; } } @media only screen and (max-width: 767.98px) { .faq__head { padding: 0.8em; font-size: 1.5rem; } } .faq__mark--question { color: #222e46; } .faq__mark--answer { color: #fff; } .faq__title { flex: 1; position: relative; } @media print, screen and (min-width: 768px) { .faq__title { padding-right: 3.0em; } } @media only screen and (max-width: 767.98px) { .faq__title { padding-right: 2.0em; } } .faq__title::before, .faq__title::after { position: absolute; top: 50%; right: 0; height: 1px; margin: -1px 0 0 0; background: #999; -webkit-backface-visibility: hidden; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; content: ""; } @media print, screen and (min-width: 768px) { .faq__title::before, .faq__title::after { width: 21px; } } @media only screen and (max-width: 767.98px) { .faq__title::before, .faq__title::after { width: 15px; } } .faq__title::before { transform: rotate(90deg); } .faq__head.is-active .faq__title::before { transform: rotate(0deg); } .faq__body { display: flex; flex-flow: row nowrap; position: relative; } @media print, screen and (min-width: 768px) { .faq__body { padding: 1.4em 1.6em; } } @media only screen and (max-width: 767.98px) { .faq__body { padding: .6em 1.0em; } } .faq__detail { flex: 1; } .faq__detail > *:first-child, .faq__detail > section:first-child > *:first-child, .faq__detail > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* tooltip */ /* ====================================================== * TIP-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * TIP-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * tooltip-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * tooltip-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .tooltip { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media only screen and (max-width: 767.98px) { .tooltip { text-decoration: underline !important; } } .tooltip:link { position: relative; } .tooltip__balloon { display: inline-block; position: absolute; bottom: 100%; left: 50%; padding: 0 0 8px 0; color: #fff; opacity: 0; visibility: hidden; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; cursor: default; } @media print, screen and (min-width: 768px) { .tooltip__balloon { width: 200px; margin: 0 0 0 -96px; } } @media only screen and (max-width: 767.98px) { .tooltip__balloon { width: 180px; margin: 0 0 0 -108px; } } .tooltip__balloon__inner { display: block; position: relative; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } @media print, screen and (min-width: 768px) { .tooltip__balloon__inner { padding: 1.2em 1.6em; font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .tooltip__balloon__inner { padding: .8em 1.2em; font-size: 1.2rem; line-height: 1.4; } } .tooltip__balloon__inner::before { display: inline-block; position: absolute; bottom: -6px; left: 50%; z-index: 1; width: 12px; height: 12px; background-color: #fff; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1); transform: translateX(-50%) rotate(45deg) skew(10deg, 10deg); content: ""; } .tooltip__balloon__inner::after { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #fff; content: ""; } .tooltip__balloon__text { position: relative; z-index: 3; } @media print, screen and (min-width: 768px) { .tooltip:hover { text-decoration: underline; } .tooltip:hover .tooltip__balloon { opacity: 1; visibility: visible; } } @media only screen and (max-width: 767.98px) { .tooltip.is-active .tooltip__balloon { opacity: 1; visibility: visible; } } /* gmap */ /* ====================================================== * GMAP-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * GMAP-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * gmap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * gmap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .gmap { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .gmap + * { margin-top: 1em; } .gmap__body { position: relative; width: 100%; padding-top: 56.25%; } .gmap__body > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } /* download */ /* ====================================================== * DLD-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * DLD-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * download-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * download-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .download__link-list__type, .download__link-list__type--blank, .download__link-list__type--pdf, .download__link-list__type--excel, .download__link-list__type--word, .download__link-list__type--powerpoint, .download__link-list__type--zip, .download__link-list__type--video, .download__link-list__type--modal, .download__link-list__type--rss { display: inline-block; position: relative; padding-left: 1.2em; } @media print, screen and (min-width: 768px) { .download__link-list__type:hover, .download__link-list__type--blank:hover, .download__link-list__type--pdf:hover, .download__link-list__type--excel:hover, .download__link-list__type--word:hover, .download__link-list__type--powerpoint:hover, .download__link-list__type--zip:hover, .download__link-list__type--video:hover, .download__link-list__type--modal:hover, .download__link-list__type--rss:hover { text-decoration: underline; } } .download__link-list__type::before, .download__link-list__type--blank::before, .download__link-list__type--pdf::before, .download__link-list__type--excel::before, .download__link-list__type--word::before, .download__link-list__type--powerpoint::before, .download__link-list__type--zip::before, .download__link-list__type--video::before, .download__link-list__type--modal::before, .download__link-list__type--rss::before { position: absolute; top: .4em; left: -2px; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .download { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .download__inner { display: flex; flex-flow: row nowrap; padding: 1.8em 1.8em 1.6em; } } @media only screen and (max-width: 767.98px) { .download__inner { padding: 1.4em 1.4em 1.2em; } } @media print, screen and (min-width: 768px) { .download__banner { margin-right: 1.8em; } } @media only screen and (max-width: 767.98px) { .download__banner { text-align: center; } } .download__caption > *:first-child, .download__caption > section:first-child > *:first-child, .download__caption > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } @media print, screen and (min-width: 768px) { .download__caption { flex: 1; } } @media only screen and (max-width: 767.98px) { .download__caption { margin-top: 1.0em; } } .download__description { margin: 1.0em 0 0 0; } .download__link-list { padding: 0; } @media print, screen and (min-width: 768px) { .download__link-list { margin: .8em 0 0; } } @media only screen and (max-width: 767.98px) { .download__link-list { margin: 1.0em 0 0; } } .download__link-list > li { list-style: none; } .download__note-list { padding: 0; } @media print, screen and (min-width: 768px) { .download__note-list { margin: 1.0em 0 0; } } @media only screen and (max-width: 767.98px) { .download__note-list { margin: 1.0em 0 0; } } .download__note-list > li { list-style: none; position: relative; padding-left: 1.0em; } @media print, screen and (min-width: 768px) { .download__note-list > li { font-size: 1.4rem; } } @media only screen and (max-width: 767.98px) { .download__note-list > li { font-size: 1.2rem; } } .download__note-list__mark { position: absolute; top: 0; left: 0; } /* inquiry */ /* ====================================================== * INQ-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * INQ-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * inquiry-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * inquiry-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .inquiry { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } @media print, screen and (min-width: 768px) { .inquiry { margin: 2.4em 0 0; } } @media only screen and (max-width: 767.98px) { .inquiry { margin: 1.4em 0 0; } } .inquiry__box { background-color: #fff; border: 1px solid #222e46; } .inquiry__title { margin: 0; color: #222e46; line-height: 1.4; } @media print, screen and (min-width: 768px) { .inquiry__title { padding: 1.0em 1.2em; font-size: 2.4rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .inquiry__title { padding: 1.0em 1.2em; font-size: 1.7rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .inquiry__detail { padding: 1.6em 1.8em; } } @media only screen and (max-width: 767.98px) { .inquiry__detail { padding: 1.2em 1.4em 1.0em; } } .inquiry__detail > *:first-child { margin-top: 0 !important; } .inquiry__description { margin: 1.0em 0 0 0; } @media print, screen and (min-width: 768px) { .inquiry__description { display: flex; align-items: baseline; } } .inquiry__description__office { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .inquiry__description__office { font-size: 1.8rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .inquiry__description__office { font-size: 1.5rem; font-weight: 700; } } @media print, screen and (min-width: 768px) { .inquiry__description__office + * { margin-left: 1.0em !important; } } @media only screen and (max-width: 767.98px) { .inquiry__description__office + * { margin-top: 0.4em !important; } } .inquiry__description__tel { margin: 0; line-height: 1.4; } @media print, screen and (min-width: 768px) { .inquiry__description__tel { font-size: 2.4rem; font-weight: 700; } } @media only screen and (max-width: 767.98px) { .inquiry__description__tel { font-size: 1.7rem; font-weight: 700; } } .inquiry__note-list { padding: 0; } @media print, screen and (min-width: 768px) { .inquiry__note-list { margin: 1.2em 0 0 0; } } @media only screen and (max-width: 767.98px) { .inquiry__note-list { margin: .6em 0 0; } } .inquiry__note-list > li { position: relative; list-style: none; padding-left: 1.4em; } .inquiry__note-list__mark { position: absolute; top: 0; left: 0; } /* modal */ /* ====================================================== * MDL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * MDL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * modal-0001 * ------------------------------------------------------ * @vars * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ [class*=modal--].modaal-wrapper .modaal-overlay { opacity: .7 !important; } [class*=modal--].modaal-wrapper .modaal-container .modaal-close { top: -48px; right: 0; width: 48px; height: 48px; border-radius: 0; background-color: #fe4774; } @media print, screen and (min-width: 768px) { [class*=modal--].modaal-wrapper .modaal-container .modaal-close:hover { opacity: 1; background-color: #222e46; } } [class*=modal--].modaal-wrapper .modaal-container .modaal-close > span { text-indent: -9999px; overflow: hidden; } [class*=modal--].modaal-wrapper .modaal-container .modaal-close > span::before, [class*=modal--].modaal-wrapper .modaal-container .modaal-close > span::after { width: 30px; height: 2px; margin: -1px 0 0 -15px; background-color: #fff; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ .modal--image.modaal-wrapper .modaal-container { border-radius: 0; } @media print, screen and (min-width: 768px) { .modal--image.modaal-wrapper .modaal-container { width: 876px; padding: 61px; } } @media only screen and (max-width: 767.98px) { .modal--image.modaal-wrapper .modaal-container { padding: 20px; } }