@charset "UTF-8"; /* ====================================================== * company_about * ------------------------------------------------------ * - Import * - Path * - Override * - PageComponent * Print ====================================================== */ /* ------------------------------------------------------ * Import ------------------------------------------------------ */ /* ====================================================== * index * ------------------------------------------------------ * Config * General * Base * Layout * Module ====================================================== */ /* ====================================================== * Config ====================================================== */ /* ====================================================== * basedesign * ------------------------------------------------------ * Path * View * Color * Font * Link * Animation * Position * Column ====================================================== */ /* ====================================================== * Path ====================================================== */ /*----- 背景画像用パス -----*/ /* ====================================================== * View ====================================================== */ /*----- ブレイクポイント -----*/ /*----- コンテンツ幅 -----*/ /*----- コンテンツ幅左右アキ -----*/ /*----- ヘッダー高さ -----*/ :root { --header-height: var(--header-height-base); --header-area-height: var(--header-height-base); } /* ====================================================== * Color ====================================================== */ /*----- テーマカラー -----*/ /*----- 背景カラー -----*/ /*----- テキストカラー -----*/ /*----- リンクテキストカラー -----*/ /* ----- アウトラインカラー ----- */ /* ----- スクロールバーカラー ----- */ /* ====================================================== * Font ====================================================== */ /*----- フォントファミリー -----*/ /*----- フォントサイズ -----*/ /*----- 行間 -----*/ /*----- フォントウェイト -----*/ /* ====================================================== * Link ====================================================== */ /*----- リンクタイプ -----*/ /*----- リンク矢印アイコン -----*/ /*----- 透過度 -----*/ /*----- アイコンサイズ -----*/ /* ====================================================== * Heading Margin ====================================================== */ /* ====================================================== * Animation ====================================================== */ /*----- イージング（変化の度合い） -----*/ /*----- デュレーション（変化の開始から終了までの時間） -----*/ /*----- ディレイ（変化が始まるまでの時間） -----*/ /* ====================================================== * Position ====================================================== */ /*----- 横方向の指定 -----*/ /*----- 縦方向の指定 -----*/ /* ====================================================== * Column ====================================================== */ /*----- カラムの最大数の指定 -----*/ /*----- カラム間のアキの指定 -----*/ /* ====================================================== * General ====================================================== */ /* ----- function ----- */ /* ====================================================== * function * ------------------------------------------------------ * gen-fetch-breakpoint ====================================================== */ /* ------------------------------------------------------ * gen-fetch-breakpoint ------------------------------------------------------ */ /* ----- mixin ----- */ /* ====================================================== * mixin * ------------------------------------------------------ * hover-focus * plain-hover-focus * hover-focus-active * except-hover * any-link * all-link ====================================================== */ /* ------------------------------------------------------ * hover-focus ------------------------------------------------------ */ /* ------------------------------------------------------ * plain-hover-focus ------------------------------------------------------ */ /* ------------------------------------------------------ * hover-focus-active ------------------------------------------------------ */ /* ------------------------------------------------------ * except-hover ------------------------------------------------------ */ /* ------------------------------------------------------ * any-link ------------------------------------------------------ */ /* ------------------------------------------------------ * all-link ------------------------------------------------------ */ /* ------------------------------------------------------ * focus-visible-within ------------------------------------------------------ */ /* ====================================================== * 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 ------------------------------------------------------ */ .header-gnav__type:after, .header-megamenu__title__type:after, .header-card .header-card__type .header-card__title:after, .header-link-list > li > [class*="__type"]:not([class*="--nolink"]):before, .header-snav__list > li > [class*="__type"]:before, .header-description__title__type:after, .main-lnav__title__type:after, .main-lnav__stage1 > li > [class*="__type"]:not([class*="--nolink"]):before, .main-lnav__stage2 > li > [class*="__type"]:not([class*="--nolink"]):before, .main-lnav-button .main-lnav-button__type .main-lnav-button__label:after, .main-lnav-card__title__link:after, .footer-sitemap__link__type:after, .footer-sitemap__top-link__type:after, .footer-sitemap__description__title__type:after, .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, .button .button__type .button__label:after, .button-v2 .button-v2__type .button-v2__label:after, .card .card__type .card__title:after, .card .card__type--scaleup .card__title:after, .news__type .news__title:after, .cmn-figure-heading1__link-list > li > [class*="__type"]:before, .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:after, .cmn-horizontally__heading2__link .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type .cmn-horizontally__button__label:after, .cmn-cta__heading2__link .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type .cmn-cta__download__button__label:after, .cmn-related-products-carousel__card__type .cmn-related-products-carousel__card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type .cmn-exhibition-card__title:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type .cmn-blog-card__title:after, .cmn-case-card > [class*="__type"]:not([class*="--nolink"]) .cmn-case-card__title:after, .cmn-evaluation-carousel__item__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type .cmn-technology-blog-card__title:after, .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .cmn-heading-card:not([class*="--nolink"]) .cmn-heading-card__title:before, .company-about-card .company-about-card__type .company-about-card__title:after, .anchor-navi__link:before, .cmn-step-with-anchor__label:before, .cmn-strengths-anchor-navi__link:after, .pager-navi .pager-navi__link--prev:after, .pager-navi .pager-navi__link--next:after, .carousel .slick-arrow:after, .cmn-product-category-hero__carousel .slick-arrow:after, .cmn-related-products-carousel .slick-arrow:after, .cmn-evaluation-carousel .slick-arrow:after, .slick-arrow:after { display: inline-block; position: relative; overflow: hidden; background: no-repeat center / contain; background-image: url("/app-files/img/sprite/icon.svg#arrow-usage"); text-indent: 100%; vertical-align: middle; white-space: nowrap; content: ""; will-change: background; } .header-gnav__type:after, .header-megamenu__title__type:after, .header-card .header-card__type .header-card__title:after, .header-link-list > li > [class*="__type"]:not([class*="--nolink"]):before, .header-snav__list > li > [class*="__type"]:before, .header-description__title__type:after, .main-lnav__title__type:after, .main-lnav__stage1 > li > [class*="__type"]:not([class*="--nolink"]):before, .main-lnav__stage2 > li > [class*="__type"]:not([class*="--nolink"]):before, .main-lnav-button .main-lnav-button__type .main-lnav-button__label:after, .main-lnav-card__title__link:after, .footer-sitemap__link__type:after, .footer-sitemap__top-link__type:after, .footer-sitemap__description__title__type:after, .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, .button .button__type .button__label:after, .button-v2 .button-v2__type .button-v2__label:after, .card .card__type .card__title:after, .card .card__type--scaleup .card__title:after, .news__type .news__title:after, .cmn-figure-heading1__link-list > li > [class*="__type"]:before, .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:after, .cmn-horizontally__heading2__link .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type .cmn-horizontally__button__label:after, .cmn-cta__heading2__link .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type .cmn-cta__download__button__label:after, .cmn-related-products-carousel__card__type .cmn-related-products-carousel__card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type .cmn-exhibition-card__title:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type .cmn-blog-card__title:after, .cmn-case-card > [class*="__type"]:not([class*="--nolink"]) .cmn-case-card__title:after, .cmn-evaluation-carousel__item__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type .cmn-technology-blog-card__title:after, .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .cmn-heading-card:not([class*="--nolink"]) .cmn-heading-card__title:before, .company-about-card .company-about-card__type .company-about-card__title:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .anchor-navi__link:before, .cmn-step-with-anchor__label:before, .cmn-strengths-anchor-navi__link:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .button-v3 .button-v3__type .button-v3__label:after, .inquiry-button .inquiry-button__type .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type .cmn-product-category-heading1__button__label:after, .cmn-figure-heading1__button .cmn-figure-heading1__button__type .cmn-figure-heading1__button__label:after { display: inline-block; position: relative; overflow: hidden; background: no-repeat center / contain; background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); text-indent: 100%; vertical-align: middle; white-space: nowrap; content: ""; will-change: background; } .button-v3 .button-v3__type .button-v3__label:after, .inquiry-button .inquiry-button__type .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type .cmn-product-category-heading1__button__label:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .cmn-figure-heading1__button .cmn-figure-heading1__button__type .cmn-figure-heading1__button__label:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* ------------------------------------------------------ * gen-icon-arrow-tail ------------------------------------------------------ */ .header-megamenu__title__type:after, .header-card .header-card__type .header-card__title:after, .header-description__title__type:after, .main-lnav__title__type:after, .main-lnav-card__title__link:after, .footer-sitemap__link__type:after, .footer-sitemap__top-link__type:after, .footer-sitemap__description__title__type:after, .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 .card__type--scaleup .card__title:after, .cmn-horizontally__heading2__link .cmn-horizontally__heading2__title:after, .cmn-cta__heading2__link .cmn-cta__heading2__title:after, .cmn-related-products-carousel__card__type .cmn-related-products-carousel__card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type .cmn-exhibition-card__title:after, .cmn-blog-card .cmn-blog-card__type .cmn-blog-card__title:after, .cmn-case-card > [class*="__type"]:not([class*="--nolink"]) .cmn-case-card__title:after, .cmn-evaluation-carousel__item__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type .cmn-technology-blog-card__title:after, .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .company-about-card .company-about-card__type .company-about-card__title:after { -webkit-margin-start: var(--gap-link-gap); margin-inline-start: var(--gap-link-gap); } /* ------------------------------------------------------ * gen-icon-arrow-middle ------------------------------------------------------ */ .header-gnav__type:after, .main-lnav-button .main-lnav-button__type .main-lnav-button__label:after, .button .button__type .button__label:after, .button-v2 .button-v2__type .button-v2__label:after, .button-v3 .button-v3__type .button-v3__label:after, .inquiry-button .inquiry-button__type .inquiry-button__label:after, .cmn-figure-heading1__button .cmn-figure-heading1__button__type .cmn-figure-heading1__button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type .cmn-product-category-heading1__button__label:after { translate: 0 -50%; position: absolute; top: 50%; } /* ------------------------------------------------------ * gen-icon-minarrow ------------------------------------------------------ */ .header-gnav__type--toggle:after, .footer-sitemap__accordion__head:after { display: inline-block; position: relative; overflow: hidden; background: no-repeat center / contain; background-image: url("/app-files/img/sprite/icon.svg#minarrow-usage"); text-indent: 100%; vertical-align: middle; white-space: nowrap; content: ""; will-change: background; } .header-gnav__type--toggle:after, .footer-sitemap__accordion__head:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* ------------------------------------------------------ * gen-icon-minarrow-tail ------------------------------------------------------ */ .header-gnav__type--toggle:after, .footer-sitemap__accordion__head:after { -webkit-margin-start: var(--gap-link-gap); margin-inline-start: var(--gap-link-gap); } /* ------------------------------------------------------ * gen-icon-minarrow-middle ------------------------------------------------------ */ /* ------------------------------------------------------ * gen-icon-sprite ------------------------------------------------------ */ .util-link--blank:after, .header-gnav__type--blank:after, .header-megamenu__title__type--blank:after, .header-card .header-card__type--blank .header-card__title:after, .header-link-list__type--blank:after, .header-snav__type--blank:after, .header-language__type--blank:after, .header-description__title__type--blank:after, .main-lnav__title__type--blank:after, .main-lnav__stage1__type--blank:after, .main-lnav__stage2__type--blank:after, .main-lnav-button .main-lnav-button__type--blank .main-lnav-button__label:after, .footer-sitemap__link__type--blank:after, .footer-sitemap__top-link__type--blank:after, .footer-sitemap__description__title__type--blank:after, .footer-sitemap__link-list__type--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 .button__label:after, .button-v2 .button-v2__type--blank .button-v2__label:after, .card .card__type--blank .card__title:after, .card .card__type--blank--scaleup .card__title:after, .news__type--blank .news__title:after, .cmn-horizontally__heading2__link--blank .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type--blank .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type--blank .cmn-horizontally__button__label:after, .cmn-cta__heading2__link--blank .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type--blank .cmn-cta__download__button__label:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank--scaleup .cmn-exhibition-card__title:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type--blank .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--blank--scaleup .cmn-blog-card__title:after, .cmn-case-card__type--blank .cmn-case-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--blank .cmn-technology-blog-card__title:after, .cmn-heading-card__type--blank .cmn-heading-card__title:after, .company-about-box-v2__title:after, .company-about-card .company-about-card__type--blank .company-about-card__title:after, .footer-sitemap__link__list__type--blank:after, .footer-subnav__link-list__type--blank:after, .button-v3 .button-v3__type--blank .button-v3__label:after, .inquiry-button .inquiry-button__type--blank .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--blank .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--blank .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank .cmn-product-category-heading1__button__label:after, .util-link--pdf:after, .header-gnav__type--pdf:after, .header-megamenu__title__type--pdf:after, .header-card .header-card__type--pdf .header-card__title:after, .header-link-list__type--pdf:after, .header-snav__type--pdf:after, .header-language__type--pdf:after, .header-description__title__type--pdf:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__type--pdf:after, .main-lnav__stage2__type--pdf:after, .main-lnav-button .main-lnav-button__type--pdf .main-lnav-button__label:after, .footer-sitemap__link__type--pdf:after, .footer-sitemap__top-link__type--pdf:after, .footer-sitemap__description__title__type--pdf:after, .footer-sitemap__link-list__type--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 .button__label:after, .button-v2 .button-v2__type--pdf .button-v2__label:after, .button-v3 .button-v3__type--pdf .button-v3__label:after, .card .card__type--pdf .card__title:after, .card .card__type--pdf--scaleup .card__title:after, .news__type--pdf .news__title:after, .inquiry-button .inquiry-button__type--pdf .inquiry-button__label:after, .cmn-horizontally__heading2__link--pdf .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type--pdf .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type--pdf .cmn-horizontally__button__label:after, .cmn-cta__heading2__link--pdf .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type--pdf .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--pdf .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf .cmn-cta__inquiry__button__label:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf--scaleup .cmn-exhibition-card__title:after, .cmn-registration__button .cmn-registration__button__type--pdf .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type--pdf .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--pdf--scaleup .cmn-blog-card__title:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf .cmn-product-category-heading1__button__label:after, .cmn-case-card__type--pdf .cmn-case-card__title:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--pdf .cmn-technology-blog-card__title:after, .cmn-heading-card__type--pdf .cmn-heading-card__title:after, .company-about-card .company-about-card__type--pdf .company-about-card__title:after, .footer-sitemap__link__list__type--pdf:after, .footer-subnav__link-list__type--pdf:after, .util-link--excel:after, .main-lnav-button .main-lnav-button__type--excel .main-lnav-button__label:after, .link-list__type--excel:after, .button .button__type--excel .button__label:after, .button-v2 .button-v2__type--excel .button-v2__label:after, .button-v3 .button-v3__type--excel .button-v3__label:after, .inquiry-button .inquiry-button__type--excel .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--excel .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--excel .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--excel .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--excel .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel .cmn-product-category-heading1__button__label:after, .util-link--word:after, .main-lnav-button .main-lnav-button__type--word .main-lnav-button__label:after, .link-list__type--word:after, .button .button__type--word .button__label:after, .button-v2 .button-v2__type--word .button-v2__label:after, .button-v3 .button-v3__type--word .button-v3__label:after, .inquiry-button .inquiry-button__type--word .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--word .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--word .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--word .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--word .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--word .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word .cmn-product-category-heading1__button__label:after, .util-link--powerpoint:after, .main-lnav-button .main-lnav-button__type--powerpoint .main-lnav-button__label:after, .link-list__type--powerpoint:after, .button .button__type--powerpoint .button__label:after, .button-v2 .button-v2__type--powerpoint .button-v2__label:after, .button-v3 .button-v3__type--powerpoint .button-v3__label:after, .inquiry-button .inquiry-button__type--powerpoint .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--powerpoint .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--powerpoint .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint .cmn-product-category-heading1__button__label:after, .util-link--zip:after, .main-lnav-button .main-lnav-button__type--zip .main-lnav-button__label:after, .link-list__type--zip:after, .button .button__type--zip .button__label:after, .button-v2 .button-v2__type--zip .button-v2__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--zip .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--zip .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip .cmn-registration__button-v2__label:after, .button-v3 .button-v3__type--zip .button-v3__label:after, .inquiry-button .inquiry-button__type--zip .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--zip .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--zip .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip .cmn-product-category-heading1__button__label:after, .util-link--modal:after, .main-lnav-button .main-lnav-button__type--modal .main-lnav-button__label:after, .link-list__type--modal:after, .button .button__type--modal .button__label:after, .button-v2 .button-v2__type--modal .button-v2__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--modal .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--modal .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal .cmn-registration__button-v2__label:after, .button-v3 .button-v3__type--modal .button-v3__label:after, .inquiry-button .inquiry-button__type--modal .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--modal .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--modal .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal .cmn-product-category-heading1__button__label:after, .util-link--rss:after, .main-lnav-button .main-lnav-button__type--rss .main-lnav-button__label:after, .link-list__type--rss:after, .button .button__type--rss .button__label:after, .button-v2 .button-v2__type--rss .button-v2__label:after, .pulldown-navi__link--rss:before, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--rss .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--rss .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss .cmn-registration__button-v2__label:after, .button-v3 .button-v3__type--rss .button-v3__label:after, .inquiry-button .inquiry-button__type--rss .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--rss .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--rss .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss .cmn-product-category-heading1__button__label:after { display: inline-block; position: relative; overflow: hidden; background: no-repeat center / contain; text-indent: 100%; vertical-align: middle; white-space: nowrap; content: ""; will-change: background; } .util-link--blank:after, .header-gnav__type--blank:after, .header-megamenu__title__type--blank:after, .header-card .header-card__type--blank .header-card__title:after, .header-link-list__type--blank:after, .header-snav__type--blank:after, .header-language__type--blank:after, .header-description__title__type--blank:after, .main-lnav__title__type--blank:after, .main-lnav__stage1__type--blank:after, .main-lnav__stage2__type--blank:after, .main-lnav-button .main-lnav-button__type--blank .main-lnav-button__label:after, .footer-sitemap__link__type--blank:after, .footer-sitemap__top-link__type--blank:after, .footer-sitemap__description__title__type--blank:after, .footer-sitemap__link-list__type--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 .button__label:after, .button-v2 .button-v2__type--blank .button-v2__label:after, .card .card__type--blank .card__title:after, .card .card__type--blank--scaleup .card__title:after, .news__type--blank .news__title:after, .cmn-horizontally__heading2__link--blank .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type--blank .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type--blank .cmn-horizontally__button__label:after, .cmn-cta__heading2__link--blank .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type--blank .cmn-cta__download__button__label:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank--scaleup .cmn-exhibition-card__title:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type--blank .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--blank--scaleup .cmn-blog-card__title:after, .cmn-case-card__type--blank .cmn-case-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--blank .cmn-technology-blog-card__title:after, .cmn-heading-card__type--blank .cmn-heading-card__title:after, .company-about-box-v2__title:after, .company-about-card .company-about-card__type--blank .company-about-card__title:after { background-image: url("/app-files/img/sprite/icon.svg#blank-usage"); } .footer-sitemap__link__list__type--blank:after, .footer-subnav__link-list__type--blank:after, .button-v3 .button-v3__type--blank .button-v3__label:after, .inquiry-button .inquiry-button__type--blank .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--blank .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--blank .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank .cmn-product-category-heading1__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .util-link--pdf:after, .header-gnav__type--pdf:after, .header-megamenu__title__type--pdf:after, .header-card .header-card__type--pdf .header-card__title:after, .header-link-list__type--pdf:after, .header-snav__type--pdf:after, .header-language__type--pdf:after, .header-description__title__type--pdf:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__type--pdf:after, .main-lnav__stage2__type--pdf:after, .main-lnav-button .main-lnav-button__type--pdf .main-lnav-button__label:after, .footer-sitemap__link__type--pdf:after, .footer-sitemap__top-link__type--pdf:after, .footer-sitemap__description__title__type--pdf:after, .footer-sitemap__link-list__type--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 .button__label:after, .button-v2 .button-v2__type--pdf .button-v2__label:after, .button-v3 .button-v3__type--pdf .button-v3__label:after, .card .card__type--pdf .card__title:after, .card .card__type--pdf--scaleup .card__title:after, .news__type--pdf .news__title:after, .inquiry-button .inquiry-button__type--pdf .inquiry-button__label:after, .cmn-horizontally__heading2__link--pdf .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type--pdf .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type--pdf .cmn-horizontally__button__label:after, .cmn-cta__heading2__link--pdf .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type--pdf .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--pdf .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf .cmn-cta__inquiry__button__label:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf--scaleup .cmn-exhibition-card__title:after, .cmn-registration__button .cmn-registration__button__type--pdf .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type--pdf .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--pdf--scaleup .cmn-blog-card__title:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf .cmn-product-category-heading1__button__label:after, .cmn-case-card__type--pdf .cmn-case-card__title:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--pdf .cmn-technology-blog-card__title:after, .cmn-heading-card__type--pdf .cmn-heading-card__title:after, .company-about-card .company-about-card__type--pdf .company-about-card__title:after { background-image: url("/app-files/img/sprite/icon.svg#pdf-usage"); } .footer-sitemap__link__list__type--pdf:after, .footer-subnav__link-list__type--pdf:after { background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .util-link--excel:after, .main-lnav-button .main-lnav-button__type--excel .main-lnav-button__label:after, .link-list__type--excel:after, .button .button__type--excel .button__label:after, .button-v2 .button-v2__type--excel .button-v2__label:after, .button-v3 .button-v3__type--excel .button-v3__label:after, .inquiry-button .inquiry-button__type--excel .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--excel .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--excel .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--excel .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--excel .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel .cmn-product-category-heading1__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#excel-usage"); } .util-link--word:after, .main-lnav-button .main-lnav-button__type--word .main-lnav-button__label:after, .link-list__type--word:after, .button .button__type--word .button__label:after, .button-v2 .button-v2__type--word .button-v2__label:after, .button-v3 .button-v3__type--word .button-v3__label:after, .inquiry-button .inquiry-button__type--word .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--word .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--word .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--word .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--word .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--word .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word .cmn-product-category-heading1__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#word-usage"); } .util-link--powerpoint:after, .main-lnav-button .main-lnav-button__type--powerpoint .main-lnav-button__label:after, .link-list__type--powerpoint:after, .button .button__type--powerpoint .button__label:after, .button-v2 .button-v2__type--powerpoint .button-v2__label:after, .button-v3 .button-v3__type--powerpoint .button-v3__label:after, .inquiry-button .inquiry-button__type--powerpoint .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--powerpoint .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--powerpoint .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint .cmn-product-category-heading1__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#powerpoint-usage"); } .util-link--zip:after, .main-lnav-button .main-lnav-button__type--zip .main-lnav-button__label:after, .link-list__type--zip:after, .button .button__type--zip .button__label:after, .button-v2 .button-v2__type--zip .button-v2__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--zip .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--zip .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#zip-usage"); } .button-v3 .button-v3__type--zip .button-v3__label:after, .inquiry-button .inquiry-button__type--zip .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--zip .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--zip .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip .cmn-product-category-heading1__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .util-link--modal:after, .main-lnav-button .main-lnav-button__type--modal .main-lnav-button__label:after, .link-list__type--modal:after, .button .button__type--modal .button__label:after, .button-v2 .button-v2__type--modal .button-v2__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--modal .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--modal .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#modal-usage"); } .button-v3 .button-v3__type--modal .button-v3__label:after, .inquiry-button .inquiry-button__type--modal .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--modal .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--modal .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal .cmn-product-category-heading1__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .util-link--rss:after, .main-lnav-button .main-lnav-button__type--rss .main-lnav-button__label:after, .link-list__type--rss:after, .button .button__type--rss .button__label:after, .button-v2 .button-v2__type--rss .button-v2__label:after, .pulldown-navi__link--rss:before, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--rss .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--rss .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#rss-usage"); } .button-v3 .button-v3__type--rss .button-v3__label:after, .inquiry-button .inquiry-button__type--rss .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--rss .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--rss .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss .cmn-product-category-heading1__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#rss2-usage"); } /* ------------------------------------------------------ * gen-icon-sprite-tail ------------------------------------------------------ */ .util-link--blank:after, .util-link--pdf:after, .util-link--excel:after, .util-link--word:after, .util-link--powerpoint:after, .util-link--zip:after, .util-link--modal:after, .util-link--rss:after, .header-megamenu__title__type--blank:after, .header-megamenu__title__type--pdf:after, .header-card .header-card__type--blank .header-card__title:after, .header-card .header-card__type--pdf .header-card__title:after, .header-link-list__type--blank:after, .header-link-list__type--pdf:after, .header-snav__type--blank:after, .header-snav__type--pdf:after, .header-language__type--blank:after, .header-language__type--pdf:after, .header-description__title__type--blank:after, .header-description__title__type--pdf:after, .main-lnav__title__type--blank:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__type--blank:after, .main-lnav__stage1__type--pdf:after, .main-lnav__stage2__type--blank:after, .main-lnav__stage2__type--pdf:after, .footer-sitemap__link__type--blank:after, .footer-sitemap__link__type--pdf:after, .footer-sitemap__link__list__type--blank:after, .footer-sitemap__link__list__type--pdf:after, .footer-sitemap__top-link__type--blank:after, .footer-sitemap__top-link__type--pdf:after, .footer-sitemap__description__title__type--blank:after, .footer-sitemap__description__title__type--pdf:after, .footer-sitemap__link-list__type--blank:after, .footer-sitemap__link-list__type--pdf:after, .footer-subnav__link-list__type--blank:after, .footer-subnav__link-list__type--pdf:after, .heading2__link--blank .heading2__title:after, .heading2__link--pdf .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .heading2--center__link--pdf .heading2--center__title:after, .heading2-v2__link--blank .heading2-v2__title:after, .heading2-v2__link--pdf .heading2-v2__title:after, .heading2-v2--center__link--blank .heading2-v2--center__title:after, .heading2-v2--center__link--pdf .heading2-v2--center__title:after, .heading3__link--blank .heading3__title:after, .heading3__link--pdf .heading3__title:after, .heading3--center__link--blank .heading3--center__title:after, .heading3--center__link--pdf .heading3--center__title:after, .heading3-v2__link--blank .heading3-v2__title:after, .heading3-v2__link--pdf .heading3-v2__title:after, .heading3-v2--center__link--blank .heading3-v2--center__title:after, .heading3-v2--center__link--pdf .heading3-v2--center__title:after, .heading4__link--blank .heading4__title:after, .heading4__link--pdf .heading4__title:after, .heading4--center__link--blank .heading4--center__title:after, .heading4--center__link--pdf .heading4--center__title:after, .heading4-v2__link--blank .heading4-v2__title:after, .heading4-v2__link--pdf .heading4-v2__title:after, .heading4-v2--center__link--blank .heading4-v2--center__title:after, .heading4-v2--center__link--pdf .heading4-v2--center__title:after, .heading5__link--blank .heading5__title:after, .heading5__link--pdf .heading5__title:after, .heading5--center__link--blank .heading5--center__title:after, .heading5--center__link--pdf .heading5--center__title:after, .heading6__link--blank .heading6__title:after, .heading6__link--pdf .heading6__title:after, .heading6--center__link--blank .heading6--center__title:after, .heading6--center__link--pdf .heading6--center__title:after, .description-list__type--blank:after, .description-list__type--pdf:after, .description-list-v2__type--blank:after, .description-list-v2__type--pdf:after, .description-list-v3__type--blank:after, .description-list-v3__type--pdf:after, .description-list-v4__type--blank:after, .description-list-v4__type--pdf: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--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, .news__type .news__title:after, .news__type--blank .news__title:after, .news__type--pdf .news__title:after, .cmn-horizontally__heading2__link--blank .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__link--pdf .cmn-horizontally__heading2__title:after, .cmn-horizontally__news__type .cmn-horizontally__news__title:after, .cmn-horizontally__news__type--blank .cmn-horizontally__news__title:after, .cmn-horizontally__news__type--pdf .cmn-horizontally__news__title:after, .cmn-cta__heading2__link--blank .cmn-cta__heading2__title:after, .cmn-cta__heading2__link--pdf .cmn-cta__heading2__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank--scaleup .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf--scaleup .cmn-exhibition-card__title:after, .cmn-blog-card .cmn-blog-card__type--blank .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--blank--scaleup .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--pdf .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--pdf--scaleup .cmn-blog-card__title:after, .cmn-case-card__type--blank .cmn-case-card__title:after, .cmn-case-card__type--pdf .cmn-case-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title--center:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--blank .cmn-technology-blog-card__title:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--pdf .cmn-technology-blog-card__title:after, .cmn-heading-card__type--blank .cmn-heading-card__title:after, .cmn-heading-card__type--pdf .cmn-heading-card__title:after, .company-about-card .company-about-card__type--blank .company-about-card__title:after, .company-about-card .company-about-card__type--pdf .company-about-card__title:after { -webkit-margin-start: var(--gap-link-gap); margin-inline-start: var(--gap-link-gap); } /* ------------------------------------------------------ * gen-icon-sprite-middle ------------------------------------------------------ */ .main-lnav-button .main-lnav-button__type--blank .main-lnav-button__label:after, .main-lnav-button .main-lnav-button__type--pdf .main-lnav-button__label:after, .main-lnav-button .main-lnav-button__type--excel .main-lnav-button__label:after, .main-lnav-button .main-lnav-button__type--word .main-lnav-button__label:after, .main-lnav-button .main-lnav-button__type--powerpoint .main-lnav-button__label:after, .main-lnav-button .main-lnav-button__type--zip .main-lnav-button__label:after, .main-lnav-button .main-lnav-button__type--modal .main-lnav-button__label:after, .main-lnav-button .main-lnav-button__type--rss .main-lnav-button__label:after, .button .button__type--blank .button__label:after, .button .button__type--pdf .button__label:after, .button .button__type--excel .button__label:after, .button .button__type--word .button__label:after, .button .button__type--powerpoint .button__label:after, .button .button__type--zip .button__label:after, .button .button__type--modal .button__label:after, .button .button__type--rss .button__label:after, .button-v2 .button-v2__type--blank .button-v2__label:after, .button-v2 .button-v2__type--pdf .button-v2__label:after, .button-v2 .button-v2__type--excel .button-v2__label:after, .button-v2 .button-v2__type--word .button-v2__label:after, .button-v2 .button-v2__type--powerpoint .button-v2__label:after, .button-v2 .button-v2__type--zip .button-v2__label:after, .button-v2 .button-v2__type--modal .button-v2__label:after, .button-v2 .button-v2__type--rss .button-v2__label:after, .button-v3 .button-v3__type--blank .button-v3__label:after, .button-v3 .button-v3__type--pdf .button-v3__label:after, .button-v3 .button-v3__type--excel .button-v3__label:after, .button-v3 .button-v3__type--word .button-v3__label:after, .button-v3 .button-v3__type--powerpoint .button-v3__label:after, .button-v3 .button-v3__type--zip .button-v3__label:after, .button-v3 .button-v3__type--modal .button-v3__label:after, .button-v3 .button-v3__type--rss .button-v3__label:after, .inquiry-button .inquiry-button__type--blank .inquiry-button__label:after, .inquiry-button .inquiry-button__type--pdf .inquiry-button__label:after, .inquiry-button .inquiry-button__type--excel .inquiry-button__label:after, .inquiry-button .inquiry-button__type--word .inquiry-button__label:after, .inquiry-button .inquiry-button__type--powerpoint .inquiry-button__label:after, .inquiry-button .inquiry-button__type--zip .inquiry-button__label:after, .inquiry-button .inquiry-button__type--modal .inquiry-button__label:after, .inquiry-button .inquiry-button__type--rss .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--blank .cmn-horizontally__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--pdf .cmn-horizontally__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--excel .cmn-horizontally__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--word .cmn-horizontally__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint .cmn-horizontally__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--zip .cmn-horizontally__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--modal .cmn-horizontally__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--rss .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--blank .cmn-cta__download__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--pdf .cmn-cta__download__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--excel .cmn-cta__download__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--word .cmn-cta__download__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint .cmn-cta__download__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--zip .cmn-cta__download__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--modal .cmn-cta__download__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--rss .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--blank .cmn-cta__button__label:after, .cmn-cta__button .cmn-cta__button__type--pdf .cmn-cta__button__label:after, .cmn-cta__button .cmn-cta__button__type--excel .cmn-cta__button__label:after, .cmn-cta__button .cmn-cta__button__type--word .cmn-cta__button__label:after, .cmn-cta__button .cmn-cta__button__type--powerpoint .cmn-cta__button__label:after, .cmn-cta__button .cmn-cta__button__type--zip .cmn-cta__button__label:after, .cmn-cta__button .cmn-cta__button__type--modal .cmn-cta__button__label:after, .cmn-cta__button .cmn-cta__button__type--rss .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank .cmn-cta__inquiry__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf .cmn-cta__inquiry__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel .cmn-cta__inquiry__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word .cmn-cta__inquiry__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint .cmn-cta__inquiry__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip .cmn-cta__inquiry__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal .cmn-cta__inquiry__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--blank .cmn-registration__button__label:after, .cmn-registration__button .cmn-registration__button__type--pdf .cmn-registration__button__label:after, .cmn-registration__button .cmn-registration__button__type--excel .cmn-registration__button__label:after, .cmn-registration__button .cmn-registration__button__type--word .cmn-registration__button__label:after, .cmn-registration__button .cmn-registration__button__type--powerpoint .cmn-registration__button__label:after, .cmn-registration__button .cmn-registration__button__type--zip .cmn-registration__button__label:after, .cmn-registration__button .cmn-registration__button__type--modal .cmn-registration__button__label:after, .cmn-registration__button .cmn-registration__button__type--rss .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank .cmn-registration__button-v2__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf .cmn-registration__button-v2__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel .cmn-registration__button-v2__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--word .cmn-registration__button-v2__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint .cmn-registration__button-v2__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip .cmn-registration__button-v2__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal .cmn-registration__button-v2__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank .cmn-product-category-heading1__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf .cmn-product-category-heading1__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel .cmn-product-category-heading1__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word .cmn-product-category-heading1__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint .cmn-product-category-heading1__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip .cmn-product-category-heading1__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal .cmn-product-category-heading1__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss .cmn-product-category-heading1__button__label:after { translate: 0 -50%; position: absolute; top: 50%; } /* ====================================================== * table * ------------------------------------------------------ * gen-table-align ====================================================== */ /* ------------------------------------------------------ * gen-table-align ------------------------------------------------------ */ .table__cell--left-top, .table__cell--lv1--left-top, .table__cell--lv2--left-top, .cmn-table__cell--left-top, .cmn-table__cell--lv1--left-top, .cmn-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, .cmn-table__cell--left-middle, .cmn-table__cell--lv1--left-middle, .cmn-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, .cmn-table__cell--left-bottom, .cmn-table__cell--lv1--left-bottom, .cmn-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, .cmn-table__cell--center-top, .cmn-table__cell--lv1--center-top, .cmn-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, .cmn-table__cell--center-middle, .cmn-table__cell--lv1--center-middle, .cmn-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, .cmn-table__cell--center-bottom, .cmn-table__cell--lv1--center-bottom, .cmn-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, .cmn-table__cell--right-top, .cmn-table__cell--lv1--right-top, .cmn-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, .cmn-table__cell--right-middle, .cmn-table__cell--lv1--right-middle, .cmn-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, .cmn-table__cell--right-bottom, .cmn-table__cell--lv1--right-bottom, .cmn-table__cell--lv2--right-bottom { text-align: right !important; vertical-align: bottom !important; } /* ====================================================== * list * ------------------------------------------------------ * gen-list-default * gen-list-margin ====================================================== */ /* ------------------------------------------------------ * gen-list-margin ------------------------------------------------------ */ .note-list, .note-list-v2, .note-order-list, .note-order-list-v2, .unorder-list, .unorder-list-v2, .order-list, .order-list-v2, .link-list, .inquiry__note-list, .cmn-figure-heading1__link-list, .cmn-figure-heading1__link-list-v2, .cmn-inquiry__note-list { margin: 1em 0 0 0; padding: 0; list-style: none; } .note-list > *:first-child, .note-list-v2 > *:first-child, .note-order-list > *:first-child, .note-order-list-v2 > *:first-child, .unorder-list > *:first-child, .unorder-list-v2 > *:first-child, .order-list > *:first-child, .order-list-v2 > *:first-child, .link-list > *:first-child, .inquiry__note-list > *:first-child, .cmn-figure-heading1__link-list > *:first-child, .cmn-figure-heading1__link-list-v2 > *:first-child, .cmn-inquiry__note-list > *:first-child, .note-list > section:first-child > *:first-child, .note-list-v2 > section:first-child > *:first-child, .note-order-list > section:first-child > *:first-child, .note-order-list-v2 > section:first-child > *:first-child, .unorder-list > section:first-child > *:first-child, .unorder-list-v2 > section:first-child > *:first-child, .order-list > section:first-child > *:first-child, .order-list-v2 > section:first-child > *:first-child, .link-list > section:first-child > *:first-child, .inquiry__note-list > section:first-child > *:first-child, .cmn-figure-heading1__link-list > section:first-child > *:first-child, .cmn-figure-heading1__link-list-v2 > section:first-child > *:first-child, .cmn-inquiry__note-list > section:first-child > *:first-child, .note-list > [class^="list-wrap"] > *:first-child, .note-list-v2 > [class^="list-wrap"] > *:first-child, .note-order-list > [class^="list-wrap"] > *:first-child, .note-order-list-v2 > [class^="list-wrap"] > *:first-child, .unorder-list > [class^="list-wrap"] > *:first-child, .unorder-list-v2 > [class^="list-wrap"] > *:first-child, .order-list > [class^="list-wrap"] > *:first-child, .order-list-v2 > [class^="list-wrap"] > *:first-child, .link-list > [class^="list-wrap"] > *:first-child, .inquiry__note-list > [class^="list-wrap"] > *:first-child, .cmn-figure-heading1__link-list > [class^="list-wrap"] > *:first-child, .cmn-figure-heading1__link-list-v2 > [class^="list-wrap"] > *:first-child, .cmn-inquiry__note-list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .note-list__nest, .note-list-v2__nest, .note-order-list__nest, .note-order-list-v2__nest, .unorder-list__nest, .unorder-list-v2__nest, .order-list__nest, .order-list-v2__nest, .link-list__nest { color: var(--color-font-TX1); } .note-list__nest > *:first-child, .note-list-v2__nest > *:first-child, .note-order-list__nest > *:first-child, .note-order-list-v2__nest > *:first-child, .unorder-list__nest > *:first-child, .unorder-list-v2__nest > *:first-child, .order-list__nest > *:first-child, .order-list-v2__nest > *:first-child, .link-list__nest > *:first-child, .note-list__nest > section:first-child > *:first-child, .note-list-v2__nest > section:first-child > *:first-child, .note-order-list__nest > section:first-child > *:first-child, .note-order-list-v2__nest > section:first-child > *:first-child, .unorder-list__nest > section:first-child > *:first-child, .unorder-list-v2__nest > section:first-child > *:first-child, .order-list__nest > section:first-child > *:first-child, .order-list-v2__nest > section:first-child > *:first-child, .link-list__nest > section:first-child > *:first-child, .note-list__nest > [class^="list-wrap"] > *:first-child, .note-list-v2__nest > [class^="list-wrap"] > *:first-child, .note-order-list__nest > [class^="list-wrap"] > *:first-child, .note-order-list-v2__nest > [class^="list-wrap"] > *:first-child, .unorder-list__nest > [class^="list-wrap"] > *:first-child, .unorder-list-v2__nest > [class^="list-wrap"] > *:first-child, .order-list__nest > [class^="list-wrap"] > *:first-child, .order-list-v2__nest > [class^="list-wrap"] > *:first-child, .link-list__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ====================================================== * Base ====================================================== */ /* ====================================================== * variables * ------------------------------------------------------ ====================================================== */ :root { /* ====================================================== * BaseDesign ====================================================== */ --col-2col: ""; --col-3col: ""; --col-4col: ""; --col-5col: ""; --col-6col: ""; --color-badge-high: ""; --color-badge-low: ""; --color-badge-middle: ""; --color-base-accent: ""; --color-base-black: ""; --color-base-main: ""; --color-base-secondary: ""; --color-base-white: ""; --color-bg-base: ""; --color-border-1: ""; --color-border-2: ""; --color-font-hover: ""; --color-font-link: ""; --color-font-news-date: ""; --color-font-noLink: ""; --color-font-red: ""; --color-font-TX1: ""; --color-font-TX2: ""; --color-icon-blank: ""; --color-icon-link: ""; --color-icon-noLink: ""; --color-icon-other: ""; --color-news-category--1: ""; --color-sub-1: ""; --color-sub-2: ""; --color-sub-3: ""; --color-sub-4: ""; --color-sub-5: ""; --color-sub-6: ""; --color-sub-7: ""; --font-font-family: ""; --font-font-size--L: ""; --font-font-size--M: ""; --font-font-size--S: ""; --font-font-size--text-field: ""; --font-font-size--XL: ""; --font-font-size--XS: ""; --format-content-W: ""; --format-navi-W: ""; --format-viewport-minW: ""; --format-viewport-W: ""; --gap-col-gap: ""; --gap-link-gap: ""; --gap-navi-gap: ""; --icon-arrow-H: ""; --icon-arrow-W: ""; --icon-base-size: ""; --radius-BT-L: ""; --radius-BT-M: ""; --radius-L: ""; --radius-M: ""; } /*! 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 { /* 1 */ -webkit-text-size-adjust: 100%; line-height: 1.15; /* 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 { margin: 0.67em 0; font-size: 2em; } /* 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] { /* 2 */ -webkit-text-decoration: underline dotted; border-bottom: none; /* 1 */ text-decoration: underline; 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 { position: relative; font-size: 75%; line-height: 0; 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 { /* 1 */ margin: 0; font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 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 { padding: 0; border-style: none; } /** * 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; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 1 */ color: inherit; /* 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 { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: -webkit-fill-available; font-size: 62.5%; } body { word-wrap: break-word; min-height: 100vh; min-height: -webkit-fill-available; background-color: var(--color-bg-base); color: var(--color-font-TX1); font-size: var(--font-font-size--M); word-break: break-word; } body *, body *:before, body *:after { box-sizing: border-box; } /* ----- img ----- */ figure { margin: 0; } img { max-width: 100%; height: auto; vertical-align: top; } /* ----- a ----- */ a { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } a:link { color: var(--color-font-link); text-decoration: none; } a:visited { color: var(--color-font-link); text-decoration: none; } a:hover { color: var(--color-font-hover); text-decoration: none; } a:active { color: var(--color-font-link); text-decoration: none; } /* tel */ /* ----- form ----- */ input, select, textarea, button, pre { border-radius: 0; box-shadow: none; color: var(--color-font-TX1); font-size: var(--font-font-size--text-field); } input[type="text"], textarea { -webkit-appearance: none; appearance: none; } input[type="submit"], button:not([disabled]) { cursor: pointer; } /* placeholder */ ::-webkit-input-placeholder { color: var(--color-font-TX2) !important; } :-moz-placeholder { color: var(--color-font-TX2) !important; } ::-moz-placeholder { color: var(--color-font-TX2) !important; opacity: 1; } :-ms-input-placeholder { color: var(--color-font-TX2) !important; } :placeholder-shown { color: var(--color-font-TX2) !important; } /* ====================================================== * util-device ====================================================== */ .util-visually-hidden { clip: rect(0, 0, 0, 0) !important; position: absolute !important; left: 0 !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; white-space: nowrap !important; } /* ====================================================== * util-text ====================================================== */ /* ----- sup/sub ----- */ .util-sup, .util-sub { position: relative; font-size: 60%; line-height: 1; } .util-sup { top: -.6em; } .util-sub { bottom: -.1em; } /* ----- bold ----- */ /* ----- italic ----- */ .util-italic { font-style: italic !important; } /* ----- underline ----- */ .util-underline { text-decoration: underline !important; } /* ----- color ----- */ .util-color--main { color: var(--color-base-main) !important; } .util-color--sub { color: var(--color-base-secondary) !important; } .util-color--accent { color: var(--color-base-accent) !important; } .util-color--white { color: var(--color-base-white) !important; } .util-color--black { color: var(--color-base-black) !important; } .util-color--base { color: var(--color-font-TX1) !important; } .util-color--base2 { color: var(--color-font-TX2) !important; } .util-color--disable { color: var(--color-font-noLink) !important; } .util-color--placeholder { color: var(--color-font-TX2) !important; } .util-color--bright { color: var(--color-base-white) !important; } .util-color--red { color: var(--color-font-red) !important; } /* ----- highlight ----- */ .util-highlight--main { color: var(--color-base-main) !important; } .util-highlight--sub { color: var(--color-base-secondary) !important; } .util-highlight--accent { color: var(--color-base-accent) !important; } .util-highlight--white { color: var(--color-base-white) !important; } .util-highlight--black { color: var(--color-base-black) !important; } .util-highlight--base { color: var(--color-font-TX1) !important; } .util-highlight--base2 { color: var(--color-font-TX2) !important; } .util-highlight--disable { color: var(--color-font-noLink) !important; } .util-highlight--placeholder { color: var(--color-font-TX2) !important; } .util-highlight--bright { color: var(--color-base-white) !important; } .util-highlight--red { color: var(--color-font-red) !important; } /* ====================================================== * util-link ====================================================== */ /* ----- link ----- */ .util-link, .util-link--blank, .util-link--pdf, .util-link--excel, .util-link--word, .util-link--powerpoint, .util-link--zip, .util-link--modal, .util-link--rss { display: inline; } .util-link, .util-link--blank, .util-link--pdf, .util-link--excel, .util-link--word, .util-link--powerpoint, .util-link--zip, .util-link--modal, .util-link--rss, .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--modal:link, .util-link--rss:link, .util-link:hover, .util-link--blank:hover, .util-link--pdf:hover, .util-link--excel:hover, .util-link--word:hover, .util-link--powerpoint:hover, .util-link--zip:hover, .util-link--modal:hover, .util-link--rss:hover, .util-link:visited, .util-link--blank:visited, .util-link--pdf:visited, .util-link--excel:visited, .util-link--word:visited, .util-link--powerpoint:visited, .util-link--zip:visited, .util-link--modal:visited, .util-link--rss:visited, .util-link:focus, .util-link--blank:focus, .util-link--pdf:focus, .util-link--excel:focus, .util-link--word:focus, .util-link--powerpoint:focus, .util-link--zip:focus, .util-link--modal:focus, .util-link--rss:focus, .util-link:active, .util-link--blank:active, .util-link--pdf:active, .util-link--excel:active, .util-link--word:active, .util-link--powerpoint:active, .util-link--zip:active, .util-link--modal:active, .util-link--rss:active { color: inherit; text-decoration: underline; } .util-link__filesize { font-style: normal; } .util-link--blank:after { margin-inline: var(--gap-link-gap); } .util-link--pdf:after { margin-inline: var(--gap-link-gap); } .util-link--excel:after { margin-inline: var(--gap-link-gap); } .util-link--word:after { margin-inline: var(--gap-link-gap); } .util-link--powerpoint:after { margin-inline: var(--gap-link-gap); } .util-link--zip:after { margin-inline: var(--gap-link-gap); } .util-link--modal:after { margin-inline: var(--gap-link-gap); } .util-link--rss:after { margin-inline: var(--gap-link-gap); } /* ====================================================== * util-badge ====================================================== */ /* ----- badge ----- */ .util-badge, .util-badge--high, .util-badge--middle, .util-badge--low { display: inline-flex; align-items: center; justify-content: center; border-width: 1px; border-style: solid; font-size: var(--font-font-size--XS); font-style: normal; line-height: 1.4; text-align: center; vertical-align: middle; } .util-badge { border-color: var(--color-border-2); background-color: var(--color-base-white); } .util-badge--high { border-color: var(--color-badge-high); background-color: var(--color-badge-high); color: var(--color-base-white); } .util-badge--middle { border-color: var(--color-border-2); background-color: var(--color-base-white); } .util-badge--low { border-color: var(--color-badge-low); background-color: var(--color-badge-low); } /* ====================================================== * util-motion ====================================================== */ .util-motion--slide { overflow: hidden; } /* ====================================================== * data-col * ------------------------------------------------------ * data-col-pc * data-col-sp ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * data-col-pc ====================================================== */ /* ====================================================== * data-col-sp ====================================================== */ /* ====================================================== * data-size * ------------------------------------------------------ * data-size-pc * data-size-sp ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * data-size-pc ====================================================== */ /* ====================================================== * data-size-sp ====================================================== */ /* ====================================================== * Layout ====================================================== */ /* ====================================================== * Header * ------------------------------------------------------ * vars * Header__head * Header__body * Header__foot * Print ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * Header ====================================================== */ .Header, .Header--simple { z-index: 1000; position: fixed; top: 0; left: 0; border-bottom: 1px solid var(--color-border-2); background: var(--color-bg-base); transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .Header > *:first-child, .Header--simple > *:first-child, .Header > section:first-child > *:first-child, .Header--simple > section:first-child > *:first-child, .Header > [class^="list-wrap"] > *:first-child, .Header--simple > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .Header.is-not-fixed, .is-not-fixed.Header--simple { position: absolute; left: 0 !important; } .Header--simple { position: absolute; left: 0 !important; } .Header__inner { display: flex; align-items: center; height: 100%; } .Header__inner > *:first-child, .Header__inner > section:first-child > *:first-child, .Header__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ------------------------------------------------------ * Header__head ------------------------------------------------------ */ .Header__head > *:first-child, .Header__head > section:first-child > *:first-child, .Header__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-logo ----- */ .header-logo > *:first-child, .header-logo > section:first-child > *:first-child, .header-logo > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-logo > [class*="__type"] { display: block; width: 100%; } .header-logo > [class*="__type"] > img { width: 100%; height: auto; } body.is-header-transparent .header-logo > [class*="__type"] { position: relative; } body.is-header-transparent .header-logo > [class*="__type"]:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat 50% / contain; background-image: url(/app-files/img/cmn_logo02.webp); content: ""; opacity: 0.001; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background; } /* ------------------------------------------------------ * Header__body ------------------------------------------------------ */ .Header__body { height: 100%; } .Header__body > *:first-child, .Header__body > section:first-child > *:first-child, .Header__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .Header__body__inner > *:first-child, .Header__body__inner > section:first-child > *:first-child, .Header__body__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-gnav ----- */ .header-gnav > *:first-child, .header-gnav > section:first-child > *:first-child, .header-gnav > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-gnav__list { margin: 0; padding: 0; list-style: none; } .header-gnav__list > *:first-child, .header-gnav__list > section:first-child > *:first-child, .header-gnav__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-gnav__list > li > *:first-child, .header-gnav__list > li > section:first-child > *:first-child, .header-gnav__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-gnav__item { position: relative; } .header-gnav__item > *:first-child, .header-gnav__item > section:first-child > *:first-child, .header-gnav__item > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-gnav__item > [class*="__type"] { -webkit-appearance: none; appearance: none; display: inline-block; position: relative; margin: 0; padding: 0; border: none; background: none; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-gnav__item > [class*="__type"], .header-gnav__item > [class*="__type"]:link, .header-gnav__item > [class*="__type"]:hover, .header-gnav__item > [class*="__type"]:visited, .header-gnav__item > [class*="__type"]:focus, .header-gnav__item > [class*="__type"]:active { color: var(--color-font-TX1); } .header-gnav__item > [class*="__type"] > *:first-child, .header-gnav__item > [class*="__type"] > section:first-child > *:first-child, .header-gnav__item > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-gnav__type--toggle > *:first-child, .header-gnav__type--toggle > section:first-child > *:first-child, .header-gnav__type--toggle > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-megamenu ----- */ .header-megamenu { display: none; width: 100%; } .header-megamenu > *:first-child, .header-megamenu > section:first-child > *:first-child, .header-megamenu > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-megamenu__inner { margin: 0 auto; } .header-megamenu__inner > *:first-child, .header-megamenu__inner > section:first-child > *:first-child, .header-megamenu__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-megamenu__head > *:first-child, .header-megamenu__head > section:first-child > *:first-child, .header-megamenu__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-megamenu__title > *:first-child, .header-megamenu__title > section:first-child > *:first-child, .header-megamenu__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-megamenu__title > [class*="__type"] { display: inline-block; position: relative; line-height: 1.4; } .header-megamenu__title > [class*="__type"], .header-megamenu__title > [class*="__type"]:link, .header-megamenu__title > [class*="__type"]:hover, .header-megamenu__title > [class*="__type"]:visited, .header-megamenu__title > [class*="__type"]:focus, .header-megamenu__title > [class*="__type"]:active { color: var(--color-font-TX1); } .header-megamenu__title > [class*="__type"] > *:first-child, .header-megamenu__title > [class*="__type"] > section:first-child > *:first-child, .header-megamenu__title > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-megamenu__body > *:first-child, .header-megamenu__body > section:first-child > *:first-child, .header-megamenu__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-megamenu__close { -webkit-appearance: none; appearance: none; margin: 0; padding: 0; border: none; background: none; } .header-megamenu__close > *:first-child, .header-megamenu__close > section:first-child > *:first-child, .header-megamenu__close > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-card-wrap ----- */ .header-card-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; } /* ----- header-card ----- */ .header-card { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ } .header-card > [class*="__type"] { position: relative; width: 100%; overflow: hidden; outline-offset: -1px; color: var(--color-font-TX1); text-align: left; text-decoration: none; } .header-card > [class*="__type"], .header-card > [class*="__type"]:link, .header-card > [class*="__type"]:hover, .header-card > [class*="__type"]:visited, .header-card > [class*="__type"]:focus, .header-card > [class*="__type"]:active { color: var(--color-font-TX1); } .header-card__head > *:first-child, .header-card__head > section:first-child > *:first-child, .header-card__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-card__body { width: 100%; } .header-card__body > *:first-child, .header-card__body > section:first-child > *:first-child, .header-card__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-card__image { -webkit-transform: translateZ(0); aspect-ratio: 1/1; overflow: hidden; transform: translateZ(0); isolation: isolate; } .header-card__image img { -webkit-transform: translateZ(0); -o-object-fit: scale-down; -o-object-position: center center; display: block; width: 100%; height: 100%; object-fit: scale-down; object-position: center center; transform: translateZ(0); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .header-card__image > *:first-child, .header-card__image > section:first-child > *:first-child, .header-card__image > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-card__title { font-size: var(--font-font-size--L); line-height: 1.4; } .header-card__title > *:first-child, .header-card__title > section:first-child > *:first-child, .header-card__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-card__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: middle; } /* ----- header-link-list ----- */ .header-link-list { margin: 0; padding: 0; list-style: none; } .header-link-list > *:first-child, .header-link-list > section:first-child > *:first-child, .header-link-list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-link-list > li { position: relative; font-size: var(--font-font-size--M); list-style: none; } .header-link-list > li > [class*="__type"] { display: inline-block; position: relative; } .header-link-list > li > [class*="__type"], .header-link-list > li > [class*="__type"]:link, .header-link-list > li > [class*="__type"]:hover, .header-link-list > li > [class*="__type"]:visited, .header-link-list > li > [class*="__type"]:focus, .header-link-list > li > [class*="__type"]:active { color: var(--color-font-TX1); } .header-link-list > li > [class*="__type"]:not([class*="--nolink"]):before { position: absolute; } .header-link-list__type--nolink { color: var(--color-font-noLink) !important; } .header-link-list__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; } /* ----- header-utility ----- */ .header-utility { display: flex; justify-content: flex-end; height: calc(var(--header-height-base) - 1px); } .header-utility > *:first-child, .header-utility > section:first-child > *:first-child, .header-utility > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-utility__link { display: flex; position: relative; align-items: center; } .header-utility__link > *:first-child, .header-utility__link > section:first-child > *:first-child, .header-utility__link > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-utility__link.is-active > [class*="__type"] .header-utility__link__label { display: none; } .header-utility__link.is-active > [class*="__type"] .header-utility__link__close { display: block; } .header-utility__link > [class*="__type"] { -webkit-appearance: none; appearance: none; display: flex; position: relative; align-items: start; justify-content: center; height: 100%; margin: 0; padding: 0; border: none; background: none; line-height: 1.2; text-align: center; transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, background 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-utility__link > [class*="__type"], .header-utility__link > [class*="__type"]:link, .header-utility__link > [class*="__type"]:hover, .header-utility__link > [class*="__type"]:visited, .header-utility__link > [class*="__type"]:focus, .header-utility__link > [class*="__type"]:active { color: var(--color-font-TX1); } .header-utility__link > [class*="__type"] > *:first-child, .header-utility__link > [class*="__type"] > section:first-child > *:first-child, .header-utility__link > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-utility__link__type--language .header-utility__link__label:before { background-image: url(/app-files/img/cmn_ic03_01.svg); } .header-utility__link__type--inquiry .header-utility__link__label:before { background-image: url(/app-files/img/cmn_ic04_01.svg); } .header-utility__link__type--search .header-utility__link__label:before { background-image: url(/app-files/img/cmn_ic05_01.svg); } .header-utility__link .header-utility__link__type--menu { position: relative; } .header-utility__link .header-utility__link__type--menu, .header-utility__link .header-utility__link__type--menu:link, .header-utility__link .header-utility__link__type--menu:hover, .header-utility__link .header-utility__link__type--menu:visited, .header-utility__link .header-utility__link__type--menu:focus, .header-utility__link .header-utility__link__type--menu:active { color: var(--color-base-white); } .header-utility__link .header-utility__link__type--menu .header-utility__link__label:before { aspect-ratio: unset; border-block: 2px solid var(--color-base-white); translate: -50% 0; display: block; position: absolute; left: 50%; content: ""; } .header-utility__link .header-utility__link__type--menu .header-utility__link__label:after { translate: -50% 0; display: block; position: absolute; left: 50%; background: var(--color-base-white); content: ""; } .header-utility__link__label { display: block; } .header-utility__link__label:before { aspect-ratio: 1 / 1; translate: -50% 0; display: block; position: absolute; left: 50%; background: no-repeat center / contain; content: ""; } .header-utility__link__close { display: none; } .header-utility__link__close:before { aspect-ratio: 1 / 1; translate: -50% 0; display: block; position: absolute; left: 50%; background: no-repeat center / contain; content: ""; } /* ----- header-snav ----- */ .header-snav__list { display: flex; margin: 0; padding: 0; list-style: none; } .header-snav__list > *:first-child, .header-snav__list > section:first-child > *:first-child, .header-snav__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-snav__list > li > *:first-child, .header-snav__list > li > section:first-child > *:first-child, .header-snav__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-snav__list > li > [class*="__type"] { display: inline-block; position: relative; } .header-snav__list > li > [class*="__type"], .header-snav__list > li > [class*="__type"]:link, .header-snav__list > li > [class*="__type"]:hover, .header-snav__list > li > [class*="__type"]:visited, .header-snav__list > li > [class*="__type"]:focus, .header-snav__list > li > [class*="__type"]:active { color: var(--color-font-TX1); } .header-snav__list > li > [class*="__type"]:before { position: absolute; } .header-snav__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; } /* ----- header-language-wrap ----- */ .header-language-wrap { -webkit-transform: translateX(-50%); display: none; z-index: 1; position: absolute; left: 50%; transform: translateX(-50%); border: 1px solid var(--color-border-2); border-radius: var(--radius-M); background: var(--color-sub-1); } .header-language-wrap:before, .header-language-wrap:after { -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%); -webkit-transform: translateX(-50%); position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background-color: var(--color-border-2); clip-path: polygon(50% 0, 100% 100%, 0 100%); content: ""; } .header-language-wrap:after { background-color: var(--color-sub-1); } /* ----- header-language ----- */ .header-language { margin: 0; padding: 0; list-style: none; } .header-language > *:first-child, .header-language > section:first-child > *:first-child, .header-language > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-language > li > *:first-child, .header-language > li > section:first-child > *:first-child, .header-language > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-language > li + li { border-top: 1px solid var(--color-border-2); } .header-language > li > [class*="__type"] { display: block; position: relative; text-align: center; } .header-language > li > [class*="__type"], .header-language > li > [class*="__type"]:link, .header-language > li > [class*="__type"]:hover, .header-language > li > [class*="__type"]:visited, .header-language > li > [class*="__type"]:focus, .header-language > li > [class*="__type"]:active { color: var(--color-font-TX1); } /* ----- header-description ----- */ .header-description > *:first-child, .header-description > section:first-child > *:first-child, .header-description > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-description__head > *:first-child, .header-description__head > section:first-child > *:first-child, .header-description__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-description__detail > *:first-child, .header-description__detail > section:first-child > *:first-child, .header-description__detail > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-description__title { line-height: 1.4; } .header-description__title > [class*="__type"] { display: inline-block; } .header-description__title > [class*="__type"], .header-description__title > [class*="__type"]:link, .header-description__title > [class*="__type"]:hover, .header-description__title > [class*="__type"]:visited, .header-description__title > [class*="__type"]:focus, .header-description__title > [class*="__type"]:active { color: var(--color-font-TX1); } .header-description__title > [class*="__type"] > *:first-child, .header-description__title > [class*="__type"] > section:first-child > *:first-child, .header-description__title > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ------------------------------------------------------ * Header__foot ------------------------------------------------------ */ .Header__foot { position: absolute; top: calc(100% + 1px); left: 0; width: 100%; } .Header__foot > *:first-child, .Header__foot > section:first-child > *:first-child, .Header__foot > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-search-wrap ----- */ .header-search-wrap { display: none; position: absolute; top: 0; left: 0; width: 100%; background: var(--color-sub-1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .header-search-wrap > *:first-child, .header-search-wrap > section:first-child > *:first-child, .header-search-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-search-wrap__inner { margin: 0 auto; } .header-search-wrap__inner > *:first-child, .header-search-wrap__inner > section:first-child > *:first-child, .header-search-wrap__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-search-wrap__close { -webkit-appearance: none; appearance: none; display: block; position: relative; margin: 0 auto; padding: 0; border: none; background: none; color: var(--color-font-TX1); } .header-search-wrap__close > *:first-child, .header-search-wrap__close > section:first-child > *:first-child, .header-search-wrap__close > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-search-wrap__close:before, .header-search-wrap__close:after { translate: 0 -50%; -webkit-transform-origin: center; display: block; position: absolute; top: 50%; width: 16px; height: 2px; transform-origin: center; background: var(--color-icon-other); content: ""; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-search-wrap__close:before { rotate: 45deg; } .header-search-wrap__close:after { rotate: -45deg; } /* ----- header-search ----- */ .header-search { margin-inline: auto; display: flex; position: relative; } .header-search > *:first-child, .header-search > section:first-child > *:first-child, .header-search > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-search__input { -webkit-appearance: none; appearance: none; display: block; width: 100%; border: 1px solid var(--color-border-1); border-radius: 5px 0 0 5px; outline: none; background: var(--color-base-white); font-size: var(--font-font-size--text-field); } .header-search__input > *:first-child, .header-search__input > section:first-child > *:first-child, .header-search__input > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-search__input:focus { outline: 2px solid var(--color-border-1); outline-offset: -2px; } .header-search__submit { -webkit-appearance: none; appearance: none; display: flex; position: relative; flex-shrink: 0; align-items: center; justify-content: center; overflow: hidden; border: none; border: 1px solid var(--color-base-main); border-left: none; border-radius: 0 5px 5px 0; background: var(--color-base-main); color: var(--color-base-white); text-indent: -100vw; white-space: nowrap; transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-search__submit > *:first-child, .header-search__submit > section:first-child > *:first-child, .header-search__submit > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-search__submit:focus-visible { border-color: var(--color-base-secondary); background-color: var(--color-base-secondary); } .header-search__submit:before { aspect-ratio: 1 / 1; translate: -50% -50%; display: block; position: absolute; top: 50%; left: 50%; background: url(/app-files/img/cmn_ic05_02.svg) no-repeat center/contain; content: ""; } .header-search > .poplink.pcia { position: absolute; top: 100%; left: 0 !important; } /* ----- header-menu ----- */ .header-menu { display: none; position: absolute; top: 0; left: 0; width: 100%; overflow: auto; background: var(--color-sub-1); } .header-menu > *:first-child, .header-menu > section:first-child > *:first-child, .header-menu > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ====================================================== * Main * ------------------------------------------------------ * Main__guide * Main__head * Main__body * Main__foot * Print ====================================================== */ /* ====================================================== * Main ====================================================== */ .Main { overflow: clip; } .Header ~ .Main, .Header--simple ~ .Main, .Header--simple ~ .Main { padding-top: var(--header-area-height); } /* ------------------------------------------------------ * Main__guide ------------------------------------------------------ */ .Main__guide { display: block; width: 100%; } .main-breadcrumb { width: 100%; border-top: 1px solid var(--color-border-2); } .main-breadcrumb > *:first-child, .main-breadcrumb > section:first-child > *:first-child, .main-breadcrumb > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-breadcrumb__list { display: flex; flex-flow: row wrap; width: 100%; margin: 0 auto; padding: 0; list-style: none; } .main-breadcrumb__list > *:first-child, .main-breadcrumb__list > section:first-child > *:first-child, .main-breadcrumb__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-breadcrumb__list > li { font-size: var(--font-font-size--S); } .main-breadcrumb__list > li > *:first-child, .main-breadcrumb__list > li > section:first-child > *:first-child, .main-breadcrumb__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-breadcrumb__list > li:not(:first-child) { position: relative; } .main-breadcrumb__list > li:not(:first-child):before { position: absolute; left: 0; color: var(--color-font-TX2); content: ">"; } .main-breadcrumb__list > li:last-child > [class*="__type"], .main-breadcrumb__list > li:last-child > [class*="__type"]:link, .main-breadcrumb__list > li:last-child > [class*="__type"]:hover, .main-breadcrumb__list > li:last-child > [class*="__type"]:visited, .main-breadcrumb__list > li:last-child > [class*="__type"]:focus, .main-breadcrumb__list > li:last-child > [class*="__type"]:active { color: var(--color-font-TX1); } .main-breadcrumb__list > li > [class*="__type"]:not([class*="--nolink"]), .main-breadcrumb__list > li > [class*="__type"]:not([class*="--nolink"]):link, .main-breadcrumb__list > li > [class*="__type"]:not([class*="--nolink"]):hover, .main-breadcrumb__list > li > [class*="__type"]:not([class*="--nolink"]):visited, .main-breadcrumb__list > li > [class*="__type"]:not([class*="--nolink"]):focus, .main-breadcrumb__list > li > [class*="__type"]:not([class*="--nolink"]):active { color: var(--color-font-TX1); } .main-breadcrumb__list > li > [class*="__type"] > *:first-child, .main-breadcrumb__list > li > [class*="__type"] > section:first-child > *:first-child, .main-breadcrumb__list > li > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-breadcrumb__type--nolink { color: var(--color-font-TX2); } /* ------------------------------------------------------ * Main__head ------------------------------------------------------ */ .Main__head > *:first-child, .Main__head > section:first-child > *:first-child, .Main__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ------------------------------------------------------ * Main__body ------------------------------------------------------ */ .Main__content { width: 100%; 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__sidelayout > *:first-child, .Main__sidelayout > section:first-child > *:first-child, .Main__sidelayout > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .Main__sidelayout__content > *:first-child, .Main__sidelayout__content > section:first-child > *:first-child, .Main__sidelayout__content > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .Main__sidelayout__sidebar > *:first-child, .Main__sidelayout__sidebar > section:first-child > *:first-child, .Main__sidelayout__sidebar > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ------------------------------------------------------ * Main__assist ------------------------------------------------------ */ /* ------------------------------------------------------ * Main__foot ------------------------------------------------------ */ /* ----- main-lnav ----- */ .main-lnav, .main-lnav--side, .main-lnav--bottom { width: 100%; } .main-lnav > *:first-child, .main-lnav--side > *:first-child, .main-lnav--bottom > *:first-child, .main-lnav > section:first-child > *:first-child, .main-lnav--side > section:first-child > *:first-child, .main-lnav--bottom > section:first-child > *:first-child, .main-lnav > [class^="list-wrap"] > *:first-child, .main-lnav--side > [class^="list-wrap"] > *:first-child, .main-lnav--bottom > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav--bottom { display: block; position: relative; width: 100%; border-top-left-radius: var(--lnav-bottom-circle-size); background: linear-gradient(270deg, #F5F5F9 0%, #EBF2F5 100%); color: var(--color-font-TX1); } .main-lnav--bottom > *:first-child, .main-lnav--bottom > section:first-child > *:first-child, .main-lnav--bottom > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav--bottom:after { -webkit-mask-image: radial-gradient(circle at 0 0, transparent var(--lnav-bottom-circle-size), black calc(var(--lnav-bottom-circle-size) + 1px)); -webkit-mask-size: var(--lnav-bottom-circle-size) var(--lnav-bottom-circle-size); -webkit-mask-repeat: no-repeat; -webkit-mask-position: left bottom; display: block; z-index: 1; position: absolute; top: calc(-1 * var(--lnav-bottom-circle-size)); right: 0; width: 100%; width: var(--lnav-bottom-circle-size); height: var(--lnav-bottom-circle-size); background: #F5F5F9; content: ""; mask-image: radial-gradient(circle at 0 0, transparent var(--lnav-bottom-circle-size), black calc(var(--lnav-bottom-circle-size) + 1px)); mask-position: left bottom; mask-repeat: no-repeat; mask-size: var(--lnav-bottom-circle-size) var(--lnav-bottom-circle-size); } .main-lnav__inner > *:first-child, .main-lnav__inner > section:first-child > *:first-child, .main-lnav__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__title { border-bottom: 1px solid var(--color-border-2); } .main-lnav__title > *:first-child, .main-lnav__title > section:first-child > *:first-child, .main-lnav__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__title > [class*="__type"] { display: block; overflow: hidden; border-radius: var(--radius-L) var(--radius-L) 0 0; background: linear-gradient(270deg, #F5F5F9 0%, #EBF2F5 100%); line-height: 1.4; } .main-lnav__title > [class*="__type"], .main-lnav__title > [class*="__type"]:link, .main-lnav__title > [class*="__type"]:hover, .main-lnav__title > [class*="__type"]:visited, .main-lnav__title > [class*="__type"]:focus, .main-lnav__title > [class*="__type"]:active { color: var(--color-font-TX1); } .main-lnav__title > [class*="__type"] > *:first-child, .main-lnav__title > [class*="__type"] > section:first-child > *:first-child, .main-lnav__title > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage1 { margin: 0; padding: 0; background: var(--color-base-white); list-style: none; } .main-lnav__stage1 > *:first-child, .main-lnav__stage1 > section:first-child > *:first-child, .main-lnav__stage1 > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage1 > li { border-bottom: 1px solid var(--color-border-2); } .main-lnav__stage1 > li > *:first-child, .main-lnav__stage1 > li > section:first-child > *:first-child, .main-lnav__stage1 > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage1 > li.is-current { background: var(--color-sub-1); } .main-lnav__stage1 > li.is-current > [class*="__type"] { pointer-events: none; } .main-lnav__stage1 > li > [class*="__type"] { display: block; position: relative; } .main-lnav__stage1 > li > [class*="__type"], .main-lnav__stage1 > li > [class*="__type"]:link, .main-lnav__stage1 > li > [class*="__type"]:hover, .main-lnav__stage1 > li > [class*="__type"]:visited, .main-lnav__stage1 > li > [class*="__type"]:focus, .main-lnav__stage1 > li > [class*="__type"]:active { color: var(--color-font-TX1); } .main-lnav__stage1 > li > [class*="__type"]:not([class*="--nolink"]):before { position: absolute; } .main-lnav__stage2 { margin: 0; padding: 0; list-style: none; } .main-lnav__stage2 > *:first-child, .main-lnav__stage2 > section:first-child > *:first-child, .main-lnav__stage2 > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage2 > li > *:first-child, .main-lnav__stage2 > li > section:first-child > *:first-child, .main-lnav__stage2 > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage2 > li.is-current { background: var(--color-sub-1); } .main-lnav__stage2 > li.is-current > [class*="__type"] { pointer-events: none; } .main-lnav__stage2 > li > [class*="__type"] { display: block; position: relative; } .main-lnav__stage2 > li > [class*="__type"], .main-lnav__stage2 > li > [class*="__type"]:link, .main-lnav__stage2 > li > [class*="__type"]:hover, .main-lnav__stage2 > li > [class*="__type"]:visited, .main-lnav__stage2 > li > [class*="__type"]:focus, .main-lnav__stage2 > li > [class*="__type"]:active { color: var(--color-font-TX1); } .main-lnav__stage2 > li > [class*="__type"]:not([class*="--nolink"]):before { position: absolute; } /* ----- main-lnav-layout ----- */ .main-lnav-layout > *:first-child, .main-lnav-layout > section:first-child > *:first-child, .main-lnav-layout > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav-layout__head > *:first-child, .main-lnav-layout__head > section:first-child > *:first-child, .main-lnav-layout__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav-layout__body { width: 100%; } .main-lnav-layout__body > *:first-child, .main-lnav-layout__body > section:first-child > *:first-child, .main-lnav-layout__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- main-lnav-lead ----- */ .main-lnav-lead > *:first-child, .main-lnav-lead > section:first-child > *:first-child, .main-lnav-lead > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav-lead__sub { margin: 1rem 0 0; font-size: var(--font-font-size--M); line-height: 1.4; } .main-lnav-lead__image-wrap { display: flex; flex-flow: row wrap; width: 100%; } .main-lnav-lead__image { display: block; } /* ----- main-lnav-lead-v2 ----- */ .main-lnav-lead-v2 { text-align: center; } .main-lnav-lead-v2 > *:first-child, .main-lnav-lead-v2 > section:first-child > *:first-child, .main-lnav-lead-v2 > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav-lead-v2__sub { margin: 1rem 0 0; line-height: 1.4; } .main-lnav-lead-v2__image-wrap { display: flex; flex-flow: row wrap; justify-content: center; width: 100%; } .main-lnav-lead-v2__image { display: block; } /* ----- main-lnav-text ----- */ .main-lnav-text { line-height: 1.6; } /* ----- main-lnav-text-v2 ----- */ .main-lnav-text-v2 { text-align: center; } /* ----- main-lnav-button-wrap ----- */ .main-lnav-button-wrap { display: flex; flex-flow: row wrap; } /* ----- main-lnav-button-wrap-v2 ----- */ .main-lnav-button-wrap-v2 { display: flex; flex-flow: row wrap; align-items: center; } .main-lnav-button-wrap-v2 > * { justify-content: center; } /* ----- main-lnav-button ----- */ .main-lnav-button .main-lnav-button__type, .main-lnav-button .main-lnav-button__type--blank, .main-lnav-button .main-lnav-button__type--pdf, .main-lnav-button .main-lnav-button__type--excel, .main-lnav-button .main-lnav-button__type--word, .main-lnav-button .main-lnav-button__type--powerpoint, .main-lnav-button .main-lnav-button__type--zip, .main-lnav-button .main-lnav-button__type--modal, .main-lnav-button .main-lnav-button__type--rss { display: flex; position: relative; align-items: center; justify-content: center; border: 1px solid var(--color-border-1); border-radius: var(--radius-BT-L); background-color: var(--color-base-white); color: var(--color-base-main); font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } .main-lnav-button { display: flex; /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .main-lnav-button .main-lnav-button__type .main-lnav-button__label:after { right: 0; } .main-lnav-button .main-lnav-button__type--blank .main-lnav-button__label:after { right: 0; } .main-lnav-button .main-lnav-button__type--pdf .main-lnav-button__label:after { right: 0; } .main-lnav-button .main-lnav-button__type--excel .main-lnav-button__label:after { right: 0; } .main-lnav-button .main-lnav-button__type--word .main-lnav-button__label:after { right: 0; } .main-lnav-button .main-lnav-button__type--powerpoint .main-lnav-button__label:after { right: 0; } .main-lnav-button .main-lnav-button__type--zip .main-lnav-button__label:after { right: 0; } .main-lnav-button .main-lnav-button__type--modal .main-lnav-button__label:after { right: 0; } .main-lnav-button .main-lnav-button__type--rss .main-lnav-button__label:after { right: 0; } .main-lnav-button__label { display: block; position: relative; width: 100%; } .main-lnav-button__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } /* ----- main-lnav-card-wrap ----- */ .main-lnav-card-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; } /* ----- main-lnav-card ----- */ .main-lnav-card { display: flex; } .main-lnav-card__inner { width: 100%; } .main-lnav-card__head > *:first-child, .main-lnav-card__head > section:first-child > *:first-child, .main-lnav-card__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav-card__head:after { display: block; clear: both; content: ""; } .main-lnav-card__body > *:first-child, .main-lnav-card__body > section:first-child > *:first-child, .main-lnav-card__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav-card__contents > *:first-child, .main-lnav-card__contents > section:first-child > *:first-child, .main-lnav-card__contents > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav-card__contents:after { display: block; clear: both; content: ""; } .main-lnav-card__image { -webkit-transform: translateZ(0); -webkit-clip-path: inset(0 round var(--radius-L)); aspect-ratio: 16/9; transform: translateZ(0); isolation: isolate; clip-path: inset(0 round var(--radius-L)); } .main-lnav-card__image img { -webkit-transform: translateZ(0); -o-object-fit: scale-down; -o-object-position: center center; display: block; width: 100%; height: 100%; object-fit: scale-down; object-position: center center; transform: translateZ(0); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .main-lnav-card__image > *:first-child, .main-lnav-card__image > section:first-child > *:first-child, .main-lnav-card__image > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav-card__title { font-size: var(--font-font-size--XL); line-height: 1.4; } .main-lnav-card__title > *:first-child, .main-lnav-card__title > section:first-child > *:first-child, .main-lnav-card__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav-card__title:after { display: block; clear: both; content: ""; } .main-lnav-card__meta { gap: 10px; display: flex; align-items: center; } .main-lnav-card__date { color: var(--color-font-news-date); } .main-lnav-card__category__link { display: flex; z-index: 1; position: relative; justify-content: center; overflow: hidden; border: 1px solid var(--color-border-1); border-radius: var(--radius-BT-L); background: var(--color-base-white); font-size: var(--font-font-size--XS); text-align: center; } .main-lnav-card__category__link, .main-lnav-card__category__link:link, .main-lnav-card__category__link:hover, .main-lnav-card__category__link:visited, .main-lnav-card__category__link:focus, .main-lnav-card__category__link:active { color: var(--color-font-TX1); } .main-lnav-card__tag-list { display: flex; flex-flow: row wrap; width: 100%; margin: 1em 0 0 0; padding: 0; list-style: none; } .main-lnav-card__tag-list > li { position: relative; list-style: none; } .main-lnav-card__tag { position: relative; font-size: var(--font-font-size--S); } .main-lnav-card__tag__link, .main-lnav-card__tag__link:link, .main-lnav-card__tag__link:hover, .main-lnav-card__tag__link:visited, .main-lnav-card__tag__link:focus, .main-lnav-card__tag__link:active { color: var(--color-font-TX1); text-decoration: underline; } /* ====================================================== * overlay ====================================================== */ .main-overlay { display: block; z-index: 998; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: 0; pointer-events: none; transition: opacity 0.2s linear 0s; } body:is(.is-active-menu, .is-active-gnav) .main-overlay { opacity: 1; pointer-events: auto; } body:has(.is-active > .is-esc-overlay) .main-overlay { opacity: 0; pointer-events: none; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ====================================================== * Footer * ------------------------------------------------------ * Footer__head * Footer__body * Footer__guide * Footer__foot * Print ====================================================== */ /* ====================================================== * Footer ====================================================== */ .Footer, .Footer--simple { display: block; position: relative; width: 100%; border-top-left-radius: var(--footer-circle-size); background: var(--color-sub-1); color: var(--color-font-TX1); } .Footer > *:first-child, .Footer--simple > *:first-child, .Footer > section:first-child > *:first-child, .Footer--simple > section:first-child > *:first-child, .Footer > [class^="list-wrap"] > *:first-child, .Footer--simple > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .Footer__inner > *:first-child, .Footer__inner > section:first-child > *:first-child, .Footer__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .Footer:after, .Footer--simple:after { -webkit-mask-image: radial-gradient(circle at 0 0, transparent var(--footer-circle-size), black calc(var(--footer-circle-size) + 1px)); -webkit-mask-size: var(--footer-circle-size) var(--footer-circle-size); -webkit-mask-repeat: no-repeat; -webkit-mask-position: left bottom; display: block; z-index: 1; position: absolute; top: calc(-1 * var(--footer-circle-size)); right: 0; width: 100%; width: var(--footer-circle-size); height: var(--footer-circle-size); background: var(--color-sub-1); content: ""; mask-image: radial-gradient(circle at 0 0, transparent var(--footer-circle-size), black calc(var(--footer-circle-size) + 1px)); mask-position: left bottom; mask-repeat: no-repeat; mask-size: var(--footer-circle-size) var(--footer-circle-size); } .Footer__inner { margin: 0 auto; } .Footer__inner > *:first-child, .Footer__inner > section:first-child > *:first-child, .Footer__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ------------------------------------------------------ * Footer__body ------------------------------------------------------ */ .Footer__body > *:first-child, .Footer__body > section:first-child > *:first-child, .Footer__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .Footer__body__inner > *:first-child, .Footer__body__inner > section:first-child > *:first-child, .Footer__body__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- footer-sitemap ----- */ .footer-sitemap > *:first-child, .footer-sitemap > section:first-child > *:first-child, .footer-sitemap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__column { width: 100%; } .footer-sitemap__column > *:first-child, .footer-sitemap__column > section:first-child > *:first-child, .footer-sitemap__column > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__link > *:first-child, .footer-sitemap__link > section:first-child > *:first-child, .footer-sitemap__link > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__link > [class*="__type"] { display: inline-block; position: relative; line-height: 1.6; } .footer-sitemap__link > [class*="__type"], .footer-sitemap__link > [class*="__type"]:link, .footer-sitemap__link > [class*="__type"]:hover, .footer-sitemap__link > [class*="__type"]:visited, .footer-sitemap__link > [class*="__type"]:focus, .footer-sitemap__link > [class*="__type"]:active { color: var(--color-font-TX1); } .footer-sitemap__link > [class*="__type"] > *:first-child, .footer-sitemap__link > [class*="__type"] > section:first-child > *:first-child, .footer-sitemap__link > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__link__list { margin: 0; padding: 0; list-style: none; } .footer-sitemap__link__list > *:first-child, .footer-sitemap__link__list > section:first-child > *:first-child, .footer-sitemap__link__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__link__list > li { font-size: var(--font-font-size--S); } .footer-sitemap__link__list > li > *:first-child, .footer-sitemap__link__list > li > section:first-child > *:first-child, .footer-sitemap__link__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__link__list > li > [class*="__type"] { display: inline-block; position: relative; } .footer-sitemap__link__list > li > [class*="__type"], .footer-sitemap__link__list > li > [class*="__type"]:link, .footer-sitemap__link__list > li > [class*="__type"]:hover, .footer-sitemap__link__list > li > [class*="__type"]:visited, .footer-sitemap__link__list > li > [class*="__type"]:focus, .footer-sitemap__link__list > li > [class*="__type"]:active { color: var(--color-font-TX1); } .footer-sitemap__link__list > li > [class*="__type"] > *:first-child, .footer-sitemap__link__list > li > [class*="__type"] > section:first-child > *:first-child, .footer-sitemap__link__list > li > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__link__list__type--nolink { color: var(--color-font-noLink) !important; } .footer-sitemap__accordion__head, .footer-sitemap__accordion__head:link, .footer-sitemap__accordion__head:hover, .footer-sitemap__accordion__head:visited, .footer-sitemap__accordion__head:focus, .footer-sitemap__accordion__head:active { color: var(--color-font-TX1); } .footer-sitemap__accordion__head > *:first-child, .footer-sitemap__accordion__head > section:first-child > *:first-child, .footer-sitemap__accordion__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__accordion__body > *:first-child, .footer-sitemap__accordion__body > section:first-child > *:first-child, .footer-sitemap__accordion__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__top-link > [class*="__type"] { display: inline-block; position: relative; line-height: 1.6; } .footer-sitemap__top-link > [class*="__type"], .footer-sitemap__top-link > [class*="__type"]:link, .footer-sitemap__top-link > [class*="__type"]:hover, .footer-sitemap__top-link > [class*="__type"]:visited, .footer-sitemap__top-link > [class*="__type"]:focus, .footer-sitemap__top-link > [class*="__type"]:active { color: var(--color-font-TX1); } .footer-sitemap__top-link > [class*="__type"] > *:first-child, .footer-sitemap__top-link > [class*="__type"] > section:first-child > *:first-child, .footer-sitemap__top-link > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__description-wrap > *:first-child, .footer-sitemap__description-wrap > section:first-child > *:first-child, .footer-sitemap__description-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__description > *:first-child, .footer-sitemap__description > section:first-child > *:first-child, .footer-sitemap__description > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__description__head > *:first-child, .footer-sitemap__description__head > section:first-child > *:first-child, .footer-sitemap__description__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__description__detail > *:first-child, .footer-sitemap__description__detail > section:first-child > *:first-child, .footer-sitemap__description__detail > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__description__title > [class*="__type"] { display: inline-block; position: relative; } .footer-sitemap__description__title > [class*="__type"], .footer-sitemap__description__title > [class*="__type"]:link, .footer-sitemap__description__title > [class*="__type"]:hover, .footer-sitemap__description__title > [class*="__type"]:visited, .footer-sitemap__description__title > [class*="__type"]:focus, .footer-sitemap__description__title > [class*="__type"]:active { color: var(--color-font-TX1); } .footer-sitemap__description__title > [class*="__type"] > *:first-child, .footer-sitemap__description__title > [class*="__type"] > section:first-child > *:first-child, .footer-sitemap__description__title > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__link-list { display: flex; flex-flow: column wrap; margin: 0; padding: 0; list-style: none; } .footer-sitemap__link-list > *:first-child, .footer-sitemap__link-list > section:first-child > *:first-child, .footer-sitemap__link-list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-sitemap__link-list > li { line-height: 1.6; } .footer-sitemap__link-list > li > [class*="__type"] { display: inline-block; position: relative; } .footer-sitemap__link-list > li > [class*="__type"], .footer-sitemap__link-list > li > [class*="__type"]:link, .footer-sitemap__link-list > li > [class*="__type"]:hover, .footer-sitemap__link-list > li > [class*="__type"]:visited, .footer-sitemap__link-list > li > [class*="__type"]:focus, .footer-sitemap__link-list > li > [class*="__type"]:active { color: var(--color-font-TX1); } .footer-sitemap__link-list > li > [class*="__type"] > *:first-child, .footer-sitemap__link-list > li > [class*="__type"] > section:first-child > *:first-child, .footer-sitemap__link-list > li > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- footer-share ----- */ .footer-share > *:first-child, .footer-share > section:first-child > *:first-child, .footer-share > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-share__list { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; width: 100%; margin: 0; padding: 0; list-style: none; } .footer-share__list > *:first-child, .footer-share__list > section:first-child > *:first-child, .footer-share__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-share__list > li { font-size: var(--font-font-size--S); } .footer-share__list > li > *:first-child, .footer-share__list > li > section:first-child > *:first-child, .footer-share__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-share__link { display: block; position: relative; } .footer-share__link, .footer-share__link:link, .footer-share__link:hover, .footer-share__link:visited, .footer-share__link:focus, .footer-share__link:active { color: var(--color-font-TX1); } .footer-share__link > *:first-child, .footer-share__link > section:first-child > *:first-child, .footer-share__link > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ------------------------------------------------------ * Footer__guide ------------------------------------------------------ */ .Footer__guide { position: relative; } /* ------------------------------------------------------ * Footer__foot ------------------------------------------------------ */ .Footer__foot { position: relative; } .Footer__foot > *:first-child, .Footer__foot > section:first-child > *:first-child, .Footer__foot > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .Footer__body + .Footer__guide + .Footer__foot { border-top: 1px solid var(--color-border-2); } .Footer__foot__inner > *:first-child, .Footer__foot__inner > section:first-child > *:first-child, .Footer__foot__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- footer-subnav ----- */ .footer-subnav > *:first-child, .footer-subnav > section:first-child > *:first-child, .footer-subnav > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-subnav__link-list { display: flex; flex-flow: row wrap; margin: 0; padding: 0; list-style: none; } .footer-subnav__link-list > *:first-child, .footer-subnav__link-list > section:first-child > *:first-child, .footer-subnav__link-list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-subnav__link-list > li { position: relative; font-size: var(--font-font-size--S); } .footer-subnav__link-list > li > *:first-child, .footer-subnav__link-list > li > section:first-child > *:first-child, .footer-subnav__link-list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-subnav__link-list > li > [class*="__type"] { display: inline-block; position: relative; } .footer-subnav__link-list > li > [class*="__type"], .footer-subnav__link-list > li > [class*="__type"]:link, .footer-subnav__link-list > li > [class*="__type"]:hover, .footer-subnav__link-list > li > [class*="__type"]:visited, .footer-subnav__link-list > li > [class*="__type"]:focus, .footer-subnav__link-list > li > [class*="__type"]:active { color: var(--color-font-TX1); } .footer-subnav__link-list > li > [class*="__type"] > *:first-child, .footer-subnav__link-list > li > [class*="__type"] > section:first-child > *:first-child, .footer-subnav__link-list > li > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- footer-copyright ----- */ .footer-copyright { color: var(--color-font-TX1); font-size: var(--font-font-size--XS); text-align: center; } .footer-copyright > *:last-child { margin-bottom: 0 !important; } .footer-copyright__label { font-size: inherit; } .footer-copyright__label > *:last-child { margin-bottom: 0 !important; } /* ----- footer-pagetop ----- */ .footer-pagetop { aspect-ratio: 1 / 1; z-index: 997; position: absolute; } .footer-pagetop > *:first-child, .footer-pagetop > section:first-child > *:first-child, .footer-pagetop > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-pagetop.is-fixed { position: fixed; top: auto; } .footer-pagetop > a { display: block; position: relative; width: 100%; height: 100%; border: 1px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); text-indent: -100vw; white-space: nowrap; } .footer-pagetop > a > *:first-child, .footer-pagetop > a > section:first-child > *:first-child, .footer-pagetop > a > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-pagetop > a:after { aspect-ratio: 1 / 1; translate: -50% -50%; display: block; position: absolute; left: 50%; rotate: 45deg; border-style: solid; border-color: var(--color-base-main) transparent transparent var(--color-base-main); content: ""; transition: border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } /* ------------------------------------------------------ * 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 { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ position: relative; align-items: center; justify-content: flex-start; width: 100%; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .heading1__title { margin: 0; line-height: 1.4; } .heading1__subtitle { margin: 0 0 .6rem; line-height: 1.4; } .heading1--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading1--center__title { margin: 0; line-height: 1.4; } .heading1--center__subtitle { margin: 0 0 .6rem; line-height: 1.4; } .heading1:before, .heading1:after { display: block; z-index: 1; position: absolute; width: 100%; content: ""; } .heading1:before { top: 0; left: 0; height: calc(100% - var(--heading1-circle-size)); border-bottom-right-radius: var(--heading1-circle-size); } .heading1:after { -webkit-mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); -webkit-mask-size: var(--heading1-circle-size) var(--heading1-circle-size); -webkit-mask-repeat: no-repeat; -webkit-mask-position: left bottom; bottom: 0; left: 0; width: 100%; height: var(--heading1-circle-size); mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); mask-position: left bottom; mask-repeat: no-repeat; mask-size: var(--heading1-circle-size) var(--heading1-circle-size); } .heading1__inner { margin-inline: auto; z-index: 2; width: 100%; } .heading1--center { display: flex; position: relative; align-items: center; justify-content: flex-start; width: 100%; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading1--center:before, .heading1--center:after { display: block; z-index: 1; position: absolute; width: 100%; content: ""; } .heading1--center:before { top: 0; left: 0; height: calc(100% - var(--heading1-circle-size)); border-bottom-right-radius: var(--heading1-circle-size); } .heading1--center:after { -webkit-mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); -webkit-mask-size: var(--heading1-circle-size) var(--heading1-circle-size); -webkit-mask-repeat: no-repeat; -webkit-mask-position: left bottom; bottom: 0; left: 0; width: 100%; height: var(--heading1-circle-size); mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); mask-position: left bottom; mask-repeat: no-repeat; mask-size: var(--heading1-circle-size) var(--heading1-circle-size); } .heading1--center__inner { margin-inline: auto; z-index: 2; width: 100%; } /* ====================================================== * 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 ------------------------------------------------------ */ } .heading1-v2__title { margin: 0; line-height: 1.4; } .heading1-v2__subtitle { margin: 0 0 .6rem; line-height: 1.4; } .heading1-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading1-v2--center__title { margin: 0; line-height: 1.4; } .heading1-v2--center__subtitle { margin: 0 0 .6rem; line-height: 1.4; } .heading1-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* 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 ------------------------------------------------------ */ position: relative; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .heading2__inner > [class*="__link"] { display: inline-block; } .heading2__inner > [class*="__link"], .heading2__inner > [class*="__link"]:link, .heading2__inner > [class*="__link"]:hover, .heading2__inner > [class*="__link"]:visited, .heading2__inner > [class*="__link"]:focus, .heading2__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading2__title { margin: 0; line-height: 1.4; } .heading2__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading2__filesize { margin-left: var(--gap-link-gap); font-style: normal; line-height: 1.4; vertical-align: middle; } .heading2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading2--center__inner > [class*="__link"] { display: inline-block; } .heading2--center__inner > [class*="__link"], .heading2--center__inner > [class*="__link"]:link, .heading2--center__inner > [class*="__link"]:hover, .heading2--center__inner > [class*="__link"]:visited, .heading2--center__inner > [class*="__link"]:focus, .heading2--center__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading2--center__title { margin: 0; line-height: 1.4; } .heading2--center__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading2--center__filesize { margin-left: var(--gap-link-gap); font-style: normal; line-height: 1.4; vertical-align: middle; } .heading2:after { display: block; position: absolute; bottom: 0; left: 0; height: 3px; border-radius: 1.5px; background-color: var(--color-sub-2); content: ""; } .heading2--center { position: relative; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading2--center:after { display: block; position: absolute; bottom: 0; left: 0; height: 3px; border-radius: 1.5px; background-color: var(--color-sub-2); content: ""; } .heading2--center:after { -webkit-transform: translateX(-50%); left: 50%; transform: translateX(-50%); } /* ====================================================== * 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 ------------------------------------------------------ */ } .heading2-v2__inner > [class*="__link"] { display: inline-block; } .heading2-v2__inner > [class*="__link"], .heading2-v2__inner > [class*="__link"]:link, .heading2-v2__inner > [class*="__link"]:hover, .heading2-v2__inner > [class*="__link"]:visited, .heading2-v2__inner > [class*="__link"]:focus, .heading2-v2__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading2-v2__title { margin: 0; line-height: 1.4; } .heading2-v2__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading2-v2__filesize { margin-left: var(--gap-link-gap); font-style: normal; line-height: 1.4; vertical-align: middle; } .heading2-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading2-v2--center__inner > [class*="__link"] { display: inline-block; } .heading2-v2--center__inner > [class*="__link"], .heading2-v2--center__inner > [class*="__link"]:link, .heading2-v2--center__inner > [class*="__link"]:hover, .heading2-v2--center__inner > [class*="__link"]:visited, .heading2-v2--center__inner > [class*="__link"]:focus, .heading2-v2--center__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading2-v2--center__title { margin: 0; line-height: 1.4; } .heading2-v2--center__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading2-v2--center__filesize { margin-left: var(--gap-link-gap); font-style: normal; line-height: 1.4; vertical-align: middle; } .heading2-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* 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 ------------------------------------------------------ */ border-bottom: 1px solid var(--color-base-secondary); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .heading3__inner > [class*="__link"] { display: inline-block; } .heading3__inner > [class*="__link"], .heading3__inner > [class*="__link"]:link, .heading3__inner > [class*="__link"]:hover, .heading3__inner > [class*="__link"]:visited, .heading3__inner > [class*="__link"]:focus, .heading3__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading3__title { margin: 0; line-height: 1.4; } .heading3__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading3__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: middle; } .heading3--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading3--center__inner > [class*="__link"] { display: inline-block; } .heading3--center__inner > [class*="__link"], .heading3--center__inner > [class*="__link"]:link, .heading3--center__inner > [class*="__link"]:hover, .heading3--center__inner > [class*="__link"]:visited, .heading3--center__inner > [class*="__link"]:focus, .heading3--center__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading3--center__title { margin: 0; line-height: 1.4; } .heading3--center__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading3--center__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: middle; } .heading3--center { border-bottom: 1px solid var(--color-base-secondary); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* ====================================================== * 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 ------------------------------------------------------ */ } .heading3-v2__inner > [class*="__link"] { display: inline-block; } .heading3-v2__inner > [class*="__link"], .heading3-v2__inner > [class*="__link"]:link, .heading3-v2__inner > [class*="__link"]:hover, .heading3-v2__inner > [class*="__link"]:visited, .heading3-v2__inner > [class*="__link"]:focus, .heading3-v2__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading3-v2__title { margin: 0; line-height: 1.4; } .heading3-v2__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading3-v2__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: middle; } .heading3-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading3-v2--center__inner > [class*="__link"] { display: inline-block; } .heading3-v2--center__inner > [class*="__link"], .heading3-v2--center__inner > [class*="__link"]:link, .heading3-v2--center__inner > [class*="__link"]:hover, .heading3-v2--center__inner > [class*="__link"]:visited, .heading3-v2--center__inner > [class*="__link"]:focus, .heading3-v2--center__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading3-v2--center__title { margin: 0; line-height: 1.4; } .heading3-v2--center__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading3-v2--center__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: middle; } .heading3-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* 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 ------------------------------------------------------ */ } .heading4__inner > [class*="__link"] { display: inline-block; } .heading4__inner > [class*="__link"], .heading4__inner > [class*="__link"]:link, .heading4__inner > [class*="__link"]:hover, .heading4__inner > [class*="__link"]:visited, .heading4__inner > [class*="__link"]:focus, .heading4__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading4__title { margin: 0; line-height: 1.4; } .heading4__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading4__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .heading4--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading4--center__inner > [class*="__link"] { display: inline-block; } .heading4--center__inner > [class*="__link"], .heading4--center__inner > [class*="__link"]:link, .heading4--center__inner > [class*="__link"]:hover, .heading4--center__inner > [class*="__link"]:visited, .heading4--center__inner > [class*="__link"]:focus, .heading4--center__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading4--center__title { margin: 0; line-height: 1.4; } .heading4--center__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading4--center__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .heading4--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* ====================================================== * 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 ------------------------------------------------------ */ } .heading4-v2__inner > [class*="__link"] { display: inline-block; } .heading4-v2__inner > [class*="__link"], .heading4-v2__inner > [class*="__link"]:link, .heading4-v2__inner > [class*="__link"]:hover, .heading4-v2__inner > [class*="__link"]:visited, .heading4-v2__inner > [class*="__link"]:focus, .heading4-v2__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading4-v2__title { margin: 0; line-height: 1.4; } .heading4-v2__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading4-v2__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .heading4-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading4-v2--center__inner > [class*="__link"] { display: inline-block; } .heading4-v2--center__inner > [class*="__link"], .heading4-v2--center__inner > [class*="__link"]:link, .heading4-v2--center__inner > [class*="__link"]:hover, .heading4-v2--center__inner > [class*="__link"]:visited, .heading4-v2--center__inner > [class*="__link"]:focus, .heading4-v2--center__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading4-v2--center__title { margin: 0; line-height: 1.4; } .heading4-v2--center__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .heading4-v2--center__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .heading4-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* 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 ------------------------------------------------------ */ } .heading5__inner > [class*="__link"] { display: inline-block; } .heading5__inner > [class*="__link"], .heading5__inner > [class*="__link"]:link, .heading5__inner > [class*="__link"]:hover, .heading5__inner > [class*="__link"]:visited, .heading5__inner > [class*="__link"]:focus, .heading5__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading5__title { margin: 0; font-size: var(--font-font-size--L); line-height: 1.4; } .heading5__subtitle { font-size: var(--font-font-size--S); line-height: 1.4; } .heading5__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .heading5--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading5--center__inner > [class*="__link"] { display: inline-block; } .heading5--center__inner > [class*="__link"], .heading5--center__inner > [class*="__link"]:link, .heading5--center__inner > [class*="__link"]:hover, .heading5--center__inner > [class*="__link"]:visited, .heading5--center__inner > [class*="__link"]:focus, .heading5--center__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading5--center__title { margin: 0; font-size: var(--font-font-size--L); line-height: 1.4; } .heading5--center__subtitle { font-size: var(--font-font-size--S); line-height: 1.4; } .heading5--center__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .heading5--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* 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 ------------------------------------------------------ */ } .heading6__inner > [class*="__link"] { display: inline-block; } .heading6__inner > [class*="__link"], .heading6__inner > [class*="__link"]:link, .heading6__inner > [class*="__link"]:hover, .heading6__inner > [class*="__link"]:visited, .heading6__inner > [class*="__link"]:focus, .heading6__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading6__title { margin: 0; font-size: var(--font-font-size--M); line-height: 1.4; } .heading6__subtitle { font-size: var(--font-font-size--S); line-height: 1.4; } .heading6__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .heading6--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading6--center__inner > [class*="__link"] { display: inline-block; } .heading6--center__inner > [class*="__link"], .heading6--center__inner > [class*="__link"]:link, .heading6--center__inner > [class*="__link"]:hover, .heading6--center__inner > [class*="__link"]:visited, .heading6--center__inner > [class*="__link"]:focus, .heading6--center__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .heading6--center__title { margin: 0; font-size: var(--font-font-size--M); line-height: 1.4; } .heading6--center__subtitle { font-size: var(--font-font-size--S); line-height: 1.4; } .heading6--center__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .heading6--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* ----- 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; font-size: var(--font-font-size--M); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .text--center { margin: 1em 0 0 0; font-size: var(--font-font-size--M); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .text--right { margin: 1em 0 0 0; font-size: var(--font-font-size--M); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: right; } .text--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .text--right { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* ----- Lead ----- */ /* 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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ font-size: var(--font-font-size--XL); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .lead--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .lead--center { font-size: var(--font-font-size--XL); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* ====================================================== * 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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ font-size: var(--font-font-size--M); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .lead-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .lead-v2--center { font-size: var(--font-font-size--M); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* ----- List-note ----- */ /* 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-list > li { position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--M); list-style: none; } .note-list__mark { position: absolute; top: 0; left: 0; } /* ====================================================== * 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-list-v2 > li { position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--M); list-style: none; } .note-list-v2__mark { position: absolute; top: 0; left: 0; } .note-list-v2 > li { color: var(--color-font-TX2); font-size: var(--font-font-size--S); } /* 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-order-list > li { position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--M); list-style: none; } .note-order-list__mark { position: absolute; top: 0; left: 0; } /* ====================================================== * 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-order-list-v2 > li { position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--M); list-style: none; } .note-order-list-v2__mark { position: absolute; top: 0; left: 0; } .note-order-list-v2 > li { color: var(--color-font-TX2); font-size: var(--font-font-size--S); } /* ----- List-unorder ----- */ /* 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .unorder-list > li { position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--M); list-style: none; } .unorder-list > li:before { display: inline-block; position: absolute; left: 0; border-radius: 50%; background-color: var(--color-base-black); content: ""; } /* ====================================================== * 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .unorder-list-v2 > li { position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--M); list-style: none; } .unorder-list-v2 > li { color: var(--color-font-TX2); font-size: var(--font-font-size--S); } .unorder-list-v2 > li:before { display: inline-block; position: absolute; left: 0; border: 2px solid var(--color-base-main); border-radius: 50%; content: ""; } /* ----- List-order ----- */ /* 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .order-list > li { position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--M); list-style: none; } .order-list__mark { position: absolute; top: 0; left: 0; } .order-list__mark { color: var(--color-base-main); } .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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .order-list-v2 > li { position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--M); list-style: none; } .order-list-v2__mark { position: absolute; top: 0; left: 0; } .order-list-v2 > li { color: var(--color-font-TX2); font-size: var(--font-font-size--S); } .order-list-v2__mark:before { content: "\FF08"; } .order-list-v2__mark:after { content: "\FF09"; } /* ----- List-description ----- */ /* 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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: 1em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .description-list > dt { margin: 0; } .description-list > dt > *:first-child, .description-list > dt > section:first-child > *:first-child, .description-list > dt > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .description-list__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .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; } .description-list .description-list__type, .description-list .description-list__type--blank, .description-list .description-list__type--pdf, .description-list .description-list-v2__type, .description-list .description-list-v2__type--blank, .description-list .description-list-v2__type--pdf, .description-list .description-list-v3__type, .description-list .description-list-v3__type--blank, .description-list .description-list-v3__type--pdf, .description-list .description-list-v4__type, .description-list .description-list-v4__type--blank, .description-list .description-list-v4__type--pdf, .description-list .carousel__type, .description-list .carousel__type--nolink { display: inline-block; } .description-list .description-list__type, .description-list .description-list__type--blank, .description-list .description-list__type--pdf, .description-list .description-list-v2__type, .description-list .description-list-v2__type--blank, .description-list .description-list-v2__type--pdf, .description-list .description-list-v3__type, .description-list .description-list-v3__type--blank, .description-list .description-list-v3__type--pdf, .description-list .description-list-v4__type, .description-list .description-list-v4__type--blank, .description-list .description-list-v4__type--pdf, .description-list .carousel__type, .description-list .carousel__type--nolink, .description-list .description-list__type:link, .description-list .description-list__type--blank:link, .description-list .description-list__type--pdf:link, .description-list .description-list-v2__type:link, .description-list .description-list-v2__type--blank:link, .description-list .description-list-v2__type--pdf:link, .description-list .description-list-v3__type:link, .description-list .description-list-v3__type--blank:link, .description-list .description-list-v3__type--pdf:link, .description-list .description-list-v4__type:link, .description-list .description-list-v4__type--blank:link, .description-list .description-list-v4__type--pdf:link, .description-list .carousel__type:link, .description-list .carousel__type--nolink:link, .description-list .description-list__type:hover, .description-list .description-list__type--blank:hover, .description-list .description-list__type--pdf:hover, .description-list .description-list-v2__type:hover, .description-list .description-list-v2__type--blank:hover, .description-list .description-list-v2__type--pdf:hover, .description-list .description-list-v3__type:hover, .description-list .description-list-v3__type--blank:hover, .description-list .description-list-v3__type--pdf:hover, .description-list .description-list-v4__type:hover, .description-list .description-list-v4__type--blank:hover, .description-list .description-list-v4__type--pdf:hover, .description-list .carousel__type:hover, .description-list .carousel__type--nolink:hover, .description-list .description-list__type:visited, .description-list .description-list__type--blank:visited, .description-list .description-list__type--pdf:visited, .description-list .description-list-v2__type:visited, .description-list .description-list-v2__type--blank:visited, .description-list .description-list-v2__type--pdf:visited, .description-list .description-list-v3__type:visited, .description-list .description-list-v3__type--blank:visited, .description-list .description-list-v3__type--pdf:visited, .description-list .description-list-v4__type:visited, .description-list .description-list-v4__type--blank:visited, .description-list .description-list-v4__type--pdf:visited, .description-list .carousel__type:visited, .description-list .carousel__type--nolink:visited, .description-list .description-list__type:focus, .description-list .description-list__type--blank:focus, .description-list .description-list__type--pdf:focus, .description-list .description-list-v2__type:focus, .description-list .description-list-v2__type--blank:focus, .description-list .description-list-v2__type--pdf:focus, .description-list .description-list-v3__type:focus, .description-list .description-list-v3__type--blank:focus, .description-list .description-list-v3__type--pdf:focus, .description-list .description-list-v4__type:focus, .description-list .description-list-v4__type--blank:focus, .description-list .description-list-v4__type--pdf:focus, .description-list .carousel__type:focus, .description-list .carousel__type--nolink:focus, .description-list .description-list__type:active, .description-list .description-list__type--blank:active, .description-list .description-list__type--pdf:active, .description-list .description-list-v2__type:active, .description-list .description-list-v2__type--blank:active, .description-list .description-list-v2__type--pdf:active, .description-list .description-list-v3__type:active, .description-list .description-list-v3__type--blank:active, .description-list .description-list-v3__type--pdf:active, .description-list .description-list-v4__type:active, .description-list .description-list-v4__type--blank:active, .description-list .description-list-v4__type--pdf:active, .description-list .carousel__type:active, .description-list .carousel__type--nolink:active { color: var(--color-font-TX1); } /* ====================================================== * 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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: 1em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ border-bottom: 1px solid var(--color-border-2); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .description-list-v2 > dt { margin: 0; } .description-list-v2 > dt > *:first-child, .description-list-v2 > dt > section:first-child > *:first-child, .description-list-v2 > dt > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .description-list-v2__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .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; } .description-list-v2 .description-list__type, .description-list-v2 .description-list__type--blank, .description-list-v2 .description-list__type--pdf, .description-list-v2 .description-list-v2__type, .description-list-v2 .description-list-v2__type--blank, .description-list-v2 .description-list-v2__type--pdf, .description-list-v2 .description-list-v3__type, .description-list-v2 .description-list-v3__type--blank, .description-list-v2 .description-list-v3__type--pdf, .description-list-v2 .description-list-v4__type, .description-list-v2 .description-list-v4__type--blank, .description-list-v2 .description-list-v4__type--pdf, .description-list-v2 .carousel__type, .description-list-v2 .carousel__type--nolink { display: inline-block; } .description-list-v2 .description-list__type, .description-list-v2 .description-list__type--blank, .description-list-v2 .description-list__type--pdf, .description-list-v2 .description-list-v2__type, .description-list-v2 .description-list-v2__type--blank, .description-list-v2 .description-list-v2__type--pdf, .description-list-v2 .description-list-v3__type, .description-list-v2 .description-list-v3__type--blank, .description-list-v2 .description-list-v3__type--pdf, .description-list-v2 .description-list-v4__type, .description-list-v2 .description-list-v4__type--blank, .description-list-v2 .description-list-v4__type--pdf, .description-list-v2 .carousel__type, .description-list-v2 .carousel__type--nolink, .description-list-v2 .description-list__type:link, .description-list-v2 .description-list__type--blank:link, .description-list-v2 .description-list__type--pdf:link, .description-list-v2 .description-list-v2__type:link, .description-list-v2 .description-list-v2__type--blank:link, .description-list-v2 .description-list-v2__type--pdf:link, .description-list-v2 .description-list-v3__type:link, .description-list-v2 .description-list-v3__type--blank:link, .description-list-v2 .description-list-v3__type--pdf:link, .description-list-v2 .description-list-v4__type:link, .description-list-v2 .description-list-v4__type--blank:link, .description-list-v2 .description-list-v4__type--pdf:link, .description-list-v2 .carousel__type:link, .description-list-v2 .carousel__type--nolink:link, .description-list-v2 .description-list__type:hover, .description-list-v2 .description-list__type--blank:hover, .description-list-v2 .description-list__type--pdf:hover, .description-list-v2 .description-list-v2__type:hover, .description-list-v2 .description-list-v2__type--blank:hover, .description-list-v2 .description-list-v2__type--pdf:hover, .description-list-v2 .description-list-v3__type:hover, .description-list-v2 .description-list-v3__type--blank:hover, .description-list-v2 .description-list-v3__type--pdf:hover, .description-list-v2 .description-list-v4__type:hover, .description-list-v2 .description-list-v4__type--blank:hover, .description-list-v2 .description-list-v4__type--pdf:hover, .description-list-v2 .carousel__type:hover, .description-list-v2 .carousel__type--nolink:hover, .description-list-v2 .description-list__type:visited, .description-list-v2 .description-list__type--blank:visited, .description-list-v2 .description-list__type--pdf:visited, .description-list-v2 .description-list-v2__type:visited, .description-list-v2 .description-list-v2__type--blank:visited, .description-list-v2 .description-list-v2__type--pdf:visited, .description-list-v2 .description-list-v3__type:visited, .description-list-v2 .description-list-v3__type--blank:visited, .description-list-v2 .description-list-v3__type--pdf:visited, .description-list-v2 .description-list-v4__type:visited, .description-list-v2 .description-list-v4__type--blank:visited, .description-list-v2 .description-list-v4__type--pdf:visited, .description-list-v2 .carousel__type:visited, .description-list-v2 .carousel__type--nolink:visited, .description-list-v2 .description-list__type:focus, .description-list-v2 .description-list__type--blank:focus, .description-list-v2 .description-list__type--pdf:focus, .description-list-v2 .description-list-v2__type:focus, .description-list-v2 .description-list-v2__type--blank:focus, .description-list-v2 .description-list-v2__type--pdf:focus, .description-list-v2 .description-list-v3__type:focus, .description-list-v2 .description-list-v3__type--blank:focus, .description-list-v2 .description-list-v3__type--pdf:focus, .description-list-v2 .description-list-v4__type:focus, .description-list-v2 .description-list-v4__type--blank:focus, .description-list-v2 .description-list-v4__type--pdf:focus, .description-list-v2 .carousel__type:focus, .description-list-v2 .carousel__type--nolink:focus, .description-list-v2 .description-list__type:active, .description-list-v2 .description-list__type--blank:active, .description-list-v2 .description-list__type--pdf:active, .description-list-v2 .description-list-v2__type:active, .description-list-v2 .description-list-v2__type--blank:active, .description-list-v2 .description-list-v2__type--pdf:active, .description-list-v2 .description-list-v3__type:active, .description-list-v2 .description-list-v3__type--blank:active, .description-list-v2 .description-list-v3__type--pdf:active, .description-list-v2 .description-list-v4__type:active, .description-list-v2 .description-list-v4__type--blank:active, .description-list-v2 .description-list-v4__type--pdf:active, .description-list-v2 .carousel__type:active, .description-list-v2 .carousel__type--nolink:active { color: var(--color-font-TX1); } /* ====================================================== * 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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: 1em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .description-list-v3 > dt { margin: 0; } .description-list-v3 > dt > *:first-child, .description-list-v3 > dt > section:first-child > *:first-child, .description-list-v3 > dt > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .description-list-v3__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .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; } .description-list-v3 .description-list__type, .description-list-v3 .description-list__type--blank, .description-list-v3 .description-list__type--pdf, .description-list-v3 .description-list-v2__type, .description-list-v3 .description-list-v2__type--blank, .description-list-v3 .description-list-v2__type--pdf, .description-list-v3 .description-list-v3__type, .description-list-v3 .description-list-v3__type--blank, .description-list-v3 .description-list-v3__type--pdf, .description-list-v3 .description-list-v4__type, .description-list-v3 .description-list-v4__type--blank, .description-list-v3 .description-list-v4__type--pdf, .description-list-v3 .carousel__type, .description-list-v3 .carousel__type--nolink { display: inline-block; } .description-list-v3 .description-list__type, .description-list-v3 .description-list__type--blank, .description-list-v3 .description-list__type--pdf, .description-list-v3 .description-list-v2__type, .description-list-v3 .description-list-v2__type--blank, .description-list-v3 .description-list-v2__type--pdf, .description-list-v3 .description-list-v3__type, .description-list-v3 .description-list-v3__type--blank, .description-list-v3 .description-list-v3__type--pdf, .description-list-v3 .description-list-v4__type, .description-list-v3 .description-list-v4__type--blank, .description-list-v3 .description-list-v4__type--pdf, .description-list-v3 .carousel__type, .description-list-v3 .carousel__type--nolink, .description-list-v3 .description-list__type:link, .description-list-v3 .description-list__type--blank:link, .description-list-v3 .description-list__type--pdf:link, .description-list-v3 .description-list-v2__type:link, .description-list-v3 .description-list-v2__type--blank:link, .description-list-v3 .description-list-v2__type--pdf:link, .description-list-v3 .description-list-v3__type:link, .description-list-v3 .description-list-v3__type--blank:link, .description-list-v3 .description-list-v3__type--pdf:link, .description-list-v3 .description-list-v4__type:link, .description-list-v3 .description-list-v4__type--blank:link, .description-list-v3 .description-list-v4__type--pdf:link, .description-list-v3 .carousel__type:link, .description-list-v3 .carousel__type--nolink:link, .description-list-v3 .description-list__type:hover, .description-list-v3 .description-list__type--blank:hover, .description-list-v3 .description-list__type--pdf:hover, .description-list-v3 .description-list-v2__type:hover, .description-list-v3 .description-list-v2__type--blank:hover, .description-list-v3 .description-list-v2__type--pdf:hover, .description-list-v3 .description-list-v3__type:hover, .description-list-v3 .description-list-v3__type--blank:hover, .description-list-v3 .description-list-v3__type--pdf:hover, .description-list-v3 .description-list-v4__type:hover, .description-list-v3 .description-list-v4__type--blank:hover, .description-list-v3 .description-list-v4__type--pdf:hover, .description-list-v3 .carousel__type:hover, .description-list-v3 .carousel__type--nolink:hover, .description-list-v3 .description-list__type:visited, .description-list-v3 .description-list__type--blank:visited, .description-list-v3 .description-list__type--pdf:visited, .description-list-v3 .description-list-v2__type:visited, .description-list-v3 .description-list-v2__type--blank:visited, .description-list-v3 .description-list-v2__type--pdf:visited, .description-list-v3 .description-list-v3__type:visited, .description-list-v3 .description-list-v3__type--blank:visited, .description-list-v3 .description-list-v3__type--pdf:visited, .description-list-v3 .description-list-v4__type:visited, .description-list-v3 .description-list-v4__type--blank:visited, .description-list-v3 .description-list-v4__type--pdf:visited, .description-list-v3 .carousel__type:visited, .description-list-v3 .carousel__type--nolink:visited, .description-list-v3 .description-list__type:focus, .description-list-v3 .description-list__type--blank:focus, .description-list-v3 .description-list__type--pdf:focus, .description-list-v3 .description-list-v2__type:focus, .description-list-v3 .description-list-v2__type--blank:focus, .description-list-v3 .description-list-v2__type--pdf:focus, .description-list-v3 .description-list-v3__type:focus, .description-list-v3 .description-list-v3__type--blank:focus, .description-list-v3 .description-list-v3__type--pdf:focus, .description-list-v3 .description-list-v4__type:focus, .description-list-v3 .description-list-v4__type--blank:focus, .description-list-v3 .description-list-v4__type--pdf:focus, .description-list-v3 .carousel__type:focus, .description-list-v3 .carousel__type--nolink:focus, .description-list-v3 .description-list__type:active, .description-list-v3 .description-list__type--blank:active, .description-list-v3 .description-list__type--pdf:active, .description-list-v3 .description-list-v2__type:active, .description-list-v3 .description-list-v2__type--blank:active, .description-list-v3 .description-list-v2__type--pdf:active, .description-list-v3 .description-list-v3__type:active, .description-list-v3 .description-list-v3__type--blank:active, .description-list-v3 .description-list-v3__type--pdf:active, .description-list-v3 .description-list-v4__type:active, .description-list-v3 .description-list-v4__type--blank:active, .description-list-v3 .description-list-v4__type--pdf:active, .description-list-v3 .carousel__type:active, .description-list-v3 .carousel__type--nolink:active { color: var(--color-font-TX1); } /* ====================================================== * 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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: 1em 0 0 0; padding: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ border-bottom: 1px solid var(--color-border-2); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .description-list-v4 > dt { margin: 0; } .description-list-v4 > dt > *:first-child, .description-list-v4 > dt > section:first-child > *:first-child, .description-list-v4 > dt > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .description-list-v4__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .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; } .description-list-v4 .description-list__type, .description-list-v4 .description-list__type--blank, .description-list-v4 .description-list__type--pdf, .description-list-v4 .description-list-v2__type, .description-list-v4 .description-list-v2__type--blank, .description-list-v4 .description-list-v2__type--pdf, .description-list-v4 .description-list-v3__type, .description-list-v4 .description-list-v3__type--blank, .description-list-v4 .description-list-v3__type--pdf, .description-list-v4 .description-list-v4__type, .description-list-v4 .description-list-v4__type--blank, .description-list-v4 .description-list-v4__type--pdf, .description-list-v4 .carousel__type, .description-list-v4 .carousel__type--nolink { display: inline-block; } .description-list-v4 .description-list__type, .description-list-v4 .description-list__type--blank, .description-list-v4 .description-list__type--pdf, .description-list-v4 .description-list-v2__type, .description-list-v4 .description-list-v2__type--blank, .description-list-v4 .description-list-v2__type--pdf, .description-list-v4 .description-list-v3__type, .description-list-v4 .description-list-v3__type--blank, .description-list-v4 .description-list-v3__type--pdf, .description-list-v4 .description-list-v4__type, .description-list-v4 .description-list-v4__type--blank, .description-list-v4 .description-list-v4__type--pdf, .description-list-v4 .carousel__type, .description-list-v4 .carousel__type--nolink, .description-list-v4 .description-list__type:link, .description-list-v4 .description-list__type--blank:link, .description-list-v4 .description-list__type--pdf:link, .description-list-v4 .description-list-v2__type:link, .description-list-v4 .description-list-v2__type--blank:link, .description-list-v4 .description-list-v2__type--pdf:link, .description-list-v4 .description-list-v3__type:link, .description-list-v4 .description-list-v3__type--blank:link, .description-list-v4 .description-list-v3__type--pdf:link, .description-list-v4 .description-list-v4__type:link, .description-list-v4 .description-list-v4__type--blank:link, .description-list-v4 .description-list-v4__type--pdf:link, .description-list-v4 .carousel__type:link, .description-list-v4 .carousel__type--nolink:link, .description-list-v4 .description-list__type:hover, .description-list-v4 .description-list__type--blank:hover, .description-list-v4 .description-list__type--pdf:hover, .description-list-v4 .description-list-v2__type:hover, .description-list-v4 .description-list-v2__type--blank:hover, .description-list-v4 .description-list-v2__type--pdf:hover, .description-list-v4 .description-list-v3__type:hover, .description-list-v4 .description-list-v3__type--blank:hover, .description-list-v4 .description-list-v3__type--pdf:hover, .description-list-v4 .description-list-v4__type:hover, .description-list-v4 .description-list-v4__type--blank:hover, .description-list-v4 .description-list-v4__type--pdf:hover, .description-list-v4 .carousel__type:hover, .description-list-v4 .carousel__type--nolink:hover, .description-list-v4 .description-list__type:visited, .description-list-v4 .description-list__type--blank:visited, .description-list-v4 .description-list__type--pdf:visited, .description-list-v4 .description-list-v2__type:visited, .description-list-v4 .description-list-v2__type--blank:visited, .description-list-v4 .description-list-v2__type--pdf:visited, .description-list-v4 .description-list-v3__type:visited, .description-list-v4 .description-list-v3__type--blank:visited, .description-list-v4 .description-list-v3__type--pdf:visited, .description-list-v4 .description-list-v4__type:visited, .description-list-v4 .description-list-v4__type--blank:visited, .description-list-v4 .description-list-v4__type--pdf:visited, .description-list-v4 .carousel__type:visited, .description-list-v4 .carousel__type--nolink:visited, .description-list-v4 .description-list__type:focus, .description-list-v4 .description-list__type--blank:focus, .description-list-v4 .description-list__type--pdf:focus, .description-list-v4 .description-list-v2__type:focus, .description-list-v4 .description-list-v2__type--blank:focus, .description-list-v4 .description-list-v2__type--pdf:focus, .description-list-v4 .description-list-v3__type:focus, .description-list-v4 .description-list-v3__type--blank:focus, .description-list-v4 .description-list-v3__type--pdf:focus, .description-list-v4 .description-list-v4__type:focus, .description-list-v4 .description-list-v4__type--blank:focus, .description-list-v4 .description-list-v4__type--pdf:focus, .description-list-v4 .carousel__type:focus, .description-list-v4 .carousel__type--nolink:focus, .description-list-v4 .description-list__type:active, .description-list-v4 .description-list__type--blank:active, .description-list-v4 .description-list__type--pdf:active, .description-list-v4 .description-list-v2__type:active, .description-list-v4 .description-list-v2__type--blank:active, .description-list-v4 .description-list-v2__type--pdf:active, .description-list-v4 .description-list-v3__type:active, .description-list-v4 .description-list-v3__type--blank:active, .description-list-v4 .description-list-v3__type--pdf:active, .description-list-v4 .description-list-v4__type:active, .description-list-v4 .description-list-v4__type--blank:active, .description-list-v4 .description-list-v4__type--pdf:active, .description-list-v4 .carousel__type:active, .description-list-v4 .carousel__type--nolink:active { color: var(--color-font-TX1); } /* ----- List-link ----- */ /* 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 { margin: 1em 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 1em 0 0 0; } .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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .link-list > li { position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--M); list-style: none; } .link-list > li > [class*="__type"] { display: inline-block; position: relative; } .link-list > li > [class*="__type"]:not([class*="--nolink"]), .link-list > li > [class*="__type"]:not([class*="--nolink"]):link, .link-list > li > [class*="__type"]:not([class*="--nolink"]):hover, .link-list > li > [class*="__type"]:not([class*="--nolink"]):visited, .link-list > li > [class*="__type"]:not([class*="--nolink"]):focus, .link-list > li > [class*="__type"]:not([class*="--nolink"]):active { color: var(--color-font-TX1); } .link-list__type--nolink { color: var(--color-font-noLink); } a[class*="--modal"].is-blur { outline: none !important; } a[class*="--modal"]:focus-within:focus-visible { outline: 2px solid #000; } [class*="modal--iframe"].modaal-wrapper .modaal-container { overflow: visible !important; } .modaal-overlay { z-index: 1001 !important; } .link-list__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .link-list > li > [class*="__type"]:not([class*="--nolink"]), .link-list > li > [class*="__type"]:not([class*="--nolink"]):link, .link-list > li > [class*="__type"]:not([class*="--nolink"]):hover, .link-list > li > [class*="__type"]:not([class*="--nolink"]):visited, .link-list > li > [class*="__type"]:not([class*="--nolink"]):focus, .link-list > li > [class*="__type"]:not([class*="--nolink"]):active { color: var(--color-font-TX1); } .link-list > li > [class*="__type"]:before { position: absolute; left: 0; } .link-list__type--nolink { color: var(--color-font-noLink); } .link-list__type--nolink:before { display: none !important; } /* ----- 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--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--modal, .button-v2 .button-v2__type--rss, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { display: flex; position: relative; align-items: center; justify-content: center; font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } /* ====================================================== * 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--modal, .button .button__type--rss { border: 1px solid var(--color-border-1); border-radius: var(--radius-BT-L); background-color: var(--color-base-white); color: var(--color-base-main); } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .button-wrap { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-wrap--center { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; flex-flow: row wrap; align-items: center; } .button-wrap--center > * { justify-content: center; } .button-wrap--right { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; flex-flow: row wrap; align-items: flex-end; } .button-wrap--right > * { justify-content: flex-end; } .button-wrap--centering { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; } .button { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button__label { display: block; position: relative; width: 100%; } .button__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .button .button__type .button__label:after { right: 0; } .button .button__type--blank .button__label:after { right: 0; } .button .button__type--pdf .button__label:after { right: 0; } .button .button__type--excel .button__label:after { right: 0; } .button .button__type--word .button__label:after { right: 0; } .button .button__type--powerpoint .button__label:after { right: 0; } .button .button__type--zip .button__label:after { right: 0; } .button .button__type--modal .button__label:after { right: 0; } .button .button__type--rss .button__label:after { right: 0; } /* ====================================================== * 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--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--modal, .button-v2 .button-v2__type--rss, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { display: flex; position: relative; align-items: center; justify-content: center; font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } /* ====================================================== * 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--modal, .button-v2 .button-v2__type--rss { border: 1px solid var(--color-border-2); border-radius: var(--radius-BT-L); background-color: var(--color-base-secondary); color: var(--color-font-TX1); } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .button-wrap { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-wrap--center { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; flex-flow: row wrap; align-items: center; } .button-wrap--center > * { justify-content: center; } .button-wrap--right { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; flex-flow: row wrap; align-items: flex-end; } .button-wrap--right > * { justify-content: flex-end; } .button-wrap--centering { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; } .button-v2 { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-v2__label { display: block; position: relative; width: 100%; } .button-v2__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .button-v2 .button-v2__type .button-v2__label:after { right: 0; } .button-v2 .button-v2__type--blank .button-v2__label:after { right: 0; } .button-v2 .button-v2__type--pdf .button-v2__label:after { right: 0; } .button-v2 .button-v2__type--excel .button-v2__label:after { right: 0; } .button-v2 .button-v2__type--word .button-v2__label:after { right: 0; } .button-v2 .button-v2__type--powerpoint .button-v2__label:after { right: 0; } .button-v2 .button-v2__type--zip .button-v2__label:after { right: 0; } .button-v2 .button-v2__type--modal .button-v2__label:after { right: 0; } .button-v2 .button-v2__type--rss .button-v2__label:after { right: 0; } /* ====================================================== * 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--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--modal, .button-v2 .button-v2__type--rss, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { display: flex; position: relative; align-items: center; justify-content: center; font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-0003 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .button-v3 .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { border: 1px solid var(--color-base-black); border-radius: var(--radius-BT-L); background-color: var(--color-base-black); color: var(--color-base-white); font-size: var(--font-font-size--XL); } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .button-wrap { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-wrap--center { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; flex-flow: row wrap; align-items: center; } .button-wrap--center > * { justify-content: center; } .button-wrap--right { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; flex-flow: row wrap; align-items: flex-end; } .button-wrap--right > * { justify-content: flex-end; } .button-wrap--centering { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; } .button-v3 { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-v3__label { display: block; position: relative; width: 100%; } .button-v3__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .button-v3 .button-v3__type .button-v3__label:after { right: 0; } .button-v3 .button-v3__type--blank .button-v3__label:after { right: 0; } .button-v3 .button-v3__type--pdf .button-v3__label:after { right: 0; } .button-v3 .button-v3__type--excel .button-v3__label:after { right: 0; } .button-v3 .button-v3__type--word .button-v3__label:after { right: 0; } .button-v3 .button-v3__type--powerpoint .button-v3__label:after { right: 0; } .button-v3 .button-v3__type--zip .button-v3__label:after { right: 0; } .button-v3 .button-v3__type--modal .button-v3__label:after { right: 0; } .button-v3 .button-v3__type--rss .button-v3__label:after { right: 0; } /* ----- Figure ----- */ /* figure */ /* ====================================================== * IM-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * IM-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * figure-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * figure-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * figure-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * figure-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .figure__frame, .figure a.figure__frame, .figure a.figure__frame--modal, .figure a.figure__frame--scaleup { display: inline-block; } .figure__caption, .figure__caption--center, .figure__caption--right { margin: 0; font-size: var(--font-font-size--S); text-align: left; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .figure-wrap { display: flex; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .figure-wrap--center { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; margin: 2em 0 0 0; } .figure-wrap--right { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; margin: 2em 0 0 0; } .figure-wrap--center > * { text-align: center; } .figure { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ margin: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .figure__title { margin: 0; color: var(--color-font-TX1); font-size: var(--font-font-size--M); line-height: 1.4; text-align: left; } .figure a.figure__frame, .figure a.figure__frame--modal, .figure a.figure__frame--scaleup { position: relative; overflow: hidden; font-size: 0; line-height: 0; vertical-align: bottom; } .figure a.figure__frame img, .figure a.figure__frame--modal img, .figure a.figure__frame--scaleup img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .figure a.figure__frame--modal:before { display: inline-block; z-index: 2; position: absolute; width: 40px; height: 40px; border: 1px solid var(--color-border-2); border-radius: 50%; background-color: var(--color-base-white); content: ""; transition: border 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, background 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .figure a.figure__frame--modal:after { -webkit-transform: translateZ(0); display: inline-block; z-index: 3; position: absolute; width: 20px; height: 20px; overflow: hidden; transform: translateZ(0); background: url("/app-files/img/sprite/icon.svg#modal3-usage") no-repeat center/contain; background-color: var(--color-base-white); text-indent: 100%; vertical-align: middle; white-space: nowrap; content: ""; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background-image; } a[class*="--modal"].is-blur { outline: none !important; } a[class*="--modal"]:focus-within:focus-visible { outline: 2px solid #000; } [class*="modal--iframe"].modaal-wrapper .modaal-container { overflow: visible !important; } .modaal-overlay { z-index: 1001 !important; } .figure__caption--center { text-align: center; } .figure__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 ====================================================== */ /* ====================================================== * extend ====================================================== */ .video-wrap__caption, .video-wrap__caption--center, .video-wrap__caption--right { font-size: var(--font-font-size--S); } .video-wrap__caption > *:first-child, .video-wrap__caption--center > *:first-child, .video-wrap__caption--right > *:first-child, .video-wrap__caption > section:first-child > *:first-child, .video-wrap__caption--center > section:first-child > *:first-child, .video-wrap__caption--right > section:first-child > *:first-child, .video-wrap__caption > [class^="list-wrap"] > *:first-child, .video-wrap__caption--center > [class^="list-wrap"] > *:first-child, .video-wrap__caption--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * video-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * video-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .video-wrap { display: flex; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .video-wrap > *:first-child, .video-wrap > section:first-child > *:first-child, .video-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap > *:last-child { margin-bottom: 0 !important; } .video-wrap__inner { width: 100%; } .video-wrap__inner > *:first-child, .video-wrap__inner > section:first-child > *:first-child, .video-wrap__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap__inner > *:last-child { margin-bottom: 0 !important; } .video-wrap--center { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; margin: 2em 0 0 0; } .video-wrap--center > *:first-child, .video-wrap--center > section:first-child > *:first-child, .video-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap--center > *:last-child { margin-bottom: 0 !important; } .video-wrap--center__inner { width: 100%; } .video-wrap--center__inner > *:first-child, .video-wrap--center__inner > section:first-child > *:first-child, .video-wrap--center__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap--center__inner > *:last-child { margin-bottom: 0 !important; } .video-wrap--right { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; margin: 2em 0 0 0; } .video-wrap--right > *:first-child, .video-wrap--right > section:first-child > *:first-child, .video-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap--right > *:last-child { margin-bottom: 0 !important; } .video-wrap--right__inner { width: 100%; } .video-wrap--right__inner > *:first-child, .video-wrap--right__inner > section:first-child > *:first-child, .video-wrap--right__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap--right__inner > *:last-child { margin-bottom: 0 !important; } .video-wrap__caption { text-align: left; } .video-wrap__caption--center { text-align: center; } .video-wrap__caption--right { text-align: right; } .video { display: block; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ width: 100%; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .video > *:first-child, .video > section:first-child > *:first-child, .video > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video > *:last-child { margin-bottom: 0 !important; } /* ====================================================== * 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 ====================================================== */ /* ====================================================== * extend ====================================================== */ .video-wrap__caption, .video-wrap__caption--center, .video-wrap__caption--right { font-size: var(--font-font-size--S); } .video-wrap__caption > *:first-child, .video-wrap__caption--center > *:first-child, .video-wrap__caption--right > *:first-child, .video-wrap__caption > section:first-child > *:first-child, .video-wrap__caption--center > section:first-child > *:first-child, .video-wrap__caption--right > section:first-child > *:first-child, .video-wrap__caption > [class^="list-wrap"] > *:first-child, .video-wrap__caption--center > [class^="list-wrap"] > *:first-child, .video-wrap__caption--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * iframe-video-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * iframe-video-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .video-wrap { display: flex; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .video-wrap > *:first-child, .video-wrap > section:first-child > *:first-child, .video-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap > *:last-child { margin-bottom: 0 !important; } .video-wrap__inner { width: 100%; } .video-wrap__inner > *:first-child, .video-wrap__inner > section:first-child > *:first-child, .video-wrap__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap__inner > *:last-child { margin-bottom: 0 !important; } .video-wrap--center { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; margin: 2em 0 0 0; } .video-wrap--center > *:first-child, .video-wrap--center > section:first-child > *:first-child, .video-wrap--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap--center > *:last-child { margin-bottom: 0 !important; } .video-wrap--center__inner { width: 100%; } .video-wrap--center__inner > *:first-child, .video-wrap--center__inner > section:first-child > *:first-child, .video-wrap--center__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap--center__inner > *:last-child { margin-bottom: 0 !important; } .video-wrap--right { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: flex-end; margin: 2em 0 0 0; } .video-wrap--right > *:first-child, .video-wrap--right > section:first-child > *:first-child, .video-wrap--right > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap--right > *:last-child { margin-bottom: 0 !important; } .video-wrap--right__inner { width: 100%; } .video-wrap--right__inner > *:first-child, .video-wrap--right__inner > section:first-child > *:first-child, .video-wrap--right__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .video-wrap--right__inner > *:last-child { margin-bottom: 0 !important; } .video-wrap__caption { text-align: left; } .video-wrap__caption--center { text-align: center; } .video-wrap__caption--right { text-align: right; } .iframe-video { aspect-ratio: 16 / 9; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ position: relative; width: 100%; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .iframe-video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } /* ----- 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 ====================================================== */ .table__caption, .table__caption--center, .table__caption--right { font-size: var(--font-font-size--S); } .table [class*="__cell"]:is(th, td) { border-top: 1px solid var(--color-border-2); border-left: 1px solid var(--color-border-2); background-color: var(--color-bg-base); text-align: left; vertical-align: top; } .table .is-border-top-none[class*="__cell"]:is(th, td) { border-top: none; } .table .is-border-left-none[class*="__cell"]:is(th, td) { border-left: none; } /* ====================================================== * 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; } .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; } .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 { font-size: var(--font-font-size--XL); line-height: 1.4; } .table__caption--center { text-align: center; } .table__caption--right { text-align: right; } .table__note { font-size: var(--font-font-size--S); } .table__matrix { width: 100%; border-right: 1px solid var(--color-border-2); border-bottom: 1px solid var(--color-border-2); border-collapse: collapse; border-spacing: 0; table-layout: fixed; } .table [class*="__cell"]:is(th, td) > *:first-child, .table [class*="__cell"]:is(th, td) > section:first-child > *:first-child, .table [class*="__cell"]:is(th, td) > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .table [class*="__cell"]:is(th, td) > *:last-child { margin-bottom: 0 !important; } .table [class*="__cell"]:is(th, td)[class*="__cell--lv1"] { background-color: var(--color-base-main); color: var(--color-base-white); } .table [class*="__cell"]:is(th, td)[class*="__cell--lv2"] { background-color: var(--color-sub-1); } /* ----- 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 { border: 1px solid var(--color-border-1); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ border-radius: var(--radius-L); background-color: var(--color-base-white); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .box > *:first-child, .box > section:first-child > *:first-child, .box > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .box__head > *:first-child, .box__head > section:first-child > *:first-child, .box__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .box__body { margin: .8em 0 0; } .box__body > *:first-child, .box__body > section:first-child > *:first-child, .box__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .box__title { font-size: var(--font-font-size--XL); } .box > *:first-child, .box > section:first-child > *:first-child, .box > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .box__head > *:first-child, .box__head > section:first-child > *:first-child, .box__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .box__body > *:first-child, .box__body > section:first-child > *:first-child, .box__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ====================================================== * 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 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ border-top: 1px solid var(--color-border-1); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .box-v2 > *:first-child, .box-v2 > section:first-child > *:first-child, .box-v2 > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .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__body { margin: .8em 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__title { font-size: var(--font-font-size--XL); } .box-v2 > *:first-child, .box-v2 > section:first-child > *:first-child, .box-v2 > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .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__body > *:first-child, .box-v2__body > section:first-child > *:first-child, .box-v2__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- 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__head { flex-shrink: 0; } .media__head > *:first-child, .media__head > section:first-child > *:first-child, .media__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .media__body { flex-grow: 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__caption, .media__caption--center, .media__caption--right { font-size: var(--font-font-size--S); } .media__caption--center { text-align: center; } .media__caption--right { text-align: right; } /* ----- 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 ------------------------------------------------------ */ } .column__item > *:first-child, .column__item > section:first-child > *:first-child, .column__item > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ====================================================== * HEADING-COL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * HEADING-COL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading-column-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading-column-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading-column { margin: 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } body [class^=heading] + .heading-column { margin-top: 0; } .heading-column__item > *:last-child { margin-bottom: 0 !important; } /* ----- Anchor ----- */ /* 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 > *:first-child, .anchor-navi > section:first-child > *:first-child, .anchor-navi > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .anchor-navi__list { margin: 0; padding: 0; list-style: none; } .anchor-navi__list > *:first-child, .anchor-navi__list > section:first-child > *:first-child, .anchor-navi__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .anchor-navi__list > li > *:first-child, .anchor-navi__list > li > section:first-child > *:first-child, .anchor-navi__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .anchor-navi__link { display: inline-block; position: relative; } .anchor-navi__link, .anchor-navi__link:link, .anchor-navi__link:hover, .anchor-navi__link:visited, .anchor-navi__link:focus, .anchor-navi__link:active { color: var(--color-font-TX1); } .anchor-navi__link:before { position: absolute; } /* ----- Pager ----- */ /* 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 { padding-block: 0 .125em; display: flex; position: relative; align-items: center; justify-content: center; border: 1px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); font-size: var(--font-font-size--M); line-height: 1; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .pager-navi .pager-navi__link, .pager-navi .pager-navi__link--prev, .pager-navi .pager-navi__link--next, .pager-navi .pager-navi__link:link, .pager-navi .pager-navi__link--prev:link, .pager-navi .pager-navi__link--next:link, .pager-navi .pager-navi__link:hover, .pager-navi .pager-navi__link--prev:hover, .pager-navi .pager-navi__link--next:hover, .pager-navi .pager-navi__link:visited, .pager-navi .pager-navi__link--prev:visited, .pager-navi .pager-navi__link--next:visited, .pager-navi .pager-navi__link:focus, .pager-navi .pager-navi__link--prev:focus, .pager-navi .pager-navi__link--next:focus, .pager-navi .pager-navi__link:active, .pager-navi .pager-navi__link--prev:active, .pager-navi .pager-navi__link--next:active { color: var(--color-font-TX1); } .pager-navi .pager-navi__link:focus-visible, .pager-navi .pager-navi__link--prev:focus-visible, .pager-navi .pager-navi__link--next:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .pager-navi .is-current.pager-navi__link { border-color: var(--color-base-main); background-color: var(--color-base-main); color: var(--color-base-white); pointer-events: none; } .pager-navi .pager-navi__link--prev, .pager-navi .pager-navi__link--next { overflow: hidden; text-indent: -100vw; white-space: nowrap; } .pager-navi .pager-navi__link--prev:after, .pager-navi .pager-navi__link--next:after { position: absolute; top: 50%; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .pager-navi { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ display: flex; justify-content: center; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .pager-navi__inner { display: inline-flex; position: relative; flex-flow: row nowrap; align-items: center; justify-content: center; } .pager-navi__list { display: flex; flex-flow: row wrap; margin: 0; padding: 0; list-style: none; } .pager-navi__control { position: relative; flex-shrink: 0; } .pager-navi .pager-navi__link--prev:after { -webkit-transform: translate(-50%, -50%) scale(-1, 1); left: 50%; transform: translate(-50%, -50%) scale(-1, 1); } .pager-navi .pager-navi__link--next:after { -webkit-transform: translate(-50%, -50%) scale(1, 1); left: 50%; transform: translate(-50%, -50%) scale(1, 1); } /* ----- Pulldown ----- */ /* 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 ------------------------------------------------------ */ } .pulldown-navi__inner { position: relative; border: 1px solid var(--color-border-2); border-radius: var(--radius-BT-M); background-color: var(--color-bg-base); } .pulldown-navi__inner:focus-within { outline: 2px solid #000; outline-offset: -2px; } .pulldown-navi__inner:after { translate: 0 -50%; z-index: 0; position: absolute; top: 50%; width: 0; height: 0; border: solid transparent; border-top-color: var(--color-font-TX1); content: ""; } .pulldown-navi__select { -webkit-appearance: none; appearance: none; z-index: 1; position: relative; width: 100%; height: 100%; border: none; outline: none; background: none; color: var(--color-font-TX1); font-size: var(--font-font-size--M); line-height: 1.6; cursor: pointer; } .pulldown-navi__select::-ms-expand { display: none; } .pulldown-navi__crawling { display: none; } .pulldown-navi__list { margin: 0; padding: 0; } .pulldown-navi__list > li { list-style: none; } .pulldown-navi__link--rss, .pulldown-navi__link--rss:link, .pulldown-navi__link--rss:hover, .pulldown-navi__link--rss:visited, .pulldown-navi__link--rss:focus, .pulldown-navi__link--rss:active { color: var(--color-font-TX1); } /* ----- 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 ====================================================== */ /* ====================================================== * 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; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; margin: 2em 0 0 0; } .card-wrap--centering > *:first-child, .card-wrap--centering > section:first-child > *:first-child, .card-wrap--centering > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .card-wrap--scrolling { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .card-wrap--centering { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .card-wrap--scrolling { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .card { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .card > [class*="__type"] { position: relative; width: 100%; overflow: hidden; color: var(--color-font-TX1); text-align: left; text-decoration: none; } .card > [class*="__type"], .card > [class*="__type"]:link, .card > [class*="__type"]:hover, .card > [class*="__type"]:visited, .card > [class*="__type"]:focus, .card > [class*="__type"]:active { color: var(--color-font-TX1); } .card__head > *:first-child, .card__head > section:first-child > *:first-child, .card__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .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; } .card__image, .card__image--aspect-fixed { -webkit-transform: translateZ(0); transform: translateZ(0); isolation: isolate; } .card__image img, .card__image--aspect-fixed img { -webkit-transform: translateZ(0); display: block; width: 100%; height: auto; transform: translateZ(0); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .card__image > *:first-child, .card__image > section:first-child > *:first-child, .card__image > [class^="list-wrap"] > *:first-child, .card__image--aspect-fixed > *:first-child, .card__image--aspect-fixed > section:first-child > *:first-child, .card__image--aspect-fixed > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .card__title { font-size: var(--font-font-size--XL); line-height: 1.4; } .card__title > *:first-child, .card__title > section:first-child > *:first-child, .card__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .card__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: middle; } .card__description > *:first-child, .card__description > section:first-child > *:first-child, .card__description > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .card__head > *:first-child, .card__head > section:first-child > *:first-child, .card__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .card__body > *:first-child, .card__body > section:first-child > *:first-child, .card__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .card__image, .card__image--aspect-fixed { -webkit-clip-path: inset(0 round var(--radius-L)); clip-path: inset(0 round var(--radius-L)); } /* ----- 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 ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .accordion__head { display: block; width: 100%; border: 1px solid var(--color-border-2); border-radius: var(--radius-M); background-color: var(--color-base-white); text-align: left; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .accordion__head:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .accordion__title { display: block; position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--L); line-height: 1.4; } .accordion__title:before, .accordion__title:after { position: absolute; top: 50%; right: 0; height: 1px; background: var(--color-icon-link); content: ""; transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .accordion__title:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .accordion__head.is-active .accordion__title:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .accordion__body { position: relative; } .accordion__body > *:first-child, .accordion__body > section:first-child > *:first-child, .accordion__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- 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 ====================================================== */ /* ====================================================== * function ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .tab { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .tab > *:first-child, .tab > section:first-child > *:first-child, .tab > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .tab__head { width: 100%; } .tab__head > *:first-child, .tab__head > section:first-child > *:first-child, .tab__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .tab__list { width: 100%; margin: 0; padding: 0; list-style: none; } .tab__list > *:first-child, .tab__list > section:first-child > *:first-child, .tab__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .tab__button { -webkit-appearance: none; appearance: none; padding: 0; border: none; background: none; font-size: var(--font-font-size--M); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .tab__button > *:first-child, .tab__button > section:first-child > *:first-child, .tab__button > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .tab__body { width: 100%; } .tab__body > *:first-child, .tab__body > section:first-child > *:first-child, .tab__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .tab__detail > *:first-child, .tab__detail > section:first-child > *:first-child, .tab__detail > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .tab > *:first-child, .tab > section:first-child > *:first-child, .tab > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .tab__head > *:first-child, .tab__head > section:first-child > *:first-child, .tab__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .tab__list > *:first-child, .tab__list > section:first-child > *:first-child, .tab__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .tab__list > li { position: relative; width: 100%; } .tab__list > li > *:first-child, .tab__list > li > section:first-child > *:first-child, .tab__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .tab__button { display: flex; position: relative; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--color-font-TX1); font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .tab__button:before { display: block; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border: 2px solid var(--color-base-main); border-bottom-width: 0; border-radius: inherit; content: ""; opacity: 0; pointer-events: none; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .tab__button:after { display: block; position: absolute; bottom: -2px; left: 1px; width: calc(100% - 2px); height: 3px; background: var(--color-bg-base); content: ""; opacity: 0; pointer-events: none; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .tab__body > *:first-child, .tab__body > section:first-child > *:first-child, .tab__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .tab__detail > *:first-child, .tab__detail > section:first-child > *:first-child, .tab__detail > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- Modal ----- */ /* modal */ /* ====================================================== * MDL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * MDL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * modal-0001 * ------------------------------------------------------ * @vars * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ a[class*="--modal"].is-blur { outline: none !important; } a[class*="--modal"]:focus-within:focus-visible { outline: 2px solid #000; } [class*="modal--iframe"].modaal-wrapper .modaal-container { overflow: visible !important; } .modaal-overlay { z-index: 1001 !important; } /* ------------------------------------------------------ * Element ------------------------------------------------------ */ [class*=modal--].modaal-wrapper .modaal-container { position: relative; border-radius: var(--radius-L); background: var(--color-bg-base); box-shadow: none; color: var(--color-font-TX1); } [class*=modal--].modaal-wrapper .modaal-content { z-index: 1; position: relative; } [class*=modal--].modaal-wrapper .modaal-content > *:first-child, [class*=modal--].modaal-wrapper .modaal-content > section:first-child > *:first-child, [class*=modal--].modaal-wrapper .modaal-content > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } [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 { z-index: 2; position: absolute; border: 1px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); } [class*=modal--].modaal-wrapper .modaal-close:focus-visible { outline: 2px solid #000; outline-offset: -2px; } [class*=modal--].modaal-wrapper .modaal-close:before, [class*=modal--].modaal-wrapper .modaal-close:after { display: none; } [class*=modal--].modaal-wrapper .modaal-close > span { clip: auto; display: block; z-index: 2; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; overflow: hidden; text-indent: -100vw; white-space: nowrap; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { -webkit-transform-origin: center; display: block; z-index: 2; position: absolute; top: 50%; left: 50%; transform-origin: center; background: var(--color-icon-link); content: ""; transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } [class*=modal--].modaal-wrapper .modaal-close > span:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } [class*=modal--].modaal-wrapper .modaal-close > span:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .modaal-overlay { opacity: .7 !important; } [class^=modal--] { display: none; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ----- Carousel ----- */ /* 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 ------------------------------------------------------ */ } .carousel__list { position: relative; } .carousel__list:not(.slick-initialized) { opacity: 0; } .carousel__list > .slick-list > .slick-track > .slick-slide > div:not([class]) { font-size: 0; line-height: 1; } .carousel__item { font-size: var(--font-font-size--M); text-align: center; } .carousel__item > img { display: inline-block !important; } .carousel .description-list__type, .carousel .description-list__type--blank, .carousel .description-list__type--pdf, .carousel .description-list-v2__type, .carousel .description-list-v2__type--blank, .carousel .description-list-v2__type--pdf, .carousel .description-list-v3__type, .carousel .description-list-v3__type--blank, .carousel .description-list-v3__type--pdf, .carousel .description-list-v4__type, .carousel .description-list-v4__type--blank, .carousel .description-list-v4__type--pdf, .carousel .carousel__type, .carousel .carousel__type--nolink { display: block; width: 100%; } .carousel__type:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .carousel .slick-arrow { -webkit-appearance: none; appearance: none; translate: 0 -50%; -webkit-transform-origin: center; z-index: 1; position: absolute; top: 50%; margin: 0; padding: 0; overflow: hidden; transform-origin: center; border: 1.5px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); text-indent: -100vw; white-space: nowrap; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .carousel .slick-arrow:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .carousel .slick-arrow:after { translate: -50% -50%; -webkit-transform: translateZ(0); position: absolute; top: 50%; transform: translateZ(0); background-color: var(--color-base-white); transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background-image; } .carousel .slick-arrow.slick-prev:after { left: calc(50% - 1px); scale: -1 1; } .carousel .slick-arrow.slick-next:after { left: calc(50% + 1px); scale: 1 1; } .carousel__control { display: flex; position: relative; flex-flow: row nowrap; align-items: center; justify-content: center; width: 100%; } .carousel__pager > .slick-dots { display: flex; flex-flow: row wrap; align-items: center; margin: 0; padding: 0; } .carousel__pager > .slick-dots > li { display: flex; margin: 0; font-size: 0; list-style: none; } .carousel__pager > .slick-dots > li > button { display: inline-block; width: 10px; height: 10px; padding: 0; border: none; border-radius: 50%; outline: none; background-color: var(--color-base-secondary); text-indent: -9999em; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .carousel__pager > .slick-dots > li > button:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .carousel__pager > .slick-dots > li.slick-active > button { background-color: var(--color-base-accent); pointer-events: none; } .carousel__switch { display: flex; align-items: center; } .carousel__switch__pause, .carousel__switch__play { -webkit-appearance: none; appearance: none; position: relative; width: 40px; height: 40px; overflow: hidden; border: 1px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); font-size: 0; text-indent: -100vw; white-space: nowrap; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .carousel__switch__pause:focus-visible, .carousel__switch__play:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .carousel__switch__pause:before, .carousel__switch__pause:after { translate: -50% -50%; -webkit-transform: translateZ(0); display: block; position: absolute; top: 50%; width: 2px; height: 14px; transform: translateZ(0); background-color: var(--color-base-black); content: ""; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background; } .carousel__switch__pause:before { left: calc(50% - 3px); } .carousel__switch__pause:after { left: calc(50% + 3px); } .carousel__switch__play:before { translate: -50% -50%; -webkit-transform: translateZ(0); display: block; position: absolute; top: 50%; left: calc(50% + 1px); width: 12px; height: 14px; transform: translateZ(0); border-width: 7px 0 7px 12px; border-style: solid; border-color: transparent transparent transparent var(--color-base-black); content: ""; transition: border 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: border; } /* ----- News ----- */ /* 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__type, .news__type--nolink, .news__type--blank, .news__type--pdf { display: flex; position: relative; align-items: flex-start; } .news__type > *:first-child, .news__type--nolink > *:first-child, .news__type--blank > *:first-child, .news__type--pdf > *:first-child, .news__type > section:first-child > *:first-child, .news__type--nolink > section:first-child > *:first-child, .news__type--blank > section:first-child > *:first-child, .news__type--pdf > section:first-child > *:first-child, .news__type > [class^="list-wrap"] > *:first-child, .news__type--nolink > [class^="list-wrap"] > *:first-child, .news__type--blank > [class^="list-wrap"] > *:first-child, .news__type--pdf > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .news-badge, .news-badge--type, .news-badge--category { display: inline-flex; align-items: center; justify-content: center; background: var(--color-news-category--1); color: var(--color-base-white); font-style: normal; text-align: center; vertical-align: middle; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .news { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ border-top: 1px solid var(--color-border-2); /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .news__filesize { font-style: normal; } .news__article { border-bottom: 1px solid var(--color-border-2); } .news__article > *:first-child, .news__article > section:first-child > *:first-child, .news__article > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .news__article > [class*="__type"], .news__article > [class*="__type"]:link, .news__article > [class*="__type"]:hover, .news__article > [class*="__type"]:visited, .news__article > [class*="__type"]:focus, .news__article > [class*="__type"]:active { color: var(--color-font-TX1); } .news__article > [class*="__type"] > *:first-child, .news__article > [class*="__type"] > section:first-child > *:first-child, .news__article > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .news__head { flex-shrink: 0; order: 2; } .news__head > *:first-child, .news__head > section:first-child > *:first-child, .news__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .news__image { transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .news__image > *:first-child, .news__image > section:first-child > *:first-child, .news__image > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .news__body { flex-grow: 1; order: 1; } .news__body > *:first-child, .news__body > section:first-child > *:first-child, .news__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .news__property { align-items: flex-start; } .news__date { flex-shrink: 0; color: var(--color-font-news-date); font-size: var(--font-font-size--S); white-space: nowrap; } .news__category { display: inline-flex; flex-flow: row wrap; } .news__category > *:first-child, .news__category > section:first-child > *:first-child, .news__category > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .news-badge--type { background-color: var(--color-news-category--1); color: var(--color-base-white, #FFF); } .news-badge--category { border: 1px solid var(--color-border-2, #DDD); background: var(--color-base-white, #FFF); color: var(--color-font-TX1); } .news__caption { flex-grow: 1; } .news__title { margin: 0; font-size: var(--font-font-size--M); } .news__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } /* ----- Faq ----- */ /* faq */ /* ====================================================== * FAQ-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * FAQ-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * faq-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * faq-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .faq__mark--question, .faq__mark--answer { position: relative; flex-shrink: 0; overflow: hidden; background: no-repeat center /contain; text-indent: -100vw; white-space: nowrap; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .faq { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .faq__head { display: flex; flex-flow: row nowrap; width: 100%; border: 1px solid var(--color-border-2); border-radius: var(--radius-M); background-color: var(--color-base-white); text-align: left; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .faq__head:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .faq__mark--question { background-image: url("/app-files/img/sprite/icon.svg#question-usage"); } .faq__mark--answer { background-image: url("/app-files/img/sprite/icon.svg#answer-usage"); } .faq__title { position: relative; flex: 1 1; color: var(--color-font-TX1); font-size: var(--font-font-size--L); line-height: 1.4; } .faq__title:before, .faq__title:after { position: absolute; top: 50%; right: 0; height: 1px; background: var(--color-icon-link); content: ""; transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .faq__title:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .faq__head.is-active .faq__title:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .faq__body { display: flex; position: relative; flex-flow: row nowrap; } .faq__detail { flex: 1 1; } .faq__detail > *:first-child, .faq__detail > section:first-child > *:first-child, .faq__detail > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- Tooltip ----- */ /* 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 { display: inline; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ position: relative; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .tooltip:not(.is-active) .tooltip__link:focus-visible { outline: 2px solid #000; } .tooltip.is-active .tooltip__link { text-decoration: none; } .tooltip.is-active .tooltip__balloon { visibility: visible; } .tooltip__link { display: inline; position: relative; margin: 0; padding: 0; border: none; background: none; font-size: inherit; } .tooltip__link, .tooltip__link:link, .tooltip__link:hover, .tooltip__link:visited, .tooltip__link:focus, .tooltip__link:active { color: inherit; text-decoration: underline; } .tooltip__balloon { display: none; visibility: hidden; position: absolute; bottom: 100%; left: 50%; margin: 0; padding: 0; color: var(--color-font-TX1); cursor: default; } .tooltip__balloon__inner { -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2)); display: block; position: relative; border-radius: var(--radius-M); background-color: var(--color-bg-base); font-size: var(--font-font-size--S); filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2)); } .tooltip__balloon__inner:before { translate: -50% 0; display: inline-block; z-index: 1; position: absolute; top: calc(100% - 1px); left: 50%; border: 9px solid transparent; border-top-color: var(--color-bg-base); content: ""; } .tooltip__balloon__text { z-index: 3; position: relative; } /* ----- Gmap ----- */ /* 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 { aspect-ratio: 16 / 9; position: relative; width: 100%; } .gmap__body > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } /* ----- Inquiry ----- */ /* 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; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .inquiry__title { margin: 0; line-height: 1.4; text-align: center; } .inquiry__detail > *:first-child { margin-top: 0 !important; } .inquiry__note-list { display: flex; flex-direction: column; align-items: center; } .inquiry__note-list > li { position: relative; list-style: none; } .inquiry__note-list__mark { position: absolute; top: 0; left: 0; } .inquiry-button-wrap, .inquiry-button-wrap--center, .inquiry-button-wrap--right, .inquiry-button-wrap--centering { /* ====================================================== * button-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .inquiry-button-wrap--center { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; flex-flow: row wrap; align-items: center; } .inquiry-button-wrap--center > * { justify-content: center; } .inquiry-button-wrap--right { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; flex-flow: row wrap; align-items: flex-end; } .inquiry-button-wrap--right > * { justify-content: flex-end; } .inquiry-button-wrap--centering { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; } .inquiry-button { /* ====================================================== * button-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-0003 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ /* ====================================================== * mixin ====================================================== */ display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .inquiry-button .button__type, .inquiry-button .button .button__type--blank, .button .inquiry-button .button__type--blank, .inquiry-button .button .button__type--pdf, .button .inquiry-button .button__type--pdf, .inquiry-button .button .button__type--excel, .button .inquiry-button .button__type--excel, .inquiry-button .button .button__type--word, .button .inquiry-button .button__type--word, .inquiry-button .button .button__type--powerpoint, .button .inquiry-button .button__type--powerpoint, .inquiry-button .button .button__type--zip, .button .inquiry-button .button__type--zip, .inquiry-button .button .button__type--modal, .button .inquiry-button .button__type--modal, .inquiry-button .button .button__type--rss, .button .inquiry-button .button__type--rss, .inquiry-button .button-v2__type, .inquiry-button .button-v2 .button-v2__type--blank, .button-v2 .inquiry-button .button-v2__type--blank, .inquiry-button .button-v2 .button-v2__type--pdf, .button-v2 .inquiry-button .button-v2__type--pdf, .inquiry-button .button-v2 .button-v2__type--excel, .button-v2 .inquiry-button .button-v2__type--excel, .inquiry-button .button-v2 .button-v2__type--word, .button-v2 .inquiry-button .button-v2__type--word, .inquiry-button .button-v2 .button-v2__type--powerpoint, .button-v2 .inquiry-button .button-v2__type--powerpoint, .inquiry-button .button-v2 .button-v2__type--zip, .button-v2 .inquiry-button .button-v2__type--zip, .inquiry-button .button-v2 .button-v2__type--modal, .button-v2 .inquiry-button .button-v2__type--modal, .inquiry-button .button-v2 .button-v2__type--rss, .button-v2 .inquiry-button .button-v2__type--rss, .inquiry-button .button-v3__type, .inquiry-button .button-v3 .button-v3__type--blank, .button-v3 .inquiry-button .button-v3__type--blank, .inquiry-button .button-v3 .button-v3__type--pdf, .button-v3 .inquiry-button .button-v3__type--pdf, .inquiry-button .button-v3 .button-v3__type--excel, .button-v3 .inquiry-button .button-v3__type--excel, .inquiry-button .button-v3 .button-v3__type--word, .button-v3 .inquiry-button .button-v3__type--word, .inquiry-button .button-v3 .button-v3__type--powerpoint, .button-v3 .inquiry-button .button-v3__type--powerpoint, .inquiry-button .button-v3 .button-v3__type--zip, .button-v3 .inquiry-button .button-v3__type--zip, .inquiry-button .button-v3 .button-v3__type--modal, .button-v3 .inquiry-button .button-v3__type--modal, .inquiry-button .button-v3 .button-v3__type--rss, .button-v3 .inquiry-button .button-v3__type--rss, .inquiry-button .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { display: flex; position: relative; align-items: center; justify-content: center; font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } .inquiry-button .button-v3 .button-v3__type, .button-v3 .inquiry-button .button-v3__type, .inquiry-button .button-v3 .button-v3__type--blank, .button-v3 .inquiry-button .button-v3__type--blank, .inquiry-button .button-v3 .button-v3__type--pdf, .button-v3 .inquiry-button .button-v3__type--pdf, .inquiry-button .button-v3 .button-v3__type--excel, .button-v3 .inquiry-button .button-v3__type--excel, .inquiry-button .button-v3 .button-v3__type--word, .button-v3 .inquiry-button .button-v3__type--word, .inquiry-button .button-v3 .button-v3__type--powerpoint, .button-v3 .inquiry-button .button-v3__type--powerpoint, .inquiry-button .button-v3 .button-v3__type--zip, .button-v3 .inquiry-button .button-v3__type--zip, .inquiry-button .button-v3 .button-v3__type--modal, .button-v3 .inquiry-button .button-v3__type--modal, .inquiry-button .button-v3 .button-v3__type--rss, .button-v3 .inquiry-button .button-v3__type--rss, .inquiry-button .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { border: 1px solid var(--color-base-black); border-radius: var(--radius-BT-L); background-color: var(--color-base-black); color: var(--color-base-white); font-size: var(--font-font-size--XL); } .inquiry-button__label { display: block; position: relative; width: 100%; } .inquiry-button__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .inquiry-button .inquiry-button__type .inquiry-button__label:after { right: 0; } .inquiry-button .inquiry-button__type--blank .inquiry-button__label:after { right: 0; } .inquiry-button .inquiry-button__type--pdf .inquiry-button__label:after { right: 0; } .inquiry-button .inquiry-button__type--excel .inquiry-button__label:after { right: 0; } .inquiry-button .inquiry-button__type--word .inquiry-button__label:after { right: 0; } .inquiry-button .inquiry-button__type--powerpoint .inquiry-button__label:after { right: 0; } .inquiry-button .inquiry-button__type--zip .inquiry-button__label:after { right: 0; } .inquiry-button .inquiry-button__type--modal .inquiry-button__label:after { right: 0; } .inquiry-button .inquiry-button__type--rss .inquiry-button__label:after { right: 0; } .inquiry__box { overflow: hidden; border: 1px solid var(--color-border-2); border-radius: var(--radius-L); background-color: var(--color-bg-base); } .inquiry__box > *:first-child, .inquiry__box > section:first-child > *:first-child, .inquiry__box > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .inquiry__title { background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45%); } .inquiry__description { margin: 1.0em 0 0 0; } .inquiry__description__office { margin: 0; font-size: var(--font-font-size--L); line-height: 1.4; } .inquiry__description__tel { margin: 0; line-height: 1.4; } .inquiry__description__tel > a, .inquiry__description__tel > a:link, .inquiry__description__tel > a:hover, .inquiry__description__tel > a:visited, .inquiry__description__tel > a:focus, .inquiry__description__tel > a:active { color: var(--color-font-TX1); } /* ----- Form-cmn-height ----- */ /* Form-cmn-height */ /* ====================================================== * form-cmn-height ====================================================== */ /* ----- Add ----- */ /* ====================================================== * ADD-2 ====================================================== */ /* ----- cmn-profile-card ----- */ /* ====================================================== * ADD-4 ====================================================== */ /* ----- cmn-figure-heading1 ----- */ .cmn-figure-heading1 { /* h1の左アキを定義 */ --ml: clamp(30px, calc(30px + (140 - 30) * (100vw - 1260px) / (1920 - 1260)), 140px); display: flex; position: relative; align-items: center; justify-content: flex-start; width: 100%; max-width: 1920px; } .cmn-figure-heading1__inner { margin-inline: auto; z-index: 2; width: 100%; } .cmn-figure-heading1__image__frame { -webkit-transform: translateZ(0); overflow: hidden; transform: translateZ(0); } .cmn-figure-heading1__image__frame > img { width: 100%; } .cmn-figure-heading1__content__body { position: relative; } .cmn-figure-heading1__content__body > *:first-child, .cmn-figure-heading1__content__body > section:first-child > *:first-child, .cmn-figure-heading1__content__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-figure-heading1__content__body:after { display: block; z-index: -1; position: absolute; content: ""; } .cmn-figure-heading1__content__foot > *:first-child, .cmn-figure-heading1__content__foot > section:first-child > *:first-child, .cmn-figure-heading1__content__foot > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-figure-heading1__title { margin: 0; line-height: 1.4; } .cmn-figure-heading1__subtitle { line-height: 1.6; } .cmn-figure-heading1__lead { line-height: 1.6; } .cmn-figure-heading1__description { line-height: 1.6; } .cmn-figure-heading1__list-wrap > *:first-child, .cmn-figure-heading1__list-wrap > section:first-child > *:first-child, .cmn-figure-heading1__list-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-figure-heading1__link-list { display: flex; flex-direction: column; } .cmn-figure-heading1__link-list > li { position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--M); list-style: none; } .cmn-figure-heading1__link-list > li > [class*="__type"] { display: inline-block; position: relative; } .cmn-figure-heading1__link-list > li > [class*="__type"], .cmn-figure-heading1__link-list > li > [class*="__type"]:link, .cmn-figure-heading1__link-list > li > [class*="__type"]:hover, .cmn-figure-heading1__link-list > li > [class*="__type"]:visited, .cmn-figure-heading1__link-list > li > [class*="__type"]:focus, .cmn-figure-heading1__link-list > li > [class*="__type"]:active { color: var(--color-font-TX1); } .cmn-figure-heading1__link-list > li > [class*="__type"]:before { position: absolute; left: 0; } .cmn-figure-heading1__link-list-v2 { display: flex; flex-direction: column; } .cmn-figure-heading1__link-list-v2 > li { position: relative; color: var(--color-font-TX1); list-style: none; } .cmn-figure-heading1__link-list-v2 > li > [class*="__type"] { display: inline-block; position: relative; } .cmn-figure-heading1__link-list-v2 > li > [class*="__type"], .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:link, .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:hover, .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:visited, .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:focus, .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:active { color: var(--color-font-TX1); } .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:after { position: relative; } .cmn-figure-heading1__button-wrap { display: flex; flex-flow: row wrap; } .cmn-figure-heading1__button { display: flex; } .cmn-figure-heading1__button .cmn-figure-heading1__button__type { border: 1px solid var(--color-base-black); border-radius: var(--radius-BT-L); background-color: var(--color-base-black); color: var(--color-base-white); font-size: var(--font-font-size--XL); } .cmn-figure-heading1__button__type { display: flex; position: relative; align-items: center; justify-content: center; font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } .cmn-figure-heading1__button__label { display: block; position: relative; width: 100%; } /* ====================================================== * ADD-5 ====================================================== */ /* ----- cmn-horizontally ----- */ .cmn-horizontally { display: flex; } .cmn-horizontally__head > *:first-child, .cmn-horizontally__head > section:first-child > *:first-child, .cmn-horizontally__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-horizontally__body > *:first-child, .cmn-horizontally__body > section:first-child > *:first-child, .cmn-horizontally__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-horizontally__heading2__inner > [class*="__link"] { display: inline-block; } .cmn-horizontally__heading2__inner > [class*="__link"], .cmn-horizontally__heading2__inner > [class*="__link"]:link, .cmn-horizontally__heading2__inner > [class*="__link"]:hover, .cmn-horizontally__heading2__inner > [class*="__link"]:visited, .cmn-horizontally__heading2__inner > [class*="__link"]:focus, .cmn-horizontally__heading2__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .cmn-horizontally__heading2__detail { display: flex; } .cmn-horizontally__heading2__title { margin: 0; line-height: 1.4; } .cmn-horizontally__heading2__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .cmn-horizontally__heading2__filesize { margin-left: var(--gap-link-gap); font-style: normal; line-height: 1.4; vertical-align: middle; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss { display: flex; position: relative; align-items: center; justify-content: center; width: 100%; font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss { border: 1px solid var(--color-border-1); border-radius: var(--radius-BT-L); background-color: var(--color-base-white); color: var(--color-base-main); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type .cmn-horizontally__heading2__button__label:after { right: 0; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank .cmn-horizontally__heading2__button__label:after { right: 0; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf .cmn-horizontally__heading2__button__label:after { right: 0; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel .cmn-horizontally__heading2__button__label:after { right: 0; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word .cmn-horizontally__heading2__button__label:after { right: 0; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint .cmn-horizontally__heading2__button__label:after { right: 0; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip .cmn-horizontally__heading2__button__label:after { right: 0; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal .cmn-horizontally__heading2__button__label:after { right: 0; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss .cmn-horizontally__heading2__button__label:after { right: 0; } .cmn-horizontally__heading2__button__label { display: block; position: relative; width: 100%; } .cmn-horizontally__heading2__button__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .cmn-horizontally__news { border-top: 1px solid var(--color-border-2); } .cmn-horizontally__news__article { border-bottom: 1px solid var(--color-border-2); } .cmn-horizontally__news__article > *:first-child, .cmn-horizontally__news__article > section:first-child > *:first-child, .cmn-horizontally__news__article > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-horizontally__news__article > [class*="__type"], .cmn-horizontally__news__article > [class*="__type"]:link, .cmn-horizontally__news__article > [class*="__type"]:hover, .cmn-horizontally__news__article > [class*="__type"]:visited, .cmn-horizontally__news__article > [class*="__type"]:focus, .cmn-horizontally__news__article > [class*="__type"]:active { color: var(--color-font-TX1); } .cmn-horizontally__news__article > [class*="__type"] > *:first-child, .cmn-horizontally__news__article > [class*="__type"] > section:first-child > *:first-child, .cmn-horizontally__news__article > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-horizontally__news .cmn-horizontally__news__type, .cmn-horizontally__news .cmn-horizontally__news__type--nolink, .cmn-horizontally__news .cmn-horizontally__news__type--blank, .cmn-horizontally__news .cmn-horizontally__news__type--pdf { display: flex; position: relative; align-items: flex-start; } .cmn-horizontally__news .cmn-horizontally__news__type > *:first-child, .cmn-horizontally__news .cmn-horizontally__news__type--nolink > *:first-child, .cmn-horizontally__news .cmn-horizontally__news__type--blank > *:first-child, .cmn-horizontally__news .cmn-horizontally__news__type--pdf > *:first-child, .cmn-horizontally__news .cmn-horizontally__news__type > section:first-child > *:first-child, .cmn-horizontally__news .cmn-horizontally__news__type--nolink > section:first-child > *:first-child, .cmn-horizontally__news .cmn-horizontally__news__type--blank > section:first-child > *:first-child, .cmn-horizontally__news .cmn-horizontally__news__type--pdf > section:first-child > *:first-child, .cmn-horizontally__news .cmn-horizontally__news__type > [class^="list-wrap"] > *:first-child, .cmn-horizontally__news .cmn-horizontally__news__type--nolink > [class^="list-wrap"] > *:first-child, .cmn-horizontally__news .cmn-horizontally__news__type--blank > [class^="list-wrap"] > *:first-child, .cmn-horizontally__news .cmn-horizontally__news__type--pdf > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-horizontally__news__head { flex-shrink: 0; order: 2; } .cmn-horizontally__news__head > *:first-child, .cmn-horizontally__news__head > section:first-child > *:first-child, .cmn-horizontally__news__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-horizontally__news__image { transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-horizontally__news__image > *:first-child, .cmn-horizontally__news__image > section:first-child > *:first-child, .cmn-horizontally__news__image > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-horizontally__news__body { flex-grow: 1; order: 1; } .cmn-horizontally__news__body > *:first-child, .cmn-horizontally__news__body > section:first-child > *:first-child, .cmn-horizontally__news__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-horizontally__news__property { display: flex; flex-shrink: 0; align-items: flex-start; } .cmn-horizontally__news__date { flex-shrink: 0; color: var(--color-font-news-date); font-size: var(--font-font-size--S); white-space: nowrap; } .cmn-horizontally__news__category { display: inline-flex; flex-flow: row wrap; } .cmn-horizontally__news__category > *:first-child, .cmn-horizontally__news__category > section:first-child > *:first-child, .cmn-horizontally__news__category > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-horizontally__news .cmn-horizontally__news-badge, .cmn-horizontally__news .cmn-horizontally__news-badge--type, .cmn-horizontally__news .cmn-horizontally__news-badge--category { display: inline-flex; align-items: center; justify-content: center; background: var(--color-news-category--1); color: var(--color-base-white); font-style: normal; text-align: center; vertical-align: middle; } .cmn-horizontally__news-badge--type { background-color: var(--color-news-category--1); color: var(--color-base-white, #FFF); } .cmn-horizontally__news-badge--category { border: 1px solid var(--color-border-2, #DDD); background: var(--color-base-white, #FFF); color: var(--color-font-TX1); } .cmn-horizontally__news__caption { flex-grow: 1; } .cmn-horizontally__news__title { margin: 0; font-size: var(--font-font-size--M); } .cmn-horizontally__news__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .cmn-horizontally__button-wrap { display: flex; flex-flow: row wrap; } .cmn-horizontally__button-wrap--centering { display: flex; justify-content: center; } .cmn-horizontally__button { display: flex; } .cmn-horizontally__button .cmn-horizontally__button__type, .cmn-horizontally__button .cmn-horizontally__button__type--blank, .cmn-horizontally__button .cmn-horizontally__button__type--pdf, .cmn-horizontally__button .cmn-horizontally__button__type--excel, .cmn-horizontally__button .cmn-horizontally__button__type--word, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint, .cmn-horizontally__button .cmn-horizontally__button__type--zip, .cmn-horizontally__button .cmn-horizontally__button__type--modal, .cmn-horizontally__button .cmn-horizontally__button__type--rss { display: flex; position: relative; align-items: center; justify-content: center; width: 100%; font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } .cmn-horizontally__button .cmn-horizontally__button__type, .cmn-horizontally__button .cmn-horizontally__button__type--blank, .cmn-horizontally__button .cmn-horizontally__button__type--pdf, .cmn-horizontally__button .cmn-horizontally__button__type--excel, .cmn-horizontally__button .cmn-horizontally__button__type--word, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint, .cmn-horizontally__button .cmn-horizontally__button__type--zip, .cmn-horizontally__button .cmn-horizontally__button__type--modal, .cmn-horizontally__button .cmn-horizontally__button__type--rss { border: 1px solid var(--color-border-1); border-radius: var(--radius-BT-L); background-color: var(--color-base-white); color: var(--color-base-main); } .cmn-horizontally__button .cmn-horizontally__button__type .cmn-horizontally__button__label:after { right: 0; } .cmn-horizontally__button .cmn-horizontally__button__type--blank .cmn-horizontally__button__label:after { right: 0; } .cmn-horizontally__button .cmn-horizontally__button__type--pdf .cmn-horizontally__button__label:after { right: 0; } .cmn-horizontally__button .cmn-horizontally__button__type--excel .cmn-horizontally__button__label:after { right: 0; } .cmn-horizontally__button .cmn-horizontally__button__type--word .cmn-horizontally__button__label:after { right: 0; } .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint .cmn-horizontally__button__label:after { right: 0; } .cmn-horizontally__button .cmn-horizontally__button__type--zip .cmn-horizontally__button__label:after { right: 0; } .cmn-horizontally__button .cmn-horizontally__button__type--modal .cmn-horizontally__button__label:after { right: 0; } .cmn-horizontally__button .cmn-horizontally__button__type--rss .cmn-horizontally__button__label:after { right: 0; } .cmn-horizontally__button__label { display: block; position: relative; width: 100%; } .cmn-horizontally__button__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } /* ====================================================== * ADD-6 ====================================================== */ /* ----- cmn-step ----- */ .cmn-step__list { display: flex; margin: 0; padding: 0; list-style: none; } .cmn-step__list > li { display: flex; } .cmn-step__list > li:not(:last-child):after { flex-shrink: 0; background-color: var(--color-sub-2); content: ""; } .cmn-step__item { width: 100%; background-color: var(--color-sub-2); } .cmn-step__item > *:first-child, .cmn-step__item > section:first-child > *:first-child, .cmn-step__item > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-step__head { text-align: center; } .cmn-step__body { text-align: center; } .cmn-step__icon { display: inline-block; background: var(--color-base-accent); color: var(--color-base-white); } .cmn-step__label { color: var(--color-font-TX1); } /* ====================================================== * ADD-7 ====================================================== */ /* ----- cmn-cta ----- */ .cmn-cta { position: relative; background-color: var(--color-sub-1); } .cmn-cta:before { -webkit-mask-image: radial-gradient(circle var(--cmn-cta-circle-size) at 100% 100%, transparent var(--cmn-cta-circle-size), black var(--cmn-cta-circle-size)); -webkit-mask-size: var(--cmn-cta-circle-size) var(--cmn-cta-circle-size); -webkit-mask-repeat: no-repeat; -webkit-mask-position: left bottom; -webkit-transform: rotate(180deg); display: block; z-index: 1; position: absolute; right: 0; width: 37px; height: var(--cmn-cta-circle-size); transform: rotate(180deg); background-color: var(--color-sub-1); content: ""; mask-image: radial-gradient(circle var(--cmn-cta-circle-size) at 100% 100%, transparent var(--cmn-cta-circle-size), black var(--cmn-cta-circle-size)); mask-position: left bottom; mask-repeat: no-repeat; mask-size: var(--cmn-cta-circle-size) var(--cmn-cta-circle-size); } .cmn-cta__inner > *:first-child, .cmn-cta__inner > section:first-child > *:first-child, .cmn-cta__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-cta__column { margin: 2em 0 0 0; } .cmn-cta__column__item > *:first-child, .cmn-cta__column__item > section:first-child > *:first-child, .cmn-cta__column__item > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-cta__heading2__inner > [class*="__link"] { display: inline-block; } .cmn-cta__heading2__inner > [class*="__link"], .cmn-cta__heading2__inner > [class*="__link"]:link, .cmn-cta__heading2__inner > [class*="__link"]:hover, .cmn-cta__heading2__inner > [class*="__link"]:visited, .cmn-cta__heading2__inner > [class*="__link"]:focus, .cmn-cta__heading2__inner > [class*="__link"]:active { color: var(--color-font-TX1); } .cmn-cta__heading2__title { margin: 0; line-height: 1.4; } .cmn-cta__heading2__subtitle { font-size: var(--font-font-size--M); line-height: 1.4; } .cmn-cta__heading2__filesize { margin-left: var(--gap-link-gap); font-style: normal; line-height: 1.4; vertical-align: middle; } .cmn-cta__download-wrap { display: flex; flex-direction: column; } .cmn-cta__download { display: flex; align-items: center; } .cmn-cta__download__head { flex-shrink: 0; } .cmn-cta__download__body { width: 100%; } .cmn-cta__download__body > *:first-child, .cmn-cta__download__body > section:first-child > *:first-child, .cmn-cta__download__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-cta__download__image { width: 100%; } .cmn-cta__download__image > img { width: 100%; } .cmn-cta__download__title { color: var(--color-font-TX1); } .cmn-cta__download__button .cmn-cta__download__button__type, .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button__type, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--rss, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--rss { display: flex; position: relative; align-items: center; justify-content: center; width: 100%; font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } .cmn-cta__download__button .cmn-cta__download__button__type, .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--rss, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--rss { border: 1px solid var(--color-border-1); border-radius: var(--radius-BT-L); background-color: var(--color-base-white); color: var(--color-base-main); } .cmn-cta__download__button .cmn-cta__download__button__type .cmn-cta__download__button__label:after { right: 0; } .cmn-cta__download__button .cmn-cta__download__button__type--blank .cmn-cta__download__button__label:after { right: 0; } .cmn-cta__download__button .cmn-cta__download__button__type--pdf .cmn-cta__download__button__label:after { right: 0; } .cmn-cta__download__button .cmn-cta__download__button__type--excel .cmn-cta__download__button__label:after { right: 0; } .cmn-cta__download__button .cmn-cta__download__button__type--word .cmn-cta__download__button__label:after { right: 0; } .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint .cmn-cta__download__button__label:after { right: 0; } .cmn-cta__download__button .cmn-cta__download__button__type--zip .cmn-cta__download__button__label:after { right: 0; } .cmn-cta__download__button .cmn-cta__download__button__type--modal .cmn-cta__download__button__label:after { right: 0; } .cmn-cta__download__button .cmn-cta__download__button__type--rss .cmn-cta__download__button__label:after { right: 0; } .cmn-cta__download__button__label { display: block; position: relative; width: 100%; } .cmn-cta__download__button__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .cmn-cta__button-wrap { display: flex; flex-flow: row wrap; } .cmn-cta__button { display: flex; } .cmn-cta__button .cmn-cta__download__button__type, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--rss, .cmn-cta__button .cmn-cta__button__type, .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__button__type--rss { display: flex; position: relative; align-items: center; justify-content: center; width: 100%; font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--rss, .cmn-cta__button .cmn-cta__button__type, .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__button__type--rss { border: 1px solid var(--color-base-black); border-radius: var(--radius-BT-L); background-color: var(--color-base-black); color: var(--color-base-white); font-size: var(--font-font-size--XL); } .cmn-cta__button .cmn-cta__button__type .cmn-cta__button__label:after { right: 0; } .cmn-cta__button .cmn-cta__button__type--blank .cmn-cta__button__label:after { right: 0; } .cmn-cta__button .cmn-cta__button__type--pdf .cmn-cta__button__label:after { right: 0; } .cmn-cta__button .cmn-cta__button__type--excel .cmn-cta__button__label:after { right: 0; } .cmn-cta__button .cmn-cta__button__type--word .cmn-cta__button__label:after { right: 0; } .cmn-cta__button .cmn-cta__button__type--powerpoint .cmn-cta__button__label:after { right: 0; } .cmn-cta__button .cmn-cta__button__type--zip .cmn-cta__button__label:after { right: 0; } .cmn-cta__button .cmn-cta__button__type--modal .cmn-cta__button__label:after { right: 0; } .cmn-cta__button .cmn-cta__button__type--rss .cmn-cta__button__label:after { right: 0; } .cmn-cta__button__label { display: block; position: relative; width: 100%; } .cmn-cta__button__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .cmn-cta__inquiry__box { overflow: hidden; border: 1px solid var(--color-border-2); border-radius: var(--radius-L); background-color: var(--color-bg-base); } .cmn-cta__inquiry__box > *:first-child, .cmn-cta__inquiry__box > section:first-child > *:first-child, .cmn-cta__inquiry__box > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-cta__inquiry__title { margin: 0; background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45%); line-height: 1.4; text-align: center; } .cmn-cta__inquiry__detail > *:first-child { margin-top: 0 !important; } .cmn-cta__inquiry .cmn-cta__inquiry__button-wrap { display: flex; flex-flow: row wrap; } .cmn-cta__inquiry__button-wrap { display: flex; justify-content: center; } .cmn-cta__inquiry__button { display: flex; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss { display: flex; position: relative; align-items: center; justify-content: center; width: 100%; font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss { border: 1px solid var(--color-base-black); border-radius: var(--radius-BT-L); background-color: var(--color-base-black); color: var(--color-base-white); font-size: var(--font-font-size--XL); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type .cmn-cta__inquiry__button__label:after { right: 0; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank .cmn-cta__inquiry__button__label:after { right: 0; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf .cmn-cta__inquiry__button__label:after { right: 0; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel .cmn-cta__inquiry__button__label:after { right: 0; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word .cmn-cta__inquiry__button__label:after { right: 0; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint .cmn-cta__inquiry__button__label:after { right: 0; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip .cmn-cta__inquiry__button__label:after { right: 0; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal .cmn-cta__inquiry__button__label:after { right: 0; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss .cmn-cta__inquiry__button__label:after { right: 0; } .cmn-cta__inquiry__button__label { display: block; position: relative; width: 100%; } .cmn-cta__inquiry__button__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } /* ====================================================== * ADD-8 ====================================================== */ /* ----- cmn-product-category-hero ----- */ .cmn-product-category-hero { margin-top: 2em; } .cmn-product-category-hero > *:first-child, .cmn-product-category-hero > section:first-child > *:first-child, .cmn-product-category-hero > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-product-category-hero__head > *:first-child, .cmn-product-category-hero__head > section:first-child > *:first-child, .cmn-product-category-hero__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-product-category-hero__body > *:first-child, .cmn-product-category-hero__body > section:first-child > *:first-child, .cmn-product-category-hero__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-product-category-hero__lead { margin: 1em 0 0; font-size: var(--font-font-size--XL); } .cmn-product-category-hero__text { margin: 0; } .cmn-product-category-hero__button-wrap { display: flex; flex-flow: row wrap; } .cmn-product-category-hero__carousel { position: relative; margin: 2em 0 0 0; border-radius: var(--radius-L); } .cmn-product-category-hero__carousel__list { position: relative; } .cmn-product-category-hero__carousel__list:not(.slick-initialized) { opacity: 0; } .cmn-product-category-hero__carousel__list > .slick-list > .slick-track > .slick-slide > div:not([class]) { font-size: 0; line-height: 1; } .cmn-product-category-hero__carousel__item { font-size: var(--font-font-size--M); text-align: center; } .cmn-product-category-hero__carousel__image { border-radius: var(--radius-L); } .cmn-product-category-hero__carousel .slick-arrow { -webkit-appearance: none; appearance: none; -webkit-transform-origin: center; position: relative; margin: 0; padding: 0; overflow: hidden; transform-origin: center; border: 1.5px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); text-indent: -100vw; white-space: nowrap; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-product-category-hero__carousel .slick-arrow:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-product-category-hero__carousel .slick-arrow:after { translate: -50% -50%; -webkit-transform: translateZ(0); position: absolute; top: 50%; transform: translateZ(0); background-color: var(--color-base-white); transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background-image; } .cmn-product-category-hero__carousel .slick-arrow.slick-prev:after { left: calc(50% - 1px); scale: -1 1; } .cmn-product-category-hero__carousel .slick-arrow.slick-next:after { left: calc(50% + 1px); scale: 1 1; } .cmn-product-category-hero__carousel__control { display: flex; flex-flow: row nowrap; align-items: center; width: 100%; } .cmn-product-category-hero__carousel__pager > .slick-dots { display: flex; flex-flow: row wrap; align-items: center; margin: 0; padding: 0; } .cmn-product-category-hero__carousel__pager > .slick-dots > li { display: flex; margin: 0; font-size: 0; list-style: none; } .cmn-product-category-hero__carousel__pager > .slick-dots > li > button { display: inline-block; width: 10px; height: 10px; padding: 0; border: none; border-radius: 50%; outline: none; background-color: var(--color-base-secondary); text-indent: -9999em; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-product-category-hero__carousel__pager > .slick-dots > li > button:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-product-category-hero__carousel__pager > .slick-dots > li.slick-active > button { background-color: var(--color-base-accent); pointer-events: none; } .cmn-product-category-hero__carousel__switch { display: flex; align-items: center; } .cmn-product-category-hero__carousel__switch__pause, .cmn-product-category-hero__carousel__switch__play { -webkit-appearance: none; appearance: none; position: relative; width: 40px; height: 40px; overflow: hidden; border: 1px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); font-size: 0; text-indent: -100vw; white-space: nowrap; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-product-category-hero__carousel__switch__pause:focus-visible, .cmn-product-category-hero__carousel__switch__play:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-product-category-hero__carousel__switch__pause:before, .cmn-product-category-hero__carousel__switch__pause:after { translate: -50% -50%; -webkit-transform: translateZ(0); display: block; position: absolute; top: 50%; width: 2px; height: 14px; transform: translateZ(0); background-color: var(--color-base-black); content: ""; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background; } .cmn-product-category-hero__carousel__switch__pause:before { left: calc(50% - 3px); } .cmn-product-category-hero__carousel__switch__pause:after { left: calc(50% + 3px); } .cmn-product-category-hero__carousel__switch__play:before { translate: -50% -50%; -webkit-transform: translateZ(0); display: block; position: absolute; top: 50%; left: calc(50% + 1px); width: 12px; height: 14px; transform: translateZ(0); border-width: 7px 0 7px 12px; border-style: solid; border-color: transparent transparent transparent var(--color-base-black); content: ""; transition: border 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: border; } /* ====================================================== * ADD-9 ====================================================== */ /* ----- cmn-related-products-carousel ----- */ .cmn-related-products-carousel { margin: 2em 0 0 0; } .cmn-related-products-carousel__list { position: relative; } .cmn-related-products-carousel__list:not(.slick-initialized) { opacity: 0; } .cmn-related-products-carousel__list > .slick-list > .slick-track > .slick-slide > div:not([class]) { font-size: 0; line-height: 1; } .cmn-related-products-carousel__item { font-size: var(--font-font-size--M); text-align: center; } .cmn-related-products-carousel__card > [class*="__type"] { position: relative; width: 100%; overflow: hidden; color: var(--color-font-TX1); text-align: left; text-decoration: none; } .cmn-related-products-carousel__card > [class*="__type"], .cmn-related-products-carousel__card > [class*="__type"]:link, .cmn-related-products-carousel__card > [class*="__type"]:hover, .cmn-related-products-carousel__card > [class*="__type"]:visited, .cmn-related-products-carousel__card > [class*="__type"]:focus, .cmn-related-products-carousel__card > [class*="__type"]:active { color: var(--color-font-TX1); } .cmn-related-products-carousel__card__head > *:first-child, .cmn-related-products-carousel__card__head > section:first-child > *:first-child, .cmn-related-products-carousel__card__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-related-products-carousel__card__image { -webkit-transform: translateZ(0); aspect-ratio: 16/9; overflow: hidden; transform: translateZ(0); border-radius: var(--radius-L, 16px); isolation: isolate; } .cmn-related-products-carousel__card__image img { -o-object-fit: scale-down; -o-object-position: center center; -webkit-transform: translateZ(0); display: block; width: 100%; width: 100%; height: auto; height: 100%; object-fit: scale-down; object-position: center center; transform: translateZ(0); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .cmn-related-products-carousel__card__image > *:first-child, .cmn-related-products-carousel__card__image > section:first-child > *:first-child, .cmn-related-products-carousel__card__image > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-related-products-carousel__card__body > *:first-child, .cmn-related-products-carousel__card__body > section:first-child > *:first-child, .cmn-related-products-carousel__card__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-related-products-carousel__card__title { font-size: var(--font-font-size--XL); line-height: 1.4; } .cmn-related-products-carousel__card__title > *:first-child, .cmn-related-products-carousel__card__title > section:first-child > *:first-child, .cmn-related-products-carousel__card__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-related-products-carousel .slick-arrow { -webkit-appearance: none; appearance: none; translate: 0 -50%; -webkit-transform-origin: center; z-index: 1; position: absolute; top: 50%; margin: 0; padding: 0; overflow: hidden; transform-origin: center; border: 1.5px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); text-indent: -100vw; white-space: nowrap; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-related-products-carousel .slick-arrow:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-related-products-carousel .slick-arrow:after { translate: -50% -50%; -webkit-transform: translateZ(0); position: absolute; top: 50%; transform: translateZ(0); background-color: var(--color-base-white); transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background-image; } .cmn-related-products-carousel .slick-arrow.slick-prev:after { left: calc(50% - 1px); scale: -1 1; } .cmn-related-products-carousel .slick-arrow.slick-next:after { left: calc(50% + 1px); scale: 1 1; } .cmn-related-products-carousel__control { display: flex; position: relative; flex-flow: row nowrap; align-items: center; justify-content: center; width: 100%; } .cmn-related-products-carousel__pager > .slick-dots { display: flex; flex-flow: row wrap; align-items: center; margin: 0; padding: 0; } .cmn-related-products-carousel__pager > .slick-dots > li { display: flex; margin: 0; font-size: 0; list-style: none; } .cmn-related-products-carousel__pager > .slick-dots > li > button { display: inline-block; width: 10px; height: 10px; padding: 0; border: none; border-radius: 50%; outline: none; background-color: var(--color-base-secondary); text-indent: -9999em; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-related-products-carousel__pager > .slick-dots > li > button:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-related-products-carousel__pager > .slick-dots > li.slick-active > button { background-color: var(--color-base-accent); pointer-events: none; } .cmn-related-products-carousel__switch { display: flex; align-items: center; } .cmn-related-products-carousel__switch__pause, .cmn-related-products-carousel__switch__play { -webkit-appearance: none; appearance: none; position: relative; width: 40px; height: 40px; overflow: hidden; border: 1px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); font-size: 0; text-indent: -100vw; white-space: nowrap; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-related-products-carousel__switch__pause:focus-visible, .cmn-related-products-carousel__switch__play:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-related-products-carousel__switch__pause:before, .cmn-related-products-carousel__switch__pause:after { translate: -50% -50%; -webkit-transform: translateZ(0); display: block; position: absolute; top: 50%; width: 2px; height: 14px; transform: translateZ(0); background-color: var(--color-base-black); content: ""; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background; } .cmn-related-products-carousel__switch__pause:before { left: calc(50% - 3px); } .cmn-related-products-carousel__switch__pause:after { left: calc(50% + 3px); } .cmn-related-products-carousel__switch__play:before { translate: -50% -50%; -webkit-transform: translateZ(0); display: block; position: absolute; top: 50%; left: calc(50% + 1px); width: 12px; height: 14px; transform: translateZ(0); border-width: 7px 0 7px 12px; border-style: solid; border-color: transparent transparent transparent var(--color-base-black); content: ""; transition: border 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: border; } /* ====================================================== * ADD-11 ====================================================== */ /* ----- cmn-exhibition ----- */ .cmn-exhibition { display: flex; } .cmn-exhibition__head { color: var(--color-base-black, #333); font-family: var(--font-font-family, "Zen Kaku Gothic New"); font-style: normal; text-align: center; } .cmn-exhibition-sns-list { display: flex; margin: 0; } .cmn-exhibition-sns-list__type img { transition: all 0.25s; } .cmn-exhibition-sns-list li { list-style: none; } /* ====================================================== * ADD-12 ====================================================== */ /* ----- cmn-heading-with-icon ----- */ .cmn-heading-with-icon__inner { display: flex; } .cmn-heading-with-icon__head { flex-shrink: 0; } .cmn-heading-with-icon__head > *:first-child, .cmn-heading-with-icon__head > section:first-child > *:first-child, .cmn-heading-with-icon__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-heading-with-icon__image { aspect-ratio: 1/1; } .cmn-heading-with-icon__image > img { -o-object-fit: scale-down; -o-object-position: center; width: 100%; height: 100%; object-fit: scale-down; object-position: center; } .cmn-heading-with-icon__body { flex: 1 1; } .cmn-heading-with-icon__body > *:first-child, .cmn-heading-with-icon__body > section:first-child > *:first-child, .cmn-heading-with-icon__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-heading-with-icon__title { margin: 0; line-height: 1.4; } /* ====================================================== * ADD-13 ====================================================== */ /* ----- cmn-more-button-wrap ----- */ .cmn-more-button-wrap { display: flex; flex-flow: row wrap; justify-content: center; } /* ----- cmn-more-button ----- */ .cmn-more-button { display: flex; position: relative; align-items: center; justify-content: center; border: 1px solid var(--color-border-1); border-radius: var(--radius-BT-L); background-color: var(--color-base-white); color: var(--color-base-main); font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-more-button.is-close .cmn-more-button__label:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .cmn-more-button__label { display: block; position: relative; width: 100%; } .cmn-more-button__label:before, .cmn-more-button__label:after { position: absolute; top: 50%; right: 0; height: 1px; background: var(--color-icon-link); content: ""; transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-more-button__label:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* ====================================================== * ADD-14 ====================================================== */ /* ----- cmn-exhibition-card ----- */ .cmn-exhibition-card > [class*="__type"] { display: block; position: relative; width: 100%; overflow: hidden; color: var(--color-font-TX1); text-align: left; text-decoration: none; } .cmn-exhibition-card > [class*="__type"], .cmn-exhibition-card > [class*="__type"]:link, .cmn-exhibition-card > [class*="__type"]:hover, .cmn-exhibition-card > [class*="__type"]:visited, .cmn-exhibition-card > [class*="__type"]:focus, .cmn-exhibition-card > [class*="__type"]:active { color: var(--color-font-TX1); } .cmn-exhibition-card__head { display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--color-border-2); } .cmn-exhibition-card__head > *:first-child, .cmn-exhibition-card__head > section:first-child > *:first-child, .cmn-exhibition-card__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-exhibition-card__body { width: 100%; } .cmn-exhibition-card__body > *:first-child, .cmn-exhibition-card__body > section:first-child > *:first-child, .cmn-exhibition-card__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-exhibition-card__image { -webkit-transform: translateZ(0); height: 100%; transform: translateZ(0); isolation: isolate; } .cmn-exhibition-card__image img { -webkit-transform: translateZ(0); display: block; width: auto; height: 100%; transform: translateZ(0); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .cmn-exhibition-card__image > *:first-child, .cmn-exhibition-card__image > section:first-child > *:first-child, .cmn-exhibition-card__image > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-exhibition-card__title { font-size: var(--font-font-size--XL); line-height: 1.4; } .cmn-exhibition-card__title > *:first-child, .cmn-exhibition-card__title > section:first-child > *:first-child, .cmn-exhibition-card__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-exhibition-card__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: middle; } .cmn-exhibition-card__description { margin: 0; padding: 0; } .cmn-exhibition-card__description > *:first-child, .cmn-exhibition-card__description > section:first-child > *:first-child, .cmn-exhibition-card__description > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-exhibition-card__description .cmn-exhibition-card__description--date, .cmn-exhibition-card__description .cmn-exhibition-card__description--location, .cmn-exhibition-card__description .cmn-exhibition-card__description--price, .cmn-exhibition-card__description .cmn-product-category-heading1__description--date, .cmn-exhibition-card__description .cmn-product-category-heading1__description--location, .cmn-exhibition-card__description .cmn-product-category-heading1__description--price { position: relative; } .cmn-exhibition-card__description .cmn-exhibition-card__description--date > *:first-child, .cmn-exhibition-card__description .cmn-exhibition-card__description--location > *:first-child, .cmn-exhibition-card__description .cmn-exhibition-card__description--price > *:first-child, .cmn-exhibition-card__description .cmn-product-category-heading1__description--date > *:first-child, .cmn-exhibition-card__description .cmn-product-category-heading1__description--location > *:first-child, .cmn-exhibition-card__description .cmn-product-category-heading1__description--price > *:first-child, .cmn-exhibition-card__description .cmn-exhibition-card__description--date > section:first-child > *:first-child, .cmn-exhibition-card__description .cmn-exhibition-card__description--location > section:first-child > *:first-child, .cmn-exhibition-card__description .cmn-exhibition-card__description--price > section:first-child > *:first-child, .cmn-exhibition-card__description .cmn-product-category-heading1__description--date > section:first-child > *:first-child, .cmn-exhibition-card__description .cmn-product-category-heading1__description--location > section:first-child > *:first-child, .cmn-exhibition-card__description .cmn-product-category-heading1__description--price > section:first-child > *:first-child, .cmn-exhibition-card__description .cmn-exhibition-card__description--date > [class^="list-wrap"] > *:first-child, .cmn-exhibition-card__description .cmn-exhibition-card__description--location > [class^="list-wrap"] > *:first-child, .cmn-exhibition-card__description .cmn-exhibition-card__description--price > [class^="list-wrap"] > *:first-child, .cmn-exhibition-card__description .cmn-product-category-heading1__description--date > [class^="list-wrap"] > *:first-child, .cmn-exhibition-card__description .cmn-product-category-heading1__description--location > [class^="list-wrap"] > *:first-child, .cmn-exhibition-card__description .cmn-product-category-heading1__description--price > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-exhibition-card__description .cmn-exhibition-card__description--date:before, .cmn-exhibition-card__description .cmn-exhibition-card__description--location:before, .cmn-exhibition-card__description .cmn-exhibition-card__description--price:before, .cmn-exhibition-card__description .cmn-product-category-heading1__description--date:before, .cmn-exhibition-card__description .cmn-product-category-heading1__description--location:before, .cmn-exhibition-card__description .cmn-product-category-heading1__description--price:before { display: block; position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; } .cmn-exhibition-card__description--date:before { background-image: url(/app-files/img/cmn_ic02_01.svg); } .cmn-exhibition-card__description--location:before { background-image: url(/app-files/img/cmn_ic02_02.svg); } .cmn-exhibition-card__description--price:before { background-image: url(/app-files/img/cmn_ic02_03.svg); } .cmn-exhibition-card__description > li { list-style: none; } .cmn-exhibition-card__badge { display: flex; flex-flow: row wrap; } .cmn-exhibition-card__badge .cmn-exhibition-card__badge--live, .cmn-exhibition-card__badge .cmn-exhibition-card__badge--soon, .cmn-exhibition-card__badge .cmn-exhibition-card__badge--end, .cmn-exhibition-card__badge .cmn-exhibition-card__badge--category { display: flex; align-items: center; justify-content: center; text-align: center; } .cmn-exhibition-card__badge--live { background-color: var(--color-base-accent); color: var(--color-base-white); } .cmn-exhibition-card__badge--soon { border: 1px solid var(--color-base-accent); background-color: var(--color-base-white); color: var(--color-base-accent); } .cmn-exhibition-card__badge--end { border: 1px solid var(--color-border-2); background-color: var(--color-base-secondary); } .cmn-exhibition-card__badge--category { border: 1px solid var(--color-border-2); background-color: var(--color-base-white); } /* ====================================================== * ADD-16 ====================================================== */ /* ----- cmn-highlight-media ----- */ .Main__sidelayout__content > .cmn-highlight-media { margin-top: 0; } .cmn-highlight-media[data-media-wraparound="true"]:after { display: block; clear: both; content: ""; } .cmn-highlight-media__head { flex-shrink: 0; } .cmn-highlight-media__head > *:first-child, .cmn-highlight-media__head > section:first-child > *:first-child, .cmn-highlight-media__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-highlight-media__body { flex-grow: 1; } .cmn-highlight-media__body > *:first-child, .cmn-highlight-media__body > section:first-child > *:first-child, .cmn-highlight-media__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-highlight-media__body__title { color: var(--color-base-black, #333); font-style: normal; font-weight: 700; line-height: 160%; } .cmn-highlight-media__body > .list-wrap { margin: 0.8em 0 0 0; } .cmn-highlight-media__image { margin: 0; } .cmn-highlight-media__frame { border: 1px solid var(--color-border-2); } .cmn-highlight-media__caption, .cmn-highlight-media__caption--center, .cmn-highlight-media__caption--right { font-size: var(--font-font-size--S); } .cmn-highlight-media__caption--center { text-align: center; } .cmn-highlight-media__caption--right { text-align: right; } .cmn-highlight-media-text { font-size: var(--font-font-size--M); } .cmn-highlight-media-recommend-badge { display: inline-flex; flex-flow: row wrap; } .cmn-highlight-media-recommend__title { min-width: 116px; min-height: 25px; border: 1px solid var(--color-base-accent, #004098); background: var(--color-base-white, #FFF); color: var(--color-base-accent, #004098); font-style: normal; font-weight: 700; line-height: 160%; text-align: center; } /* ====================================================== * ADD-15 ====================================================== */ /* ----- cmn-detail-category----- */ .cmn-detail-category-heading1 { display: flex; position: relative; align-items: center; justify-content: flex-start; width: 100%; } .cmn-detail-category-heading1:before, .cmn-detail-category-heading1:after { display: block; z-index: 1; position: absolute; width: 100%; content: ""; } .cmn-detail-category-heading1:before { top: 0; left: 0; height: calc(100% - var(--heading1-circle-size)); border-bottom-right-radius: var(--heading1-circle-size); } .cmn-detail-category-heading1:after { -webkit-mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); -webkit-mask-size: var(--heading1-circle-size) var(--heading1-circle-size); -webkit-mask-repeat: no-repeat; -webkit-mask-position: left bottom; bottom: 0; left: 0; width: 100%; height: var(--heading1-circle-size); mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); mask-position: left bottom; mask-repeat: no-repeat; mask-size: var(--heading1-circle-size) var(--heading1-circle-size); } .cmn-detail-category-heading1__inner { margin-inline: auto; z-index: 2; width: 100%; } .cmn-detail-category-heading1__title { margin: 0; color: var(--color-font-TX1, #333); font-style: normal; font-weight: 400; line-height: 140%; } .cmn-detail-category__body { display: flex; } .cmn-detail-category-wrap { display: flex; align-items: baseline; justify-content: space-between; } .cmn-detail-category__heading-badge { display: inline-flex; align-items: center; justify-content: center; background: var(--color-base-main); background-color: var(--color-news-category--1); color: var(--color-base-white); color: var(--color-base-white, #FFF); font-style: normal; font-weight: 700; text-align: center; vertical-align: middle; } .cmn-detail-category__heading-badge-wrap { display: flex; } .cmn-detail-category-date-wrap { gap: 16px; display: flex; } .cmn-detail-category-public__text { color: var(--color-font-TX1, #333); font-family: var(--font-font-family, "Zen Kaku Gothic New"); font-style: normal; } .cmn-detail-category-update__text { color: var(--color-font-TX1, #333); font-family: var(--font-font-family, "Zen Kaku Gothic New"); font-style: normal; font-weight: 400; line-height: 1.6; } /* ====================================================== * ADD-17 ====================================================== */ /* ----- cmn-category-events-accordion ----- */ .cmn-category-events-accordion { margin: 2em 0 0 0; } .cmn-category-events-accordion__head { display: block; position: relative; width: 100%; border: 1px solid var(--color-border-2); border-radius: var(--radius-M); background-color: var(--color-base-white); text-align: left; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-category-events-accordion__head:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-category-events-accordion__subtitle { display: block; position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--L); line-height: 1.4; } .cmn-category-events-accordion__title { display: block; position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--L); line-height: 1.4; } .cmn-category-events-accordion__title:before, .cmn-category-events-accordion__title:after { position: absolute; right: 0; height: 1px; background: var(--color-icon-link); content: ""; transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-category-events-accordion__title:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .cmn-category-events-accordion__head.is-active .cmn-category-events-accordion__title:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .cmn-category-events-accordion__body { position: relative; } .cmn-category-events-accordion__body > *:first-child, .cmn-category-events-accordion__body > section:first-child > *:first-child, .cmn-category-events-accordion__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ====================================================== * ADD-18 ====================================================== */ /* ====================================================== * extend ====================================================== */ .cmn-registration__button .cmn-registration__button__type, .cmn-registration__button .cmn-registration__button__type--blank, .cmn-registration__button .cmn-registration__button__type--pdf, .cmn-registration__button .cmn-registration__button__type--excel, .cmn-registration__button .cmn-registration__button__type--word, .cmn-registration__button .cmn-registration__button__type--powerpoint, .cmn-registration__button .cmn-registration__button__type--zip, .cmn-registration__button .cmn-registration__button__type--modal, .cmn-registration__button .cmn-registration__button__type--rss, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss { display: flex; position: relative; align-items: center; justify-content: center; border: 1px solid var(--color-base-black); border-radius: var(--radius-BT-L); background-color: var(--color-base-black); color: var(--color-base-white); font-size: var(--font-font-size--M); font-size: var(--font-font-size--XL); line-height: 1.4; text-align: center; } .cmn-registration__button-v2 .cmn-registration__button-v2__type, .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank, .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf, .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel, .cmn-registration__button-v2 .cmn-registration__button-v2__type--word, .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint, .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip, .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal, .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss { display: flex; position: relative; align-items: center; justify-content: center; border: 1px solid var(--color-border-1); border-radius: var(--radius-BT-L); background-color: var(--color-base-white); color: var(--color-base-main); font-size: var(--font-font-size--M); line-height: 1.4; text-align: center; } /* ----- cmn-registration ----- */ .cmn-registration__text { margin: 0; color: var(--color-font-TX1, #333); font-size: var(--font-font-size--M); font-style: normal; font-weight: 400; line-height: 160%; text-align: center; } .cmn-registration__button .cmn-registration__button__type .cmn-registration__button__label:after { right: 0; } .cmn-registration__button .cmn-registration__button__type--blank .cmn-registration__button__label:after { right: 0; } .cmn-registration__button .cmn-registration__button__type--pdf .cmn-registration__button__label:after { right: 0; } .cmn-registration__button .cmn-registration__button__type--excel .cmn-registration__button__label:after { right: 0; } .cmn-registration__button .cmn-registration__button__type--word .cmn-registration__button__label:after { right: 0; } .cmn-registration__button .cmn-registration__button__type--powerpoint .cmn-registration__button__label:after { right: 0; } .cmn-registration__button .cmn-registration__button__type--zip .cmn-registration__button__label:after { right: 0; } .cmn-registration__button .cmn-registration__button__type--modal .cmn-registration__button__label:after { right: 0; } .cmn-registration__button .cmn-registration__button__type--rss .cmn-registration__button__label:after { right: 0; } .cmn-registration__button__label { display: block; position: relative; width: 100%; } .cmn-registration__button__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .cmn-registration__button-wrap { display: flex; flex-flow: row wrap; justify-content: center; } .cmn-registration__button-v2 .cmn-registration__button-v2__type .cmn-registration__button-v2__label:after { right: 0; } .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank .cmn-registration__button-v2__label:after { right: 0; } .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf .cmn-registration__button-v2__label:after { right: 0; } .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel .cmn-registration__button-v2__label:after { right: 0; } .cmn-registration__button-v2 .cmn-registration__button-v2__type--word .cmn-registration__button-v2__label:after { right: 0; } .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint .cmn-registration__button-v2__label:after { right: 0; } .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip .cmn-registration__button-v2__label:after { right: 0; } .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal .cmn-registration__button-v2__label:after { right: 0; } .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss .cmn-registration__button-v2__label:after { right: 0; } .cmn-registration__button-v2__label { display: block; position: relative; width: 100%; } .cmn-registration__button-v2__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .cmn-registration__button-v2-wrap { display: flex; flex-flow: row wrap; justify-content: center; } .cmn-registration__box { display: flex; flex-direction: column; align-self: stretch; background: var(--color-sub-2); } .cmn-registration__box__head { border-bottom: 1px solid var(--color-border-2); } .cmn-registration__box__title { margin: 0; color: var(--color-base-main, #333); font-style: normal; font-weight: 700; line-height: 160%; text-align: center; } /* ====================================================== * ADD-19 ====================================================== */ /* ====================================================== * extend ====================================================== */ .cmn-blog-card-badge, .cmn-blog-card-badge--type, .cmn-blog-card-badge--category { display: inline-flex; align-items: center; justify-content: center; background: var(--color-base-main); color: var(--color-base-white); font-style: normal; text-align: center; vertical-align: middle; } /* ----- cmn-blog-column ----- */ .cmn-blog-column__item > *:first-child, .cmn-blog-column__item > section:first-child > *:first-child, .cmn-blog-column__item > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- cmn-blog-card-wrap ----- */ .cmn-blog-card-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; } /* ----- cmn-blog-card ----- */ .cmn-blog-card { display: flex; width: 100%; } .cmn-blog-card > [class*="__type"] { position: relative; width: 100%; overflow: hidden; color: var(--color-font-TX1); text-align: left; text-decoration: none; } .cmn-blog-card > [class*="__type"], .cmn-blog-card > [class*="__type"]:link, .cmn-blog-card > [class*="__type"]:hover, .cmn-blog-card > [class*="__type"]:visited, .cmn-blog-card > [class*="__type"]:focus, .cmn-blog-card > [class*="__type"]:active { color: var(--color-font-TX1); } .cmn-blog-card__inner { display: flex; width: 100%; } .cmn-blog-card__head > *:first-child, .cmn-blog-card__head > section:first-child > *:first-child, .cmn-blog-card__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-blog-card__head:after { display: block; clear: both; content: ""; } .cmn-blog-card__body > *:first-child, .cmn-blog-card__body > section:first-child > *:first-child, .cmn-blog-card__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-blog-card__contents > *:first-child, .cmn-blog-card__contents > section:first-child > *:first-child, .cmn-blog-card__contents > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-blog-card__contents:after { display: block; clear: both; content: ""; } .cmn-blog-card__image { -webkit-transform: translateZ(0); -webkit-clip-path: inset(0 round var(--radius-L)); aspect-ratio: 16/9; transform: translateZ(0); isolation: isolate; clip-path: inset(0 round var(--radius-L)); } .cmn-blog-card__image img { -webkit-transform: translateZ(0); -o-object-position: center center; display: block; width: 100%; height: 100%; object-position: center center; transform: translateZ(0); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .cmn-blog-card__image > *:first-child, .cmn-blog-card__image > section:first-child > *:first-child, .cmn-blog-card__image > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-blog-card__title { font-size: var(--font-font-size--XL); line-height: 1.4; } .cmn-blog-card__title > *:first-child, .cmn-blog-card__title > section:first-child > *:first-child, .cmn-blog-card__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-blog-card__title:after { display: block; clear: both; content: ""; } .cmn-blog-card__meta { gap: 10px; display: flex; } .cmn-blog-card__date { flex-shrink: 0; color: var(--color-font-news-date); } .cmn-blog-card__category { display: flex; flex-wrap: wrap; } .cmn-blog-card-badge--type { background-color: var(--color-news-category--1); color: var(--color-base-white, #FFF); } .cmn-blog-card-badge--category { border: 1px solid var(--color-border-2, #DDD); background: var(--color-base-white, #FFF); color: var(--color-font-TX1); } /* ====================================================== * ADD-20 ====================================================== */ /* ----- cmn-product-category-heading1 ----- */ .cmn-product-category-heading1 { display: flex; position: relative; align-items: center; justify-content: flex-start; width: 100%; } .cmn-product-category-heading1:before, .cmn-product-category-heading1:after { display: block; z-index: 1; position: absolute; width: 100%; content: ""; } .cmn-product-category-heading1:before { top: 0; left: 0; height: calc(100% - var(--heading1-circle-size)); border-bottom-right-radius: var(--heading1-circle-size); } .cmn-product-category-heading1:after { -webkit-mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); -webkit-mask-size: var(--heading1-circle-size) var(--heading1-circle-size); -webkit-mask-repeat: no-repeat; -webkit-mask-position: left bottom; bottom: 0; left: 0; width: 100%; height: var(--heading1-circle-size); mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); mask-position: left bottom; mask-repeat: no-repeat; mask-size: var(--heading1-circle-size) var(--heading1-circle-size); } .cmn-product-category-heading1__inner { margin-inline: auto; display: flex; z-index: 2; width: 100%; } .cmn-product-category-heading1__title { margin: 0; color: var(--color-font-TX1, #333); font-style: normal; font-weight: 400; line-height: 140%; } .cmn-product-category-heading1__subtitle { margin: 0; color: var(--color-font-TX1, #333); font-style: normal; font-weight: 400; line-height: 140%; } .cmn-product-category-heading1__category { display: inline-flex; flex-flow: row wrap; } .cmn-product-category-heading1-badge { border: 1px solid var(--color-border-2, #DDD); background: var(--color-base-white, #FFF); color: var(--color-font-TX1); font-style: normal; font-weight: 700; text-align: center; } .cmn-product-category-heading1__box { border-radius: var(--radius-L); background-color: var(--color-base-white); } .cmn-product-category-heading1__box__head > *:first-child, .cmn-product-category-heading1__box__head > section:first-child > *:first-child, .cmn-product-category-heading1__box__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-product-category-heading1__box__body > *:first-child, .cmn-product-category-heading1__box__body > section:first-child > *:first-child, .cmn-product-category-heading1__box__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-product-category-heading1__box__title { font-size: var(--font-font-size--XL); text-align: center; } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type .cmn-product-category-heading1__button__label:after { right: 0; } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank .cmn-product-category-heading1__button__label:after { right: 0; } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf .cmn-product-category-heading1__button__label:after { right: 0; } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel .cmn-product-category-heading1__button__label:after { right: 0; } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word .cmn-product-category-heading1__button__label:after { right: 0; } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint .cmn-product-category-heading1__button__label:after { right: 0; } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip .cmn-product-category-heading1__button__label:after { right: 0; } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal .cmn-product-category-heading1__button__label:after { right: 0; } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss .cmn-product-category-heading1__button__label:after { right: 0; } .cmn-product-category-heading1__button__label { display: block; position: relative; width: 100%; } .cmn-product-category-heading1__button__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: baseline; } .cmn-product-category-heading1__button-wrap { display: flex; flex-flow: row wrap; justify-content: center; } .cmn-product-category-heading1__button-wrap + .list-wrap { display: flex; justify-content: center; } .cmn-product-category-heading1__description { margin: 0; padding: 0; } .cmn-product-category-heading1__description > *:first-child, .cmn-product-category-heading1__description > section:first-child > *:first-child, .cmn-product-category-heading1__description > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-product-category-heading1__description .cmn-exhibition-card__description--date, .cmn-product-category-heading1__description .cmn-exhibition-card__description--location, .cmn-product-category-heading1__description .cmn-exhibition-card__description--price, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--date, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--location, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--price { position: relative; } .cmn-product-category-heading1__description .cmn-exhibition-card__description--date > *:first-child, .cmn-product-category-heading1__description .cmn-exhibition-card__description--location > *:first-child, .cmn-product-category-heading1__description .cmn-exhibition-card__description--price > *:first-child, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--date > *:first-child, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--location > *:first-child, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--price > *:first-child, .cmn-product-category-heading1__description .cmn-exhibition-card__description--date > section:first-child > *:first-child, .cmn-product-category-heading1__description .cmn-exhibition-card__description--location > section:first-child > *:first-child, .cmn-product-category-heading1__description .cmn-exhibition-card__description--price > section:first-child > *:first-child, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--date > section:first-child > *:first-child, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--location > section:first-child > *:first-child, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--price > section:first-child > *:first-child, .cmn-product-category-heading1__description .cmn-exhibition-card__description--date > [class^="list-wrap"] > *:first-child, .cmn-product-category-heading1__description .cmn-exhibition-card__description--location > [class^="list-wrap"] > *:first-child, .cmn-product-category-heading1__description .cmn-exhibition-card__description--price > [class^="list-wrap"] > *:first-child, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--date > [class^="list-wrap"] > *:first-child, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--location > [class^="list-wrap"] > *:first-child, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--price > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-product-category-heading1__description .cmn-exhibition-card__description--date:before, .cmn-product-category-heading1__description .cmn-exhibition-card__description--location:before, .cmn-product-category-heading1__description .cmn-exhibition-card__description--price:before, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--date:before, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--location:before, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--price:before { display: block; position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; } .cmn-product-category-heading1__description--date:before { background-image: url(/app-files/img/cmn_ic02_01.svg); } .cmn-product-category-heading1__description--location:before { background-image: url(/app-files/img/cmn_ic02_02.svg); } .cmn-product-category-heading1__description--price:before { background-image: url(/app-files/img/cmn_ic02_03.svg); } .cmn-product-category-heading1__description > li { list-style: none; } /* ====================================================== * ADD-24 ====================================================== */ /* ----- cmn-step-with-anchor ----- */ .cmn-step-with-anchor { margin: 2em 0 0 0; } .cmn-step-with-anchor > *:first-child, .cmn-step-with-anchor > section:first-child > *:first-child, .cmn-step-with-anchor > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-step-with-anchor__list { margin: 0; padding: 0; list-style: none; } .cmn-step-with-anchor__list > *:first-child, .cmn-step-with-anchor__list > section:first-child > *:first-child, .cmn-step-with-anchor__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-step-with-anchor__list > li { position: relative; } .cmn-step-with-anchor__list > li > *:first-child, .cmn-step-with-anchor__list > li > section:first-child > *:first-child, .cmn-step-with-anchor__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-step-with-anchor__list > li + li:before { position: absolute; content: ""; } .cmn-step-with-anchor__link { display: flex; position: relative; flex-flow: column nowrap; align-items: center; width: 100%; height: 100%; border-radius: var(--radius-L); background-color: var(--color-sub-2); } .cmn-step-with-anchor__link, .cmn-step-with-anchor__link:link, .cmn-step-with-anchor__link:hover, .cmn-step-with-anchor__link:visited, .cmn-step-with-anchor__link:focus, .cmn-step-with-anchor__link:active { color: var(--color-font-TX1); } .cmn-step-with-anchor__link > *:first-child, .cmn-step-with-anchor__link > section:first-child > *:first-child, .cmn-step-with-anchor__link > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-step-with-anchor__head { display: flex; justify-content: center; } .cmn-step-with-anchor__head > *:first-child, .cmn-step-with-anchor__head > section:first-child > *:first-child, .cmn-step-with-anchor__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-step-with-anchor__icon { display: flex; align-items: center; justify-content: center; width: -webkit-fit-content; width: fit-content; background-color: var(--color-base-accent); color: var(--color-base-white); line-height: 1.4; text-align: center; } .cmn-step-with-anchor__body { display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; height: 100%; } .cmn-step-with-anchor__body > * { margin-top: 0 !important; } .cmn-step-with-anchor__label { position: relative; line-height: 1.4; text-align: center; } .cmn-step-with-anchor__label:before { position: absolute; } .cmn-step-with-anchor__description { text-align: center; } /* ====================================================== * ADD-25 ====================================================== */ /* ----- cmn-case-heading1 ----- */ .cmn-case-heading1 { display: flex; position: relative; align-items: center; justify-content: flex-start; width: 100%; } .cmn-case-heading1:before, .cmn-case-heading1:after { display: block; z-index: 1; position: absolute; width: 100%; content: ""; } .cmn-case-heading1:before { top: 0; left: 0; height: calc(100% - var(--heading1-circle-size)); border-bottom-right-radius: var(--heading1-circle-size); } .cmn-case-heading1:after { -webkit-mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); -webkit-mask-size: var(--heading1-circle-size) var(--heading1-circle-size); -webkit-mask-repeat: no-repeat; -webkit-mask-position: left bottom; bottom: 0; left: 0; width: 100%; height: var(--heading1-circle-size); mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); mask-position: left bottom; mask-repeat: no-repeat; mask-size: var(--heading1-circle-size) var(--heading1-circle-size); } .cmn-case-heading1__inner { margin-inline: auto; z-index: 2; width: 100%; } .cmn-case-heading1__title { margin: 0; line-height: 1.4; } .cmn-case-heading1__subtitle { margin: 0 0 .6rem; line-height: 1.4; } .cmn-case-heading1__description { display: flex; padding: 0; list-style-type: ""; } .cmn-case-heading1__category { display: flex; padding: 0; list-style-type: ""; } .cmn-case-heading1__badge { background: #333; color: #fff; font-size: 12px; font-weight: bold; } .cmn-case-heading1__tag { display: flex; padding: 0; list-style-type: ""; } /* ====================================================== * ADD-27 ====================================================== */ /* ----- cmn-case-card ----- */ .cmn-case-card > [class*="__type"] { background: #fff; } .cmn-case-card > [class*="__type"] > *:first-child, .cmn-case-card > [class*="__type"] > section:first-child > *:first-child, .cmn-case-card > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-case-card > [class*="__type"]:not([class*="--nolink"]) .cmn-case-card__title { position: relative; } .cmn-case-card__image { position: relative; overflow: hidden; } .cmn-case-card__image > *:first-child, .cmn-case-card__image > section:first-child > *:first-child, .cmn-case-card__image > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-case-card__image > img { -o-object-fit: scale-down; -o-object-position: center; width: 100%; height: 100%; object-fit: scale-down; object-position: center; transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-case-card__head { position: relative; overflow: hidden; } .cmn-case-card__icon { display: block; position: relative; position: absolute; background-color: #fff; } .cmn-case-card__title { margin: 0; font-weight: bold; } .cmn-case-card__description { display: flex; padding: 0; font-size: 10px; list-style-type: ""; } .cmn-case-card__category { display: flex; flex-wrap: wrap; padding: 0; list-style-type: ""; } .cmn-case-card__badge { background: #333; color: #fff; font-size: 10px; font-weight: bold; } .cmn-case-card__tag { display: flex; padding: 0; font-size: 10px; list-style-type: ""; } .cmn-case-card__error { font-size: var(--font-font-size--M, 16px); font-weight: 700; text-align: center; } /* ====================================================== * ADD-8 ====================================================== */ /* ----- cmn-case-example-card-wrap ----- */ .cmn-case-example-card-wrap { gap: 20px; display: flex; flex-direction: column; margin: 1em 0 0; } /* ----- cmn-case-example-card ----- */ .cmn-case-example-card { border: 1px solid var(--color-border-2); border-radius: var(--radius-L); } .cmn-case-example-card-text { margin: 0; font-size: var(--font-font-size--M); } .cmn-case-example-card__title { position: relative; font-weight: bold; line-height: 1.4; text-align: center; } .cmn-case-example-card__content { gap: 20px; display: flex; align-items: center; } /* ----- cmn-case-example-card__highlight ----- */ .cmn-case-example-card__highlight__title { position: relative; font-weight: bold; line-height: 1.4; text-align: center; } .cmn-case-example-card__highlight__content { display: flex; align-items: center; } .cmn-case-example-card__highlight-figure { margin: 0; } .cmn-case-example-card__highlight-figure__title { margin: 0; color: var(--color-font-TX1); font-size: var(--font-font-size--M); line-height: 1.4; text-align: left; } .cmn-case-example-card__highlight-figure__frame { display: inline-block; } .cmn-case-example-card__highlight-figure__caption { margin: 0; font-size: var(--font-font-size--S); text-align: left; } .cmn-case-example-card__highlight-unorder-list { margin: 0; padding: 0; list-style: none; } .cmn-case-example-card__highlight-unorder-list > li { position: relative; color: var(--color-font-TX1); font-size: var(--font-font-size--M); list-style: none; } .cmn-case-example-card__highlight-unorder-list > li:before { display: inline-block; position: absolute; left: 0; border-radius: 50%; background-color: var(--color-base-black); content: ""; } /* ====================================================== * ADD-29 ====================================================== */ /* ----- cmn-filter-search-index ----- */ .accordion:has(.cmn-filter-search-category__section) { margin-top: 0; } .cmn-filter-search-index-heading2 { margin: 3.5em 0 0; } .cmn-filter-search-index-heading2__title { margin: 0; font-size: 2rem; font-weight: 700; line-height: 1.4; transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .cmn-filter-search-index-heading2 + *, .cmn-filter-search-index-heading2 + section > :first-child { margin-top: 3.2rem; } .cmn-filter-search-index-heading3 { margin: 0; } .cmn-filter-search-index-heading3__inner { gap: 0 8px; display: flex; align-items: center; } .cmn-filter-search-index-heading3__icon { aspect-ratio: 1/1; position: relative; top: 3px; flex-shrink: 0; width: 16px; } .cmn-filter-search-index-heading3__icon img { -o-object-fit: scale-down; -o-object-position: center; width: 100%; height: 100%; object-fit: scale-down; object-position: center; } .cmn-filter-search-index-heading3__title { margin: 0; font-size: 1.8rem; font-weight: bold; line-height: 1.4; } .cmn-filter-search-index-heading3 + *, .cmn-filter-search-index-heading3 + section > :first-child { margin-top: 1.8rem; } .cmn-filter-search-index-keyword { display: flex; justify-content: flex-start; } .cmn-filter-search-index-keyword__input { -webkit-appearance: none; appearance: none; padding-block: 4px 2px; padding-inline: 1.4rem; display: block; width: 100%; height: 43px; border: 1px solid #767676; border-radius: 10px; outline: none; font-size: 1.6rem; } .cmn-filter-search-index-keyword__input:focus, .cmn-filter-search-index-keyword__input:focus-visible { outline: none; } .cmn-filter-search-index-product-list { gap: 36px 45px; display: flex; flex-flow: row wrap; margin: 0; padding: 0; list-style: none; } .cmn-filter-search-index-product-list > li { position: relative; } .cmn-filter-search-index-product-list > li:not(:nth-of-type(4n + 1)):before { position: absolute; top: 0; left: -23px; width: 1px; height: 100%; background: #ddd; content: ""; } .cmn-filter-search-index-product-list__checkbox { gap: 0 10px; display: flex; position: relative; align-items: center; padding-left: 30px; cursor: pointer; } .cmn-filter-search-index-product-list__checkbox > input { position: absolute; opacity: 0; pointer-events: none; } .cmn-filter-search-index-product-list__checkbox:has(input:checked):before { border-color: #570104; background-color: #570104; } .cmn-filter-search-index-product-list__checkbox:has(input:checked):after { opacity: 1; } .cmn-filter-search-index-product-list__checkbox:before { -webkit-transform: translateY(-50%); position: absolute; top: 50%; left: 0; width: 20px; height: 20px; transform: translateY(-50%); border: 1px solid #767676; border-radius: 2px; background: #fff; content: ""; } .cmn-filter-search-index-product-list__checkbox:after { -webkit-transform: translateY(-50%) skew(11.3deg) rotate(-45deg); position: absolute; top: calc(50% - 2px); left: 3px; width: 14px; height: 7px; transform: translateY(-50%) skew(11.3deg) rotate(-45deg); border: solid #fff; border-width: 0 0 3px 3px; content: ""; opacity: 0; } .cmn-filter-search-index-product-list__image { aspect-ratio: 1/1; flex-shrink: 0; width: 60px; } .cmn-filter-search-index-product-list__image img { -o-object-fit: scale-down; -o-object-position: center; width: 100%; height: 100%; object-fit: scale-down; object-position: center; } .cmn-filter-search-index-product-list__title { font-size: 1.5rem; font-weight: 700; line-height: 1.4; } .cmn-filter-search-index-checkbox__label { cursor: pointer; } .cmn-filter-search-index-checkbox__label > input { position: absolute; opacity: 0; pointer-events: none; } .cmn-filter-search-index-checkbox__label:has(input:checked):before { border-color: #333; background-color: #333; } .cmn-filter-search-index-checkbox__label:has(input:checked):after { opacity: 1; } .cmn-filter-search-index-checkbox__label:before { position: absolute; top: 1px; left: 0; width: 20px; height: 20px; border: 1px solid #666666; border-radius: 3px; background: #fff; content: ""; } .cmn-filter-search-index-checkbox__label:after { -webkit-transform: skew(11.3deg) rotate(-45deg); position: absolute; top: 5px; left: 3px; width: 15px; height: 8px; transform: skew(11.3deg) rotate(-45deg); border: solid #fff; border-width: 0 0 3px 3px; content: ""; opacity: 0; } .cmn-filter-search-index-nav { position: absolute; bottom: 0; width: 100%; background: #8d7e72; color: #fff; } .cmn-filter-search-index-nav__inner { gap: 0 52px; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; } .cmn-filter-search-index-nav__result { font-size: 1.4rem; font-weight: 700; } .cmn-filter-search-index-nav__result__number { margin-right: 6px; font-size: 2.4rem; } .cmn-filter-search-index-nav__button-wrap { gap: 0 15px; display: flex; margin-top: 7px; } .cmn-filter-search-index-nav__reset, .cmn-filter-search-index-nav__submit { -webkit-appearance: none; appearance: none; display: flex; justify-content: center; border-radius: 9999px; font-weight: 700; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); } /* ====================================================== * ADD-30 ====================================================== */ /* ----- cmn-strengths-anchor-navi ----- */ .cmn-strengths-anchor-navi { border-radius: var(--radius-L, 16px); background: var(--color-sub-2, #E9F1F4); } .cmn-strengths-anchor-navi > *:first-child, .cmn-strengths-anchor-navi > section:first-child > *:first-child, .cmn-strengths-anchor-navi > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-strengths-anchor-navi > *:last-child { margin-bottom: 0 !important; } .cmn-strengths-anchor-navi__list { display: flex; position: relative; margin: 0; padding: 0; list-style: none; } .cmn-strengths-anchor-navi__list > *:first-child, .cmn-strengths-anchor-navi__list > section:first-child > *:first-child, .cmn-strengths-anchor-navi__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-strengths-anchor-navi__list > li { display: flex; position: relative; align-items: center; } .cmn-strengths-anchor-navi__lead { border-radius: 200px; background-color: #004098; color: var(--color-base-white, #FFF); font-weight: 700; line-height: 140%; } .cmn-strengths-anchor-navi__lead > *:first-child, .cmn-strengths-anchor-navi__lead > section:first-child > *:first-child, .cmn-strengths-anchor-navi__lead > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-strengths-anchor-navi__link { display: inline-block; position: relative; } .cmn-strengths-anchor-navi__link, .cmn-strengths-anchor-navi__link:link, .cmn-strengths-anchor-navi__link:hover, .cmn-strengths-anchor-navi__link:visited, .cmn-strengths-anchor-navi__link:focus, .cmn-strengths-anchor-navi__link:active { color: var(--color-font-TX1); } .cmn-strengths-anchor-navi__label { color: var(--color-font-TX1, #333); font-weight: 700; line-height: 140%; } .cmn-strengths-anchor-navi__label > *:first-child, .cmn-strengths-anchor-navi__label > section:first-child > *:first-child, .cmn-strengths-anchor-navi__label > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ====================================================== * ADD-31 ====================================================== */ /* ----- cmn-inquiry ----- */ .cmn-inquiry__box { overflow: hidden; border: 1px solid var(--color-border-2); border-radius: var(--radius-L); background-color: var(--color-bg-base); } .cmn-inquiry__box > *:first-child, .cmn-inquiry__box > section:first-child > *:first-child, .cmn-inquiry__box > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-inquiry__title { margin: 0; background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45%); line-height: 1.4; text-align: center; } .cmn-inquiry__detail > *:first-child { margin-top: 0 !important; } .cmn-inquiry__note-list { display: flex; flex-direction: column; align-items: center; } .cmn-inquiry__note-list > li { position: relative; list-style: none; } .cmn-inquiry__note-list__mark { position: absolute; top: 0; left: 0; } .cmn-inquiry__column { margin-top: 1.0em; } .cmn-inquiry__column > *:first-child, .cmn-inquiry__column > section:first-child > *:first-child, .cmn-inquiry__column > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-inquiry__column__item > *:first-child, .cmn-inquiry__column__item > section:first-child > *:first-child, .cmn-inquiry__column__item > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-inquiry__column__title { margin: 0; line-height: 1.4; } .cmn-inquiry__contact { display: flex; align-items: center; justify-content: center; } .cmn-inquiry__contact__office { margin: 0; font-size: var(--font-font-size--L); line-height: 1.4; } .cmn-inquiry__contact__info__tel { margin: 0; line-height: 1.4; } /* ====================================================== * ADD-32 ====================================================== */ /* ----- cmn-inquiry ----- */ .cmn-inquiry > * { margin: 0 !important; } .cmn-inquiry__related { margin: 0; line-height: 1.4; text-align: center; } .cmn-inquiry__contact-v2 { display: flex; flex-direction: column; align-items: center; justify-content: center; } .cmn-inquiry__contact-v2__office { margin: 0; font-size: var(--font-font-size--L); line-height: 1.4; } .cmn-inquiry__contact-v2__info__tel { margin: 0; line-height: 1.4; } /* ====================================================== * ADD-33 ====================================================== */ /* ----- cmn-evaluation-carousel ----- */ .cmn-evaluation-carousel { margin: 2em 0 0 0; } .cmn-evaluation-carousel__list { position: relative; } .cmn-evaluation-carousel__list:not(.slick-initialized) { opacity: 0; } .cmn-evaluation-carousel__list > .slick-list > .slick-track > .slick-slide > div:not([class]) { font-size: 0; line-height: 1; } .cmn-evaluation-carousel__item { font-size: var(--font-font-size--M); text-align: center; } .cmn-evaluation-carousel__item__type { display: flex; align-items: center; } .cmn-evaluation-carousel__item__type:hover .cmn-evaluation-carousel__item__title { text-decoration: underline; } .cmn-evaluation-carousel__item__type:hover .cmn-evaluation-carousel__item__image img { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0); } .cmn-evaluation-carousel__item__head { max-width: 140px; } .cmn-evaluation-carousel__item__image { aspect-ratio: 1 / 1; overflow: hidden; border: 1px solid var(--color-border-2); border-radius: var(--radius-L); } .cmn-evaluation-carousel__item__image > img { -o-object-fit: scale-down; -o-object-position: center center; display: block; width: 100%; height: 100%; object-fit: scale-down; object-position: center center; } .cmn-evaluation-carousel__item__body { flex: 1 1; } .cmn-evaluation-carousel__item__title { font-size: var(--font-font-size--M); line-height: 1.4; text-align: left; } .cmn-evaluation-carousel .slick-arrow { -webkit-appearance: none; appearance: none; translate: 0 -50%; -webkit-transform-origin: center; z-index: 1; position: absolute; top: 50%; margin: 0; padding: 0; overflow: hidden; transform-origin: center; border: 1.5px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); text-indent: -100vw; white-space: nowrap; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-evaluation-carousel .slick-arrow:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-evaluation-carousel .slick-arrow:after { translate: -50% -50%; -webkit-transform: translateZ(0); position: absolute; top: 50%; transform: translateZ(0); background-color: var(--color-base-white); transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background-image; } .cmn-evaluation-carousel .slick-arrow.slick-prev:after { left: calc(50% - 1px); scale: -1 1; } .cmn-evaluation-carousel .slick-arrow.slick-next:after { left: calc(50% + 1px); scale: 1 1; } .cmn-evaluation-carousel__control { display: flex; position: relative; flex-flow: row nowrap; align-items: center; justify-content: center; width: 100%; } .cmn-evaluation-carousel__pager > .slick-dots { display: flex; flex-flow: row wrap; align-items: center; margin: 0; padding: 0; } .cmn-evaluation-carousel__pager > .slick-dots > li { display: flex; margin: 0; font-size: 0; list-style: none; } .cmn-evaluation-carousel__pager > .slick-dots > li > button { display: inline-block; width: 10px; height: 10px; padding: 0; border: none; border-radius: 50%; outline: none; background-color: var(--color-base-secondary); text-indent: -9999em; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-evaluation-carousel__pager > .slick-dots > li > button:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-evaluation-carousel__pager > .slick-dots > li.slick-active > button { background-color: var(--color-base-accent); pointer-events: none; } .cmn-evaluation-carousel__switch { display: flex; align-items: center; } .cmn-evaluation-carousel__switch__pause, .cmn-evaluation-carousel__switch__play { -webkit-appearance: none; appearance: none; position: relative; width: 40px; height: 40px; overflow: hidden; border: 1px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); font-size: 0; text-indent: -100vw; white-space: nowrap; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-evaluation-carousel__switch__pause:focus-visible, .cmn-evaluation-carousel__switch__play:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-evaluation-carousel__switch__pause:before, .cmn-evaluation-carousel__switch__pause:after { translate: -50% -50%; -webkit-transform: translateZ(0); display: block; position: absolute; top: 50%; width: 2px; height: 14px; transform: translateZ(0); background-color: var(--color-base-black); content: ""; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background; } .cmn-evaluation-carousel__switch__pause:before { left: calc(50% - 3px); } .cmn-evaluation-carousel__switch__pause:after { left: calc(50% + 3px); } .cmn-evaluation-carousel__switch__play:before { translate: -50% -50%; -webkit-transform: translateZ(0); display: block; position: absolute; top: 50%; left: calc(50% + 1px); width: 12px; height: 14px; transform: translateZ(0); border-width: 7px 0 7px 12px; border-style: solid; border-color: transparent transparent transparent var(--color-base-black); content: ""; transition: border 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: border; } /* ====================================================== * ADD-34 ====================================================== */ /* ----- .cmn-centering-card ----- */ .cmn-centering-card-wrap { display: flex; flex-flow: row wrap; } .cmn-centering-card { display: flex; } .cmn-centering-card > [class*="__type"] { display: block; position: relative; width: 100%; overflow: hidden; color: var(--color-font-TX1); text-align: left; text-decoration: none; } .cmn-centering-card > [class*="__type"], .cmn-centering-card > [class*="__type"]:link, .cmn-centering-card > [class*="__type"]:hover, .cmn-centering-card > [class*="__type"]:visited, .cmn-centering-card > [class*="__type"]:focus, .cmn-centering-card > [class*="__type"]:active { color: var(--color-font-TX1); } .cmn-centering-card__head { display: block; } .cmn-centering-card__head > *:first-child, .cmn-centering-card__head > section:first-child > *:first-child, .cmn-centering-card__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-centering-card__body { width: 100%; } .cmn-centering-card__body > *:first-child, .cmn-centering-card__body > section:first-child > *:first-child, .cmn-centering-card__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-centering-card__image, .cmn-centering-card__image--aspect-fixed { -webkit-transform: translateZ(0); -webkit-clip-path: inset(0 round var(--radius-L)); transform: translateZ(0); isolation: isolate; clip-path: inset(0 round var(--radius-L)); } .cmn-centering-card__image img, .cmn-centering-card__image--aspect-fixed img { -webkit-transform: translateZ(0); display: block; width: 100%; height: auto; transform: translateZ(0); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .cmn-centering-card__image > *:first-child, .cmn-centering-card__image > section:first-child > *:first-child, .cmn-centering-card__image > [class^="list-wrap"] > *:first-child, .cmn-centering-card__image--aspect-fixed > *:first-child, .cmn-centering-card__image--aspect-fixed > section:first-child > *:first-child, .cmn-centering-card__image--aspect-fixed > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-centering-card__image--aspect-fixed { aspect-ratio: 16/9; } .cmn-centering-card__title { margin-inline: auto; max-inline-size: -webkit-max-content; max-inline-size: max-content; font-size: var(--font-font-size--XL); line-height: 1.4; } .cmn-centering-card__title > *:first-child, .cmn-centering-card__title > section:first-child > *:first-child, .cmn-centering-card__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-centering-card__title--center { margin-inline: auto; max-inline-size: -webkit-max-content; max-inline-size: max-content; font-size: var(--font-font-size--XL); line-height: 1.4; text-align: center; } .cmn-centering-card__title--center > *:first-child, .cmn-centering-card__title--center > section:first-child > *:first-child, .cmn-centering-card__title--center > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-centering-card__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: middle; } .cmn-centering-card__description { max-inline-size: -webkit-max-content; max-inline-size: max-content; } .cmn-centering-card__description > *:first-child, .cmn-centering-card__description > section:first-child > *:first-child, .cmn-centering-card__description > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ====================================================== * ADD-35 ====================================================== */ /* ----- .cmn-technology-blog-card ----- */ .cmn-technology-blog-card-wrap { display: flex; flex-flow: row wrap; } .cmn-technology-blog-card { display: flex; } .cmn-technology-blog-card > [class*="__type"] { display: flex; position: relative; flex-flow: row nowrap; width: 100%; overflow: hidden; color: var(--color-font-TX1); text-align: left; text-decoration: none; } .cmn-technology-blog-card > [class*="__type"], .cmn-technology-blog-card > [class*="__type"]:link, .cmn-technology-blog-card > [class*="__type"]:hover, .cmn-technology-blog-card > [class*="__type"]:visited, .cmn-technology-blog-card > [class*="__type"]:focus, .cmn-technology-blog-card > [class*="__type"]:active { color: var(--color-font-TX1); } .cmn-technology-blog-card__head > *:first-child, .cmn-technology-blog-card__head > section:first-child > *:first-child, .cmn-technology-blog-card__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-technology-blog-card__head > *:first-child, .cmn-technology-blog-card__head > section:first-child > *:first-child, .cmn-technology-blog-card__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-technology-blog-card__body > *:first-child, .cmn-technology-blog-card__body > section:first-child > *:first-child, .cmn-technology-blog-card__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-technology-blog-card__body > *:first-child, .cmn-technology-blog-card__body > section:first-child > *:first-child, .cmn-technology-blog-card__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-technology-blog-card__image, .cmn-technology-blog-card__image--aspect-fixed { -webkit-transform: translateZ(0); -webkit-clip-path: inset(0 round var(--radius-L)); transform: translateZ(0); isolation: isolate; clip-path: inset(0 round var(--radius-L)); } .cmn-technology-blog-card__image img, .cmn-technology-blog-card__image--aspect-fixed img { -webkit-transform: translateZ(0); display: block; width: 100%; height: auto; transform: translateZ(0); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .cmn-technology-blog-card__image > *:first-child, .cmn-technology-blog-card__image > section:first-child > *:first-child, .cmn-technology-blog-card__image > [class^="list-wrap"] > *:first-child, .cmn-technology-blog-card__image--aspect-fixed > *:first-child, .cmn-technology-blog-card__image--aspect-fixed > section:first-child > *:first-child, .cmn-technology-blog-card__image--aspect-fixed > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-technology-blog-card__title { line-height: 1.4; } .cmn-technology-blog-card__title > *:first-child, .cmn-technology-blog-card__title > section:first-child > *:first-child, .cmn-technology-blog-card__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-technology-blog-card__filesize { margin-left: var(--gap-link-gap); font-size: var(--font-font-size--M); font-style: normal; line-height: 1.4; vertical-align: middle; } .cmn-technology-blog-card__description > *:first-child, .cmn-technology-blog-card__description > section:first-child > *:first-child, .cmn-technology-blog-card__description > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ====================================================== * ADD-36 ====================================================== */ /* ----- cmn-heading-card ----- */ .cmn-heading-card-wrap { position: relative; } .cmn-heading-card__pickup-label { position: relative; color: #004098; font-weight: bold; text-align: center; } .cmn-heading-card__pickup-label:after { background: #004098; } .cmn-heading-card__carousel { position: relative; margin: 0; border-radius: var(--radius-L); } .cmn-heading-card__carousel__list { position: relative; } .cmn-heading-card__carousel__list:not(.slick-initialized) { opacity: 0; } .cmn-heading-card__carousel__list > .slick-list > .slick-track > .slick-slide > div:not([class]) { font-size: 0; line-height: 1; } .cmn-heading-card__carousel__item { border-radius: 30px; background: #fff; font-size: var(--font-font-size--M); } .cmn-heading-card__carousel__image { overflow: hidden; border-radius: var(--radius-L); } .cmn-heading-card__carousel__control { display: flex; flex-flow: row nowrap; align-items: center; width: 100%; } .cmn-heading-card__carousel__pager > .slick-dots { display: flex; flex-flow: row wrap; align-items: center; margin: 0; padding: 0; } .cmn-heading-card__carousel__pager > .slick-dots > li { display: flex; margin: 0; font-size: 0; list-style: none; } .cmn-heading-card__carousel__pager > .slick-dots > li > button { display: inline-block; width: 10px; height: 10px; padding: 0; border: none; border-radius: 50%; outline: none; background-color: var(--color-base-secondary); text-indent: -9999em; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-heading-card__carousel__pager > .slick-dots > li > button:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-heading-card__carousel__pager > .slick-dots > li.slick-active > button { background-color: var(--color-base-accent); pointer-events: none; } .cmn-heading-card__carousel__switch { display: flex; align-items: center; } .cmn-heading-card__carousel__switch__pause, .cmn-heading-card__carousel__switch__play { -webkit-appearance: none; appearance: none; position: relative; width: 40px; height: 40px; overflow: hidden; border: 1px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); font-size: 0; text-indent: -100vw; white-space: nowrap; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-heading-card__carousel__switch__pause:focus-visible, .cmn-heading-card__carousel__switch__play:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .cmn-heading-card__carousel__switch__pause:before, .cmn-heading-card__carousel__switch__pause:after { translate: -50% -50%; -webkit-transform: translateZ(0); display: block; position: absolute; top: 50%; width: 2px; height: 14px; transform: translateZ(0); background-color: var(--color-base-black); content: ""; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background; } .cmn-heading-card__carousel__switch__pause:before { left: calc(50% - 3px); } .cmn-heading-card__carousel__switch__pause:after { left: calc(50% + 3px); } .cmn-heading-card__carousel__switch__play:before { translate: -50% -50%; -webkit-transform: translateZ(0); display: block; position: absolute; top: 50%; left: calc(50% + 1px); width: 12px; height: 14px; transform: translateZ(0); border-width: 7px 0 7px 12px; border-style: solid; border-color: transparent transparent transparent var(--color-base-black); content: ""; transition: border 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: border; } .cmn-heading-card__carousel__item > [class*="__type"] > *:first-child, .cmn-heading-card__carousel__item > [class*="__type"] > section:first-child > *:first-child, .cmn-heading-card__carousel__item > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title { position: relative; } .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"] > *:first-child, .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"] > section:first-child > *:first-child, .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title { position: relative; } .cmn-heading-card__carousel__image { position: relative; } .cmn-heading-card__carousel__image > *:first-child, .cmn-heading-card__carousel__image > section:first-child > *:first-child, .cmn-heading-card__carousel__image > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-heading-card__carousel__image > img { -o-object-fit: scale-down; -o-object-position: center; width: 100%; height: 100%; object-fit: scale-down; object-position: center; transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .cmn-heading-card__carousel__icon { display: block; position: relative; position: absolute; background-color: #fff; } .cmn-heading-card__carousel__title { margin: 0; font-weight: bold; } .cmn-heading-card__carousel__description { display: flex; padding: 0; list-style-type: ""; } .cmn-heading-card__carousel__category { display: flex; flex-wrap: wrap; padding: 0; list-style-type: ""; } .cmn-heading-card__carousel__badge { background: #333; color: #fff; font-size: 10px; } .cmn-heading-card__carousel__tag { display: flex; padding: 0; list-style-type: ""; } .Main__sidelayout__content .cmn-heading-card__carousel__tag { gap: 10px; margin: 10px 0 0; font-size: 8px; } .cmn-heading-card > *:first-child, .cmn-heading-card > section:first-child > *:first-child, .cmn-heading-card > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-heading-card:not([class*="--nolink"]) .cmn-heading-card__title { position: relative; } .cmn-heading-card:not([class*="--nolink"]) .cmn-heading-card__title:before { position: absolute; } .slick-arrow { -webkit-appearance: none; appearance: none; -webkit-transform-origin: center; position: relative; margin: 0; padding: 0; overflow: hidden; transform-origin: center; border: 1.5px solid var(--color-border-2); border-radius: 50%; background: var(--color-base-white); text-indent: -100vw; white-space: nowrap; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .slick-arrow:focus-visible { outline: 2px solid #000; outline-offset: -2px; } .slick-arrow:after { translate: -50% -50%; -webkit-transform: translateZ(0); position: absolute; top: 50%; transform: translateZ(0); background-color: var(--color-base-white); transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: background-image; } .slick-arrow.slick-prev:after { left: calc(50% - 1px); scale: -1 1; } .slick-arrow.slick-next:after { left: calc(50% + 1px); scale: 1 1; } .cmn-heading1-card__title { font-weight: 500; } /* ====================================================== * ADD-37 ====================================================== */ /* ----- cmn-heading1 ----- */ .cmn-heading1 { position: relative; width: 100%; } .cmn-heading1:after { -webkit-mask-image: radial-gradient(circle var(--cmn-heading1-circle-size) at 100% 100%, transparent var(--cmn-heading1-circle-size), black var(--cmn-heading1-circle-size)); -webkit-mask-size: var(--cmn-heading1-circle-size) var(--cmn-heading1-circle-size); -webkit-mask-repeat: no-repeat; -webkit-mask-position: left bottom; display: block; z-index: 1; position: absolute; left: 0; width: 100%; width: 100%; height: var(--cmn-heading1-circle-size); content: ""; mask-image: radial-gradient(circle var(--cmn-heading1-circle-size) at 100% 100%, transparent var(--cmn-heading1-circle-size), black var(--cmn-heading1-circle-size)); mask-position: left bottom; mask-repeat: no-repeat; mask-size: var(--cmn-heading1-circle-size) var(--cmn-heading1-circle-size); } .cmn-heading1__content { margin-inline: auto; z-index: 2; position: relative; width: 100%; } .cmn-heading1__title { margin: 0; } .cmn-heading1__subtitle { margin: 0 0 .6rem; line-height: 1.4; } /* ====================================================== * ADD-38 ====================================================== */ /* ====================================================== * extend ====================================================== */ .cmn-table__caption, .cmn-table__caption--center, .cmn-table__caption--right { font-size: var(--font-font-size--S); } .cmn-table [class*="__cell"]:is(th, td) { border-right: 1px solid var(--color-border-2); border-bottom: 1px solid var(--color-border-2); background-color: var(--color-bg-base); text-align: left; vertical-align: top; } .cmn-table { margin: 2em 0 0 0; } .cmn-table__w--1per { width: 1% !important; } .cmn-table__w--2per { width: 2% !important; } .cmn-table__w--3per { width: 3% !important; } .cmn-table__w--4per { width: 4% !important; } .cmn-table__w--5per { width: 5% !important; } .cmn-table__w--6per { width: 6% !important; } .cmn-table__w--7per { width: 7% !important; } .cmn-table__w--8per { width: 8% !important; } .cmn-table__w--9per { width: 9% !important; } .cmn-table__w--10per { width: 10% !important; } .cmn-table__w--11per { width: 11% !important; } .cmn-table__w--12per { width: 12% !important; } .cmn-table__w--13per { width: 13% !important; } .cmn-table__w--14per { width: 14% !important; } .cmn-table__w--15per { width: 15% !important; } .cmn-table__w--16per { width: 16% !important; } .cmn-table__w--17per { width: 17% !important; } .cmn-table__w--18per { width: 18% !important; } .cmn-table__w--19per { width: 19% !important; } .cmn-table__w--20per { width: 20% !important; } .cmn-table__w--21per { width: 21% !important; } .cmn-table__w--22per { width: 22% !important; } .cmn-table__w--23per { width: 23% !important; } .cmn-table__w--24per { width: 24% !important; } .cmn-table__w--25per { width: 25% !important; } .cmn-table__w--26per { width: 26% !important; } .cmn-table__w--27per { width: 27% !important; } .cmn-table__w--28per { width: 28% !important; } .cmn-table__w--29per { width: 29% !important; } .cmn-table__w--30per { width: 30% !important; } .cmn-table__w--31per { width: 31% !important; } .cmn-table__w--32per { width: 32% !important; } .cmn-table__w--33per { width: 33% !important; } .cmn-table__w--34per { width: 34% !important; } .cmn-table__w--35per { width: 35% !important; } .cmn-table__w--36per { width: 36% !important; } .cmn-table__w--37per { width: 37% !important; } .cmn-table__w--38per { width: 38% !important; } .cmn-table__w--39per { width: 39% !important; } .cmn-table__w--40per { width: 40% !important; } .cmn-table__w--41per { width: 41% !important; } .cmn-table__w--42per { width: 42% !important; } .cmn-table__w--43per { width: 43% !important; } .cmn-table__w--44per { width: 44% !important; } .cmn-table__w--45per { width: 45% !important; } .cmn-table__w--46per { width: 46% !important; } .cmn-table__w--47per { width: 47% !important; } .cmn-table__w--48per { width: 48% !important; } .cmn-table__w--49per { width: 49% !important; } .cmn-table__w--50per { width: 50% !important; } .cmn-table__w--51per { width: 51% !important; } .cmn-table__w--52per { width: 52% !important; } .cmn-table__w--53per { width: 53% !important; } .cmn-table__w--54per { width: 54% !important; } .cmn-table__w--55per { width: 55% !important; } .cmn-table__w--56per { width: 56% !important; } .cmn-table__w--57per { width: 57% !important; } .cmn-table__w--58per { width: 58% !important; } .cmn-table__w--59per { width: 59% !important; } .cmn-table__w--60per { width: 60% !important; } .cmn-table__w--61per { width: 61% !important; } .cmn-table__w--62per { width: 62% !important; } .cmn-table__w--63per { width: 63% !important; } .cmn-table__w--64per { width: 64% !important; } .cmn-table__w--65per { width: 65% !important; } .cmn-table__w--66per { width: 66% !important; } .cmn-table__w--67per { width: 67% !important; } .cmn-table__w--68per { width: 68% !important; } .cmn-table__w--69per { width: 69% !important; } .cmn-table__w--70per { width: 70% !important; } .cmn-table__w--71per { width: 71% !important; } .cmn-table__w--72per { width: 72% !important; } .cmn-table__w--73per { width: 73% !important; } .cmn-table__w--74per { width: 74% !important; } .cmn-table__w--75per { width: 75% !important; } .cmn-table__w--76per { width: 76% !important; } .cmn-table__w--77per { width: 77% !important; } .cmn-table__w--78per { width: 78% !important; } .cmn-table__w--79per { width: 79% !important; } .cmn-table__w--80per { width: 80% !important; } .cmn-table__w--81per { width: 81% !important; } .cmn-table__w--82per { width: 82% !important; } .cmn-table__w--83per { width: 83% !important; } .cmn-table__w--84per { width: 84% !important; } .cmn-table__w--85per { width: 85% !important; } .cmn-table__w--86per { width: 86% !important; } .cmn-table__w--87per { width: 87% !important; } .cmn-table__w--88per { width: 88% !important; } .cmn-table__w--89per { width: 89% !important; } .cmn-table__w--90per { width: 90% !important; } .cmn-table__w--91per { width: 91% !important; } .cmn-table__w--92per { width: 92% !important; } .cmn-table__w--93per { width: 93% !important; } .cmn-table__w--94per { width: 94% !important; } .cmn-table__w--95per { width: 95% !important; } .cmn-table__w--96per { width: 96% !important; } .cmn-table__w--97per { width: 97% !important; } .cmn-table__w--98per { width: 98% !important; } .cmn-table__w--99per { width: 99% !important; } .cmn-table__w--100per { width: 100% !important; } .cmn-table__head > *:first-child, .cmn-table__head > section:first-child > *:first-child, .cmn-table__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-table__head > *:last-child { margin-bottom: 0 !important; } .cmn-table__body > *:first-child, .cmn-table__body > section:first-child > *:first-child, .cmn-table__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-table__body > *:last-child { margin-bottom: 0 !important; } .cmn-table__foot > *:first-child, .cmn-table__foot > section:first-child > *:first-child, .cmn-table__foot > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-table__foot > *:last-child { margin-bottom: 0 !important; } .cmn-table__title { font-size: var(--font-font-size--XL); line-height: 1.4; } .cmn-table__caption--center { text-align: center; } .cmn-table__caption--right { text-align: right; } .cmn-table__note { font-size: var(--font-font-size--S); } .cmn-table__matrix { width: 100%; border-top: 1px solid var(--color-border-2); border-left: 1px solid var(--color-border-2); border-collapse: collapse; border-spacing: 0; table-layout: fixed; } .cmn-table [class*="__cell"]:is(th, td) > *:first-child, .cmn-table [class*="__cell"]:is(th, td) > section:first-child > *:first-child, .cmn-table [class*="__cell"]:is(th, td) > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .cmn-table [class*="__cell"]:is(th, td) > *:last-child { margin-bottom: 0 !important; } .cmn-table [class*="__cell"]:is(th, td)[class*="__cell--lv1"] { background-color: var(--color-base-main); color: var(--color-base-white); } .cmn-table [class*="__cell"]:is(th, td)[class*="__cell--lv2"] { background-color: var(--color-sub-1); } /* ====================================================== * ADD-30 ====================================================== */ /* ------------------------------------------------------ * Path ------------------------------------------------------ */ /*----- 背景画像用パス -----*/ :root { --gap-x: clamp( 36px, calc((100vw - 1260px) / (1920 - 1260) * (80 - 36) + 36px), 80px ); --gap-y: clamp( 36px, calc((100vw - 1260px) / (1920 - 1260) * (50 - 36) + 36px), 50px ); --padding-x: clamp( 30px, calc((100vw - 1260px) / (1920 - 1260) * (80 - 30) + 30px), 80px ); --margin-x: clamp( 30px, calc((100vw - 1260px) / (1920 - 1260) * (80 - 30) + 30px), 80px ); } /* ------------------------------------------------------ * Override ------------------------------------------------------ */ /* ------------------------------------------------------ * PageComponent ------------------------------------------------------ */ /* ----- company-about-hero-hidden-title ----- */ .company-about-hero-hidden-title { clip: rect(0, 0, 0, 0) !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; white-space: nowrap !important; } /* ----- company-about-hero ----- */ .company-about-hero { position: relative; overflow: hidden; } .company-about-hero__image { display: block; z-index: 0; width: 100%; } .company-about-hero__title { margin-inline: auto; z-index: 1; position: relative; } .company-about-hero__subtitle { z-index: 1; position: relative; color: var(--color-base-white); } /* ----- company-about-layout ----- */ .company-about-layout { position: relative; background: linear-gradient(270deg, #F5F5F9 0%, #EBF2F5 100%); background-color: var(--color-bg-base); } /* ----- company-about-layout-v2 ----- */ .company-about-layout-v2 { position: relative; background: linear-gradient(270deg, #F5F5F9 0%, #EBF2F5 100%); background-color: var(--color-bg-base); } /* ----- company-about-layout-v3 ----- */ .company-about-layout-v3 { position: relative; background-position: center; background-repeat: no-repeat; } .company-about-layout-v3__inner { display: flex; flex-direction: column; justify-content: center; } /* ----- company-about-text ----- */ .company-about-text { line-height: 1.6; } /* ----- company-about-text-v2 ----- */ .company-about-text-v2 { margin: 2em 0 0; color: var(--color-base-white); } /* ----- company-about-lead ----- */ .company-about-lead { line-height: 1.4; } /* ----- company-about-heading2 ----- */ .company-about-heading2 { position: relative; } .company-about-heading2__title { z-index: 2; position: relative; margin: 0; color: var(--color-base-accent); line-height: 1.4; text-align: center; } .company-about-heading2 [class*=__subtitle] { -webkit-transform: translateX(-50%); z-index: 1; position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-align: center; } /* ----- company-about-heading2-v2 ----- */ .company-about-heading2-v2 { position: relative; } .company-about-heading2-v2__title { z-index: 2; position: relative; margin: 0; color: var(--color-base-white); line-height: 1.4; text-align: center; } .company-about-heading2-v2__subtitle { -webkit-transform: translateX(-50%); z-index: 1; position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-align: center; } /* ----- company-about-heading3 ----- */ .company-about-heading3__title { margin: 0; line-height: 1.4; text-align: center; } /* ----- company-about-box-wrap ----- */ /* ----- company-about-box ----- */ .company-about-box { border-radius: var(--radius-L); background: linear-gradient(180deg, var(--color-base-white) 41.83%, #EEF3F6 100%); } .company-about-box--v2 { border-radius: var(--radius-L); background: linear-gradient(180deg, var(--color-base-white) 41.83%, #EEF3F6 100%); } .company-about-box__head { text-align: center; } .company-about-box__head > *:first-child, .company-about-box__head > section:first-child > *:first-child, .company-about-box__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .company-about-box__head__inner { display: inline-block; position: relative; } .company-about-box__head__inner:before, .company-about-box__head__inner:after { display: inline-block; position: absolute; background-image: url(/company/img/about_ic01.svg); background-repeat: no-repeat; background-size: 100%; content: ""; } .company-about-box__head__inner:before { top: 0; } .company-about-box__head__inner:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .company-about-box__body > *:first-child, .company-about-box__body > section:first-child > *:first-child, .company-about-box__body > [class^="list-wrap"] > *:first-child, .company-about-box__body--v2 > *:first-child, .company-about-box__body--v2 > section:first-child > *:first-child, .company-about-box__body--v2 > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .company-about-box__title { color: var(--color-base-accent); line-height: 1.4; } .company-about-box__small { color: var(--color-base-accent); line-height: 1.4; } .company-about-box__column { display: flex; flex-wrap: wrap; } .company-about-box__column__item { width: calc((100% - var(--gap-col-gap)) / 2); } .company-about-box__column__image { text-align: center; } .company-about-box__column__title { margin-top: .6rem; line-height: 1.4; text-align: center; } /* ----- company-about-box-v2 ----- */ .company-about-box-v2 { display: flex; flex-direction: column; align-items: center; } .company-about-box-v2__inner { display: inline-block; position: relative; } .company-about-box-v2__head { -webkit-transform: translateX(-50%); position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .company-about-box-v2__body { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: var(--radius-L, 16px); background: var(--color-base-accent); } .company-about-box-v2__title { color: var(--color-base-white); line-height: 1.4; } .company-about-box-v2__title:after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .company-about-box-v2__small { font-size: 1.8rem; } .company-about-box-v2__text { color: var(--color-base-white); line-height: 1.6; text-align: center; } /* ----- company-about-card-wrap ----- */ /* ----- company-about-card ----- */ .company-about-card:first-child > [class*="__type"] { padding-top: 0; border: none; } .company-about-card:last-child > [class*="__type"] { padding-bottom: 0; } .company-about-card > [class*="__type"] { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding-top: 3rem; padding-bottom: 3rem; border-top: 2px solid var(--color-sub-2); } .company-about-card > [class*="__type"], .company-about-card > [class*="__type"]:link, .company-about-card > [class*="__type"]:hover, .company-about-card > [class*="__type"]:visited, .company-about-card > [class*="__type"]:focus, .company-about-card > [class*="__type"]:active { color: var(--color-font-TX1); } .company-about-card__image { -webkit-transform: translateZ(0); transform: translateZ(0); isolation: isolate; } .company-about-card__image img { -webkit-transform: translateZ(0); display: block; width: 100%; height: auto; transform: translateZ(0); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .company-about-card__image > *:first-child, .company-about-card__image > section:first-child > *:first-child, .company-about-card__image > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .company-about-card__title { line-height: 1.4; } .company-about-card__description { line-height: 1.6; } /* ----- company-about-column ----- */ /* ----- company-about-column-v2 ----- */ .company-about-column-v2 { display: flex; flex-wrap: wrap; } .company-about-column-v2__head { display: flex; align-items: center; align-self: stretch; } .company-about-column-v2__head > *:first-child, .company-about-column-v2__head > section:first-child > *:first-child, .company-about-column-v2__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .company-about-column-v2__body > *:first-child, .company-about-column-v2__body > section:first-child > *:first-child, .company-about-column-v2__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .company-about-column-v2__heading { flex: 1 1; margin: 0; line-height: 1.4; } .company-about-column-v2__text { margin: 2em 0 0; font-size: var(--font-font-size--M); } /* ----- company-about-stats-card-wrap ----- */ /* ----- company-about-stats-card ----- */ .company-about-stats-card__title { line-height: 1.4; } .company-about-stats-card__number { color: var(--color-base-accent); line-height: 1; } .company-about-stats-card__small { position: relative; color: var(--color-font-TX1); line-height: 1.4; } .company-about-stats-card__small + .company-about-stats-card__highlight { padding-left: 6px; } .company-about-stats-card__highlight + .company-about-stats-card__small { padding-left: 6px; } .company-about-stats-card__text { line-height: 1; } .company-about-stats-card__lead { line-height: 1.4; text-align: center; } .company-about-stats-card__text-v2 { line-height: 1.4; } /* ----- company-about-stats-card-v2 ----- */ .company-about-stats-card-v2 { position: relative; } .company-about-stats-card-v2__body { position: absolute; bottom: 0; left: 0; border-radius: 0 var(--radius-L) 0 0; background-color: var(--color-base-white); } .company-about-stats-card-v2__subtitle { line-height: 1.4; } .company-about-stats-card-v2__title { color: var(--color-base-accent); line-height: 1; } .company-about-stats-card-v2__title-v2 { color: var(--color-base-accent); line-height: 1; } .company-about-stats-card-v2__small { position: relative; color: var(--color-font-TX1); line-height: 1.4; } .company-about-stats-card-v2__text { line-height: 1; } /* ----- company-about-stats-card-wrap-v2 ----- */ .company-about-stats-card-wrap-v2 { display: flex; flex-wrap: wrap; } .company-about-stats-card-wrap-v2 > * { position: relative; } /* ----- company-about-icon-column-v2 ----- */ .company-about-icon-column { gap: 1.6rem; display: flex; flex-flow: row wrap; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ @media print, screen and (min-width: 768px) { .header-gnav__type:after, .header-megamenu__title__type:after, .header-card .header-card__type .header-card__title:after, .header-link-list > li > [class*="__type"]:not([class*="--nolink"]):before, .header-snav__list > li > [class*="__type"]:before, .header-description__title__type:after, .main-lnav__title__type:after, .main-lnav__stage1 > li > [class*="__type"]:not([class*="--nolink"]):before, .main-lnav__stage2 > li > [class*="__type"]:not([class*="--nolink"]):before, .main-lnav-button .main-lnav-button__type .main-lnav-button__label:after, .main-lnav-card__title__link:after, .footer-sitemap__link__type:after, .footer-sitemap__top-link__type:after, .footer-sitemap__description__title__type:after, .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, .button .button__type .button__label:after, .button-v2 .button-v2__type .button-v2__label:after, .card .card__type .card__title:after, .card .card__type--scaleup .card__title:after, .news__type .news__title:after, .cmn-figure-heading1__link-list > li > [class*="__type"]:before, .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:after, .cmn-horizontally__heading2__link .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type .cmn-horizontally__button__label:after, .cmn-cta__heading2__link .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type .cmn-cta__download__button__label:after, .cmn-related-products-carousel__card__type .cmn-related-products-carousel__card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type .cmn-exhibition-card__title:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type .cmn-blog-card__title:after, .cmn-case-card > [class*="__type"]:not([class*="--nolink"]) .cmn-case-card__title:after, .cmn-evaluation-carousel__item__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type .cmn-technology-blog-card__title:after, .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .cmn-heading-card:not([class*="--nolink"]) .cmn-heading-card__title:before, .company-about-card .company-about-card__type .company-about-card__title:after, .anchor-navi__link:before, .cmn-step-with-anchor__label:before, .cmn-strengths-anchor-navi__link:after, .pager-navi .pager-navi__link--prev:after, .pager-navi .pager-navi__link--next:after, .carousel .slick-arrow:after, .cmn-product-category-hero__carousel .slick-arrow:after, .cmn-related-products-carousel .slick-arrow:after, .cmn-evaluation-carousel .slick-arrow:after, .slick-arrow:after { width: 8px; height: 14px; } .button-v3 .button-v3__type .button-v3__label:after, .inquiry-button .inquiry-button__type .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type .cmn-product-category-heading1__button__label:after, .cmn-figure-heading1__button .cmn-figure-heading1__button__type .cmn-figure-heading1__button__label:after { width: 8px; height: 14px; } .header-megamenu__title__type:after, .header-card .header-card__type .header-card__title:after, .header-description__title__type:after, .main-lnav__title__type:after, .main-lnav-card__title__link:after, .footer-sitemap__link__type:after, .footer-sitemap__top-link__type:after, .footer-sitemap__description__title__type:after, .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 .card__type--scaleup .card__title:after, .cmn-horizontally__heading2__link .cmn-horizontally__heading2__title:after, .cmn-cta__heading2__link .cmn-cta__heading2__title:after, .cmn-related-products-carousel__card__type .cmn-related-products-carousel__card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type .cmn-exhibition-card__title:after, .cmn-blog-card .cmn-blog-card__type .cmn-blog-card__title:after, .cmn-case-card > [class*="__type"]:not([class*="--nolink"]) .cmn-case-card__title:after, .cmn-evaluation-carousel__item__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type .cmn-technology-blog-card__title:after, .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .company-about-card .company-about-card__type .company-about-card__title:after { top: -2px; } .header-gnav__type--toggle:after, .footer-sitemap__accordion__head:after { width: 5px; height: 9px; } .header-gnav__type--toggle:after, .footer-sitemap__accordion__head:after { top: -2px; } .util-link--blank:after, .header-gnav__type--blank:after, .header-megamenu__title__type--blank:after, .header-card .header-card__type--blank .header-card__title:after, .header-link-list__type--blank:after, .header-snav__type--blank:after, .header-language__type--blank:after, .header-description__title__type--blank:after, .main-lnav__title__type--blank:after, .main-lnav__stage1__type--blank:after, .main-lnav__stage2__type--blank:after, .main-lnav-button .main-lnav-button__type--blank .main-lnav-button__label:after, .footer-sitemap__link__type--blank:after, .footer-sitemap__top-link__type--blank:after, .footer-sitemap__description__title__type--blank:after, .footer-sitemap__link-list__type--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 .button__label:after, .button-v2 .button-v2__type--blank .button-v2__label:after, .card .card__type--blank .card__title:after, .card .card__type--blank--scaleup .card__title:after, .news__type--blank .news__title:after, .cmn-horizontally__heading2__link--blank .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type--blank .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type--blank .cmn-horizontally__button__label:after, .cmn-cta__heading2__link--blank .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type--blank .cmn-cta__download__button__label:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank--scaleup .cmn-exhibition-card__title:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type--blank .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--blank--scaleup .cmn-blog-card__title:after, .cmn-case-card__type--blank .cmn-case-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--blank .cmn-technology-blog-card__title:after, .cmn-heading-card__type--blank .cmn-heading-card__title:after, .company-about-box-v2__title:after, .company-about-card .company-about-card__type--blank .company-about-card__title:after, .footer-sitemap__link__list__type--blank:after, .footer-subnav__link-list__type--blank:after, .button-v3 .button-v3__type--blank .button-v3__label:after, .inquiry-button .inquiry-button__type--blank .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--blank .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--blank .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank .cmn-product-category-heading1__button__label:after, .util-link--pdf:after, .header-gnav__type--pdf:after, .header-megamenu__title__type--pdf:after, .header-card .header-card__type--pdf .header-card__title:after, .header-link-list__type--pdf:after, .header-snav__type--pdf:after, .header-language__type--pdf:after, .header-description__title__type--pdf:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__type--pdf:after, .main-lnav__stage2__type--pdf:after, .main-lnav-button .main-lnav-button__type--pdf .main-lnav-button__label:after, .footer-sitemap__link__type--pdf:after, .footer-sitemap__top-link__type--pdf:after, .footer-sitemap__description__title__type--pdf:after, .footer-sitemap__link-list__type--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 .button__label:after, .button-v2 .button-v2__type--pdf .button-v2__label:after, .button-v3 .button-v3__type--pdf .button-v3__label:after, .card .card__type--pdf .card__title:after, .card .card__type--pdf--scaleup .card__title:after, .news__type--pdf .news__title:after, .inquiry-button .inquiry-button__type--pdf .inquiry-button__label:after, .cmn-horizontally__heading2__link--pdf .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type--pdf .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type--pdf .cmn-horizontally__button__label:after, .cmn-cta__heading2__link--pdf .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type--pdf .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--pdf .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf .cmn-cta__inquiry__button__label:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf--scaleup .cmn-exhibition-card__title:after, .cmn-registration__button .cmn-registration__button__type--pdf .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type--pdf .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--pdf--scaleup .cmn-blog-card__title:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf .cmn-product-category-heading1__button__label:after, .cmn-case-card__type--pdf .cmn-case-card__title:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--pdf .cmn-technology-blog-card__title:after, .cmn-heading-card__type--pdf .cmn-heading-card__title:after, .company-about-card .company-about-card__type--pdf .company-about-card__title:after, .footer-sitemap__link__list__type--pdf:after, .footer-subnav__link-list__type--pdf:after, .util-link--excel:after, .main-lnav-button .main-lnav-button__type--excel .main-lnav-button__label:after, .link-list__type--excel:after, .button .button__type--excel .button__label:after, .button-v2 .button-v2__type--excel .button-v2__label:after, .button-v3 .button-v3__type--excel .button-v3__label:after, .inquiry-button .inquiry-button__type--excel .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--excel .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--excel .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--excel .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--excel .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel .cmn-product-category-heading1__button__label:after, .util-link--word:after, .main-lnav-button .main-lnav-button__type--word .main-lnav-button__label:after, .link-list__type--word:after, .button .button__type--word .button__label:after, .button-v2 .button-v2__type--word .button-v2__label:after, .button-v3 .button-v3__type--word .button-v3__label:after, .inquiry-button .inquiry-button__type--word .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--word .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--word .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--word .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--word .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--word .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word .cmn-product-category-heading1__button__label:after, .util-link--powerpoint:after, .main-lnav-button .main-lnav-button__type--powerpoint .main-lnav-button__label:after, .link-list__type--powerpoint:after, .button .button__type--powerpoint .button__label:after, .button-v2 .button-v2__type--powerpoint .button-v2__label:after, .button-v3 .button-v3__type--powerpoint .button-v3__label:after, .inquiry-button .inquiry-button__type--powerpoint .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--powerpoint .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--powerpoint .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint .cmn-product-category-heading1__button__label:after, .util-link--zip:after, .main-lnav-button .main-lnav-button__type--zip .main-lnav-button__label:after, .link-list__type--zip:after, .button .button__type--zip .button__label:after, .button-v2 .button-v2__type--zip .button-v2__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--zip .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--zip .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip .cmn-registration__button-v2__label:after, .button-v3 .button-v3__type--zip .button-v3__label:after, .inquiry-button .inquiry-button__type--zip .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--zip .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--zip .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip .cmn-product-category-heading1__button__label:after, .util-link--modal:after, .main-lnav-button .main-lnav-button__type--modal .main-lnav-button__label:after, .link-list__type--modal:after, .button .button__type--modal .button__label:after, .button-v2 .button-v2__type--modal .button-v2__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--modal .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--modal .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal .cmn-registration__button-v2__label:after, .button-v3 .button-v3__type--modal .button-v3__label:after, .inquiry-button .inquiry-button__type--modal .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--modal .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--modal .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal .cmn-product-category-heading1__button__label:after, .util-link--rss:after, .main-lnav-button .main-lnav-button__type--rss .main-lnav-button__label:after, .link-list__type--rss:after, .button .button__type--rss .button__label:after, .button-v2 .button-v2__type--rss .button-v2__label:after, .pulldown-navi__link--rss:before, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--rss .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--rss .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss .cmn-registration__button-v2__label:after, .button-v3 .button-v3__type--rss .button-v3__label:after, .inquiry-button .inquiry-button__type--rss .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--rss .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--rss .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss .cmn-product-category-heading1__button__label:after { width: 14px; height: 14px; } .util-link--blank:after, .util-link--pdf:after, .util-link--excel:after, .util-link--word:after, .util-link--powerpoint:after, .util-link--zip:after, .util-link--modal:after, .util-link--rss:after, .header-megamenu__title__type--blank:after, .header-megamenu__title__type--pdf:after, .header-card .header-card__type--blank .header-card__title:after, .header-card .header-card__type--pdf .header-card__title:after, .header-link-list__type--blank:after, .header-link-list__type--pdf:after, .header-snav__type--blank:after, .header-snav__type--pdf:after, .header-language__type--blank:after, .header-language__type--pdf:after, .header-description__title__type--blank:after, .header-description__title__type--pdf:after, .main-lnav__title__type--blank:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__type--blank:after, .main-lnav__stage1__type--pdf:after, .main-lnav__stage2__type--blank:after, .main-lnav__stage2__type--pdf:after, .footer-sitemap__link__type--blank:after, .footer-sitemap__link__type--pdf:after, .footer-sitemap__link__list__type--blank:after, .footer-sitemap__link__list__type--pdf:after, .footer-sitemap__top-link__type--blank:after, .footer-sitemap__top-link__type--pdf:after, .footer-sitemap__description__title__type--blank:after, .footer-sitemap__description__title__type--pdf:after, .footer-sitemap__link-list__type--blank:after, .footer-sitemap__link-list__type--pdf:after, .footer-subnav__link-list__type--blank:after, .footer-subnav__link-list__type--pdf:after, .heading2__link--blank .heading2__title:after, .heading2__link--pdf .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .heading2--center__link--pdf .heading2--center__title:after, .heading2-v2__link--blank .heading2-v2__title:after, .heading2-v2__link--pdf .heading2-v2__title:after, .heading2-v2--center__link--blank .heading2-v2--center__title:after, .heading2-v2--center__link--pdf .heading2-v2--center__title:after, .heading3__link--blank .heading3__title:after, .heading3__link--pdf .heading3__title:after, .heading3--center__link--blank .heading3--center__title:after, .heading3--center__link--pdf .heading3--center__title:after, .heading3-v2__link--blank .heading3-v2__title:after, .heading3-v2__link--pdf .heading3-v2__title:after, .heading3-v2--center__link--blank .heading3-v2--center__title:after, .heading3-v2--center__link--pdf .heading3-v2--center__title:after, .heading4__link--blank .heading4__title:after, .heading4__link--pdf .heading4__title:after, .heading4--center__link--blank .heading4--center__title:after, .heading4--center__link--pdf .heading4--center__title:after, .heading4-v2__link--blank .heading4-v2__title:after, .heading4-v2__link--pdf .heading4-v2__title:after, .heading4-v2--center__link--blank .heading4-v2--center__title:after, .heading4-v2--center__link--pdf .heading4-v2--center__title:after, .heading5__link--blank .heading5__title:after, .heading5__link--pdf .heading5__title:after, .heading5--center__link--blank .heading5--center__title:after, .heading5--center__link--pdf .heading5--center__title:after, .heading6__link--blank .heading6__title:after, .heading6__link--pdf .heading6__title:after, .heading6--center__link--blank .heading6--center__title:after, .heading6--center__link--pdf .heading6--center__title:after, .description-list__type--blank:after, .description-list__type--pdf:after, .description-list-v2__type--blank:after, .description-list-v2__type--pdf:after, .description-list-v3__type--blank:after, .description-list-v3__type--pdf:after, .description-list-v4__type--blank:after, .description-list-v4__type--pdf: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--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, .news__type .news__title:after, .news__type--blank .news__title:after, .news__type--pdf .news__title:after, .cmn-horizontally__heading2__link--blank .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__link--pdf .cmn-horizontally__heading2__title:after, .cmn-horizontally__news__type .cmn-horizontally__news__title:after, .cmn-horizontally__news__type--blank .cmn-horizontally__news__title:after, .cmn-horizontally__news__type--pdf .cmn-horizontally__news__title:after, .cmn-cta__heading2__link--blank .cmn-cta__heading2__title:after, .cmn-cta__heading2__link--pdf .cmn-cta__heading2__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank--scaleup .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf--scaleup .cmn-exhibition-card__title:after, .cmn-blog-card .cmn-blog-card__type--blank .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--blank--scaleup .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--pdf .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--pdf--scaleup .cmn-blog-card__title:after, .cmn-case-card__type--blank .cmn-case-card__title:after, .cmn-case-card__type--pdf .cmn-case-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title--center:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--blank .cmn-technology-blog-card__title:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--pdf .cmn-technology-blog-card__title:after, .cmn-heading-card__type--blank .cmn-heading-card__title:after, .cmn-heading-card__type--pdf .cmn-heading-card__title:after, .company-about-card .company-about-card__type--blank .company-about-card__title:after, .company-about-card .company-about-card__type--pdf .company-about-card__title:after { top: -2px; } .note-list[data-col-pc], .note-list-v2[data-col-pc], .note-order-list[data-col-pc], .note-order-list-v2[data-col-pc], .unorder-list[data-col-pc], .unorder-list-v2[data-col-pc], .order-list[data-col-pc], .order-list-v2[data-col-pc], .link-list[data-col-pc], .inquiry__note-list[data-col-pc], .cmn-figure-heading1__link-list[data-col-pc], .cmn-figure-heading1__link-list-v2[data-col-pc], .cmn-inquiry__note-list[data-col-pc] { row-gap: 1rem; } .note-list__nest, .note-list-v2__nest, .note-order-list__nest, .note-order-list-v2__nest, .unorder-list__nest, .unorder-list-v2__nest, .order-list__nest, .order-list-v2__nest, .link-list__nest { margin: 1rem 0 0; } :root { --col-2col: 58.2rem; --col-3col: 37.6rem; --col-4col: 27.3rem; --col-5col: 21.12rem; --col-6col: 17rem; --color-badge-high: var(--color-base-black); --color-badge-low: #eeeeee; --color-badge-middle: var(--color-base-black); --color-base-accent: #004098; --color-base-black: #333333; --color-base-main: #333333; --color-base-secondary: #dddddd; --color-base-white: white; --color-bg-base: var(--color-base-white); --color-border-1: #666666; --color-border-2: #dddddd; --color-font-hover: var(--color-base-main); --color-font-link: var(--color-base-main); --color-font-news-date: #999999; --color-font-noLink: var(--color-font-TX1); --color-font-red: #cc0000; --color-font-TX1: #333333; --color-font-TX2: #666666; --color-icon-blank: #666666; --color-icon-link: var(--color-base-main); --color-icon-noLink: var(--color-font-noLink); --color-icon-other: #666666; --color-news-category--1: var(--color-base-main); --color-sub-1: whitesmoke; --color-sub-2: #e9f1f4; --color-sub-3: var(--color-font-red); --color-sub-4: #6390d2; --color-sub-5: #666666; --color-sub-6: #f6f5f9; --color-sub-7: #c2d1d7; --font-font-family: 'Zen Kaku Gothic New'; --font-font-size--L: 1.8rem; --font-font-size--M: 1.6rem; --font-font-size--S: 1.4rem; --font-font-size--text-field: 1.6rem; --font-font-size--XL: 2rem; --font-font-size--XS: 1.2rem; --format-content-W: 120rem; --format-viewport-minW: 126rem; --format-viewport-W: 192rem; --gap-col-gap: 3.6rem; --gap-link-gap: 1rem; --icon-arrow-H: 1.2rem; --icon-arrow-W: 0.7rem; --icon-base-size: 1.4rem; --radius-BT-L: 20rem; --radius-BT-M: 1rem; --radius-L: 1.6rem; --radius-M: 1rem; } :root .Main:has(.Main__sidelayout) .Main__sidelayout__content { --col-2col: 44.2rem; --col-3col: 28.6rem; --col-4col: 20.8rem; --col-5col: 16.12rem; --col-6col: 13rem; --color-badge-high: var(--color-base-black); --color-badge-low: #eeeeee; --color-badge-middle: var(--color-base-black); --color-base-accent: #004098; --color-base-black: #333333; --color-base-main: #333333; --color-base-secondary: #dddddd; --color-base-white: white; --color-bg-base: var(--color-base-white); --color-border-1: #666666; --color-border-2: #dddddd; --color-font-hover: var(--color-base-main); --color-font-link: var(--color-base-main); --color-font-news-date: #999999; --color-font-noLink: var(--color-font-TX1); --color-font-red: #cc0000; --color-font-TX1: #333333; --color-font-TX2: #666666; --color-icon-blank: #666666; --color-icon-link: var(--color-base-black); --color-icon-noLink: var(--color-font-noLink); --color-icon-other: #666666; --color-news-category--1: var(--color-base-main); --color-sub-1: whitesmoke; --color-sub-2: #e9f1f4; --color-sub-3: var(--color-font-red); --color-sub-4: #6390d2; --color-sub-5: #666666; --color-sub-6: #f6f5f9; --color-sub-7: #c2d1d7; --font-font-family: 'Zen Kaku Gothic New'; --font-font-size--L: 1.8rem; --font-font-size--M: 1.6rem; --font-font-size--S: 1.4rem; --font-font-size--text-field: 1.6rem; --font-font-size--XL: 2rem; --font-font-size--XS: 1.2rem; --format-content-W: 91rem; --format-navi-W: 25rem; --format-viewport-minW: 126rem; --format-viewport-W: 192rem; --gap-col-gap: 2.6rem; --gap-link-gap: 1rem; --gap-navi-gap: 4rem; --icon-arrow-H: 1.2rem; --icon-arrow-W: 0.7rem; --icon-base-size: 1.4rem; --radius-BT-L: 20rem; --radius-BT-M: 1rem; --radius-L: 1.6rem; --radius-M: 1rem; } body { min-width: calc(1200px + 30px * 2); max-width: 1920px; margin: 0 auto; font-family: var(--font-font-family), "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif; font-weight: 500; line-height: 1.6; } a[href^="tel:"] { display: inline-block !important; outline: none; color: var(--color-font-TX1); text-decoration: none; cursor: default; pointer-events: none; } input, select, textarea, button, pre { font-family: var(--font-font-family), "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif; line-height: 1.6; } .util-pc-hidden { display: none !important; } .util-bold { font-weight: 700 !important; } .util-highlight--main { font-weight: 700 !important; } .util-highlight--sub { font-weight: 700 !important; } .util-highlight--accent { font-weight: 700 !important; } .util-highlight--white { font-weight: 700 !important; } .util-highlight--black { font-weight: 700 !important; } .util-highlight--base { font-weight: 700 !important; } .util-highlight--base2 { font-weight: 700 !important; } .util-highlight--disable { font-weight: 700 !important; } .util-highlight--placeholder { font-weight: 700 !important; } .util-highlight--bright { font-weight: 700 !important; } .util-highlight--red { font-weight: 700 !important; } .util-link:hover, .util-link--blank:hover, .util-link--pdf:hover, .util-link--excel:hover, .util-link--word:hover, .util-link--powerpoint:hover, .util-link--zip:hover, .util-link--modal:hover, .util-link--rss:hover { text-decoration: none; } .util-badge, .util-badge--high, .util-badge--middle, .util-badge--low { min-width: 104px; min-height: 25px; padding: 2px 9px; font-weight: 700; } .util-badge--high { font-size: var(--font-font-size--S); } [data-col-pc] { gap: 2rem var(--gap-col-gap); } [data-col-pc][data-col-pc="1"] { display: grid; grid-template-columns: auto; } [data-col-pc]:not([data-col-pc="1"]) { display: flex; flex-flow: row wrap; width: 100%; } [data-col-pc="1"] > * { width: 100%; } [data-col-pc="2"] > * { width: calc((100% - (var(--gap-col-gap) * 1)) / 2); } [data-col-pc="3"] > * { width: calc((100% - (var(--gap-col-gap) * 2)) / 3); } [data-col-pc="4"] > * { width: calc((100% - (var(--gap-col-gap) * 3)) / 4); } [data-col-pc="5"] > * { width: calc((100% - (var(--gap-col-gap) * 4)) / 5); } [data-col-pc="6"] > * { width: calc((100% - (var(--gap-col-gap) * 5)) / 6); } [data-size-pc="1col"] { width: 100%; } [data-size-pc="1col"] > * { width: 100%; } [data-size-pc="2col"] { width: calc((100% - (var(--gap-col-gap) * (2 - 1))) / 2); } [data-size-pc="1/2col"] { width: calc(100% - ((100% - (var(--gap-col-gap) * (2 - 1))) / 2) - var(--gap-col-gap)) !important; } [data-size-pc="2col"] > * { width: 100%; } [data-size-pc="3col"] { width: calc((100% - (var(--gap-col-gap) * (3 - 1))) / 3); } [data-size-pc="2/3col"] { width: calc(100% - ((100% - (var(--gap-col-gap) * (3 - 1))) / 3) - var(--gap-col-gap)) !important; } [data-size-pc="3col"] > * { width: 100%; } [data-size-pc="4col"] { width: calc((100% - (var(--gap-col-gap) * (4 - 1))) / 4); } [data-size-pc="3/4col"] { width: calc(100% - ((100% - (var(--gap-col-gap) * (4 - 1))) / 4) - var(--gap-col-gap)) !important; } [data-size-pc="4col"] > * { width: 100%; } [data-size-pc="5col"] { width: calc((100% - (var(--gap-col-gap) * (5 - 1))) / 5); } [data-size-pc="4/5col"] { width: calc(100% - ((100% - (var(--gap-col-gap) * (5 - 1))) / 5) - var(--gap-col-gap)) !important; } [data-size-pc="5col"] > * { width: 100%; } [data-size-pc="6col"] { width: calc((100% - (var(--gap-col-gap) * (6 - 1))) / 6); } [data-size-pc="5/6col"] { width: calc(100% - ((100% - (var(--gap-col-gap) * (6 - 1))) / 6) - var(--gap-col-gap)) !important; } [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%; } :root { --header-height-base: 89px; } .Header, .Header--simple { width: max(100%, calc(1200px + 30px * 2)); height: var(--header-height-base); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover), body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) { border-bottom: none; background-color: transparent; background-image: linear-gradient(180deg, #000 0%, transparent 100%); } .Header__inner { gap: 0 1.9rem; margin-inline: auto; justify-content: space-between; max-width: 1640px; } .Header__head { flex-shrink: 1; } .header-logo { width: 150px; } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-logo > [class*="__type"]:before, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-logo > [class*="__type"]:before { opacity: 1; } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-logo > [class*="__type"] > img, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-logo > [class*="__type"] > img { opacity: 0.001; } .Header__body__inner { gap: 0 var(--gap-col-gap); grid-column-gap: 10px; grid-row-gap: 16px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; } .header-gnav { grid-area: 2 / 1 / 3 / 2; } .header-gnav__list { gap: 0 20px; display: flex; justify-content: end; height: 100%; } .header-gnav__list > li.is-active .header-gnav__item:after, .header-gnav__list > li.is-current .header-gnav__item:after { opacity: 1; } .header-gnav__item { display: flex; align-items: center; height: 100%; } .header-gnav__item:after { translate: -50% 0; display: block; position: absolute; bottom: 0; left: 50%; width: 100%; height: 3px; background: var(--color-base-main); content: ""; opacity: 0; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-gnav__item > [class*="__type"] { padding-bottom: 1.6rem; font-size: 1.4rem; font-weight: 700; line-height: 1.4; } .header-gnav__item > [class*="__type"]:hover { text-decoration: underline; } .header-gnav__type:after { display: none; } .header-gnav__type--blank:after { -webkit-margin-start: var(--gap-link-gap); top: -2px; margin-inline-start: var(--gap-link-gap); } .header-gnav__type--pdf:after { -webkit-margin-start: var(--gap-link-gap); top: -2px; margin-inline-start: var(--gap-link-gap); } .header-gnav__type--toggle:after { top: -1px; right: 3px; margin-left: 10px; } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-gnav__item:after, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-gnav__item:after { background-color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-gnav__item > [class*="__type"], body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-gnav__item > [class*="__type"] { color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-gnav__type--toggle:after, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-gnav__type--toggle:after { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/sprite/icon.svg#minarrow2-usage"); } .header-megamenu { padding-block: 3.5rem; padding-inline: 30px; -webkit-clip-path: inset(0 0 -12px 0); position: absolute; top: calc(100% + 1px); left: 0; overflow: auto; background: var(--color-sub-1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); clip-path: inset(0 0 -12px 0); } .header-megamenu__inner { position: relative; width: 1200px; } .header-megamenu__head { padding-block: 5px 0; padding-inline: 0 calc(118px + var(--gap-col-gap)); } .header-megamenu__title > [class*="__type"] { font-size: 2.6rem; font-weight: 700; } .header-megamenu__title > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .header-megamenu__title__type:after { top: -3px; } .header-megamenu__body { margin: 2.6rem 0 0; } .header-megamenu__close { padding-block: .8rem; padding-inline: 2.2rem 4.6rem; position: absolute; top: 0; right: 0; border: 1px solid var(--color-border-1); border-radius: var(--radius-BT-L); background: var(--color-base-white); color: var(--color-base-main); font-size: var(--font-font-size--S); font-weight: 700; line-height: 1.4; text-align: center; transition: border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-megamenu__close:hover { border: 1px solid var(--color-border-1); background: var(--color-sub-5); color: var(--color-base-white); } .header-megamenu__close:hover:before, .header-megamenu__close:hover:after { background-color: var(--color-base-white); } .header-megamenu__close:before, .header-megamenu__close:after { translate: 0 -50%; -webkit-transform-origin: center; display: block; position: absolute; top: 50%; right: 2.1rem; width: 16px; height: 2px; transform-origin: center; background: var(--color-icon-other); content: ""; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-megamenu__close:before { rotate: 45deg; } .header-megamenu__close:after { rotate: -45deg; } .header-card-wrap { row-gap: 3.6rem; margin-top: 5.1rem; } .header-card > [class*="__type"] { -webkit-clip-path: inset(0 round var(--radius-M)); display: flex; flex-flow: row nowrap; align-items: center; background: var(--color-base-white); clip-path: inset(0 round var(--radius-M)); } .header-card > [class*="__type"]:not([class*="--nolink"]):hover .header-card__title { text-decoration: underline; } .header-card > [class*="__type"]:not([class*="--nolink"]):hover .header-card__image img { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0); } .header-card__head { flex-shrink: 0; width: 100px; } .header-card__body { padding: 2.2rem 1.6rem; } .header-card__title { font-weight: 700; } .header-card__filesize { font-weight: 500; } .header-link-list { row-gap: 1rem; margin-top: 3.4rem; } .header-link-list > li > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .header-link-list > li > [class*="__type"]:not([class*="--nolink"]) { padding-left: calc(8px + var(--gap-link-gap)); } .header-link-list > li > [class*="__type"]:not([class*="--nolink"]):before { top: .3em; left: 0; } .header-link-list__filesize { font-weight: 500; } .header-utility { gap: 0; grid-area: 1 / 2 / 3 / 3; padding: 1rem 0; } .header-utility__link:has(.header-utility__link__type--menu) { display: none; } .header-utility__link + .header-utility__link { border-left: 1px solid var(--color-border-2); } .header-utility__link > [class*="__type"] { min-width: 7.1rem; font-size: 1rem; font-weight: 700; } .header-utility__link > [class*="__type"]:hover { text-decoration: underline; } .header-utility__link__type--inquiry { width: 8.1rem; } .header-utility__link__label:before { top: 22px; width: 24px; } .header-utility__link__close:before { top: 22px; width: 24px; background-image: url(/app-files/img/cmn_ic06_01.svg); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-utility__link + .header-utility__link, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-utility__link + .header-utility__link { border-left-color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-utility__link > [class*="__type"], body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-utility__link > [class*="__type"] { color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-utility__link__type--search .header-utility__link__label:before, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-utility__link__type--search .header-utility__link__label:before { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/cmn_ic05_02.svg"); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-utility__link__type--inquiry .header-utility__link__label:before, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-utility__link__type--inquiry .header-utility__link__label:before { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/cmn_ic04_02.svg"); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-utility__link__type--language .header-utility__link__label:before, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-utility__link__type--language .header-utility__link__label:before { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/cmn_ic03_02.svg"); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-utility__link__type--menu, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-utility__link__type--menu { border-left-color: transparent; background-color: transparent; } .header-snav { display: flex; grid-area: 1 / 1 / 2 / 2; justify-content: end; padding-top: 1.6rem; } .header-snav__list { gap: 0 24px; height: 100%; } .header-snav__list > li { font-size: 1.3rem; } .header-snav__list > li > [class*="__type"]:hover { text-decoration: underline; } .header-snav__list > li > [class*="__type"]:before { display: none !important; } .header-snav__list > li > [class*="__type"]:before { top: .3em; left: 0; } .header-snav__type--blank:after { margin-left: 6px; } .header-snav__type--pdf:after { margin-left: 6px; } .header-snav__filesize { font-weight: 500; } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-snav__list > li > [class*="__type"], body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-snav__list > li > [class*="__type"] { color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-snav__type--blank:after, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-snav__type--blank:after { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-snav__type--pdf:after, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-snav__type--pdf:after { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .header-language-wrap { top: 69px; width: 120px; } .header-language-wrap:before, .header-language-wrap:after { aspect-ratio: 13 / 11; width: 13px; } .header-language-wrap:after { top: -8px; } .header-language > li { font-size: var(--font-font-size--S); font-weight: 700; } .header-language > li > [class*="__type"] { padding: .9rem .6rem; } .header-language > li > [class*="__type"]:hover { text-decoration: underline; } .header-description { margin: 3.2rem 0 0; } .header-description__detail { margin: 1.6rem 0 0; } .header-description__title { font-size: var(--font-font-size--XL); font-weight: 700; } .header-description__title > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .header-search-wrap { padding-block: 3.5rem; padding-inline: 30px; } .header-search-wrap__inner { width: 1200px; } .header-search-wrap__close { padding-block: 1.1rem; padding-inline: 2.3rem 4.5rem; margin-top: 3.2rem; border: 1px solid var(--color-border-1); border-radius: 5px; background: var(--color-bg-base); font-size: var(--font-font-size--M); font-weight: 700; text-align: center; transition: border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-search-wrap__close:hover { border-color: var(--color-base-secondary); background-color: var(--color-base-secondary); color: var(--color-base-white); } .header-search-wrap__close:hover:before, .header-search-wrap__close:hover:after { background-color: var(--color-base-white); } .header-search-wrap__close:before, .header-search-wrap__close:after { right: 2.1rem; } .header-search { width: 857px; height: 52px; } .header-search__input { padding-block: 4px 2px; padding-inline: 13px; } .header-search__submit { width: 60px; } .header-search__submit:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); } .header-search__submit:before { width: 24px; } .header-search > .poplink.pcia { width: calc(100% - 60px) !important; } body.is-liquid { min-width: auto !important; } body.is-liquid .Main__content { max-width: 100% !important; } .main-breadcrumb { padding-inline: 30px; } .main-breadcrumb__list { gap: var(--gap-link-gap); padding-block: 2.4rem; max-width: 1200px; } .main-breadcrumb__list > li { line-height: 1.6; } .main-breadcrumb__list > li:not(:first-child) { padding-left: calc(.9rem + var(--gap-link-gap)); } .main-breadcrumb__list > li:not(:first-child):before { top: -2px; } .main-breadcrumb__list > li:last-child > [class*="__type"] { font-weight: 700; } .main-breadcrumb__list > li > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .Main__content { max-width: calc(1200px + 30px * 2); padding: 5.4rem 30px 8rem; } .Main__sidelayout { -webkit-column-gap: 40px; -moz-column-gap: 40px; display: flex; flex-wrap: nowrap; margin-top: 5.4rem; column-gap: 40px; } .Main__sidelayout__content { width: 100%; } .Main__sidelayout__sidebar { flex-shrink: 0; width: 250px; } .main-lnav--side { position: -webkit-sticky; position: sticky; top: calc(var(--header-height-base) + 30px); max-height: calc(100vh - (var(--header-height-base) + 30px)); overflow-y: auto; } .main-lnav--bottom { --lnav-bottom-circle-size: 4rem; padding-block: 8rem; padding-inline: 30px; } .main-lnav--bottom .main-lnav__inner { width: 1200px; margin: 0 auto; } .main-lnav__title > [class*="__type"] { padding: 2rem 1.3rem; font-size: 1.6rem; font-weight: 700; } .main-lnav__title > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .main-lnav__stage1 > li { line-height: 1.4; } .main-lnav__stage1 > li.is-current { font-weight: 700; } .main-lnav__stage1 > li > [class*="__type"] { padding: 1.55rem 1.6rem 1.5rem; } .main-lnav__stage1 > li > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .main-lnav__stage1 > li > [class*="__type"]:not([class*="--nolink"]) { padding-left: calc(1.6rem + 8px + var(--gap-link-gap)); } .main-lnav__stage1 > li > [class*="__type"]:not([class*="--nolink"]):before { top: 2rem; left: 1.6rem; } .main-lnav__stage1__type--nolink--title { font-weight: 700; } .main-lnav__stage2 { padding-block: 1rem; border-top: 1px solid var(--color-border-2); } .main-lnav__stage2 > li { font-size: 1.4rem; line-height: 1.4; } .main-lnav__stage2 > li.is-current { font-weight: 700; } .main-lnav__stage2 > li > [class*="__type"] { padding: 1.1rem 1.6rem 1.1rem 3.2rem; } .main-lnav__stage2 > li > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .main-lnav__stage2 > li > [class*="__type"]:not([class*="--nolink"]) { padding-left: calc(3.2rem + 8px + var(--gap-link-gap)); } .main-lnav__stage2 > li > [class*="__type"]:not([class*="--nolink"]):before { top: 1.4rem; left: 3.2rem; } .main-lnav-layout { gap: var(--gap-col-gap); display: flex; flex-wrap: nowrap; align-items: center; width: var(--format-content-W); } .main-lnav-layout__head { flex-shrink: 0; width: var(--col-3col); } .main-lnav-lead + * { margin-top: 3.2rem !important; } .main-lnav-lead__main { margin: 1.6rem 0 0; } .main-lnav-lead__image-wrap { gap: 1rem var(--gap-col-gap); } .main-lnav-lead-v2__sub { font-size: 2rem; } .main-lnav-lead-v2__main { margin: 2.6rem 0 0; } .main-lnav-lead-v2__image-wrap { gap: 1rem var(--gap-col-gap); } .main-lnav-text { margin: 1.6rem 0 0; font-size: 1.4rem; } .main-lnav-text-v2 { margin: 2.2rem 0 0; font-size: var(--font-font-size--M); line-height: 2.2; } .main-lnav-button-wrap { margin: 2.9rem 0 0 0; } .main-lnav-button-wrap[data-col-pc] { row-gap: 2.9rem; } .main-lnav-button-wrap-v2 { margin: 2.9rem 0 0 0; } .main-lnav-button-wrap-v2[data-col-pc] { row-gap: 2.9rem; } .main-lnav-button .main-lnav-button__type, .main-lnav-button .main-lnav-button__type--blank, .main-lnav-button .main-lnav-button__type--pdf, .main-lnav-button .main-lnav-button__type--excel, .main-lnav-button .main-lnav-button__type--word, .main-lnav-button .main-lnav-button__type--powerpoint, .main-lnav-button .main-lnav-button__type--zip, .main-lnav-button .main-lnav-button__type--modal, .main-lnav-button .main-lnav-button__type--rss { padding: 1.3rem 2.2rem; font-weight: 700; } .main-lnav-button .main-lnav-button__type:hover, .main-lnav-button .main-lnav-button__type--blank:hover, .main-lnav-button .main-lnav-button__type--pdf:hover, .main-lnav-button .main-lnav-button__type--excel:hover, .main-lnav-button .main-lnav-button__type--word:hover, .main-lnav-button .main-lnav-button__type--powerpoint:hover, .main-lnav-button .main-lnav-button__type--zip:hover, .main-lnav-button .main-lnav-button__type--modal:hover, .main-lnav-button .main-lnav-button__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); color: var(--color-base-white); } [class*="button-wrap"][data-col-pc]:not([data-col-pc="1"]) > .main-lnav-button > [class*="__type"] { width: 100%; } .main-lnav-button .main-lnav-button__type:hover .main-lnav-button__label:after { background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .main-lnav-button .main-lnav-button__type .main-lnav-button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--blank:hover .main-lnav-button__label:after { background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .main-lnav-button .main-lnav-button__type--blank .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--pdf:hover .main-lnav-button__label:after { background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .main-lnav-button .main-lnav-button__type--pdf .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--excel:hover .main-lnav-button__label:after { background-image: url("/app-files/img/sprite/icon.svg#excel2-usage"); } .main-lnav-button .main-lnav-button__type--excel .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--word:hover .main-lnav-button__label:after { background-image: url("/app-files/img/sprite/icon.svg#word2-usage"); } .main-lnav-button .main-lnav-button__type--word .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--powerpoint:hover .main-lnav-button__label:after { background-image: url("/app-files/img/sprite/icon.svg#powerpoint2-usage"); } .main-lnav-button .main-lnav-button__type--powerpoint .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--zip:hover .main-lnav-button__label:after { background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .main-lnav-button .main-lnav-button__type--zip .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--modal:hover .main-lnav-button__label:after { background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .main-lnav-button .main-lnav-button__type--modal .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--rss:hover .main-lnav-button__label:after { background-image: url("/app-files/img/sprite/icon.svg#rss2-usage"); } .main-lnav-button .main-lnav-button__type--rss .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button__filesize { font-weight: 500; } .main-lnav-card-wrap { row-gap: 5.1rem; margin-top: 5.1rem; } [data-card-pc="row"] .main-lnav-card__inner { gap: 0 2.2rem; display: flex; flex-flow: row nowrap; } [data-card-pc="col"] .main-lnav-card__inner { display: block; } [data-card-pc="row"] .main-lnav-card__head { flex-shrink: 0; width: 286px; } [data-card-pc="col"] .main-lnav-card__head { display: block; width: 100%; } [data-card-pc="row"] .main-lnav-card__body { width: 100%; } [data-card-pc="col"] .main-lnav-card__head + .main-lnav-card__body { margin-block: 2.2rem 0; } .main-lnav-card__contents { margin-top: 2.2rem; } .main-lnav-card__image__link:hover > img { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0); } .main-lnav-card__title { font-weight: 700; } .main-lnav-card__title__link:hover { text-decoration: underline; } .main-lnav-card__date { font-size: var(--font-font-size--M); } .main-lnav-card__category__link { min-width: 100px; padding: .5rem 1rem; font-weight: 700; line-height: 1.4; } .main-lnav-card__category__link:hover { background: var(--color-sub-5); color: var(--color-base-white); } .main-lnav-card__tag-list { gap: 10px 16px; margin: 1.3rem 0 0; } .main-lnav-card__tag-list[data-col-pc] { row-gap: 1rem; } .main-lnav-card__tag__link:hover { text-decoration: none; } .Footer, .Footer--simple { --footer-circle-size: 4rem; } .Footer__inner { width: 100%; } .Footer__body { padding-block: 7.2rem 3.5rem; padding-inline: 30px; } .Footer__body__inner { margin-inline: auto; max-width: 1800px; } .footer-sitemap { gap: 2rem var(--gap-col-gap); display: flex; } .footer-sitemap__link { margin: 3.6rem 0 0; } .footer-sitemap__link + .footer-sitemap__link { margin-top: 1.6rem; } .footer-sitemap__link > [class*="__type"] { font-size: var(--font-font-size--L); font-weight: 700; } .footer-sitemap__link > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .footer-sitemap__link__type:after { top: -3px; } .footer-sitemap__link__list { margin-top: 1.6rem; } .footer-sitemap__link__list > li { margin: 1rem 0 0; } .footer-sitemap__link__list > li > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .footer-sitemap__accordion { margin: 3.6rem 0 0; } .footer-sitemap__accordion__head { display: none !important; } .footer-sitemap__accordion__head:after { display: none !important; } .footer-sitemap__top-link > [class*="__type"] { font-size: var(--font-font-size--L); font-weight: 700; } .footer-sitemap__top-link > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .footer-sitemap__top-link__type:after { top: -3px; } .footer-sitemap__description-wrap { margin: 1.6rem 0 0; } .footer-sitemap__description { margin: 2.6rem 0 0; } .footer-sitemap__description__head { margin: 1rem 0 0; padding-bottom: .5rem; border-bottom: 1px solid var(--color-border-2); } .footer-sitemap__description__detail { margin: 1rem 0 0; } .footer-sitemap__description__head + .footer-sitemap__description__detail { padding-left: 1rem; } .footer-sitemap__description__title { font-size: var(--font-font-size--S); font-weight: 700; line-height: 1.6; } .footer-sitemap__description__title > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .footer-sitemap__description__title__type:after { top: -3px; } .footer-sitemap__link-list { row-gap: 1rem; } .footer-sitemap__link-list > li { font-size: var(--font-font-size--S); font-weight: 500; } .footer-sitemap__link-list > li > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .footer-share { margin: 3.2rem 0 0; } .footer-share__list { gap: 30px; } .footer-share__link:not([class*="--nolink"]):hover { opacity: 0.7; } .Footer__foot { padding-block: 3.2rem; padding-inline: 30px; } .Footer--simple .Footer__foot { -webkit-padding-before: 4rem; padding-block-start: 4rem; } .footer-subnav__link-list { gap: 1rem 2.2rem; justify-content: center; } .footer-subnav__link-list > li > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .footer-copyright { margin: 1.6rem 0 0; } .footer-pagetop { top: calc(-64px / 2); right: 30px; width: 64px; } .footer-pagetop.is-fixed { right: 30px; bottom: 30px; } .footer-pagetop > a:hover, .footer-pagetop > a:focus { background-color: var(--color-base-main); } .footer-pagetop > a:hover:after, .footer-pagetop > a:focus:after { border-top-color: var(--color-base-white); border-left-color: var(--color-base-white); } .footer-pagetop > a:after { top: calc(50% + 4px); width: 19px; border-width: 3px 0 0 3px; } body .heading1 + * { margin-top: 3.5rem; } .heading1__title { font-size: 5.2rem; font-weight: 500; } .heading1__subtitle { font-size: var(--font-font-size--XL); font-weight: 500; } body .heading1--center + * { margin-top: 3.5rem; } .heading1--center__title { font-size: 5.2rem; font-weight: 500; } .heading1--center__subtitle { font-size: var(--font-font-size--XL); font-weight: 500; } .heading1 { --heading1-circle-size: 4rem; padding-block: 3.5rem calc(var(--heading1-circle-size) * 2); } body .heading1 + * { margin-top: 5.4rem; } .Main__content .heading1 { width: 100vw; margin-left: calc(50% - 50vw); } .heading1:before, .heading1:after { background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45.19%); } .heading1__inner { padding-inline: 30px; max-width: calc(1200px + 30px * 2); } .heading1--center { --heading1-circle-size: 4rem; padding-block: 3.5rem calc(var(--heading1-circle-size) * 2); } body .heading1--center + * { margin-top: 5.4rem; } .Main__content .heading1--center { width: 100vw; margin-left: calc(50% - 50vw); } .heading1--center:before, .heading1--center:after { background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45.19%); } .heading1--center__inner { padding-inline: 30px; max-width: calc(1200px + 30px * 2); } body .heading1-v2 + * { margin-top: 3.5rem; } .heading1-v2__title { font-size: 5.2rem; font-weight: 500; } .heading1-v2__subtitle { font-size: var(--font-font-size--XL); font-weight: 500; } body .heading1-v2--center + * { margin-top: 3.5rem; } .heading1-v2--center__title { font-size: 5.2rem; font-weight: 500; } .heading1-v2--center__subtitle { font-size: var(--font-font-size--XL); font-weight: 500; } .heading1-v2 { margin: 10.9rem 0 0; } body .heading1-v2 + * { margin-top: 10.9rem; } .heading1-v2--center { margin: 10.9rem 0 0; } body .heading1-v2--center + * { margin-top: 10.9rem; } .heading2 { margin: 9.9rem 0 0; } body .heading2 + * { margin-top: 3.5rem; } .heading2__inner > [class*="__link"]:hover .heading2__title { text-decoration: underline; } .heading2__link .heading2__title:after { top: -.2em; } .heading2__link--blank .heading2__title:after { top: -.175em; } .heading2__link--pdf .heading2__title:after { top: -.175em; } .heading2__title { font-size: 4rem; font-weight: 500; } .heading2__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading2__filesize { font-size: var(--font-font-size--XL); font-weight: 500; } .heading2--center { margin: 9.9rem 0 0; } body .heading2--center + * { margin-top: 3.5rem; } .heading2--center__inner > [class*="__link"]:hover .heading2--center__title { text-decoration: underline; } .heading2--center__link .heading2--center__title:after { top: -.2em; } .heading2--center__link--blank .heading2--center__title:after { top: -.175em; } .heading2--center__link--pdf .heading2--center__title:after { top: -.175em; } .heading2--center__title { font-size: 4rem; font-weight: 500; } .heading2--center__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading2--center__filesize { font-size: var(--font-font-size--XL); font-weight: 500; } .heading2 { padding-block: 0 1.6rem; } .heading2:after { width: 120px; } .heading2--center { padding-block: 0 1.6rem; } .heading2--center:after { width: 120px; } .heading2-v2 { margin: 9.9rem 0 0; } body .heading2-v2 + * { margin-top: 3.5rem; } .heading2-v2__inner > [class*="__link"]:hover .heading2-v2__title { text-decoration: underline; } .heading2-v2__link .heading2-v2__title:after { top: -.2em; } .heading2-v2__link--blank .heading2-v2__title:after { top: -.175em; } .heading2-v2__link--pdf .heading2-v2__title:after { top: -.175em; } .heading2-v2__title { font-size: 4rem; font-weight: 500; } .heading2-v2__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading2-v2__filesize { font-size: var(--font-font-size--XL); font-weight: 500; } .heading2-v2--center { margin: 9.9rem 0 0; } body .heading2-v2--center + * { margin-top: 3.5rem; } .heading2-v2--center__inner > [class*="__link"]:hover .heading2-v2--center__title { text-decoration: underline; } .heading2-v2--center__link .heading2-v2--center__title:after { top: -.2em; } .heading2-v2--center__link--blank .heading2-v2--center__title:after { top: -.175em; } .heading2-v2--center__link--pdf .heading2-v2--center__title:after { top: -.175em; } .heading2-v2--center__title { font-size: 4rem; font-weight: 500; } .heading2-v2--center__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading2-v2--center__filesize { font-size: var(--font-font-size--XL); font-weight: 500; } .heading3 { margin: 4.8rem 0 0; } body .heading3 + * { margin-top: 3.5rem; } .heading3__inner > [class*="__link"]:hover .heading3__title { text-decoration: underline; } .heading3__link .heading3__title:after { top: -4px; } .heading3__link--blank .heading3__title:after { top: -4px; } .heading3__link--pdf .heading3__title:after { top: -4px; } .heading3__title { font-size: 2.6rem; font-weight: 500; } .heading3__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading3__filesize { font-weight: 500; } .heading3--center { margin: 4.8rem 0 0; } body .heading3--center + * { margin-top: 3.5rem; } .heading3--center__inner > [class*="__link"]:hover .heading3--center__title { text-decoration: underline; } .heading3--center__link .heading3--center__title:after { top: -4px; } .heading3--center__link--blank .heading3--center__title:after { top: -4px; } .heading3--center__link--pdf .heading3--center__title:after { top: -4px; } .heading3--center__title { font-size: 2.6rem; font-weight: 500; } .heading3--center__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading3--center__filesize { font-weight: 500; } .heading3 { padding-bottom: 2.1rem; } .heading3--center { padding-bottom: 2.1rem; } .heading3-v2 { margin: 4.8rem 0 0; } body .heading3-v2 + * { margin-top: 3.5rem; } .heading3-v2__inner > [class*="__link"]:hover .heading3-v2__title { text-decoration: underline; } .heading3-v2__link .heading3-v2__title:after { top: -4px; } .heading3-v2__link--blank .heading3-v2__title:after { top: -4px; } .heading3-v2__link--pdf .heading3-v2__title:after { top: -4px; } .heading3-v2__title { font-size: 2.6rem; font-weight: 500; } .heading3-v2__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading3-v2__filesize { font-weight: 500; } .heading3-v2--center { margin: 4.8rem 0 0; } body .heading3-v2--center + * { margin-top: 3.5rem; } .heading3-v2--center__inner > [class*="__link"]:hover .heading3-v2--center__title { text-decoration: underline; } .heading3-v2--center__link .heading3-v2--center__title:after { top: -4px; } .heading3-v2--center__link--blank .heading3-v2--center__title:after { top: -4px; } .heading3-v2--center__link--pdf .heading3-v2--center__title:after { top: -4px; } .heading3-v2--center__title { font-size: 2.6rem; font-weight: 500; } .heading3-v2--center__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading3-v2--center__filesize { font-weight: 500; } .heading3-v2__title { font-weight: 500; } .heading3-v2--center__title { font-weight: 500; } .heading4 { margin: 3.2rem 0 0; } body .heading4 + * { margin-top: 3.2rem; } .heading4__inner > [class*="__link"]:hover .heading4__title { text-decoration: underline; } .heading4__link .heading4__title:after { top: -3px; } .heading4__link--blank .heading4__title:after { top: -3px; } .heading4__link--pdf .heading4__title:after { top: -3px; } .heading4__title { font-size: 2.2rem; font-weight: 500; } .heading4__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading4__filesize { font-weight: 500; } .heading4--center { margin: 3.2rem 0 0; } body .heading4--center + * { margin-top: 3.2rem; } .heading4--center__inner > [class*="__link"]:hover .heading4--center__title { text-decoration: underline; } .heading4--center__link .heading4--center__title:after { top: -3px; } .heading4--center__link--blank .heading4--center__title:after { top: -3px; } .heading4--center__link--pdf .heading4--center__title:after { top: -3px; } .heading4--center__title { font-size: 2.2rem; font-weight: 500; } .heading4--center__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading4--center__filesize { font-weight: 500; } .heading4-v2 { margin: 3.2rem 0 0; } body .heading4-v2 + * { margin-top: 3.2rem; } .heading4-v2__inner > [class*="__link"]:hover .heading4-v2__title { text-decoration: underline; } .heading4-v2__link .heading4-v2__title:after { top: -3px; } .heading4-v2__link--blank .heading4-v2__title:after { top: -3px; } .heading4-v2__link--pdf .heading4-v2__title:after { top: -3px; } .heading4-v2__title { font-size: 2.2rem; font-weight: 500; } .heading4-v2__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading4-v2__filesize { font-weight: 500; } .heading4-v2--center { margin: 3.2rem 0 0; } body .heading4-v2--center + * { margin-top: 3.2rem; } .heading4-v2--center__inner > [class*="__link"]:hover .heading4-v2--center__title { text-decoration: underline; } .heading4-v2--center__link .heading4-v2--center__title:after { top: -3px; } .heading4-v2--center__link--blank .heading4-v2--center__title:after { top: -3px; } .heading4-v2--center__link--pdf .heading4-v2--center__title:after { top: -3px; } .heading4-v2--center__title { font-size: 2.2rem; font-weight: 500; } .heading4-v2--center__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading4-v2--center__filesize { font-weight: 500; } .heading5 { margin: 3.5rem 0 0; } body .heading5 + * { margin-top: 1.9rem; } .heading5__inner > [class*="__link"]:hover .heading5__title { text-decoration: underline; } .heading5__title { font-weight: 500; } .heading5__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading5__filesize { font-weight: 500; } .heading5--center { margin: 3.5rem 0 0; } body .heading5--center + * { margin-top: 1.9rem; } .heading5--center__inner > [class*="__link"]:hover .heading5--center__title { text-decoration: underline; } .heading5--center__title { font-weight: 500; } .heading5--center__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading5--center__filesize { font-weight: 500; } .heading6 { margin: 3.5rem 0 0; } body .heading6 + * { margin-top: 1.9rem; } .heading6__inner > [class*="__link"]:hover .heading6__title { text-decoration: underline; } .heading6__title { font-weight: 500; } .heading6__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading6__filesize { font-weight: 500; } .heading6--center { margin: 3.5rem 0 0; } body .heading6--center + * { margin-top: 1.9rem; } .heading6--center__inner > [class*="__link"]:hover .heading6--center__title { text-decoration: underline; } .heading6--center__title { font-weight: 500; } .heading6--center__subtitle { margin: 0 0 .6rem; font-weight: 500; } .heading6--center__filesize { font-weight: 500; } .lead { font-weight: 700; } .lead--center { font-weight: 700; } .lead { margin: 3.5rem 0 0; } body .lead + * { margin-top: 1.9rem; } .lead--center { margin: 3.5rem 0 0; } body .lead--center + * { margin-top: 1.9rem; } .lead-v2 { font-weight: 700; } .lead-v2--center { font-weight: 700; } .lead-v2 { margin: 3.5rem 0 0; } body .lead-v2 + * { margin-top: 1.9rem; } .lead-v2--center { margin: 3.5rem 0 0; } body .lead-v2--center + * { margin-top: 1.9rem; } .note-list > li { padding-left: calc(1em + 10px); } .note-list-v2 > li { padding-left: calc(1em + 10px); } .note-order-list > li { padding-left: calc((32 / 16 * 1em) + 10px); } .note-order-list-v2 > li { padding-left: calc((28 / 14 * 1em) + 10px); } .unorder-list > li { padding-left: calc(10px + 10px); } .unorder-list > li:before { top: .45em; width: 10px; height: 10px; } .unorder-list-v2 > li { padding-left: calc(8px + 10px); } .unorder-list-v2 > li:before { top: .5em; width: 8px; height: 8px; } .order-list > li { padding-left: calc((20 / 16 * 1em) + 10px); } .order-list-v2 > li { padding-left: calc((42 / 14 * 1em) + 10px); } .description-list__filesize { font-weight: 500; } .description-list + .description-list { margin-top: 2.9rem; } .description-list > dt { font-weight: 700; } .description-list .description-list__type:hover, .description-list .description-list__type--blank:hover, .description-list .description-list__type--pdf:hover, .description-list .description-list-v2__type:hover, .description-list .description-list-v2__type--blank:hover, .description-list .description-list-v2__type--pdf:hover, .description-list .description-list-v3__type:hover, .description-list .description-list-v3__type--blank:hover, .description-list .description-list-v3__type--pdf:hover, .description-list .description-list-v4__type:hover, .description-list .description-list-v4__type--blank:hover, .description-list .description-list-v4__type--pdf:hover, .description-list .carousel__type:hover, .description-list .carousel__type--nolink:hover { text-decoration: underline; } .description-list > dd { margin-top: 1rem; } .description-list-v2__filesize { font-weight: 500; } .description-list-v2 { gap: 0 var(--gap-col-gap); display: flex; flex-flow: row nowrap; padding-bottom: 1.3rem; } .description-list-v2 + .description-list-v2 { margin-top: 1.3rem; } .description-list-v2 > dt { flex-shrink: 0; width: calc((100% - (var(--gap-col-gap) * 2)) / 3); font-weight: 700; } .description-list-v2 .description-list__type:hover, .description-list-v2 .description-list__type--blank:hover, .description-list-v2 .description-list__type--pdf:hover, .description-list-v2 .description-list-v2__type:hover, .description-list-v2 .description-list-v2__type--blank:hover, .description-list-v2 .description-list-v2__type--pdf:hover, .description-list-v2 .description-list-v3__type:hover, .description-list-v2 .description-list-v3__type--blank:hover, .description-list-v2 .description-list-v3__type--pdf:hover, .description-list-v2 .description-list-v4__type:hover, .description-list-v2 .description-list-v4__type--blank:hover, .description-list-v2 .description-list-v4__type--pdf:hover, .description-list-v2 .carousel__type:hover, .description-list-v2 .carousel__type--nolink:hover { text-decoration: underline; } .description-list-v2 > dd { width: 100%; } .description-list-v3__filesize { font-weight: 500; } .description-list-v3 + .description-list-v3 { margin-top: 2.9rem; } .description-list-v3 > dt { font-weight: 500; } .description-list-v3 .description-list__type:hover, .description-list-v3 .description-list__type--blank:hover, .description-list-v3 .description-list__type--pdf:hover, .description-list-v3 .description-list-v2__type:hover, .description-list-v3 .description-list-v2__type--blank:hover, .description-list-v3 .description-list-v2__type--pdf:hover, .description-list-v3 .description-list-v3__type:hover, .description-list-v3 .description-list-v3__type--blank:hover, .description-list-v3 .description-list-v3__type--pdf:hover, .description-list-v3 .description-list-v4__type:hover, .description-list-v3 .description-list-v4__type--blank:hover, .description-list-v3 .description-list-v4__type--pdf:hover, .description-list-v3 .carousel__type:hover, .description-list-v3 .carousel__type--nolink:hover { text-decoration: underline; } .description-list-v3 > dd { margin-top: 1rem; font-weight: 700; } .description-list-v4__filesize { font-weight: 500; } .description-list-v4 { gap: 0 var(--gap-col-gap); display: flex; flex-flow: row nowrap; padding-bottom: 1.3rem; } .description-list-v4 + .description-list-v4 { margin-top: 1.3rem; } .description-list-v4 > dt { flex-shrink: 0; width: calc((100% - (var(--gap-col-gap) * 2)) / 3); font-weight: 500; } .description-list-v4 .description-list__type:hover, .description-list-v4 .description-list__type--blank:hover, .description-list-v4 .description-list__type--pdf:hover, .description-list-v4 .description-list-v2__type:hover, .description-list-v4 .description-list-v2__type--blank:hover, .description-list-v4 .description-list-v2__type--pdf:hover, .description-list-v4 .description-list-v3__type:hover, .description-list-v4 .description-list-v3__type--blank:hover, .description-list-v4 .description-list-v3__type--pdf:hover, .description-list-v4 .description-list-v4__type:hover, .description-list-v4 .description-list-v4__type--blank:hover, .description-list-v4 .description-list-v4__type--pdf:hover, .description-list-v4 .carousel__type:hover, .description-list-v4 .carousel__type--nolink:hover { text-decoration: underline; } .description-list-v4 > dd { width: 100%; font-weight: 700; } .link-list > li > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .link-list__filesize { font-weight: 500; } .link-list > li { padding-left: calc(8px + var(--gap-link-gap)); } .link-list > li > [class*="__type"] { margin-left: calc((8px + var(--gap-link-gap)) * -1); padding-left: inherit; } .link-list > li > [class*="__type"]:before { top: .3em; } .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--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--modal, .button-v2 .button-v2__type--rss, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { font-weight: 700; } .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--modal, .button .button__type--rss { padding: 1.3rem 2.2rem; } .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--modal:hover, .button .button__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); color: var(--color-base-white); } .button-wrap { margin: 2.9rem 0 0 0; } .button-wrap[data-col-pc] { row-gap: 2.9rem; } .button-wrap--center { margin: 2.9rem 0 0 0; } .button-wrap--center[data-col-pc] { row-gap: 2.9rem; } .button-wrap--right { margin: 2.9rem 0 0 0; } .button-wrap--right[data-col-pc] { row-gap: 2.9rem; } .button-wrap--centering { margin: 2.9rem 0 0 0; } .button-wrap--centering[data-col-pc] { row-gap: 2.9rem; } .button-wrap--centering { -webkit-column-gap: var(--gap-col-gap); -moz-column-gap: var(--gap-col-gap); flex-flow: row nowrap; column-gap: var(--gap-col-gap); } [class*="button-wrap"][data-col-pc]:not([data-col-pc="1"]) > .button > [class*="__type"] { width: 100%; } .button__type .button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .button .button__type--blank .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--pdf .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--excel .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--word .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--powerpoint .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--zip .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--modal .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--rss .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button__filesize { font-weight: 500; } .button .button__type:hover .button__label:after { background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .button .button__type--blank:hover .button__label:after { background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .button .button__type--pdf:hover .button__label:after { background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .button .button__type--excel:hover .button__label:after { background-image: url("/app-files/img/sprite/icon.svg#excel2-usage"); } .button .button__type--word:hover .button__label:after { background-image: url("/app-files/img/sprite/icon.svg#word2-usage"); } .button .button__type--powerpoint:hover .button__label:after { background-image: url("/app-files/img/sprite/icon.svg#powerpoint2-usage"); } .button .button__type--zip:hover .button__label:after { background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .button .button__type--modal:hover .button__label:after { background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .button .button__type--rss:hover .button__label:after { background-image: url("/app-files/img/sprite/icon.svg#rss2-usage"); } .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--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--modal, .button-v2 .button-v2__type--rss, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { font-weight: 700; } .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--modal, .button-v2 .button-v2__type--rss { padding: 1.3rem 2.2rem; } .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--modal:hover, .button-v2 .button-v2__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); color: var(--color-base-white); } .button-wrap { margin: 2.9rem 0 0 0; } .button-wrap[data-col-pc] { row-gap: 2.9rem; } .button-wrap--center { margin: 2.9rem 0 0 0; } .button-wrap--center[data-col-pc] { row-gap: 2.9rem; } .button-wrap--right { margin: 2.9rem 0 0 0; } .button-wrap--right[data-col-pc] { row-gap: 2.9rem; } .button-wrap--centering { margin: 2.9rem 0 0 0; } .button-wrap--centering[data-col-pc] { row-gap: 2.9rem; } .button-wrap--centering { -webkit-column-gap: var(--gap-col-gap); -moz-column-gap: var(--gap-col-gap); flex-flow: row nowrap; column-gap: var(--gap-col-gap); } [class*="button-wrap"][data-col-pc]:not([data-col-pc="1"]) > .button-v2 > [class*="__type"] { width: 100%; } .button-v2__type .button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .button-v2 .button-v2__type--blank .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--pdf .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--excel .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--word .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--powerpoint .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--zip .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--modal .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--rss .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2__filesize { font-weight: 500; } .button-v2 .button-v2__type:hover .button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .button-v2 .button-v2__type--blank:hover .button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .button-v2 .button-v2__type--pdf:hover .button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .button-v2 .button-v2__type--excel:hover .button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#excel2-usage"); } .button-v2 .button-v2__type--word:hover .button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#word2-usage"); } .button-v2 .button-v2__type--powerpoint:hover .button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#powerpoint2-usage"); } .button-v2 .button-v2__type--zip:hover .button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .button-v2 .button-v2__type--modal:hover .button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .button-v2 .button-v2__type--rss:hover .button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#rss2-usage"); } .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--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--modal, .button-v2 .button-v2__type--rss, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { font-weight: 700; } .button-v3 .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { padding: 1.6rem 2.2rem; } .button-v3 .button-v3__type:hover, .button-v3 .button-v3__type--blank:hover, .button-v3 .button-v3__type--pdf:hover, .button-v3 .button-v3__type--excel:hover, .button-v3 .button-v3__type--word:hover, .button-v3 .button-v3__type--powerpoint:hover, .button-v3 .button-v3__type--zip:hover, .button-v3 .button-v3__type--modal:hover, .button-v3 .button-v3__type--rss:hover, .inquiry-button .inquiry-button__type:hover, .inquiry-button .inquiry-button__type--blank:hover, .inquiry-button .inquiry-button__type--pdf:hover, .inquiry-button .inquiry-button__type--excel:hover, .inquiry-button .inquiry-button__type--word:hover, .inquiry-button .inquiry-button__type--powerpoint:hover, .inquiry-button .inquiry-button__type--zip:hover, .inquiry-button .inquiry-button__type--modal:hover, .inquiry-button .inquiry-button__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); } .button-wrap { margin: 2.9rem 0 0 0; } .button-wrap[data-col-pc] { row-gap: 2.9rem; } .button-wrap--center { margin: 2.9rem 0 0 0; } .button-wrap--center[data-col-pc] { row-gap: 2.9rem; } .button-wrap--right { margin: 2.9rem 0 0 0; } .button-wrap--right[data-col-pc] { row-gap: 2.9rem; } .button-wrap--centering { margin: 2.9rem 0 0 0; } .button-wrap--centering[data-col-pc] { row-gap: 2.9rem; } .button-wrap--centering { -webkit-column-gap: var(--gap-col-gap); -moz-column-gap: var(--gap-col-gap); flex-flow: row nowrap; column-gap: var(--gap-col-gap); } [class*="button-wrap"][data-col-pc]:not([data-col-pc="1"]) > .button-v3 > [class*="__type"] { width: 100%; } .button-v3__type .button-v3__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .button-v3 .button-v3__type--blank .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--pdf .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--excel .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--word .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--powerpoint .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--zip .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--modal .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--rss .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3__filesize { font-weight: 500; } .figure__caption, .figure__caption--center, .figure__caption--right { margin-top: 1rem; } .figure__title { margin-bottom: 1.3rem; font-weight: 700; } .figure a.figure__frame:hover img, .figure a.figure__frame--modal:hover img, .figure a.figure__frame--scaleup:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .figure a.figure__frame--modal:hover:before { border-color: var(--color-base-black); background-color: var(--color-base-black); } .figure a.figure__frame--modal:hover:after { background-color: var(--color-base-black); background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .figure a.figure__frame--modal:before { right: 10px; bottom: 10px; } .figure a.figure__frame--modal:after { right: calc(10px + 10px); bottom: calc(10px + 10px); } .video-wrap__caption, .video-wrap__caption--center, .video-wrap__caption--right { margin: 1rem 0 0 0; } .video-wrap__caption, .video-wrap__caption--center, .video-wrap__caption--right { margin: 1rem 0 0 0; } .table__caption, .table__caption--center, .table__caption--right { margin: 1.3rem 0 0 0; } .table [class*="__cell"]:is(th, td) { padding: 1rem 1.3rem; } .table__head { margin: 0 0 1.3rem; } .table__foot { margin: 1.3rem 0 0; } .table__title { margin: 0 0 1.3rem; font-weight: 700; } .table [class*="__cell"]:is(th, td)[class*="__cell--lv1"] { font-weight: 700; } .table [class*="__cell"]:is(th, td)[class*="__cell--lv2"] { font-weight: 700; } .box { margin: 2.4em 0 0 0; } .box__title { font-weight: 700; line-height: 1.6; } .box { padding-block: 2.6rem; padding-inline: 2.9rem; } .box-v2 { margin: 2.4em 0 0 0; } .box-v2__title { font-weight: 700; line-height: 1.6; } .box-v2 { padding-block: 2.6rem 0; } .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[data-media-wraparound="true"] .media__head { margin-bottom: 1em; } .media__caption, .media__caption--center, .media__caption--right { margin: 1.3rem 0 0; } .media[data-media-pc="image-left"] .media__head { margin-right: var(--gap-col-gap); } .media[data-media-pc="image-left"][data-media-wraparound="true"] .media__head { float: left; } .media[data-media-pc="image-right"] .media__head { margin-left: var(--gap-col-gap); } .media[data-media-pc="image-right"][data-media-wraparound="true"] .media__head { float: right; } .heading-column[data-col-pc] { row-gap: 0; } .anchor-navi__list[data-col-pc] { row-gap: 1.9rem; } .anchor-navi__link { padding-left: calc(14px + var(--gap-link-gap)); } .anchor-navi__link:hover { color: var(--color-font-hover); text-decoration: underline; } .anchor-navi__link:before { top: .35em; left: 3px; } .pager-navi .pager-navi__link, .pager-navi .pager-navi__link--prev, .pager-navi .pager-navi__link--next { width: 40px; height: 40px; } .pager-navi .pager-navi__link:not(.is-current):hover { border-color: var(--color-base-main); background-color: var(--color-base-main); color: var(--color-base-white); } .pager-navi .pager-navi__link--prev:hover, .pager-navi .pager-navi__link--next:hover { border-color: var(--color-base-main); background-color: var(--color-base-main); } .pager-navi .pager-navi__link--prev:hover:after, .pager-navi .pager-navi__link--next:hover:after { background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .pager-navi__inner { gap: 2.2rem; } .pager-navi__list { gap: 1rem; } .pulldown-navi { display: flex; flex-flow: row wrap; align-items: center; } .pulldown-navi__inner { display: inline-block; min-width: 348px; 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 { border-color: var(--color-base-main); background-color: var(--color-base-main); } .pulldown-navi__inner:hover:after { border-top-color: var(--color-base-white); } .pulldown-navi__inner:hover > .pulldown-navi__select { color: var(--color-base-white); } .pulldown-navi__inner:after { right: 21px; border-width: 5px 5px 0; } .pulldown-navi__select { padding-block: 1.2rem; padding-inline: 2.1rem calc(2.2rem + 1rem + 2.1rem); font-weight: 700; } .pulldown-navi__select option { color: var(--color-font-TX1); font-weight: 500; } .pulldown-navi__assist { margin-left: 3.5rem; } .pulldown-navi__link--rss:hover .pulldown-navi__label { text-decoration: underline; } .pulldown-navi__link--rss:before { margin-inline: 0 var(--gap-link-gap); width: 14px; height: 14px; } .card-wrap--centering { flex-flow: row nowrap; } .card-wrap { row-gap: 5.1rem; margin-top: 5.1rem; } .card-wrap--centering { row-gap: 5.1rem; margin-top: 5.1rem; } .card-wrap--centering { -webkit-column-gap: var(--gap-col-gap); -moz-column-gap: var(--gap-col-gap); column-gap: var(--gap-col-gap); } .card-wrap--scrolling { row-gap: 5.1rem; margin-top: 5.1rem; } .card > [class*="__type"]:not([class*="--nolink"]):hover .card__title { text-decoration: underline; } .card > [class*="__type"]:not([class*="--nolink"]):hover .card__image img, .card > [class*="__type"]:not([class*="--nolink"]):hover .card__image--aspect-fixed img { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0); } [data-card-pc="col"] .card__image--aspect-fixed img { -o-object-fit: scale-down; -o-object-position: center center; width: 100%; height: 100%; object-fit: scale-down; object-position: center center; } .card__title { font-weight: 700; } .card__filesize { font-weight: 500; } .card__description { margin: 1.3rem 0 0 0; } .card[data-card-pc="row"] > [class*="__type"] { gap: 0 2.2rem; display: flex; flex-flow: row nowrap; } .card[data-card-pc="col"] > [class*="__type"] { display: block; } [data-card-pc="row"] .card__head { flex-shrink: 0; width: calc(50% - 2.2rem); } [data-card-pc="col"] .card__head { display: block; width: 100%; } [data-card-pc="row"] .card__body { width: 100%; } [data-card-pc="col"] .card__head + .card__body { margin-block: 2.2rem 0; } [data-card-pc="col"] .card__image--aspect-fixed { aspect-ratio: 16/9; } .accordion + .accordion { margin-top: 1.9rem; } .accordion__head { padding: 2.2rem 2.6rem; } .accordion__head:hover .accordion__title { text-decoration: underline; } .accordion__title { padding-right: calc(2.6rem + 21px); font-weight: 700; } .accordion__title:before, .accordion__title:after { width: 21px; } .accordion__body { padding: 2.2rem 2.6rem; } .tab__list { gap: 0 13px; display: flex; justify-content: space-between; border-bottom: 2px solid var(--color-base-main); } .tab__list > li.is-current .tab__button { background-color: var(--color-base-white); font-weight: 700; } .tab__list > li.is-current .tab__button:before, .tab__list > li.is-current .tab__button:after { opacity: 1; } .tab__button { min-height: calc((var(--font-font-size--M) * 1.4 * 2) + 1.3rem * 2 + 1px); padding: 1.3rem 2.2rem; border: 1px solid var(--color-border-2); border-bottom: none; border-radius: var(--radius-M) var(--radius-M) 0 0; background: var(--color-bg-base); } .tab__button:hover { font-weight: 700; } .tab__button:hover:before, .tab__button:hover:after { opacity: 1; } .tab__body { padding: 2.6rem 0 0; } [class*=modal--].modaal-wrapper .modaal-container { margin-block: 48px; width: 876px; padding: 61px; } [class*=modal--].modaal-wrapper .modaal-close { top: -58px; right: 0; width: 48px; height: 48px; } [class*=modal--].modaal-wrapper .modaal-close:hover { border-color: var(--color-base-black); background-color: var(--color-base-black); } [class*=modal--].modaal-wrapper .modaal-close:hover > span:before, [class*=modal--].modaal-wrapper .modaal-close:hover > span:after { background-color: var(--color-base-white); } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 32px; height: 2px; } .carousel { margin-block: 4.2rem 0; margin-inline: 0; } .carousel__list { padding-inline: calc(40px + 19px); } .carousel__list > .slick-list { margin: 0 calc(-1 * var(--gap-col-gap) / 2); } .carousel__item { padding: 0 calc(var(--gap-col-gap) / 2); line-height: 1.6; } .carousel__type:hover { opacity: 0.7; } .carousel .slick-arrow { width: 40px; height: 40px; } .carousel .slick-arrow:hover { border-color: var(--color-base-black); background-color: var(--color-base-black); } .carousel .slick-arrow:hover:after { background-color: var(--color-base-black); background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .carousel .slick-arrow:after { width: 8px; height: 14px; } .carousel .slick-arrow.slick-prev { left: 0; } .carousel .slick-arrow.slick-next { right: 0; } .carousel__control { gap: 0 1.9rem; margin: 2.2rem 0 0; } .carousel__pager > .slick-dots { gap: 3px 19px; } .carousel__pager > .slick-dots > li > button:hover { background-color: var(--color-base-accent); } .carousel__switch__pause:hover, .carousel__switch__play:hover { background-color: var(--color-base-black); } .carousel__switch__pause:hover:before, .carousel__switch__pause:hover:after { background-color: var(--color-base-white); } .carousel__switch__play:hover:before { border-left-color: var(--color-base-white); } .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__type, .news__type--nolink, .news__type--blank, .news__type--pdf { gap: 0 2.6rem; padding-block: 2.9rem; } .news-badge, .news-badge--type, .news-badge--category { min-width: 116px; min-height: 25px; padding: 3px 10px; font-size: var(--font-font-size--XS); font-weight: 700; } .news { margin-top: 1.9rem; } .news__article > [class*="__type"]:not([class*="--nolink"]):hover .news__title { text-decoration: underline; } .news__article > [class*="__type"]:not([class*="--nolink"]):hover .news__image { opacity: 0.7; } .news__head { width: 80px; } [data-news-pc="row"] .news__body { display: flex; flex-flow: row nowrap; align-items: flex-start; } .news__property { display: flex; min-height: 25px; } [data-news-pc="col"] .news__property + .news__caption { margin-top: 1.9rem; } .news__date { min-width: 8.5em; margin-right: calc((99px + 2.6rem) - 8.5em); } .news__category { gap: 1rem; } [data-news-pc="row"] .news__category { flex-direction: column; flex-shrink: 0; margin-right: 2.6rem; } .news__title { font-weight: 500; } .news__filesize { font-weight: 500; } .faq__mark--question, .faq__mark--answer { width: 21px; height: 28px; } .faq + .faq { margin-top: 1.9rem; } .faq__head { gap: 0 2.2rem; padding: 2.2rem 2.6rem; } .faq__head:hover .faq__title { text-decoration: underline; } .faq__title { padding-right: calc(2.6rem + 21px); font-weight: 700; } .faq__title:before, .faq__title:after { width: 21px; } .faq__body { gap: 0 2.2rem; padding: 2.2rem 2.6rem; } .tooltip:not(.is-active) .tooltip__link:hover { text-decoration: none; } .tooltip.is-active .tooltip__link { outline: none; } .tooltip__link { font-weight: inherit; } .tooltip__balloon { width: 200px; margin-left: -96px; padding-bottom: 14px; } .tooltip__balloon__inner { padding: 1.9rem 2.2rem; } .inquiry__description { display: flex; align-items: center; justify-content: center; } .inquiry__note-list { row-gap: 1rem; } .inquiry-button-wrap, .inquiry-button-wrap--center, .inquiry-button-wrap--right, .inquiry-button-wrap--centering { margin: 2.9rem 0 0 0; } .inquiry-button-wrap[data-col-pc], .inquiry-button-wrap--center[data-col-pc], .inquiry-button-wrap--right[data-col-pc], .inquiry-button-wrap--centering[data-col-pc] { row-gap: 2.9rem; } .inquiry-button-wrap--center { margin: 2.9rem 0 0 0; } .inquiry-button-wrap--center[data-col-pc] { row-gap: 2.9rem; } .inquiry-button-wrap--right { margin: 2.9rem 0 0 0; } .inquiry-button-wrap--right[data-col-pc] { row-gap: 2.9rem; } .inquiry-button-wrap--centering { margin: 2.9rem 0 0 0; } .inquiry-button-wrap--centering[data-col-pc] { row-gap: 2.9rem; } .inquiry-button-wrap--centering { -webkit-column-gap: var(--gap-col-gap); -moz-column-gap: var(--gap-col-gap); flex-flow: row nowrap; column-gap: var(--gap-col-gap); } .inquiry-button .button__type, .inquiry-button .button .button__type--blank, .button .inquiry-button .button__type--blank, .inquiry-button .button .button__type--pdf, .button .inquiry-button .button__type--pdf, .inquiry-button .button .button__type--excel, .button .inquiry-button .button__type--excel, .inquiry-button .button .button__type--word, .button .inquiry-button .button__type--word, .inquiry-button .button .button__type--powerpoint, .button .inquiry-button .button__type--powerpoint, .inquiry-button .button .button__type--zip, .button .inquiry-button .button__type--zip, .inquiry-button .button .button__type--modal, .button .inquiry-button .button__type--modal, .inquiry-button .button .button__type--rss, .button .inquiry-button .button__type--rss, .inquiry-button .button-v2__type, .inquiry-button .button-v2 .button-v2__type--blank, .button-v2 .inquiry-button .button-v2__type--blank, .inquiry-button .button-v2 .button-v2__type--pdf, .button-v2 .inquiry-button .button-v2__type--pdf, .inquiry-button .button-v2 .button-v2__type--excel, .button-v2 .inquiry-button .button-v2__type--excel, .inquiry-button .button-v2 .button-v2__type--word, .button-v2 .inquiry-button .button-v2__type--word, .inquiry-button .button-v2 .button-v2__type--powerpoint, .button-v2 .inquiry-button .button-v2__type--powerpoint, .inquiry-button .button-v2 .button-v2__type--zip, .button-v2 .inquiry-button .button-v2__type--zip, .inquiry-button .button-v2 .button-v2__type--modal, .button-v2 .inquiry-button .button-v2__type--modal, .inquiry-button .button-v2 .button-v2__type--rss, .button-v2 .inquiry-button .button-v2__type--rss, .inquiry-button .button-v3__type, .inquiry-button .button-v3 .button-v3__type--blank, .button-v3 .inquiry-button .button-v3__type--blank, .inquiry-button .button-v3 .button-v3__type--pdf, .button-v3 .inquiry-button .button-v3__type--pdf, .inquiry-button .button-v3 .button-v3__type--excel, .button-v3 .inquiry-button .button-v3__type--excel, .inquiry-button .button-v3 .button-v3__type--word, .button-v3 .inquiry-button .button-v3__type--word, .inquiry-button .button-v3 .button-v3__type--powerpoint, .button-v3 .inquiry-button .button-v3__type--powerpoint, .inquiry-button .button-v3 .button-v3__type--zip, .button-v3 .inquiry-button .button-v3__type--zip, .inquiry-button .button-v3 .button-v3__type--modal, .button-v3 .inquiry-button .button-v3__type--modal, .inquiry-button .button-v3 .button-v3__type--rss, .button-v3 .inquiry-button .button-v3__type--rss, .inquiry-button .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { font-weight: 700; } .inquiry-button .button-v3 .button-v3__type, .button-v3 .inquiry-button .button-v3__type, .inquiry-button .button-v3 .button-v3__type--blank, .button-v3 .inquiry-button .button-v3__type--blank, .inquiry-button .button-v3 .button-v3__type--pdf, .button-v3 .inquiry-button .button-v3__type--pdf, .inquiry-button .button-v3 .button-v3__type--excel, .button-v3 .inquiry-button .button-v3__type--excel, .inquiry-button .button-v3 .button-v3__type--word, .button-v3 .inquiry-button .button-v3__type--word, .inquiry-button .button-v3 .button-v3__type--powerpoint, .button-v3 .inquiry-button .button-v3__type--powerpoint, .inquiry-button .button-v3 .button-v3__type--zip, .button-v3 .inquiry-button .button-v3__type--zip, .inquiry-button .button-v3 .button-v3__type--modal, .button-v3 .inquiry-button .button-v3__type--modal, .inquiry-button .button-v3 .button-v3__type--rss, .button-v3 .inquiry-button .button-v3__type--rss, .inquiry-button .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { padding: 1.6rem 2.2rem; } .inquiry-button .button-v3 .button-v3__type:hover, .button-v3 .inquiry-button .button-v3__type:hover, .inquiry-button .button-v3 .button-v3__type--blank:hover, .button-v3 .inquiry-button .button-v3__type--blank:hover, .inquiry-button .button-v3 .button-v3__type--pdf:hover, .button-v3 .inquiry-button .button-v3__type--pdf:hover, .inquiry-button .button-v3 .button-v3__type--excel:hover, .button-v3 .inquiry-button .button-v3__type--excel:hover, .inquiry-button .button-v3 .button-v3__type--word:hover, .button-v3 .inquiry-button .button-v3__type--word:hover, .inquiry-button .button-v3 .button-v3__type--powerpoint:hover, .button-v3 .inquiry-button .button-v3__type--powerpoint:hover, .inquiry-button .button-v3 .button-v3__type--zip:hover, .button-v3 .inquiry-button .button-v3__type--zip:hover, .inquiry-button .button-v3 .button-v3__type--modal:hover, .button-v3 .inquiry-button .button-v3__type--modal:hover, .inquiry-button .button-v3 .button-v3__type--rss:hover, .button-v3 .inquiry-button .button-v3__type--rss:hover, .inquiry-button .inquiry-button__type:hover, .inquiry-button .inquiry-button__type--blank:hover, .inquiry-button .inquiry-button__type--pdf:hover, .inquiry-button .inquiry-button__type--excel:hover, .inquiry-button .inquiry-button__type--word:hover, .inquiry-button .inquiry-button__type--powerpoint:hover, .inquiry-button .inquiry-button__type--zip:hover, .inquiry-button .inquiry-button__type--modal:hover, .inquiry-button .inquiry-button__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); } [class*="button-wrap"][data-col-pc]:not([data-col-pc="1"]) > .inquiry-button > [class*="__type"] { width: 100%; } .inquiry-button__type .inquiry-button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--blank .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--pdf .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--excel .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--word .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--powerpoint .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--zip .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--modal .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--rss .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button__filesize { font-weight: 500; } .inquiry { margin: 3.8rem 0 0; } .inquiry__title { padding: 2.6rem 2.9rem; font-size: 2.4rem; font-weight: 700; } .inquiry__detail { padding: 2.6rem 2.9rem; } .inquiry__description__office { font-weight: 700; } .inquiry__description__office + * { margin-left: 2.6rem; } .inquiry__description__tel { font-size: 3rem; font-weight: 700; } .inquiry__note-list { margin: 1.6rem 0 0 0; } .inquiry__note-list > li { padding-left: calc(1em + 10px); } .inquiry-button-wrap, .inquiry-button-wrap--center, .inquiry-button-wrap--right, .inquiry-button-wrap--centering { margin-top: 4.5rem; } .cmn-form-height--mt-contact-index { height: 1230px; } .cmn-form-height--mt-order { height: 1230px; } .cmn-form-height--mt-other { height: 1230px; } .cmn-form-height--mt-cut { height: 1230px; } .cmn-form-height--delivery-locker { height: 920px; } .cmn-form-height--waste-sorting-contact { height: 920px; } .cmn-form-height--waste-sorting-test { height: 920px; } .cmn-form-height--innovation-element-development-download { height: 885px; } .cmn-form-height--innovation-element-development-ame { height: 920px; } .cmn-form-height--ir-individual { height: 1000px; } .cmn-form-height--ir-mail { height: 1050px; } .cmn-form-height--contact-public-relations { height: 1000px; } .cmn-form-height--contact-others { height: 950px; } .cmn-form-height--mt-contact-index { height: 1230px; } .cmn-profile-card-wrap { margin-top: 38px; padding: 26px 29px; border: 1px solid #666666; border-radius: 16px; } .cmn-profile-card-wrap-v2 { width: 910px; margin-top: 38px; padding: 26px 29px; border: 1px solid #666666; border-radius: 16px; } .cmn-profile-card { -webkit-column-gap: 36px; -moz-column-gap: 36px; display: flex; align-items: start; column-gap: 36px; } .cmn-profile-card + .cmn-profile-card { margin-top: 32px; padding-top: 32px; border-top: 1px solid #666666; } .cmn-profile-card__image { display: flex; flex-shrink: 0; max-width: 160px; } .Main__sidelayout__content .cmn-profile-card__image { max-width: 112px; } .cmn-profile-card__name { margin-top: 6px; font-size: 20px; font-weight: bold; } .cmn-profile-card__job { font-size: 14px; font-weight: bold; } .cmn-profile-card__text { margin-top: 13px; font-size: 16px; } .cmn-profile-card:not(:has(.cmn-profile-card__head)) .cmn-profile-card__text { margin: 0; } body .cmn-figure-heading1 + * { margin-top: 5.4rem; } .Main__content .cmn-figure-heading1 { width: 100vw; margin-top: 4.6em; margin-left: max(calc(50% - 50vw), calc(((1920px - 100%) / 2) * -1)); } .cmn-figure-heading1__inner { -webkit-column-gap: 36px; -moz-column-gap: 36px; padding-inline: var(--ml); display: flex; flex-direction: row-reverse; justify-content: space-between; min-width: calc(1200px + 30px * 2); column-gap: 36px; } .cmn-figure-heading1__image { flex-shrink: 0; width: calc((100% - 36px) / 2); min-width: 582px; max-width: 760px; padding-top: 54px; } .cmn-figure-heading1__image__frame { -webkit-filter: drop-shadow(0px 15px 13px rgba(0, 0, 0, 0.25)); width: 900px; border-radius: 80px 0px 0px 80px; filter: drop-shadow(0px 15px 13px rgba(0, 0, 0, 0.25)); } .cmn-figure-heading1__content { width: 100%; } .cmn-figure-heading1__content__body { padding-block: 54px; } .cmn-figure-heading1__content__body:after { top: 0; left: calc(-1 * var(--ml)); width: calc(var(--ml) + 100% + 95px); height: 100%; border-radius: 0px 80px 80px 0px; background: linear-gradient(90deg, var(--color-sub-2), var(--color-sub-6) 100%); } .cmn-figure-heading1__content__foot { margin-top: 2.3em; } .cmn-figure-heading1__title { font-size: 4.0rem; font-weight: 500; } .cmn-figure-heading1__title__low { font-size: 3.0rem; } .cmn-figure-heading1__subtitle { margin: 2.3rem 0 0; font-size: 2.0rem; font-weight: 700; } .cmn-figure-heading1__lead { margin: 3.9rem 0 0; font-size: 2.6rem; font-weight: 700; } .cmn-figure-heading1__description { margin: 1.6rem 0 0; font-size: 1.6rem; font-weight: 500; } .cmn-figure-heading1__list-wrap { margin: 1.1em 0 0 0; } .cmn-figure-heading1__link-list { row-gap: 10px; } .cmn-figure-heading1__link-list > li { padding-left: calc(8px + var(--gap-link-gap)); } .cmn-figure-heading1__link-list > li > [class*="__type"] { margin-left: calc((8px + var(--gap-link-gap)) * -1); padding-left: inherit; } .cmn-figure-heading1__link-list > li > [class*="__type"]:hover { text-decoration: underline; } .cmn-figure-heading1__link-list > li > [class*="__type"]:before { top: 0.3em; } .cmn-figure-heading1__link-list-v2 { row-gap: 5px; } .cmn-figure-heading1__link-list-v2 > li { font-size: 2.6rem; font-weight: 700; line-height: 1.6; } .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:hover { text-decoration: underline; } .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:after { top: -0.15em; margin-left: 0.4em; } .cmn-figure-heading1__button-wrap { -webkit-column-gap: var(--gap-col-gap); -moz-column-gap: var(--gap-col-gap); row-gap: 2.9rem; margin: 2.9rem 0 0 0; column-gap: var(--gap-col-gap); } .cmn-figure-heading1__button { width: calc((100% - (var(--gap-col-gap) * (2 - 1))) / 2); } .cmn-figure-heading1__button .cmn-figure-heading1__button__type { width: 100%; padding: 1.6rem 2.5rem; } .cmn-figure-heading1__button .cmn-figure-heading1__button__type:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); } .cmn-figure-heading1__button .cmn-figure-heading1__button__type .cmn-figure-heading1__button__label:after { right: 0; } .cmn-figure-heading1__button__type { font-weight: 700; } .cmn-figure-heading1__button__type .cmn-figure-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally { -webkit-column-gap: 36px; -moz-column-gap: 36px; margin-top: 6.2em; column-gap: 36px; } .cmn-horizontally__head { width: 100%; } .cmn-horizontally__body { flex-shrink: 0; width: calc((100% - (36px * 2)) / 3); } .cmn-horizontally__heading2 { margin: 9.9rem 0 0; } body .cmn-horizontally__heading2 + * { margin-top: 3.5rem; } .cmn-horizontally__heading2__inner > [class*="__link"]:hover .cmn-horizontally__heading2__title { text-decoration: underline; } .cmn-horizontally__heading2__link .cmn-horizontally__heading2__title:after { top: -.2em; } .cmn-horizontally__heading2__link--blank .cmn-horizontally__heading2__title:after { top: -.175em; } .cmn-horizontally__heading2__link--pdf .cmn-horizontally__heading2__title:after { top: -.175em; } .cmn-horizontally__heading2__detail { -webkit-column-gap: 36px; -moz-column-gap: 36px; align-items: center; column-gap: 36px; } .cmn-horizontally__heading2__title { font-size: 4rem; font-weight: 500; } .cmn-horizontally__heading2__subtitle { margin: 0 0 .6rem; font-weight: 500; } .cmn-horizontally__heading2__filesize { font-size: var(--font-font-size--XL); font-weight: 500; } .cmn-horizontally__heading2__button { display: inline-block; flex-shrink: 0; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss { font-weight: 700; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss { padding: 1.3rem 2.2rem; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type:hover, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank:hover, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf:hover, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel:hover, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word:hover, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint:hover, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip:hover, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal:hover, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); color: var(--color-base-white); } .cmn-horizontally__heading2__button__type .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type:hover .cmn-horizontally__heading2__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank:hover .cmn-horizontally__heading2__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf:hover .cmn-horizontally__heading2__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel:hover .cmn-horizontally__heading2__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#excel2-usage"); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word:hover .cmn-horizontally__heading2__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#word2-usage"); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint:hover .cmn-horizontally__heading2__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#powerpoint2-usage"); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip:hover .cmn-horizontally__heading2__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal:hover .cmn-horizontally__heading2__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss:hover .cmn-horizontally__heading2__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#rss2-usage"); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button__filesize { font-weight: 500; } .cmn-horizontally__news { margin: 1.9rem 0 0 0; } .cmn-horizontally__news__article > [class*="__type"]:not([class*="--nolink"]):hover .cmn-horizontally__news__title { text-decoration: underline; } .cmn-horizontally__news__article > [class*="__type"]:not([class*="--nolink"]):hover .cmn-horizontally__news__image { opacity: 0.7; } .cmn-horizontally__news .cmn-horizontally__news__type, .cmn-horizontally__news .cmn-horizontally__news__type--nolink, .cmn-horizontally__news .cmn-horizontally__news__type--blank, .cmn-horizontally__news .cmn-horizontally__news__type--pdf { gap: 0 2.6rem; padding-block: 2.9rem; } .cmn-horizontally__news__head { width: 80px; } .cmn-horizontally__news__body { display: flex; flex-flow: row nowrap; align-items: flex-start; } .cmn-horizontally__news__property { min-height: 25px; } .cmn-horizontally__news__date { min-width: 8.5em; margin-right: calc((99px + 2.6rem) - 8.5em); } .cmn-horizontally__news__category { gap: 1rem; flex-direction: column; flex-shrink: 0; margin-right: 2.6rem; } .cmn-horizontally__news .cmn-horizontally__news-badge, .cmn-horizontally__news .cmn-horizontally__news-badge--type, .cmn-horizontally__news .cmn-horizontally__news-badge--category { min-width: 116px; min-height: 25px; padding: 3px 10px; font-size: var(--font-font-size--XS); font-weight: 700; } .cmn-horizontally__news__title { font-weight: 500; } .cmn-horizontally__news__filesize { font-weight: 500; } .cmn-horizontally__button-wrap { margin: 2.9rem 0 0 0; } .cmn-horizontally__button-wrap[data-col-pc] { row-gap: 2.9rem; } .cmn-horizontally__button-wrap--centering { -webkit-column-gap: var(--gap-col-gap); -moz-column-gap: var(--gap-col-gap); flex-flow: row nowrap; margin: 2.9rem 0 0 0; column-gap: var(--gap-col-gap); } .cmn-horizontally__button-wrap--centering[data-col-pc] { row-gap: 2.9rem; } .cmn-horizontally__button { min-width: min(376px, 100%); } .cmn-horizontally__button .cmn-horizontally__button__type, .cmn-horizontally__button .cmn-horizontally__button__type--blank, .cmn-horizontally__button .cmn-horizontally__button__type--pdf, .cmn-horizontally__button .cmn-horizontally__button__type--excel, .cmn-horizontally__button .cmn-horizontally__button__type--word, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint, .cmn-horizontally__button .cmn-horizontally__button__type--zip, .cmn-horizontally__button .cmn-horizontally__button__type--modal, .cmn-horizontally__button .cmn-horizontally__button__type--rss { font-weight: 700; } .cmn-horizontally__button .cmn-horizontally__button__type, .cmn-horizontally__button .cmn-horizontally__button__type--blank, .cmn-horizontally__button .cmn-horizontally__button__type--pdf, .cmn-horizontally__button .cmn-horizontally__button__type--excel, .cmn-horizontally__button .cmn-horizontally__button__type--word, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint, .cmn-horizontally__button .cmn-horizontally__button__type--zip, .cmn-horizontally__button .cmn-horizontally__button__type--modal, .cmn-horizontally__button .cmn-horizontally__button__type--rss { padding: 1.3rem 2.2rem; } .cmn-horizontally__button .cmn-horizontally__button__type:hover, .cmn-horizontally__button .cmn-horizontally__button__type--blank:hover, .cmn-horizontally__button .cmn-horizontally__button__type--pdf:hover, .cmn-horizontally__button .cmn-horizontally__button__type--excel:hover, .cmn-horizontally__button .cmn-horizontally__button__type--word:hover, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint:hover, .cmn-horizontally__button .cmn-horizontally__button__type--zip:hover, .cmn-horizontally__button .cmn-horizontally__button__type--modal:hover, .cmn-horizontally__button .cmn-horizontally__button__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); color: var(--color-base-white); } .cmn-horizontally__button__type .cmn-horizontally__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type:hover .cmn-horizontally__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .cmn-horizontally__button .cmn-horizontally__button__type--blank:hover .cmn-horizontally__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .cmn-horizontally__button .cmn-horizontally__button__type--blank .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--pdf:hover .cmn-horizontally__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .cmn-horizontally__button .cmn-horizontally__button__type--pdf .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--excel:hover .cmn-horizontally__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#excel2-usage"); } .cmn-horizontally__button .cmn-horizontally__button__type--excel .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--word:hover .cmn-horizontally__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#word2-usage"); } .cmn-horizontally__button .cmn-horizontally__button__type--word .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint:hover .cmn-horizontally__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#powerpoint2-usage"); } .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--zip:hover .cmn-horizontally__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .cmn-horizontally__button .cmn-horizontally__button__type--zip .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--modal:hover .cmn-horizontally__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .cmn-horizontally__button .cmn-horizontally__button__type--modal .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--rss:hover .cmn-horizontally__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#rss2-usage"); } .cmn-horizontally__button .cmn-horizontally__button__type--rss .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button__filesize { font-weight: 500; } .cmn-step { margin-top: 2.0em; } .cmn-step__list { gap: 10px 10px; flex-wrap: wrap; } .cmn-step__list > li { -webkit-column-gap: 10px; -moz-column-gap: 10px; flex: 1 1; align-items: center; min-width: calc((100% - (10px * 3)) / 4); column-gap: 10px; } .cmn-step__list > li:nth-child(n+5) { max-width: calc((100% - (10px * 3)) / 4); } .cmn-step__list > li:nth-child(n+5) .cmn-step__item { max-width: calc(100% - 10px - 18px); } .cmn-step__list > li:not(:last-child):after { -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%); width: 18px; height: 38px; clip-path: polygon(0 0, 100% 50%, 0 100%); } .cmn-step__item { height: 100%; padding: 16px; border-radius: 16px; } .cmn-step__body { margin-top: 6px; } .cmn-step__icon { padding: 3px 20px; border-radius: 200px; font-size: 1.8rem; font-weight: 700; line-height: 1.4; } .cmn-step__label { font-size: 2.4rem; font-weight: 700; line-height: 1.4; } .cmn-cta { --cmn-cta-circle-size: 4rem; width: 100vw; margin-top: 3.2em; margin-left: calc(50% - 50vw); border-radius: 4rem 0 0 0; } .cmn-cta:before { top: -40px; } .cmn-cta__inner { padding-block: 5.6em calc(5.6em + 4.0rem); padding-inline: 30px; max-width: calc(1640px + 30px * 2); margin: 0 auto; } .cmn-cta__column { gap: 2rem var(--gap-col-gap); display: flex; flex-flow: row wrap; width: 100%; } .cmn-cta__column__item { width: calc((100% - (var(--gap-col-gap) * 1)) / 2); } .cmn-cta__heading2 { margin: 9.9rem 0 0; } body .cmn-cta__heading2 + * { margin-top: 3.5rem; } .cmn-cta__heading2__inner > [class*="__link"]:hover .cmn-cta__heading2__title { text-decoration: underline; } .cmn-cta__heading2__link .cmn-cta__heading2__title:after { top: -.2em; } .cmn-cta__heading2__link--blank .cmn-cta__heading2__title:after { top: -.175em; } .cmn-cta__heading2__link--pdf .cmn-cta__heading2__title:after { top: -.175em; } .cmn-cta__heading2__title { font-size: clamp(3.5rem, calc(2.545rem + 0.758vw), 4rem); font-weight: 500; } .cmn-cta__heading2__subtitle { margin: 0 0 .6rem; font-weight: 500; } .cmn-cta__heading2__filesize { font-size: var(--font-font-size--XL); font-weight: 500; } .cmn-cta__download-wrap { row-gap: 36px; margin-top: 1.0em; } .cmn-cta__download { -webkit-column-gap: 22px; -moz-column-gap: 22px; column-gap: 22px; } .cmn-cta__download__head { width: 120px; } .cmn-cta__download__title { font-size: 2.4rem; font-weight: 700; line-height: 1.4; } .cmn-cta__download__button { display: inline-block; flex-shrink: 0; margin-top: 1.8em; } .cmn-cta__download__button .cmn-cta__download__button__type, .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button__type, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--rss, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--rss { font-weight: 700; } .cmn-cta__download__button .cmn-cta__download__button__type, .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--rss, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--rss { padding: 1.3rem 2.2rem; } .cmn-cta__download__button .cmn-cta__download__button__type:hover, .cmn-cta__download__button .cmn-cta__download__button__type--blank:hover, .cmn-cta__download__button .cmn-cta__download__button__type--pdf:hover, .cmn-cta__download__button .cmn-cta__download__button__type--excel:hover, .cmn-cta__download__button .cmn-cta__download__button__type--word:hover, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint:hover, .cmn-cta__download__button .cmn-cta__download__button__type--zip:hover, .cmn-cta__download__button .cmn-cta__download__button__type--modal:hover, .cmn-cta__download__button .cmn-cta__download__button__type--rss:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--blank:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--blank:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--pdf:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--pdf:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--excel:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--excel:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--word:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--word:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--powerpoint:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--powerpoint:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--zip:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--zip:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--modal:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--modal:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--rss:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); color: var(--color-base-white); } .cmn-cta__download__button__type .cmn-cta__download__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type:hover .cmn-cta__download__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .cmn-cta__download__button .cmn-cta__download__button__type--blank:hover .cmn-cta__download__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .cmn-cta__download__button .cmn-cta__download__button__type--blank .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--pdf:hover .cmn-cta__download__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .cmn-cta__download__button .cmn-cta__download__button__type--pdf .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--excel:hover .cmn-cta__download__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#excel2-usage"); } .cmn-cta__download__button .cmn-cta__download__button__type--excel .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--word:hover .cmn-cta__download__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#word2-usage"); } .cmn-cta__download__button .cmn-cta__download__button__type--word .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint:hover .cmn-cta__download__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#powerpoint2-usage"); } .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--zip:hover .cmn-cta__download__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .cmn-cta__download__button .cmn-cta__download__button__type--zip .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--modal:hover .cmn-cta__download__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .cmn-cta__download__button .cmn-cta__download__button__type--modal .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--rss:hover .cmn-cta__download__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#rss2-usage"); } .cmn-cta__download__button .cmn-cta__download__button__type--rss .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button__filesize { font-weight: 500; } .cmn-cta__button-wrap { margin: 2.9rem 0 0 0; } .cmn-cta__button-wrap[data-col-pc] { row-gap: 2.9rem; } .cmn-cta__button { min-width: min(376px, 100%); } .cmn-cta__button .cmn-cta__download__button__type, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--rss, .cmn-cta__button .cmn-cta__button__type, .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__button__type--rss { font-weight: 700; } .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--rss, .cmn-cta__button .cmn-cta__button__type, .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__button__type--rss { padding: 1.6rem 2.2rem; } .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--blank:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--blank:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--pdf:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--pdf:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--excel:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--excel:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--word:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--word:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--powerpoint:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--zip:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--zip:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--modal:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--modal:hover, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--rss:hover, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--rss:hover, .cmn-cta__button .cmn-cta__button__type:hover, .cmn-cta__button .cmn-cta__button__type--blank:hover, .cmn-cta__button .cmn-cta__button__type--pdf:hover, .cmn-cta__button .cmn-cta__button__type--excel:hover, .cmn-cta__button .cmn-cta__button__type--word:hover, .cmn-cta__button .cmn-cta__button__type--powerpoint:hover, .cmn-cta__button .cmn-cta__button__type--zip:hover, .cmn-cta__button .cmn-cta__button__type--modal:hover, .cmn-cta__button .cmn-cta__button__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); } .cmn-cta__button__type .cmn-cta__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type:hover .cmn-cta__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .cmn-cta__button .cmn-cta__button__type--blank:hover .cmn-cta__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .cmn-cta__button .cmn-cta__button__type--blank .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--pdf:hover .cmn-cta__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .cmn-cta__button .cmn-cta__button__type--pdf .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--excel:hover .cmn-cta__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#excel2-usage"); } .cmn-cta__button .cmn-cta__button__type--excel .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--word:hover .cmn-cta__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#word2-usage"); } .cmn-cta__button .cmn-cta__button__type--word .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--powerpoint:hover .cmn-cta__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#powerpoint2-usage"); } .cmn-cta__button .cmn-cta__button__type--powerpoint .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--zip:hover .cmn-cta__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .cmn-cta__button .cmn-cta__button__type--zip .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--modal:hover .cmn-cta__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .cmn-cta__button .cmn-cta__button__type--modal .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--rss:hover .cmn-cta__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#rss2-usage"); } .cmn-cta__button .cmn-cta__button__type--rss .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button__filesize { font-weight: 500; } .cmn-cta__inquiry { margin: 3.8rem 0 0; } .cmn-cta__inquiry__title { padding: 2.6rem 2.9rem; font-size: 2.4rem; font-weight: 700; } .cmn-cta__inquiry__detail { padding: 2.6rem 2.9rem; } .cmn-cta__inquiry .cmn-cta__inquiry__button-wrap { margin: 2.9rem 0 0 0; } .cmn-cta__inquiry .cmn-cta__inquiry__button-wrap[data-col-pc] { row-gap: 2.9rem; } .cmn-cta__inquiry__button-wrap { -webkit-column-gap: var(--gap-col-gap); -moz-column-gap: var(--gap-col-gap); row-gap: 29px; flex-flow: row nowrap; margin-top: 4.5rem; column-gap: var(--gap-col-gap); } .cmn-cta__inquiry__button { min-width: min(376px, 100%); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss { font-weight: 700; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss { padding: 1.6rem 2.2rem; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type:hover, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank:hover, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf:hover, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel:hover, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word:hover, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint:hover, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip:hover, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal:hover, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); } .cmn-cta__inquiry__button__type .cmn-cta__inquiry__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type:hover .cmn-cta__inquiry__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank:hover .cmn-cta__inquiry__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf:hover .cmn-cta__inquiry__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel:hover .cmn-cta__inquiry__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#excel2-usage"); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word:hover .cmn-cta__inquiry__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#word2-usage"); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint:hover .cmn-cta__inquiry__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#powerpoint2-usage"); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip:hover .cmn-cta__inquiry__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal:hover .cmn-cta__inquiry__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss:hover .cmn-cta__inquiry__button__label:after { background-image: url("/app-files/img/sprite/icon.svg#rss2-usage"); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button__filesize { font-weight: 500; } .cmn-product-category-hero { -webkit-column-gap: 3.6rem; -moz-column-gap: 3.6rem; display: flex; flex-flow: row-reverse nowrap; column-gap: 3.6rem; } .cmn-product-category-hero + * { margin-top: 5.5rem !important; } .cmn-product-category-hero__head { flex-shrink: 0; width: 788px; padding-bottom: 2.6rem; } .cmn-product-category-hero__body { flex: 1 1; width: 100%; } .cmn-product-category-hero__lead { font-weight: 700; } .cmn-product-category-hero__button-wrap { margin: 2.9rem 0 0 0; } .cmn-product-category-hero__button-wrap[data-col-pc] { row-gap: 2.9rem; } .cmn-product-category-hero__carousel { margin-block: 4.2rem 0; margin-inline: 0; width: 100%; max-width: 1200px; } .Main__sidelayout__content .cmn-product-category-hero__carousel { width: 910px; } .cmn-product-category-hero__carousel__list > .slick-list { margin: 0 calc(-1 * var(--gap-col-gap) / 2); } .cmn-product-category-hero__carousel__item { padding: 0 calc(var(--gap-col-gap) / 2) 35px calc(var(--gap-col-gap) / 2); line-height: 1.6; } .cmn-product-category-hero__carousel__image { box-shadow: 0 20px 21px 0 rgba(0, 0, 0, 0.2); } .cmn-product-category-hero__carousel__image > img { overflow: hidden; border-radius: var(--radius-L); } .cmn-product-category-hero__carousel .slick-arrow { width: 40px; height: 40px; } .cmn-product-category-hero__carousel .slick-arrow:hover { border-color: var(--color-base-black); background-color: var(--color-base-black); } .cmn-product-category-hero__carousel .slick-arrow:hover:after { background-color: var(--color-base-black); background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .cmn-product-category-hero__carousel .slick-arrow:after { width: 8px; height: 14px; } .cmn-product-category-hero__carousel .slick-arrow.slick-prev { left: 0; } .cmn-product-category-hero__carousel .slick-arrow.slick-next { right: 0; } .cmn-product-category-hero__carousel__control { gap: 0 1.9rem; z-index: 2; position: absolute; right: 0; bottom: -25px; justify-content: right; margin: 2.2rem 0 0; } .cmn-product-category-hero__carousel__pager > .slick-dots { gap: 3px 19px; } .cmn-product-category-hero__carousel__pager > .slick-dots > li > button:hover { background-color: var(--color-base-accent); } .cmn-product-category-hero__carousel__switch__pause:hover, .cmn-product-category-hero__carousel__switch__play:hover { background-color: var(--color-base-black); } .cmn-product-category-hero__carousel__switch__pause:hover:before, .cmn-product-category-hero__carousel__switch__pause:hover:after { background-color: var(--color-base-white); } .cmn-product-category-hero__carousel__switch__play:hover:before { border-left-color: var(--color-base-white); } .cmn-product-category-hero__carousel[data-banner-pc="5"] .cmn-product-category-hero__carousel__list > .slick-list { margin: 0 -12px; } .cmn-product-category-hero__carousel[data-banner-pc="5"] .cmn-product-category-hero__carousel__item { padding: 0 12px; } .cmn-product-category-hero__carousel[data-banner-pc="6"] .cmn-product-category-hero__carousel__list > .slick-list { margin: 0 -10px; } .cmn-product-category-hero__carousel[data-banner-pc="6"] .cmn-product-category-hero__carousel__item { padding: 0 10px; } .cmn-related-products-carousel { margin-block: 4.2rem 0; margin-inline: 0; width: 100%; max-width: 1200px; } .Main__sidelayout__content .cmn-related-products-carousel { width: 910px; } .cmn-related-products-carousel__list { padding-inline: calc(40px + 19px); } .cmn-related-products-carousel__list.is-static-pc { padding-inline: 0 !important; } .cmn-related-products-carousel__list.is-static-pc > .slick-list > .slick-track { margin: 0 !important; } .cmn-related-products-carousel__list > .slick-list { margin: 0 calc(-1 * var(--gap-col-gap) / 2); } .cmn-related-products-carousel__item { padding: 0 calc(var(--gap-col-gap) / 2); line-height: 1.6; } .cmn-related-products-carousel__card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-related-products-carousel__card__title { text-decoration: underline; } .cmn-related-products-carousel__card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-related-products-carousel__card__image img { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0); } .cmn-related-products-carousel__card__body { margin-top: 2rem; } .cmn-related-products-carousel__card__title { font-weight: 700; } .cmn-related-products-carousel .slick-arrow { width: 40px; height: 40px; } .cmn-related-products-carousel .slick-arrow:hover { border-color: var(--color-base-black); background-color: var(--color-base-black); } .cmn-related-products-carousel .slick-arrow:hover:after { background-color: var(--color-base-black); background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .cmn-related-products-carousel .slick-arrow:after { width: 8px; height: 14px; } .cmn-related-products-carousel .slick-arrow.slick-prev { left: 0; } .cmn-related-products-carousel .slick-arrow.slick-next { right: 0; } .cmn-related-products-carousel__control { gap: 0 1.9rem; margin: 2.2rem 0 0; } .cmn-related-products-carousel__pager > .slick-dots { gap: 3px 19px; } .cmn-related-products-carousel__pager > .slick-dots > li > button:hover { background-color: var(--color-base-accent); } .cmn-related-products-carousel__switch__pause:hover, .cmn-related-products-carousel__switch__play:hover { background-color: var(--color-base-black); } .cmn-related-products-carousel__switch__pause:hover:before, .cmn-related-products-carousel__switch__pause:hover:after { background-color: var(--color-base-white); } .cmn-related-products-carousel__switch__play:hover:before { border-left-color: var(--color-base-white); } .cmn-related-products-carousel[data-banner-pc="5"] .cmn-related-products-carousel__list > .slick-list { margin: 0 -12px; } .cmn-related-products-carousel[data-banner-pc="5"] .cmn-related-products-carousel__item { padding: 0 12px; } .cmn-related-products-carousel[data-banner-pc="6"] .cmn-related-products-carousel__list > .slick-list { margin: 0 -10px; } .cmn-related-products-carousel[data-banner-pc="6"] .cmn-related-products-carousel__item { padding: 0 10px; } .cmn-exhibition { align-items: center; justify-content: center; margin-top: 3.2rem; } .cmn-exhibition__head { font-size: var(--font-font-size--M, 16px); font-weight: 700; line-height: 1.6; } .cmn-exhibition-sns-list { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; margin-left: 3.6rem; padding-left: 0; column-gap: 2rem; } .cmn-exhibition-sns-list__type img:hover { opacity: 0.7; } .cmn-heading-with-icon { margin: 9.9rem 0 0; } body .cmn-heading-with-icon + * { margin-top: 3.5rem; } .cmn-heading-with-icon__inner { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .cmn-heading-with-icon__image { width: 56px; height: 56px; } .cmn-heading-with-icon__title { font-size: 4rem; font-weight: 500; } .cmn-more-button-wrap { -webkit-column-gap: var(--gap-col-gap); -moz-column-gap: var(--gap-col-gap); flex-flow: row nowrap; margin: 2.9rem 0 0 0; column-gap: var(--gap-col-gap); } .cmn-more-button-wrap[data-col-pc] { row-gap: 2.9rem; } .cmn-more-button { padding: 1.3rem 2.2rem; font-weight: 700; } .cmn-more-button:not([data-size-pc]) { min-width: 286px; } .cmn-more-button:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); color: var(--color-base-white); } .cmn-more-button:hover .cmn-more-button__label:before, .cmn-more-button:hover .cmn-more-button__label:after { background: var(--color-base-white); } [class*="button-wrap"][data-col-pc]:not([data-col-pc="1"]) > .cmn-more-button { width: 100%; } .cmn-more-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-more-button__label:before, .cmn-more-button__label:after { width: 14px; } .cmn-exhibition-card-wrap { gap: 5.2rem var(--gap-col-gap); display: flex; flex-flow: row wrap; width: 100%; margin-top: 5.1rem; } .cmn-exhibition-card { width: calc((100% - (var(--gap-col-gap) * 2)) / 3); } .cmn-exhibition-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-exhibition-card__title { text-decoration: underline; } .cmn-exhibition-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-exhibition-card__image img { opacity: .7; } .cmn-exhibition-card__head { height: 212px; border-radius: var(--radius-L); } .cmn-exhibition-card__body { margin-top: 2.5rem; } .cmn-exhibition-card__title { font-weight: 700; } .cmn-exhibition-card__filesize { font-weight: 500; } .cmn-exhibition-card__description { margin: 1.3rem 0 0 0; } .cmn-exhibition-card__description .cmn-exhibition-card__description--date, .cmn-exhibition-card__description .cmn-exhibition-card__description--location, .cmn-exhibition-card__description .cmn-exhibition-card__description--price, .cmn-exhibition-card__description .cmn-product-category-heading1__description--date, .cmn-exhibition-card__description .cmn-product-category-heading1__description--location, .cmn-exhibition-card__description .cmn-product-category-heading1__description--price { margin-top: .9rem; padding-left: 3.1rem; font-size: 1.4rem; line-height: 1.6; } .cmn-exhibition-card__description .cmn-exhibition-card__description--date:before, .cmn-exhibition-card__description .cmn-exhibition-card__description--location:before, .cmn-exhibition-card__description .cmn-exhibition-card__description--price:before, .cmn-exhibition-card__description .cmn-product-category-heading1__description--date:before, .cmn-exhibition-card__description .cmn-product-category-heading1__description--location:before, .cmn-exhibition-card__description .cmn-product-category-heading1__description--price:before { width: 22px; height: 22px; } .cmn-exhibition-card__badge { gap: 6px; margin-top: .9rem; } .cmn-exhibition-card__badge .cmn-exhibition-card__badge--live, .cmn-exhibition-card__badge .cmn-exhibition-card__badge--soon, .cmn-exhibition-card__badge .cmn-exhibition-card__badge--end, .cmn-exhibition-card__badge .cmn-exhibition-card__badge--category { min-width: 117px; padding: .2rem 1rem; font-size: 1.2rem; font-weight: 700; line-height: 1.6; } .cmn-exhibition-card__badge--category { min-width: 140px !important; } .cmn-highlight-media { margin-top: 2em; } .cmn-highlight-media[data-media-wraparound="false"] { display: flex; flex-wrap: nowrap; } .cmn-highlight-media[data-media-wraparound="false"][data-media-pc="image-left"] { flex-direction: row; } .cmn-highlight-media[data-media-wraparound="true"] .cmn-highlight-media__head { margin-bottom: 1em; } .cmn-highlight-media__body__title { font-size: var(--font-font-size--XL, 20px); } .cmn-highlight-media__caption, .cmn-highlight-media__caption--center, .cmn-highlight-media__caption--right { margin: 1.3rem 0 0; } .cmn-highlight-media[data-media-pc="image-left"] .cmn-highlight-media__head { margin-right: 2.6rem; } .cmn-highlight-media[data-media-pc="image-left"][data-media-wraparound="true"] .cmn-highlight-media__head { float: left; } .cmn-highlight-media-text { margin: 0.7em 0 0 0; } .cmn-highlight-media-recommend-badge { margin-top: 1.3em; } .cmn-highlight-media-recommend__title { padding: 2px 9px; font-size: 16px; } .cmn-detail-category-heading1 { --heading1-circle-size: 4rem; padding-block: 3.5rem calc(var(--heading1-circle-size) * 2); } body .cmn-detail-category-heading1 + * { margin-top: 5.4rem; } .Main__content .cmn-detail-category-heading1 { width: 100vw; margin-left: calc(50% - 50vw); } .cmn-detail-category-heading1:before, .cmn-detail-category-heading1:after { background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45.19%); } .cmn-detail-category-heading1__inner { padding-inline: 30px; max-width: calc(1200px + 30px * 2); } .cmn-detail-category-heading1__title { margin-top: 0.1em; font-size: 3.6rem; } .cmn-detail-category-heading1__subtitle { font-size: 2.0rem; } .cmn-detail-category__head { width: 100px; } .cmn-detail-category__body { gap: 10px; flex: 1 1; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; align-self: stretch; } .cmn-detail-category-wrap { margin-top: 0.7em; } .cmn-detail-category__heading-badge { min-width: 68px; min-height: 25px; padding: 3px 10px; font-size: var(--font-font-size--XS); } .cmn-detail-category__heading-badge-wrap { gap: 10px; } .cmn-detail-category-date-wrap { flex-wrap: nowrap; } .cmn-detail-category-public__text { font-size: 14px; font-weight: 400; line-height: 1.6; } .cmn-detail-category-update__text { font-size: 1.4rem; } .cmn-category-events-accordion + .cmn-category-events-accordion { margin-top: 1.9rem; } .cmn-category-events-accordion__head { padding: 2.4rem 2.6rem 2.2rem; } .cmn-category-events-accordion__head:hover .cmn-category-events-accordion__title { text-decoration: underline; } .cmn-category-events-accordion__subtitle { font-size: var(--font-font-size--S, 14px); font-weight: 700; } .cmn-category-events-accordion__title { margin-top: 0.5em; padding-right: calc(2.6rem + 21px); font-weight: 700; } .cmn-category-events-accordion__title:before, .cmn-category-events-accordion__title:after { top: -10%; width: 21px; } .cmn-category-events-accordion__body { padding: 2.2rem 2.6rem; } .cmn-registration__button .cmn-registration__button__type, .cmn-registration__button .cmn-registration__button__type--blank, .cmn-registration__button .cmn-registration__button__type--pdf, .cmn-registration__button .cmn-registration__button__type--excel, .cmn-registration__button .cmn-registration__button__type--word, .cmn-registration__button .cmn-registration__button__type--powerpoint, .cmn-registration__button .cmn-registration__button__type--zip, .cmn-registration__button .cmn-registration__button__type--modal, .cmn-registration__button .cmn-registration__button__type--rss, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss { padding: 1.6rem 2.2rem; font-weight: 700; } .cmn-registration__button .cmn-registration__button__type:hover, .cmn-registration__button .cmn-registration__button__type--blank:hover, .cmn-registration__button .cmn-registration__button__type--pdf:hover, .cmn-registration__button .cmn-registration__button__type--excel:hover, .cmn-registration__button .cmn-registration__button__type--word:hover, .cmn-registration__button .cmn-registration__button__type--powerpoint:hover, .cmn-registration__button .cmn-registration__button__type--zip:hover, .cmn-registration__button .cmn-registration__button__type--modal:hover, .cmn-registration__button .cmn-registration__button__type--rss:hover, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type:hover, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank:hover, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf:hover, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel:hover, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word:hover, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint:hover, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip:hover, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal:hover, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); } .cmn-registration__button-v2 .cmn-registration__button-v2__type, .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank, .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf, .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel, .cmn-registration__button-v2 .cmn-registration__button-v2__type--word, .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint, .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip, .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal, .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss { padding: 1.3rem 2.2rem; font-weight: 700; } .cmn-registration__button-v2 .cmn-registration__button-v2__type:hover, .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank:hover, .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf:hover, .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel:hover, .cmn-registration__button-v2 .cmn-registration__button-v2__type--word:hover, .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint:hover, .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip:hover, .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal:hover, .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss:hover { border-color: var(--color-sub-5); background-color: var(--color-sub-5); color: var(--color-base-white); } .cmn-registration { margin-top: 6.2em; } .cmn-registration__text { margin-top: 1.3em; } .cmn-registration__button .cmn-registration__button__type .cmn-registration__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--blank .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--pdf .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--excel .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--word .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--powerpoint .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--zip .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--modal .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--rss .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button__filesize { font-weight: 500; } .cmn-registration__button-wrap { margin: 2.9rem 0 0 0; } .cmn-registration__button-wrap[data-col-pc] { row-gap: 2.9rem; } .cmn-registration__button-wrap > * { width: 412px; } .cmn-registration__button-v2 .cmn-registration__button-v2__type:hover .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .cmn-registration__button-v2 .cmn-registration__button-v2__type .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank:hover .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf:hover .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel:hover .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#excel2-usage"); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--word:hover .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#word2-usage"); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--word .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint:hover .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#powerpoint2-usage"); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip:hover .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal:hover .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss:hover .cmn-registration__button-v2__label:after { background-image: url("/app-files/img/sprite/icon.svg#rss2-usage"); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2__filesize { font-weight: 500; } .cmn-registration__button-v2-wrap { margin: 2.9rem 0 0 0; } .cmn-registration__button-v2-wrap[data-col-pc] { row-gap: 2.9rem; } .cmn-registration__button-v2-wrap > * { width: 402px; } .cmn-registration__box { padding: 20px 30px; border-radius: var(--radius-L); } .cmn-registration__box__head { padding-bottom: 18px; } .cmn-registration__box__title { font-size: 24px; } .cmn-blog-card-badge, .cmn-blog-card-badge--type, .cmn-blog-card-badge--category { min-width: 69px; min-height: 25px; padding: 3px 10px; font-size: var(--font-font-size--XS); font-weight: 700; } .cmn-blog-column { gap: 5.2rem var(--gap-col-gap); margin: 2em 0 0 0; } .cmn-blog-card-wrap { row-gap: 7.3rem; margin-top: 5.1rem; } .cmn-blog-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-blog-card__title { text-decoration: underline; } .cmn-blog-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-blog-card__image img { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0); } .cmn-blog-card__inner { gap: 2.3rem; flex-direction: column; } [data-card-pc="row"] .cmn-blog-card__head { flex-shrink: 0; width: 286px; } [data-card-pc="col"] .cmn-blog-card__head { display: block; width: 100%; } [data-card-pc="row"] .cmn-blog-card__body { width: 100%; } [data-card-pc="col"] .cmn-blog-card__head + .cmn-blog-card__body { margin-block: 2.2rem 0; } .cmn-blog-card__contents { margin-top: 1.5rem; } .cmn-blog-card__title { font-weight: 700; } .cmn-blog-card__date { font-size: var(--font-font-size--M); } .cmn-blog-card__category { gap: 10px; } .cmn-product-category-heading1 { --heading1-circle-size: 4rem; padding-block: 3.5rem calc(var(--heading1-circle-size) * 2); } body .cmn-product-category-heading1 + * { margin-top: 5.4rem; } .Main__content .cmn-product-category-heading1 { width: 100vw; margin-left: calc(50% - 50vw); } .cmn-product-category-heading1:before, .cmn-product-category-heading1:after { background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45.19%); } .cmn-product-category-heading1__inner { gap: 52px; align-items: center; max-width: 1200px; } .cmn-product-category-heading1__body { width: 500px; } .cmn-product-category-heading1__title { margin-top: 0.14em; font-size: 40px; } .cmn-product-category-heading1__subtitle { font-size: var(--font-font-size--XL, 20px); } .cmn-product-category-heading1__category { margin-top: 0.8em; } .cmn-product-category-heading1-badge { min-width: 116px; min-height: 25px; padding: 2px 10px; font-size: var(--font-font-size--XS); } .cmn-product-category-heading1__box { padding-block: 2.6rem; padding-inline: 2rem; } .cmn-product-category-heading1__box__body { margin: .8em 0 0; } .cmn-product-category-heading1__box__title { font-weight: 700; line-height: 1.6; } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type .cmn-product-category-heading1__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button__filesize { font-weight: 500; } .cmn-product-category-heading1__button-wrap { gap: 20px; margin: 2.9rem 0 0 0; } .cmn-product-category-heading1__button-wrap[data-col-pc] { row-gap: 2.9rem; } .cmn-product-category-heading1__description { margin: 1.3rem 0 0 0; } .cmn-product-category-heading1__description .cmn-exhibition-card__description--date, .cmn-product-category-heading1__description .cmn-exhibition-card__description--location, .cmn-product-category-heading1__description .cmn-exhibition-card__description--price, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--date, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--location, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--price { margin-top: .9rem; padding-left: 3.2rem; font-size: 1.4rem; line-height: 1.6; } .cmn-product-category-heading1__description .cmn-exhibition-card__description--date:before, .cmn-product-category-heading1__description .cmn-exhibition-card__description--location:before, .cmn-product-category-heading1__description .cmn-exhibition-card__description--price:before, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--date:before, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--location:before, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--price:before { width: 22px; height: 22px; } .cmn-step-with-anchor__list[data-col-pc] { gap: 1.9rem 3.8rem; } .cmn-step-with-anchor__list[data-col-pc="1"] > * { width: 100%; } .cmn-step-with-anchor__list[data-col-pc="2"] > * { width: calc((100% - (3.8rem * 1)) / 2); } .cmn-step-with-anchor__list[data-col-pc="3"] > * { width: calc((100% - (3.8rem * 2)) / 3); } .cmn-step-with-anchor__list[data-col-pc="4"] > * { width: calc((100% - (3.8rem * 3)) / 4); } .cmn-step-with-anchor__list[data-col-pc="5"] > * { width: calc((100% - (3.8rem * 4)) / 5); } .cmn-step-with-anchor__list[data-col-pc="6"] > * { width: calc((100% - (3.8rem * 5)) / 6); } .cmn-step-with-anchor__list > li + li:before { -webkit-transform: translate(-100%, -50%); top: 50%; left: -10px; width: 0; height: 0; transform: translate(-100%, -50%); border-top: 19px solid transparent; border-right: 0; border-bottom: 19px solid transparent; border-left: 18px solid var(--color-sub-2); border-style: solid; } .cmn-step-with-anchor__link { row-gap: 6px; padding: 1.6rem; } .cmn-step-with-anchor__link:hover .cmn-step-with-anchor__label { color: var(--color-font-hover); text-decoration: underline; } .cmn-step-with-anchor__icon { padding: 3px 2rem; border-radius: 200px; font-size: 1.8rem; font-weight: 700; } .cmn-step-with-anchor__body { row-gap: 6px; } .cmn-step-with-anchor__label { padding-right: calc(14px + var(--gap-link-gap)); font-size: 2.4rem; font-weight: 700; } .Main__sidelayout__content .cmn-step-with-anchor__label { font-size: 2rem; } .cmn-step-with-anchor__label:before { -webkit-transform: translateY(-50%) rotate(90deg); top: 50%; right: 3px; transform: translateY(-50%) rotate(90deg); } .cmn-case-heading1 { --heading1-circle-size: 4rem; padding-block: 3.5rem calc(var(--heading1-circle-size) * 2); } body .cmn-case-heading1 + * { margin-top: 5.4rem; } .Main__content .cmn-case-heading1 { width: 100vw; margin-left: calc(50% - 50vw); } .cmn-case-heading1:before, .cmn-case-heading1:after { background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45.19%); } .cmn-case-heading1__inner { padding-inline: 30px; max-width: calc(1200px + 30px * 2); } .cmn-case-heading1__title { font-size: 4.0rem; font-weight: 500; } .cmn-case-heading1__subtitle { font-size: var(--font-font-size--XL); font-weight: 500; } .cmn-case-heading1__description { gap: 10px; margin: 10px 0 0; font-size: 14px; } .cmn-case-heading1__category { gap: 10px; margin: 10px 0 0; } .cmn-case-heading1__badge { padding: 3px 10px; } .cmn-case-heading1__tag { gap: 10px; margin: 10px 0 0; font-size: 14px; } .cmn-case-card { margin-top: 51px; } .cmn-case-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-case-card__title { text-decoration: underline; } .cmn-case-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-case-card__image > img { -webkit-transform: scale(1.1); transform: scale(1.1); } .cmn-case-card__image { width: 100%; border: 1px solid #DDDDDD; border-radius: 16px; } .Main__sidelayout__content .cmn-case-card__image { width: 100%; height: 100%; border: 1px solid #DDDDDD; border-radius: 16px; } .cmn-case-card__icon { top: 177px; left: 0; width: 117px; height: 35px; padding: 5px 10px 0 0; border-top-right-radius: 16px; } .cmn-case-card__icon > img { width: 100%; height: 100%; } .Main__sidelayout__content .cmn-case-card__icon { top: 126px; } .cmn-case-card__contents { margin-top: 22px; } .cmn-case-card__title { font-size: 20px; } .cmn-case-card__description { gap: 10px; margin: 10px 0 0; } .cmn-case-card__category { gap: 5px 10px; margin: 10px 0 0; } .cmn-case-card__badge { padding: 3px 10px; } .cmn-case-card__tag { gap: 10px; margin: 10px 0 0; } .cmn-case-card__error { margin: 35px 0 0 0; } .cmn-case-example-card { display: flex; padding: 20px; } .cmn-case-example-card__title { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 145px; margin-right: 20px; font-size: 2.4rem; } .cmn-case-example-card__title:after { position: absolute; top: 0; right: -19px; width: 1px; height: 100%; background-color: #DDDDDD; content: ''; } .cmn-case-example-card__content { flex: 1 1; padding-left: 19px; } .cmn-case-example-card__highlight { display: flex; padding: 20px; border-radius: 16px; background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45.19%); } .cmn-case-example-card__highlight__title { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 145px; margin-top: 3px; margin-right: 20px; font-size: 2.4rem; } .cmn-case-example-card__highlight__title:after { position: absolute; top: 0; right: -19px; width: 1px; height: 100%; background-color: #DDD; content: ''; } .cmn-case-example-card__highlight__content { gap: 20px; margin-block: 6px; flex: 1 1; padding-left: 19px; } .cmn-case-example-card__highlight__content:has(.cmn-case-example-card__highlight-figure-wrap) .cmn-case-example-card__highlight-list-wrap { width: 690px; margin-top: 12px; } .Main__sidelayout__content .cmn-case-example-card__highlight__content:has(.cmn-case-example-card__highlight-figure-wrap) .cmn-case-example-card__highlight-list-wrap { width: 495px; margin-top: 3px; } .cmn-case-example-card__highlight-figure__title { margin-bottom: 1.3rem; font-weight: 700; } .cmn-case-example-card__highlight-figure__frame { max-width: 208px; } .cmn-case-example-card__highlight-figure__caption { margin-top: 1.3rem; } .cmn-case-example-card__highlight-unorder-list { gap: 1.6rem var(--gap-col-gap); } .cmn-case-example-card__highlight-unorder-list > li { padding-left: calc(10px + 10px); } .cmn-case-example-card__highlight-unorder-list > li:before { top: .45em; width: 10px; height: 10px; } .cmn-filter-search-category__section { padding-bottom: 20px; border-bottom: 1px solid #DDDDDD; } .cmn-filter-search-category__section + .cmn-filter-search-category__section { margin-top: 20px; } .cmn-filter-search-index-checkbox { gap: 16px 26px; display: flex; flex-wrap: wrap; margin: 16px 0 0 0; padding: 0; list-style: none; } .cmn-filter-search-index-checkbox__label { display: inline-block; position: relative; padding-left: 30px; font-size: 1.6rem; } .cmn-strengths-anchor-navi { margin-top: 32px; padding: 22px; } .cmn-strengths-anchor-navi__list { gap: 31px 21px; flex-flow: row wrap; width: 100%; } .cmn-strengths-anchor-navi__list > li { flex-direction: column; width: calc((100% - (42px)) / 3); } .cmn-strengths-anchor-navi__list > li:not(:nth-child(3n)):after { position: absolute; right: calc(-21px / 2); width: 1px; height: 100%; background: #c8d2d8; content: ""; } .cmn-strengths-anchor-navi__list > li:nth-child(-n+3):nth-last-child(n+4):before { position: absolute; bottom: calc(-31px / 2); width: 100%; height: 1px; background: #c8d2d8; content: ""; } .cmn-strengths-anchor-navi__lead { padding: 3px 20px; font-size: var(--font-font-size--M, 16px); } .cmn-strengths-anchor-navi__link { margin-top: 10px; padding-right: calc(14px + var(--gap-link-gap)); } .cmn-strengths-anchor-navi__link:hover { color: var(--color-font-hover); text-decoration: underline; } .cmn-strengths-anchor-navi__link:after { -webkit-transform: translateY(-50%) rotate(90deg); position: absolute; top: 50%; right: 3px; transform: translateY(-50%) rotate(90deg); } .cmn-strengths-anchor-navi__link:hover .cmn-strengths-anchor-navi__label { text-decoration: underline; } .cmn-strengths-anchor-navi__label { display: inline-block; font-size: 16px; text-align: center; } .cmn-inquiry { margin: 9.9rem 0 0; } .cmn-inquiry__title { padding: 2.6rem 2.9rem; font-size: 2.4rem; font-weight: 700; } .cmn-inquiry__detail { padding: 2.6rem 2.9rem; } .cmn-inquiry__note-list { row-gap: 1rem; margin: 1.6rem 0 0 0; } .cmn-inquiry__note-list > li { padding-left: calc(1em + 10px); } .cmn-inquiry__column { -webkit-column-gap: 50px; -moz-column-gap: 50px; display: flex; flex-flow: row nowrap; justify-content: center; column-gap: 50px; } .cmn-inquiry__column__title { font-size: 2.8rem; font-weight: 700; } .cmn-inquiry__contact { -webkit-column-gap: 2.6rem; -moz-column-gap: 2.6rem; flex-flow: row nowrap; width: 100%; margin-top: 1.6rem; column-gap: 2.6rem; } .cmn-inquiry__contact__office { font-weight: 700; } .cmn-inquiry__contact__info__tel { font-size: 30px; font-weight: 700; } .cmn-inquiry__related { font-size: 1.8rem; font-weight: 700; } .cmn-inquiry__contact-v2 { gap: 1rem; width: 100%; } .cmn-inquiry__contact-v2__office { font-weight: 700; } .cmn-inquiry__contact-v2__info__tel { font-size: 30px; font-weight: 700; } .cmn-evaluation-carousel { margin-block: 4.2rem 0; margin-inline: 0; } .cmn-evaluation-carousel__list { padding-inline: calc(40px + 19px); } .cmn-evaluation-carousel__list > .slick-list { margin: 0 calc(-1 * var(--gap-col-gap) / 2); } .cmn-evaluation-carousel__item { padding: 0 calc(var(--gap-col-gap) / 2); line-height: 1.6; } .cmn-evaluation-carousel__item__type { -webkit-column-gap: 22px; -moz-column-gap: 22px; column-gap: 22px; } .cmn-evaluation-carousel__item__head { width: 30%; } .cmn-evaluation-carousel__item__image > img { -webkit-transform: translateZ(0); transform: translateZ(0); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: transform; } .cmn-evaluation-carousel__item__title { font-weight: 700; } .cmn-evaluation-carousel .slick-arrow { width: 40px; height: 40px; } .cmn-evaluation-carousel .slick-arrow:hover { border-color: var(--color-base-black); background-color: var(--color-base-black); } .cmn-evaluation-carousel .slick-arrow:hover:after { background-color: var(--color-base-black); background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .cmn-evaluation-carousel .slick-arrow:after { width: 8px; height: 14px; } .cmn-evaluation-carousel .slick-arrow.slick-prev { left: 0; } .cmn-evaluation-carousel .slick-arrow.slick-next { right: 0; } .cmn-evaluation-carousel__control { gap: 0 1.9rem; margin: 2.2rem 0 0; } .cmn-evaluation-carousel__pager > .slick-dots { gap: 3px 19px; } .cmn-evaluation-carousel__pager > .slick-dots > li > button:hover { background-color: var(--color-base-accent); } .cmn-evaluation-carousel__switch__pause:hover, .cmn-evaluation-carousel__switch__play:hover { background-color: var(--color-base-black); } .cmn-evaluation-carousel__switch__pause:hover:before, .cmn-evaluation-carousel__switch__pause:hover:after { background-color: var(--color-base-white); } .cmn-evaluation-carousel__switch__play:hover:before { border-left-color: var(--color-base-white); } .cmn-evaluation-carousel[data-banner-pc="5"] .cmn-evaluation-carousel__item__list > .slick-list { margin: 0 -12px; } .cmn-evaluation-carousel[data-banner-pc="5"] .cmn-evaluation-carousel__item__item { padding: 0 12px; } .cmn-evaluation-carousel[data-banner-pc="6"] .cmn-evaluation-carousel__item__list > .slick-list { margin: 0 -10px; } .cmn-evaluation-carousel[data-banner-pc="6"] .cmn-evaluation-carousel__item__item { padding: 0 10px; } .cmn-centering-card-wrap { row-gap: 5.1rem; margin: 5.1rem 0 0 0; } .cmn-centering-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-centering-card__title, .cmn-centering-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-centering-card__title--center { text-decoration: underline; } .cmn-centering-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-centering-card__image img, .cmn-centering-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-centering-card__image--aspect-fixed img { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0); } .cmn-centering-card__head { width: 100%; } .cmn-centering-card__head + .cmn-centering-card__body { margin-block: 2.2rem 0; } .cmn-centering-card__image--aspect-fixed img { -o-object-fit: scale-down; -o-object-position: center center; width: 100%; height: 100%; object-fit: scale-down; object-position: center center; } .cmn-centering-card__title { font-weight: 700; } .cmn-centering-card__title--center { font-weight: 700; } .cmn-centering-card__filesize { font-weight: 500; } .cmn-centering-card__description { margin: 1.3rem auto 0; } .cmn-technology-blog-card-wrap { row-gap: 5.1rem; margin: 5.1rem 0 0 0; } .cmn-technology-blog-card > [class*="__type"] { gap: 0 2.2rem; } .cmn-technology-blog-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-technology-blog-card__title { text-decoration: underline; } .cmn-technology-blog-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-technology-blog-card__image img, .cmn-technology-blog-card > [class*="__type"]:not([class*="--nolink"]):hover .cmn-technology-blog-card__image--aspect-fixed img { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0); } .cmn-technology-blog-card__head { flex-shrink: 0; width: calc(50% - 2.2rem); } .cmn-technology-blog-card__body { width: 100%; } .cmn-technology-blog-card__title { font-size: 1.6rem; font-weight: 700; } .cmn-technology-blog-card__filesize { font-weight: 500; } .cmn-technology-blog-card__description { margin: 1.3rem 0 0 0; } .Main__content .cmn-heading-card-wrap { width: 100vw; margin-left: calc(50% - 50vw); } .cmn-heading-card-wrap:before { display: block; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 4rem); border-bottom-right-radius: 4rem; background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45.19%); content: ""; } .cmn-heading-card-wrap:after { --heading1-circle-size: 3rem; -webkit-mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); -webkit-mask-position: left bottom; -webkit-mask-repeat: no-repeat; -webkit-mask-size: var(--heading1-circle-size) var(--heading1-circle-size); display: block; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45.19%); content: ""; mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); mask-position: left bottom; mask-repeat: no-repeat; mask-size: var(--heading1-circle-size) var(--heading1-circle-size); } .cmn-heading-card { margin-inline: auto; max-width: 1200px; padding: 35px 0px 40px; } .cmn-heading-card__pickup-label { padding-bottom: 8px; font-size: 20px; } .cmn-heading-card__pickup-label:after { z-index: 2; position: absolute; bottom: 0; left: calc(50% - 20px); width: 40px; height: 4px; content: ""; } .cmn-heading-card__carousel { margin-inline: 0; width: 100%; max-width: 1200px; margin-top: 5.2rem; } .Main__sidelayout__content .cmn-heading-card__carousel { width: 910px; } .cmn-heading-card__carousel__list > .slick-list > .slick-track { gap: 20px; display: flex; } .cmn-heading-card__carousel__item { line-height: 1.6; } .cmn-heading-card__carousel__control { gap: 0 1.9rem; z-index: 2; right: 0; bottom: -60px; justify-content: center; margin: 2.2rem 0 2.2rem; } .cmn-heading-card__carousel__pager > .slick-dots { gap: 3px 19px; } .cmn-heading-card__carousel__pager > .slick-dots > li > button:hover { background-color: var(--color-base-accent); } .cmn-heading-card__carousel__switch__pause:hover, .cmn-heading-card__carousel__switch__play:hover { background-color: var(--color-base-black); } .cmn-heading-card__carousel__switch__pause:hover:before, .cmn-heading-card__carousel__switch__pause:hover:after { background-color: var(--color-base-white); } .cmn-heading-card__carousel__switch__play:hover:before { border-left-color: var(--color-base-white); } .cmn-heading-card__carousel[data-banner-pc="5"] .cmn-heading-card__carousel__list > .slick-list { margin: 0 -12px; } .cmn-heading-card__carousel[data-banner-pc="5"] .cmn-heading-card__carousel__item { padding: 0 12px; } .cmn-heading-card__carousel[data-banner-pc="6"] .cmn-heading-card__carousel__list > .slick-list { margin: 0 -10px; } .cmn-heading-card__carousel[data-banner-pc="6"] .cmn-heading-card__carousel__item { padding: 0 10px; } .cmn-heading-card__carousel__item > [class*="__type"] { gap: 20px; display: flex; padding: 30px; } .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]):hover .cmn-heading-card__carousel__title { text-decoration: underline; } .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]):hover .cmn-heading-card__carousel__image > img { -webkit-transform: scale(1.1); transform: scale(1.1); } .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"] { gap: 24px; display: flex; padding: 30px 0 20px 0; } .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]):hover .cmn-heading-card__carousel__title { -webkit-text-decoration: underline 1px; color: var(--color-font-hover); text-decoration: underline 1px; } .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]):hover .cmn-heading-card__carousel__image > img { -webkit-transform: scale(1.1); transform: scale(1.1); } .cmn-heading-card__carousel__head { position: relative; flex-shrink: 0; width: 548px; } .Main__sidelayout__content .cmn-heading-card__carousel__head { position: relative; flex-shrink: 0; width: 433px; } .cmn-heading-card__carousel__head .img { border-radius: 16px; } .cmn-heading-card__carousel__image { width: 100%; overflow: hidden; border-radius: 12px; } .cmn-heading-card__carousel__icon { bottom: 0px; left: 0; width: 235px; height: 60px; padding: 10px 20px 0 0; border-top-right-radius: 16px; } .Main__sidelayout__content .cmn-heading-card__carousel__icon { bottom: 0px; left: 0; width: 182px; height: 60px; padding: 5px 10px 0 0; border-top-right-radius: 16px; } .cmn-heading-card__carousel__icon > img { width: 100%; height: 100%; } .cmn-heading-card__carousel__body { flex: 1 1; margin: auto; } .Main__sidelayout__content .cmn-heading-card__carousel__body { flex: 1 1; margin: 64px 0 0 0; } .cmn-heading-card__carousel__title { font-size: 26px; } .Main__sidelayout__content .cmn-heading-card__carousel__title { font-size: 20px; } .cmn-heading-card__carousel__description { gap: 10px; margin: 10px 0 0; font-size: 14px; } .Main__sidelayout__content .cmn-heading-card__carousel__description { gap: 10px; margin: 8px 0 0; font-size: 10px; } .cmn-heading-card__carousel__category { gap: 10px; margin: 10px 0 0; } .cmn-heading-card__carousel__badge { padding: 2px 10px; } .cmn-heading-card__carousel__tag { gap: 10px; margin: 10px 0 0; font-size: 10px; } .cmn-heading-card:not([class*="--nolink"]) .cmn-heading-card__title:before { top: 13px; left: 100px; } .slick-arrow { width: 40px; height: 40px; } .slick-arrow:hover { border-color: var(--color-base-black); background-color: var(--color-base-black); } .slick-arrow:hover:after { background-color: var(--color-base-black); background-image: url("/app-files/img/sprite/icon.svg#arrow2-usage"); } .slick-arrow:after { width: 8px; height: 14px; } .slick-arrow.slick-prev { left: 0; } .slick-arrow.slick-next { right: 0; } .cmn-heading1-card { margin-inline: auto; max-width: 1200px; } .cmn-heading1-card__subtitle { font-size: 20px; line-height: 1.4; } .cmn-heading1-card__title { margin: 6px 0 0 0; font-size: 52px; line-height: 1.4; } .cmn-heading1 { --cmn-heading1-circle-size: 4rem; padding-block: 0 var(--cmn-heading1-circle-size); flex-direction: row-reverse; overflow: hidden; } body .cmn-heading1 + * { margin-top: 5.4rem; } .cmn-heading1:before { display: block; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - var(--cmn-heading1-circle-size)); border-bottom-right-radius: var(--cmn-heading1-circle-size); background: linear-gradient(90deg, var(--color-sub-2) 55%, rgba(246, 245, 249, 0) 80%); content: ""; } .cmn-heading1:after { bottom: 0; background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45.19%); } .Main__content .cmn-heading1 { width: 100vw; margin-left: calc(50% - 50vw); } .cmn-heading1__inner { position: relative; overflow: hidden; border-bottom-right-radius: var(--cmn-heading1-circle-size); } .cmn-heading1__image { -webkit-transform: translateY(-50%); position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .cmn-heading1__image > img { width: 100%; } .cmn-heading1__content { padding-inline: 30px 500px; padding-block: 1rem 1.3rem; display: flex; align-items: center; max-width: calc(1200px + 30px * 2); min-height: 148px; } .cmn-heading1__title { font-size: 5.2rem; font-weight: 500; line-height: 1.2; } .cmn-heading1__subtitle { font-size: var(--font-font-size--XL); font-weight: 500; } .cmn-table__caption, .cmn-table__caption--center, .cmn-table__caption--right { margin: 1.3rem 0 0 0; } .cmn-table [class*="__cell"]:is(th, td) { padding: 1rem 1.0rem; } .cmn-table__head { margin: 0 0 1.3rem; } .cmn-table__foot { margin: 1.3rem 0 0; } .cmn-table__title { margin: 0 0 1.3rem; font-weight: 700; } .cmn-table [class*="__cell"]:is(th, td)[class*="__cell--lv1"] { font-weight: 700; } .cmn-table [class*="__cell"]:is(th, td)[class*="__cell--lv2"] { font-weight: 700; } .table[data-table-size-pc="300px"] .table__matrix { width: 300px !important; } .table[data-table-size-pc="350px"] .table__matrix { width: 350px !important; } .table[data-table-size-pc="400px"] .table__matrix { width: 400px !important; } .table[data-table-size-pc="450px"] .table__matrix { width: 450px !important; } .table[data-table-size-pc="500px"] .table__matrix { width: 500px !important; } .table[data-table-size-pc="550px"] .table__matrix { width: 550px !important; } .table[data-table-size-pc="600px"] .table__matrix { width: 600px !important; } .table[data-table-size-pc="650px"] .table__matrix { width: 650px !important; } .table[data-table-size-pc="700px"] .table__matrix { width: 700px !important; } .table[data-table-size-pc="750px"] .table__matrix { width: 750px !important; } .table[data-table-size-pc="800px"] .table__matrix { width: 800px !important; } .table[data-table-size-pc="850px"] .table__matrix { width: 850px !important; } .table[data-table-size-pc="900px"] .table__matrix { width: 900px !important; } .table[data-table-size-pc="950px"] .table__matrix { width: 950px !important; } .table[data-table-size-pc="1000px"] .table__matrix { width: 1000px !important; } .table[data-table-size-pc="1050px"] .table__matrix { width: 1050px !important; } .table[data-table-size-pc="1100px"] .table__matrix { width: 1100px !important; } .table[data-table-size-pc="1150px"] .table__matrix { width: 1150px !important; } .table[data-table-size-pc="1200px"] .table__matrix { width: 1200px !important; } .table[data-table-size-pc="1250px"] .table__matrix { width: 1250px !important; } .table[data-table-size-pc="1300px"] .table__matrix { width: 1300px !important; } .table[data-table-size-pc="1350px"] .table__matrix { width: 1350px !important; } .table[data-table-size-pc="1400px"] .table__matrix { width: 1400px !important; } .table[data-table-size-pc="1450px"] .table__matrix { width: 1450px !important; } .table[data-table-size-pc="1500px"] .table__matrix { width: 1500px !important; } .table[data-table-size-pc="1550px"] .table__matrix { width: 1550px !important; } .table[data-table-size-pc="1600px"] .table__matrix { width: 1600px !important; } .table[data-table-size-pc="1650px"] .table__matrix { width: 1650px !important; } .table[data-table-size-pc="1700px"] .table__matrix { width: 1700px !important; } .table[data-table-size-pc="1750px"] .table__matrix { width: 1750px !important; } .table[data-table-size-pc="1800px"] .table__matrix { width: 1800px !important; } .table[data-table-size-pc="1850px"] .table__matrix { width: 1850px !important; } .table[data-table-size-pc="1900px"] .table__matrix { width: 1900px !important; } .table[data-table-size-pc="1950px"] .table__matrix { width: 1950px !important; } .table[data-table-size-pc="2000px"] .table__matrix { width: 2000px !important; } .table[data-table-size-pc="2050px"] .table__matrix { width: 2050px !important; } .table[data-table-size-pc="2100px"] .table__matrix { width: 2100px !important; } .table[data-table-size-pc="2150px"] .table__matrix { width: 2150px !important; } .table[data-table-size-pc="2200px"] .table__matrix { width: 2200px !important; } .table[data-table-size-pc="2250px"] .table__matrix { width: 2250px !important; } .table[data-table-size-pc="2300px"] .table__matrix { width: 2300px !important; } .table[data-table-size-pc="2350px"] .table__matrix { width: 2350px !important; } .table[data-table-size-pc="2400px"] .table__matrix { width: 2400px !important; } .table[data-table-size-pc="2450px"] .table__matrix { width: 2450px !important; } .table[data-table-size-pc="2500px"] .table__matrix { width: 2500px !important; } .table[data-table-pc="scroll"] .table__body { padding-bottom: 10px; overflow-x: auto; } .table[data-table-pc="scroll"] .table__body::-webkit-scrollbar { height: 9px; } .table[data-table-pc="scroll"] .table__body::-webkit-scrollbar-track { border-radius: 9px; background-color: #dfdfdf; } .table[data-table-pc="scroll"] .table__body::-webkit-scrollbar-thumb { border-radius: 9px; background-color: #666; } .Main__content { max-width: none; margin-top: -38px; padding: 0 0 8rem; } .company-about-hero { min-width: calc(1200px + 30px * 2); min-height: 564px; } .company-about-hero__inner { gap: 0 var(--gap-col-gap); display: flex; flex-direction: column; justify-content: center; width: 100%; min-width: calc(1200px + 30px * 2); max-width: calc(1400px + 30px * 2); min-height: 564px; margin: 0 auto; padding: 60px 30px 100px; } .company-about-hero__detail { width: 580px; margin-right: auto; } .company-about-hero__image { position: absolute; top: 0; left: 0; height: 100%; } .company-about-hero__image img { -o-object-fit: cover; -o-object-position: center; display: block; width: auto; min-width: 100%; height: 100%; object-fit: cover; object-position: center; } .company-about-hero__title { width: 423px; height: 260px; } .company-about-hero__subtitle { margin: 3.8rem 0 0; font-size: 2rem; font-weight: 700; line-height: 1.6; text-align: center; } .company-about-layout { margin-top: 10rem; margin-right: var(--margin-x); padding-left: var(--padding-x); border-radius: 0 80px 80px 0; } .company-about-layout__inner { padding-inline: 30px; padding-block: 9.8rem 8rem; max-width: calc(1640px + 30px * 2); margin: 0 auto; } .company-about-layout-v2 { margin-top: 13.5rem; margin-left: var(--margin-x); padding-right: var(--padding-x); border-radius: 80px 0 0 80px; } .company-about-layout-v2__inner { padding-inline: 30px; padding-block: 9.8rem 8rem; max-width: calc(1640px + 30px * 2); margin: 0 auto; } .company-about-layout-v3 { min-height: 448px; margin-top: 10rem; background-image: url(/company/img/about_bg01.webp); background-size: cover; } .company-about-layout-v3__inner { padding-inline: 30px; padding-block: 3rem 3rem; align-items: center; max-width: calc(1640px + 30px * 2); min-height: 448px; margin: 0 auto; } .company-about-text { margin: 2em 0 0; font-size: 2rem; text-align: center; } .company-about-text-v2 { font-size: var(--font-font-size--M); font-weight: 700; line-height: 1.6; text-align: center; } .company-about-lead { margin: 4.8rem 0 0; font-size: 3rem; font-weight: 700; text-align: center; } .company-about-heading2 { padding-top: 6.2rem; } .company-about-heading2__title { font-size: 6rem; font-weight: 700; } .company-about-heading2 [class*=__subtitle] { width: 100%; height: 100%; } .company-about-heading2 + * { margin: 8rem 0 0 !important; } .company-about-heading2-v2 { padding-top: 6.8rem; } .company-about-heading2-v2__title { font-size: 6rem; font-weight: 700; } .company-about-heading2-v2__subtitle { width: 100%; height: 100%; } .company-about-heading2-v2 + * { margin: 3.2rem 0 0 !important; } .company-about-heading3 { margin-top: 8rem; } .company-about-heading3__title { font-size: 3rem; font-weight: 700; } .company-about-heading3 + * { margin: 1.9rem 0 0; } .company-about-box-wrap { gap: 2rem var(--gap-col-gap); display: flex; } .company-about-box { width: calc((100% - var(--gap-col-gap)) / 2); margin-top: 4.8rem; padding: 4.2rem; } .company-about-box--v2 { width: calc((100% - var(--gap-col-gap)) / 2); margin-top: 4.8rem; padding: clamp(22px, calc((100vw - 1260px) / (1920 - 1260) * (42 - 22) + 22px), 42px); } .company-about-box__head + .company-about-box__body { margin-top: 2.9rem; } .company-about-box__head + .company-about-box__body--v2 { margin-top: 2.9rem; } .company-about-box__head__inner:before, .company-about-box__head__inner:after { width: 24px; height: 17px; } .company-about-box__head__inner:before { left: -36px; } .company-about-box__head__inner:after { right: -33px; bottom: 3px; } .company-about-box__title { font-size: 3.6rem; font-weight: 700; } .company-about-box__small { font-size: 2.8rem; font-weight: 700; } .company-about-box__column { gap: 3.6rem var(--gap-col-gap); margin: 2.9rem 0 0; } .company-about-box__column__image > img { width: 174px; } .company-about-box__column__title { font-size: clamp(2.2rem, calc((100vw - 1260px) / (1920 - 1260) * (28 - 22) + 22px), 2.8rem); font-weight: 700; } .company-about-box-v2 { margin: 3.2rem 0 0; } .company-about-box-v2__inner { width: 976px; padding-top: 16.2rem; } .company-about-box-v2__inner:hover .company-about-box-v2__title { text-decoration: underline; } .company-about-box-v2__head { width: 414px; } .company-about-box-v2__body { padding: 7.2rem 0 2.2rem 2.2rem; } .company-about-box-v2__title { font-size: 2.8rem; font-weight: 700; } .company-about-box-v2__title:after { top: -4px; margin-left: 10px; } .company-about-box-v2__small { position: relative; top: -4px; font-weight: 500; } .company-about-box-v2__text { margin: 1.3rem 0 0; font-size: 2rem; } .company-about-card-wrap { margin-top: 2.9rem; } .company-about-card > [class*="__type"] { gap: 2rem var(--gap-col-gap); } .company-about-card > [class*="__type"]:not([class*="--nolink"]):hover .company-about-card__title { text-decoration: underline; } .company-about-card > [class*="__type"]:not([class*="--nolink"]):hover .company-about-card__image img, .company-about-card > [class*="__type"]:not([class*="--nolink"]):hover .company-about-card__image--aspect-fixed img { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0); } .company-about-card .company-about-card__type .company-about-card__title:after { top: -6px; } .company-about-card .company-about-card__type--blank .company-about-card__title:after { top: -6px; } .company-about-card .company-about-card__type--pdf .company-about-card__title:after { top: -6px; } .company-about-card__head, .company-about-card__body { width: calc((100% - var(--gap-col-gap)) / 2); } .company-about-card__head { overflow: hidden; } .company-about-card__title { font-size: 1.8rem; font-weight: 700; } .company-about-card__title__big { font-size: 2.8rem; font-weight: 700; line-height: 1.4; } .company-about-card__description { margin: 1.3rem 0 0; font-size: clamp(1.6rem, calc((100vw - 1260px) / (1920 - 1260) * (20 - 16) + 16px), 2rem); } .company-about-column { gap: var(--gap-y) var(--gap-x); display: flex; display: flex; flex-wrap: wrap; margin: 2rem 0 0; } .company-about-column__item { width: calc((100% - var(--gap-x)) / 2); } .company-about-column + .company-about-column { margin-top: clamp(36px, calc((100vw - 1260px) / (1920 - 1260) * (50 - 36) + 36px), 50px); padding-top: clamp(36px, calc((100vw - 1260px) / (1920 - 1260) * (50 - 36) + 36px), 50px); border-top: 2px solid var(--color-sub-7); } .company-about-column + .company-about-stats-card-wrap-v2 { margin-top: clamp(36px, calc((100vw - 1260px) / (1920 - 1260) * (50 - 36) + 36px), 50px); } .company-about-column-v2 { gap: 3rem 6rem; margin: 2rem 0 0; } .company-about-column-v2__item { width: calc((100% - (6rem * 2)) / 3); } .company-about-column-v2__head { gap: 2rem; } .company-about-column-v2__head + .company-about-column-v2__body { margin: 1.9rem 0 0; } .company-about-column-v2__number { width: 60px; } .company-about-column-v2__heading { font-size: 2.6rem; font-weight: 700; } .company-about-column-v2__image { margin-top: 3.2rem; } .company-about-column-v2__text { line-height: 1.6; } .company-about-stats-card-wrap { gap: 2rem var(--gap-x); display: flex; position: relative; flex-wrap: wrap; } .company-about-stats-card { width: calc((100% - var(--gap-x)) / 2); } .company-about-stats-card--v2 { width: calc((100% - var(--gap-x)) / 2); } .company-about-stats-card__head + .company-about-stats-card__body { margin: clamp(22px, calc((100vw - 1260px) / (1920 - 1260) * (48 - 22) + 22px), 48px) 0 0; } .company-about-stats-card__title { font-size: clamp(2.6rem, calc((100vw - 1260px) / (1920 - 1260) * (36 - 26) + 26px), 3.6rem); font-weight: 700; text-align: center; } .company-about-stats-card__number { font-size: clamp(7rem, calc((100vw - 1260px) / (1920 - 1260) * (100 - 70) + 70px), 10rem); font-weight: 700; text-align: center; } .company-about-stats-card__small { top: -3px; font-size: clamp(2.6rem, calc((100vw - 1260px) / (1920 - 1260) * (36 - 26) + 26px), 3.6rem); font-weight: 700; text-align: center; } .company-about-stats-card__text { margin: .6rem 0 0; font-size: 1.6rem; text-align: center; } .company-about-stats-card__lead { margin: 1.6rem 0 0; font-size: clamp(2rem, calc((100vw - 1260px) / 660 * (26 - 20) + 20px), 2.6rem); } .company-about-stats-card__text-v2 { margin: 1.2rem 0 0; font-size: clamp(2rem, calc((100vw - 1260px) / (1920 - 1260) * (26 - 20) + 20px), 2.6rem); text-align: center; } .company-about-stats-card__text-v2 + .company-about-stats-card__text { margin: 1rem 0 0; } .company-about-stats-card-v2__body { padding: 2.2rem 2.2rem 3rem 2.2rem; } .company-about-stats-card-v2__subtitle { font-size: clamp(2.6rem, calc((36 / 1920) * 100vw), 3.6rem); font-weight: 700; } .company-about-stats-card-v2__title { font-size: clamp(4.2rem, calc((52 / 1920) * 100vw), 5.2rem); font-weight: 700; } .company-about-stats-card-v2__title-v2 { font-size: clamp(7rem, calc((90 / 1920) * 100vw), 9rem); font-weight: 700; } .company-about-stats-card-v2__small { top: -5px; margin-left: 0.5rem; font-size: clamp(2.6rem, calc((36 / 1920) * 100vw), 3.6rem); } .company-about-stats-card-v2__text { margin: .2rem 0 0; font-size: 1.6rem; } .company-about-stats-card-wrap-v2 { gap: var(--gap-y) var(--gap-col-gap); } .company-about-stats-card-wrap-v2 > * { width: calc((100% - (var(--gap-col-gap) *2 )) / 3); padding-top: clamp(36px, calc((100vw - 1260px) / (1920 - 1260) * (50 - 36) + 36px), 50px); } .company-about-stats-card-wrap-v2 > *:nth-child(3n + 1):before { position: absolute; top: 0; left: 0; width: calc(100% * 3 + (var(--gap-col-gap) * 2 )); height: 2px; background: var(--color-sub-7); content: ""; } .company-about-icon-column { justify-content: center; max-width: 1200px; margin: 3.2rem auto 0; } .company-about-icon-column__item > img { width: auto; height: 72px; } } @media only screen and (max-width: 767.98px) { .header-gnav__type:after, .header-megamenu__title__type:after, .header-card .header-card__type .header-card__title:after, .header-link-list > li > [class*="__type"]:not([class*="--nolink"]):before, .header-snav__list > li > [class*="__type"]:before, .header-description__title__type:after, .main-lnav__title__type:after, .main-lnav__stage1 > li > [class*="__type"]:not([class*="--nolink"]):before, .main-lnav__stage2 > li > [class*="__type"]:not([class*="--nolink"]):before, .main-lnav-button .main-lnav-button__type .main-lnav-button__label:after, .main-lnav-card__title__link:after, .footer-sitemap__link__type:after, .footer-sitemap__top-link__type:after, .footer-sitemap__description__title__type:after, .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, .button .button__type .button__label:after, .button-v2 .button-v2__type .button-v2__label:after, .card .card__type .card__title:after, .card .card__type--scaleup .card__title:after, .news__type .news__title:after, .cmn-figure-heading1__link-list > li > [class*="__type"]:before, .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:after, .cmn-horizontally__heading2__link .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type .cmn-horizontally__button__label:after, .cmn-cta__heading2__link .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type .cmn-cta__download__button__label:after, .cmn-related-products-carousel__card__type .cmn-related-products-carousel__card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type .cmn-exhibition-card__title:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type .cmn-blog-card__title:after, .cmn-case-card > [class*="__type"]:not([class*="--nolink"]) .cmn-case-card__title:after, .cmn-evaluation-carousel__item__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type .cmn-technology-blog-card__title:after, .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .cmn-heading-card:not([class*="--nolink"]) .cmn-heading-card__title:before, .company-about-card .company-about-card__type .company-about-card__title:after, .anchor-navi__link:before, .cmn-step-with-anchor__label:before, .cmn-strengths-anchor-navi__link:after, .pager-navi .pager-navi__link--prev:after, .pager-navi .pager-navi__link--next:after, .carousel .slick-arrow:after, .cmn-product-category-hero__carousel .slick-arrow:after, .cmn-related-products-carousel .slick-arrow:after, .cmn-evaluation-carousel .slick-arrow:after, .slick-arrow:after { width: 8px; height: 14px; } .button-v3 .button-v3__type .button-v3__label:after, .inquiry-button .inquiry-button__type .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type .cmn-product-category-heading1__button__label:after, .cmn-figure-heading1__button .cmn-figure-heading1__button__type .cmn-figure-heading1__button__label:after { width: 8px; height: 14px; } .header-megamenu__title__type:after, .header-card .header-card__type .header-card__title:after, .header-description__title__type:after, .main-lnav__title__type:after, .main-lnav-card__title__link:after, .footer-sitemap__link__type:after, .footer-sitemap__top-link__type:after, .footer-sitemap__description__title__type:after, .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 .card__type--scaleup .card__title:after, .cmn-horizontally__heading2__link .cmn-horizontally__heading2__title:after, .cmn-cta__heading2__link .cmn-cta__heading2__title:after, .cmn-related-products-carousel__card__type .cmn-related-products-carousel__card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type .cmn-exhibition-card__title:after, .cmn-blog-card .cmn-blog-card__type .cmn-blog-card__title:after, .cmn-case-card > [class*="__type"]:not([class*="--nolink"]) .cmn-case-card__title:after, .cmn-evaluation-carousel__item__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type .cmn-technology-blog-card__title:after, .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]) .cmn-heading-card__carousel__title:after, .company-about-card .company-about-card__type .company-about-card__title:after { top: -2px; } .header-gnav__type--toggle:after, .footer-sitemap__accordion__head:after { width: 5px; height: 9px; } .header-gnav__type--toggle:after, .footer-sitemap__accordion__head:after { top: -2px; } .util-link--blank:after, .header-gnav__type--blank:after, .header-megamenu__title__type--blank:after, .header-card .header-card__type--blank .header-card__title:after, .header-link-list__type--blank:after, .header-snav__type--blank:after, .header-language__type--blank:after, .header-description__title__type--blank:after, .main-lnav__title__type--blank:after, .main-lnav__stage1__type--blank:after, .main-lnav__stage2__type--blank:after, .main-lnav-button .main-lnav-button__type--blank .main-lnav-button__label:after, .footer-sitemap__link__type--blank:after, .footer-sitemap__top-link__type--blank:after, .footer-sitemap__description__title__type--blank:after, .footer-sitemap__link-list__type--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 .button__label:after, .button-v2 .button-v2__type--blank .button-v2__label:after, .card .card__type--blank .card__title:after, .card .card__type--blank--scaleup .card__title:after, .news__type--blank .news__title:after, .cmn-horizontally__heading2__link--blank .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type--blank .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type--blank .cmn-horizontally__button__label:after, .cmn-cta__heading2__link--blank .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type--blank .cmn-cta__download__button__label:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank--scaleup .cmn-exhibition-card__title:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type--blank .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--blank--scaleup .cmn-blog-card__title:after, .cmn-case-card__type--blank .cmn-case-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--blank .cmn-technology-blog-card__title:after, .cmn-heading-card__type--blank .cmn-heading-card__title:after, .company-about-box-v2__title:after, .company-about-card .company-about-card__type--blank .company-about-card__title:after, .footer-sitemap__link__list__type--blank:after, .footer-subnav__link-list__type--blank:after, .button-v3 .button-v3__type--blank .button-v3__label:after, .inquiry-button .inquiry-button__type--blank .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--blank .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--blank .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank .cmn-product-category-heading1__button__label:after, .util-link--pdf:after, .header-gnav__type--pdf:after, .header-megamenu__title__type--pdf:after, .header-card .header-card__type--pdf .header-card__title:after, .header-link-list__type--pdf:after, .header-snav__type--pdf:after, .header-language__type--pdf:after, .header-description__title__type--pdf:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__type--pdf:after, .main-lnav__stage2__type--pdf:after, .main-lnav-button .main-lnav-button__type--pdf .main-lnav-button__label:after, .footer-sitemap__link__type--pdf:after, .footer-sitemap__top-link__type--pdf:after, .footer-sitemap__description__title__type--pdf:after, .footer-sitemap__link-list__type--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 .button__label:after, .button-v2 .button-v2__type--pdf .button-v2__label:after, .button-v3 .button-v3__type--pdf .button-v3__label:after, .card .card__type--pdf .card__title:after, .card .card__type--pdf--scaleup .card__title:after, .news__type--pdf .news__title:after, .inquiry-button .inquiry-button__type--pdf .inquiry-button__label:after, .cmn-horizontally__heading2__link--pdf .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__news__type--pdf .cmn-horizontally__news__title:after, .cmn-horizontally__button .cmn-horizontally__button__type--pdf .cmn-horizontally__button__label:after, .cmn-cta__heading2__link--pdf .cmn-cta__heading2__title:after, .cmn-cta__download__button .cmn-cta__download__button__type--pdf .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--pdf .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf .cmn-cta__inquiry__button__label:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf--scaleup .cmn-exhibition-card__title:after, .cmn-registration__button .cmn-registration__button__type--pdf .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf .cmn-registration__button-v2__label:after, .cmn-blog-card .cmn-blog-card__type--pdf .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--pdf--scaleup .cmn-blog-card__title:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf .cmn-product-category-heading1__button__label:after, .cmn-case-card__type--pdf .cmn-case-card__title:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--pdf .cmn-technology-blog-card__title:after, .cmn-heading-card__type--pdf .cmn-heading-card__title:after, .company-about-card .company-about-card__type--pdf .company-about-card__title:after, .footer-sitemap__link__list__type--pdf:after, .footer-subnav__link-list__type--pdf:after, .util-link--excel:after, .main-lnav-button .main-lnav-button__type--excel .main-lnav-button__label:after, .link-list__type--excel:after, .button .button__type--excel .button__label:after, .button-v2 .button-v2__type--excel .button-v2__label:after, .button-v3 .button-v3__type--excel .button-v3__label:after, .inquiry-button .inquiry-button__type--excel .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--excel .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--excel .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--excel .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--excel .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel .cmn-product-category-heading1__button__label:after, .util-link--word:after, .main-lnav-button .main-lnav-button__type--word .main-lnav-button__label:after, .link-list__type--word:after, .button .button__type--word .button__label:after, .button-v2 .button-v2__type--word .button-v2__label:after, .button-v3 .button-v3__type--word .button-v3__label:after, .inquiry-button .inquiry-button__type--word .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--word .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--word .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--word .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--word .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--word .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word .cmn-product-category-heading1__button__label:after, .util-link--powerpoint:after, .main-lnav-button .main-lnav-button__type--powerpoint .main-lnav-button__label:after, .link-list__type--powerpoint:after, .button .button__type--powerpoint .button__label:after, .button-v2 .button-v2__type--powerpoint .button-v2__label:after, .button-v3 .button-v3__type--powerpoint .button-v3__label:after, .inquiry-button .inquiry-button__type--powerpoint .inquiry-button__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint .cmn-cta__download__button__label:after, .cmn-cta__button .cmn-cta__button__type--powerpoint .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--powerpoint .cmn-registration__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint .cmn-registration__button-v2__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint .cmn-product-category-heading1__button__label:after, .util-link--zip:after, .main-lnav-button .main-lnav-button__type--zip .main-lnav-button__label:after, .link-list__type--zip:after, .button .button__type--zip .button__label:after, .button-v2 .button-v2__type--zip .button-v2__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--zip .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--zip .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip .cmn-registration__button-v2__label:after, .button-v3 .button-v3__type--zip .button-v3__label:after, .inquiry-button .inquiry-button__type--zip .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--zip .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--zip .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip .cmn-product-category-heading1__button__label:after, .util-link--modal:after, .main-lnav-button .main-lnav-button__type--modal .main-lnav-button__label:after, .link-list__type--modal:after, .button .button__type--modal .button__label:after, .button-v2 .button-v2__type--modal .button-v2__label:after, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--modal .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--modal .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal .cmn-registration__button-v2__label:after, .button-v3 .button-v3__type--modal .button-v3__label:after, .inquiry-button .inquiry-button__type--modal .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--modal .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--modal .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal .cmn-product-category-heading1__button__label:after, .util-link--rss:after, .main-lnav-button .main-lnav-button__type--rss .main-lnav-button__label:after, .link-list__type--rss:after, .button .button__type--rss .button__label:after, .button-v2 .button-v2__type--rss .button-v2__label:after, .pulldown-navi__link--rss:before, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss .cmn-horizontally__heading2__button__label:after, .cmn-horizontally__button .cmn-horizontally__button__type--rss .cmn-horizontally__button__label:after, .cmn-cta__download__button .cmn-cta__download__button__type--rss .cmn-cta__download__button__label:after, .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss .cmn-registration__button-v2__label:after, .button-v3 .button-v3__type--rss .button-v3__label:after, .inquiry-button .inquiry-button__type--rss .inquiry-button__label:after, .cmn-cta__button .cmn-cta__button__type--rss .cmn-cta__button__label:after, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss .cmn-cta__inquiry__button__label:after, .cmn-registration__button .cmn-registration__button__type--rss .cmn-registration__button__label:after, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss .cmn-product-category-heading1__button__label:after { width: 14px; height: 14px; } .util-link--blank:after, .util-link--pdf:after, .util-link--excel:after, .util-link--word:after, .util-link--powerpoint:after, .util-link--zip:after, .util-link--modal:after, .util-link--rss:after, .header-megamenu__title__type--blank:after, .header-megamenu__title__type--pdf:after, .header-card .header-card__type--blank .header-card__title:after, .header-card .header-card__type--pdf .header-card__title:after, .header-link-list__type--blank:after, .header-link-list__type--pdf:after, .header-snav__type--blank:after, .header-snav__type--pdf:after, .header-language__type--blank:after, .header-language__type--pdf:after, .header-description__title__type--blank:after, .header-description__title__type--pdf:after, .main-lnav__title__type--blank:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__type--blank:after, .main-lnav__stage1__type--pdf:after, .main-lnav__stage2__type--blank:after, .main-lnav__stage2__type--pdf:after, .footer-sitemap__link__type--blank:after, .footer-sitemap__link__type--pdf:after, .footer-sitemap__link__list__type--blank:after, .footer-sitemap__link__list__type--pdf:after, .footer-sitemap__top-link__type--blank:after, .footer-sitemap__top-link__type--pdf:after, .footer-sitemap__description__title__type--blank:after, .footer-sitemap__description__title__type--pdf:after, .footer-sitemap__link-list__type--blank:after, .footer-sitemap__link-list__type--pdf:after, .footer-subnav__link-list__type--blank:after, .footer-subnav__link-list__type--pdf:after, .heading2__link--blank .heading2__title:after, .heading2__link--pdf .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .heading2--center__link--pdf .heading2--center__title:after, .heading2-v2__link--blank .heading2-v2__title:after, .heading2-v2__link--pdf .heading2-v2__title:after, .heading2-v2--center__link--blank .heading2-v2--center__title:after, .heading2-v2--center__link--pdf .heading2-v2--center__title:after, .heading3__link--blank .heading3__title:after, .heading3__link--pdf .heading3__title:after, .heading3--center__link--blank .heading3--center__title:after, .heading3--center__link--pdf .heading3--center__title:after, .heading3-v2__link--blank .heading3-v2__title:after, .heading3-v2__link--pdf .heading3-v2__title:after, .heading3-v2--center__link--blank .heading3-v2--center__title:after, .heading3-v2--center__link--pdf .heading3-v2--center__title:after, .heading4__link--blank .heading4__title:after, .heading4__link--pdf .heading4__title:after, .heading4--center__link--blank .heading4--center__title:after, .heading4--center__link--pdf .heading4--center__title:after, .heading4-v2__link--blank .heading4-v2__title:after, .heading4-v2__link--pdf .heading4-v2__title:after, .heading4-v2--center__link--blank .heading4-v2--center__title:after, .heading4-v2--center__link--pdf .heading4-v2--center__title:after, .heading5__link--blank .heading5__title:after, .heading5__link--pdf .heading5__title:after, .heading5--center__link--blank .heading5--center__title:after, .heading5--center__link--pdf .heading5--center__title:after, .heading6__link--blank .heading6__title:after, .heading6__link--pdf .heading6__title:after, .heading6--center__link--blank .heading6--center__title:after, .heading6--center__link--pdf .heading6--center__title:after, .description-list__type--blank:after, .description-list__type--pdf:after, .description-list-v2__type--blank:after, .description-list-v2__type--pdf:after, .description-list-v3__type--blank:after, .description-list-v3__type--pdf:after, .description-list-v4__type--blank:after, .description-list-v4__type--pdf: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--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, .news__type .news__title:after, .news__type--blank .news__title:after, .news__type--pdf .news__title:after, .cmn-horizontally__heading2__link--blank .cmn-horizontally__heading2__title:after, .cmn-horizontally__heading2__link--pdf .cmn-horizontally__heading2__title:after, .cmn-horizontally__news__type .cmn-horizontally__news__title:after, .cmn-horizontally__news__type--blank .cmn-horizontally__news__title:after, .cmn-horizontally__news__type--pdf .cmn-horizontally__news__title:after, .cmn-cta__heading2__link--blank .cmn-cta__heading2__title:after, .cmn-cta__heading2__link--pdf .cmn-cta__heading2__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--blank--scaleup .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf .cmn-exhibition-card__title:after, .cmn-exhibition-card .cmn-exhibition-card__type--pdf--scaleup .cmn-exhibition-card__title:after, .cmn-blog-card .cmn-blog-card__type--blank .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--blank--scaleup .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--pdf .cmn-blog-card__title:after, .cmn-blog-card .cmn-blog-card__type--pdf--scaleup .cmn-blog-card__title:after, .cmn-case-card__type--blank .cmn-case-card__title:after, .cmn-case-card__type--pdf .cmn-case-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--blank .cmn-centering-card__title--center:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title:after, .cmn-centering-card .cmn-centering-card__type--pdf .cmn-centering-card__title--center:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--blank .cmn-technology-blog-card__title:after, .cmn-technology-blog-card .cmn-technology-blog-card__type--pdf .cmn-technology-blog-card__title:after, .cmn-heading-card__type--blank .cmn-heading-card__title:after, .cmn-heading-card__type--pdf .cmn-heading-card__title:after, .company-about-card .company-about-card__type--blank .company-about-card__title:after, .company-about-card .company-about-card__type--pdf .company-about-card__title:after { top: -2px; } .note-list[data-col-sp], .note-list-v2[data-col-sp], .note-order-list[data-col-sp], .note-order-list-v2[data-col-sp], .unorder-list[data-col-sp], .unorder-list-v2[data-col-sp], .order-list[data-col-sp], .order-list-v2[data-col-sp], .link-list[data-col-sp], .inquiry__note-list[data-col-sp], .cmn-figure-heading1__link-list[data-col-sp], .cmn-figure-heading1__link-list-v2[data-col-sp], .cmn-inquiry__note-list[data-col-sp] { row-gap: .8rem; } .note-list__nest, .note-list-v2__nest, .note-order-list__nest, .note-order-list-v2__nest, .unorder-list__nest, .unorder-list-v2__nest, .order-list__nest, .order-list-v2__nest, .link-list__nest { margin: .8rem 0 0; } :root { --col-2col: 16.5rem; --col-3col: 10.5rem; --col-4col: 7.5rem; --col-5col: 5.7rem; --col-6col: 4.5rem; --color-badge-high: var(--color-base-black); --color-badge-low: #eeeeee; --color-badge-middle: var(--color-base-black); --color-base-accent: #004098; --color-base-black: #333333; --color-base-main: #333333; --color-base-secondary: #dddddd; --color-base-white: white; --color-bg-base: var(--color-base-white); --color-border-1: #666666; --color-border-2: #dddddd; --color-font-hover: var(--color-base-main); --color-font-link: var(--color-base-main); --color-font-news-date: #999999; --color-font-noLink: var(--color-font-TX1); --color-font-red: #cc0000; --color-font-TX1: #333333; --color-font-TX2: #666666; --color-icon-blank: #666666; --color-icon-link: var(--color-base-black); --color-icon-noLink: var(--color-font-noLink); --color-icon-other: #666666; --color-news-category--1: var(--color-base-main); --color-sub-1: whitesmoke; --color-sub-2: #e9f1f4; --color-sub-3: var(--color-font-red); --color-sub-4: #6390d2; --color-sub-5: #666666; --color-sub-6: #f6f5f9; --color-sub-7: #c2d1d7; --font-font-family: 'Zen Kaku Gothic New'; --font-font-size--L: 1.5rem; --font-font-size--M: 1.4rem; --font-font-size--S: 1.2rem; --font-font-size--text-field: 1.6rem; --font-font-size--XL: 1.6rem; --font-font-size--XS: 1rem; --format-content-W: 34.5rem; --format-viewport-minW: 37.5rem; --format-viewport-W: 37.5rem; --gap-col-gap: 1.5rem; --gap-link-gap: 0.8rem; --icon-arrow-H: 1.2rem; --icon-arrow-W: 0.7rem; --icon-base-size: 1.4rem; --radius-BT-L: 20rem; --radius-BT-M: 1rem; --radius-L: 1rem; --radius-M: 0.5rem; } body { font-family: var(--font-font-family), "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif; font-weight: 400; line-height: 1.6; } input, select, textarea, button, pre { font-family: var(--font-font-family), "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif; line-height: 1.6; } .util-sp-hidden { display: none !important; } .util-bold { font-weight: 700 !important; } .util-highlight--main { font-weight: 700 !important; } .util-highlight--sub { font-weight: 700 !important; } .util-highlight--accent { font-weight: 700 !important; } .util-highlight--white { font-weight: 700 !important; } .util-highlight--black { font-weight: 700 !important; } .util-highlight--base { font-weight: 700 !important; } .util-highlight--base2 { font-weight: 700 !important; } .util-highlight--disable { font-weight: 700 !important; } .util-highlight--placeholder { font-weight: 700 !important; } .util-highlight--bright { font-weight: 700 !important; } .util-highlight--red { font-weight: 700 !important; } .util-badge, .util-badge--high, .util-badge--middle, .util-badge--low { min-width: 104px; min-height: 22px; padding: 3px 11px; font-weight: 700; } [data-col-sp] { gap: 2rem var(--gap-col-gap); } [data-col-sp][data-col-sp="1"] { display: grid; grid-template-columns: auto; } [data-col-sp]:not([data-col-sp="1"]) { display: flex; flex-flow: row wrap; width: 100%; } [data-col-sp="1"] > * { width: 100%; } [data-col-sp="2"] > * { width: calc((100% - (var(--gap-col-gap) * 1)) / 2); } [data-col-sp="3"] > * { width: calc((100% - (var(--gap-col-gap) * 2)) / 3); } [data-size-sp="1col"] { width: 100%; } [data-size-sp="1col"] > * { width: 100%; } [data-size-sp="2col"] { width: calc((100% - (var(--gap-col-gap) * (2 - 1))) / 2); } [data-size-sp="1/2col"] { width: calc(100% - ((100% - (var(--gap-col-gap) * (2 - 1))) / 2) - var(--gap-col-gap)) !important; } [data-size-sp="2col"] > * { width: 100%; } [data-size-sp="3col"] { width: calc((100% - (var(--gap-col-gap) * (3 - 1))) / 3); } [data-size-sp="2/3col"] { width: calc(100% - ((100% - (var(--gap-col-gap) * (3 - 1))) / 3) - var(--gap-col-gap)) !important; } [data-size-sp="3col"] > * { 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%; } :root { --header-height-base: 64px; } .Header, .Header--simple { width: 100%; height: var(--header-height-base); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple { border-bottom: none; background-color: transparent; background-image: linear-gradient(180deg, #000 0%, transparent 100%); } .Header__inner { padding-inline: 15px 0; width: 100%; } .header-logo { width: min(90px, 24vw); } .Header--simple .header-logo { width: 90px; } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-logo > [class*="__type"]:before, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-logo > [class*="__type"]:before { opacity: 1; } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-logo > [class*="__type"] > img, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-logo > [class*="__type"] > img { opacity: 0.001; } .Header__body { flex-grow: 1; } .Header__body__inner { display: flex; align-items: stretch; justify-content: flex-end; width: 100%; height: 100%; } .Header__body .header-gnav { display: none; } .header-gnav__list > li { border-bottom: 1px solid var(--color-border-2); } .header-gnav__list > li.is-active .header-gnav__item > [class*="__type--toggle"]:before { rotate: 0deg; } .header-gnav__item > [class*="__type"] { padding-block: 1.4rem 1.35rem; padding-inline: 0 calc(var(--gap-link-gap) + 14px); display: block; width: 100%; font-size: var(--font-font-size--M); font-weight: 700; line-height: 1.6; text-align: left; } .header-gnav__type:after { right: 3px; } .header-gnav__type--blank:after { translate: 0 -50%; position: absolute; top: 50%; right: 0; } .header-gnav__type--pdf:after { translate: 0 -50%; position: absolute; top: 50%; right: 0; } .header-gnav__type--toggle:before, .header-gnav__type--toggle:after { translate: 0 -50%; display: block; position: absolute; top: 50%; right: 0; width: 14px; height: 1px; background: var(--color-icon-link); content: ""; transition: rotate 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-gnav__type--toggle:before { rotate: 90deg; } .header-gnav__type--toggle:after { -webkit-transform: rotate(0deg); margin: 0; transform: rotate(0deg); rotate: 0deg; } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-gnav__item:after, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-gnav__item:after { background-color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-gnav__item > [class*="__type"], body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-gnav__item > [class*="__type"] { color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-gnav__type--toggle:after, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-gnav__type--toggle:after { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/sprite/icon.svg#minarrow2-usage"); } .header-megamenu { margin: -1px 0 0; } .header-megamenu__inner { padding-block: 0 1.3rem; width: 100%; border-top: 1px solid var(--color-border-2); } .header-megamenu__title > [class*="__type"] { padding-block: 1.4rem; padding-inline: 1.5rem .8rem; display: block; width: 100%; font-size: 1.4rem; font-weight: 700; line-height: 1.6; text-align: left; } .header-megamenu__body { padding: 2.8rem 1.4rem 2.8rem 3.1rem; border-radius: var(--radius-L); background: var(--color-base-white); } .header-megamenu__close { display: none; } .header-card-wrap { row-gap: 1.4rem; margin-top: 3.6rem; } .header-card .header-card__type .header-card__title:after { display: none !important; } .header-card__head { display: none !important; } .header-card__title { font-size: var(--font-font-size--M); font-weight: 400; line-height: 1.6; } .header-card__filesize { font-weight: 400; } .header-link-list { row-gap: 1.4rem; margin-top: 2.8rem; } .header-link-list > li > [class*="__type"]:not([class*="--nolink"]):before { display: none !important; } .header-link-list__filesize { font-weight: 400; } .header-utility { gap: 0; } .header-utility__link { padding-block: .65rem; } .header-utility__link:has(.header-utility__link__type--menu) { padding-block: 0; } .header-utility__link + .header-utility__link > [class*="__type"]:not(.header-utility__link__type--menu) { border-left: 1px solid var(--color-border-2); } .header-utility__link > [class*="__type"] { padding-inline: .5rem; min-width: 5.3rem; font-size: var(--font-font-size--XS); font-weight: 700; } .header-utility__link .header-utility__link__type--menu { min-width: 6.4rem; padding-top: 3.95rem; border-left: 1px solid var(--color-base-white); background: var(--color-base-main); } .header-utility__link .header-utility__link__type--menu .header-utility__link__label:before { top: 15px; width: 20px; height: 16px; } .header-utility__link .header-utility__link__type--menu .header-utility__link__label:after { top: calc(15px + 8px - 1px); width: 20px; height: 2px; } .header-utility__link .header-utility__link__type--menu .header-utility__link__close:before { top: 12px !important; background-image: url(/app-files/img/cmn_ic06_02.svg); } .header-utility__link__label:before { top: 13px; width: 24px; } .header-utility__link__close:before { top: 13px; width: 22px; background-image: url(/app-files/img/cmn_ic06_01.svg); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-utility__link + .header-utility__link, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-utility__link + .header-utility__link { border-left-color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-utility__link > [class*="__type"], body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-utility__link > [class*="__type"] { color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-utility__link__type--search .header-utility__link__label:before, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-utility__link__type--search .header-utility__link__label:before { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/cmn_ic05_02.svg"); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-utility__link__type--inquiry .header-utility__link__label:before, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-utility__link__type--inquiry .header-utility__link__label:before { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/cmn_ic04_02.svg"); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-utility__link__type--language .header-utility__link__label:before, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-utility__link__type--language .header-utility__link__label:before { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/cmn_ic03_02.svg"); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-utility__link__type--menu, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-utility__link__type--menu { border-left-color: transparent; background-color: transparent; } .header-snav { padding-block: 2.8rem; } .Header__body .header-snav { display: none; } .header-snav__list { gap: 8px var(--gap-col-gap); flex-flow: row wrap; width: 100%; } .header-snav__list > li { width: calc((100% - var(--gap-col-gap)) / 2); font-size: var(--font-font-size--M); } .header-snav__list > li > [class*="__type"] { padding-left: calc(8px + var(--gap-link-gap)); } .header-snav__list > li > [class*="__type"]:before { top: .3em; left: 0; } .header-snav__filesize { font-weight: 400; } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-snav__list > li > [class*="__type"], body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-snav__list > li > [class*="__type"] { color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-snav__type--blank:after, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-snav__type--blank:after { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-snav__type--pdf:after, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-snav__type--pdf:after { background-color: rgba(255, 255, 255, 0); background-image: url("/app-files/img/sprite/icon.svg#pdf2-usage"); } .header-language-wrap { top: 60px; width: 120px; } .header-language-wrap:before, .header-language-wrap:after { aspect-ratio: 11 / 9; width: 11px; } .header-language-wrap:after { top: -7px; } .header-language > li { font-size: 1.4rem; font-weight: 700; } .header-language > li > [class*="__type"] { padding: .9rem .6rem; } .header-description + .header-description { margin-top: 2.7rem; border-top: 1px solid var(--color-border-2); } .header-description + .header-description:has(> .header-description__head:first-child) { padding-top: 2.8rem; } .header-description + .header-description:has(> .header-description__detail:first-child) { padding-top: 1.4rem; } .header-description__detail { margin: 1.4rem 0 0; } .header-description__title { font-size: var(--font-font-size--M); font-weight: 700; } .header-search-wrap { padding-block: 2.8rem; padding-inline: 15px; } .header-search-wrap__inner { width: 100%; } .header-search-wrap__close { padding-block: 1rem; padding-inline: 2rem 4.1rem; margin-top: 1.4rem; border: 1px solid var(--color-border-1); border-radius: 5px; background: var(--color-bg-base); font-size: var(--font-font-size--M); font-weight: 700; text-align: center; } .header-search-wrap__close:before, .header-search-wrap__close:after { right: 1.9rem; } .header-search { width: 100%; height: 48px; } .header-search__input { padding-block: 4px 2px; padding-inline: 11px; } .header-search__submit { width: 50px; } .header-search__submit:before { width: 24px; } .header-search > .poplink.pcia { width: calc(100% - 50px) !important; } .header-menu { padding-inline: 15px; -webkit-clip-path: inset(0 0 -12px 0); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); clip-path: inset(0 0 -12px 0); } body.is-active-gnav, body.is-active-menu { position: fixed; width: 100%; } .main-breadcrumb { padding-inline: 15px; } .main-breadcrumb__list { gap: 11px var(--gap-link-gap); padding-block: 1.9rem 2rem; } .main-breadcrumb__list > li { line-height: 23px; } .main-breadcrumb__list > li:not(:first-child) { padding-left: calc(.8rem + var(--gap-link-gap)); } .main-breadcrumb__list > li:not(:first-child):before { top: -2px; } .main-breadcrumb__list > li:last-child > [class*="__type"] { font-weight: 700; } .Main__content { padding: 2.2rem 15px 6rem; } .Main__sidelayout { margin-top: 3.9rem; } .Main__sidelayout__sidebar { margin-top: 3.9rem; } .main-lnav--bottom { --lnav-bottom-circle-size: 4rem; padding-block: 4rem; padding-inline: 15px; } .main-lnav__title > [class*="__type"] { padding: 2rem 1.4rem; font-size: 1.6rem; font-weight: 700; } .main-lnav__stage1 > li { line-height: 1.6; } .main-lnav__stage1 > li.is-current { font-weight: 700; } .main-lnav__stage1 > li > [class*="__type"] { padding: 1.4rem 1.4rem 1.3rem; } .main-lnav__stage1 > li > [class*="__type"]:not([class*="--nolink"]) { padding-left: calc(1.4rem + 1.4rem + var(--gap-link-gap)); } .main-lnav__stage1 > li > [class*="__type"]:not([class*="--nolink"]):before { top: 1.8rem; left: 1.7rem; } .main-lnav__stage1__type--nolink--title { font-weight: 700; } .main-lnav__stage2 > li { border-top: 1px solid var(--color-border-2); font-size: var(--font-font-size--S); line-height: 1.6; } .main-lnav__stage2 > li.is-current { font-weight: 700; } .main-lnav__stage2 > li > [class*="__type"] { padding: 1.35rem 2.8rem 1.3rem; } .main-lnav__stage2 > li > [class*="__type"]:not([class*="--nolink"]) { padding-left: calc(2.8rem + 14px + var(--gap-link-gap)); } .main-lnav__stage2 > li > [class*="__type"]:not([class*="--nolink"]):before { top: 1.6rem; left: 3.1rem; } .main-lnav-layout__body { margin: 3.6rem 0 0; } .main-lnav-lead { text-align: center; } .main-lnav-lead + * { margin-top: 1.4rem !important; } .main-lnav-lead__main { margin: 1rem 0 0; } .main-lnav-lead__image-wrap { gap: 1.4rem; justify-content: center; } .main-lnav-lead__image { max-height: 39px; } .main-lnav-lead__image > img { width: auto; max-height: 39px; } .main-lnav-lead-v2__sub { font-size: 1.4rem; } .main-lnav-lead-v2__main { margin: 1rem 0 0; } .main-lnav-lead-v2__image-wrap { gap: 1.4rem; } .main-lnav-lead-v2__image { max-height: 39px; } .main-lnav-lead-v2__image > img { width: auto; max-height: 39px; } .main-lnav-text { margin: 1rem 0 0; font-size: 1.2rem; text-align: center; } .main-lnav-text-v2 { margin: 1.4rem 0 0; font-size: 1.2rem; line-height: 1.6; text-align: center; } .main-lnav-button-wrap { display: flex; flex-flow: row wrap; align-items: center; margin: 2.2rem 0 0 0; } .main-lnav-button-wrap[data-col-sp] { row-gap: 2.2rem; } .main-lnav-button-wrap > * { justify-content: center; } .main-lnav-button-wrap-v2 { margin: 2.2rem 0 0 0; } .main-lnav-button-wrap-v2[data-col-sp] { row-gap: 2.2rem; } .main-lnav-button .main-lnav-button__type, .main-lnav-button .main-lnav-button__type--blank, .main-lnav-button .main-lnav-button__type--pdf, .main-lnav-button .main-lnav-button__type--excel, .main-lnav-button .main-lnav-button__type--word, .main-lnav-button .main-lnav-button__type--powerpoint, .main-lnav-button .main-lnav-button__type--zip, .main-lnav-button .main-lnav-button__type--modal, .main-lnav-button .main-lnav-button__type--rss { padding: 1.1rem 2.2rem; font-weight: 700; } [class*="button-wrap"][data-col-sp]:not([data-col-sp="1"]) > .main-lnav-button > [class*="__type"] { width: 100%; } .main-lnav-button .main-lnav-button__type .main-lnav-button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--blank .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--pdf .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--excel .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--word .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--powerpoint .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--zip .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--modal .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button .main-lnav-button__type--rss .main-lnav-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .main-lnav-button__filesize { font-weight: 400; } .main-lnav-card-wrap { row-gap: 3.6rem; margin-top: 3.6rem; } .main-lnav-card__head { width: 125px; margin-right: 14px; float: left; } .main-lnav-card__body { width: 100%; } .main-lnav-card__contents { width: 100%; margin-top: 1.4rem; float: left; } .main-lnav-card__title { width: calc(100% - 14px - 125px); float: left; font-weight: 700; } .main-lnav-card__date { font-size: var(--font-font-size--S); } .main-lnav-card__category__link { min-width: 104px; padding: .5rem 1.4rem; font-weight: 700; line-height: 1.6; } .main-lnav-card__tag-list { gap: 10px; margin: 1.1rem 0 0; } .main-lnav-card__tag-list[data-col-sp] { row-gap: .8rem; } .Footer, .Footer--simple { --footer-circle-size: 3rem; } .Footer__inner { width: 100%; } .Footer__body { padding-block: 3rem; padding-inline: 15px; } .footer-sitemap__link { width: 100%; border-bottom: 1px solid var(--color-border-2); } .footer-sitemap__link > [class*="__type"] { padding-block: 1.4rem 1.35rem; padding-inline: 0 .8rem; display: block; width: 100%; font-size: 1.4rem; font-weight: 700; line-height: 1.6; text-align: left; } .footer-sitemap__link__type:after { translate: 0 -50%; position: absolute; top: 50%; right: 3px; } .footer-sitemap__link__type--blank:after { translate: 0 -50%; position: absolute; top: 50%; right: 0; } .footer-sitemap__link__type--pdf:after { translate: 0 -50%; position: absolute; top: 50%; right: 0; } .footer-sitemap__link__list { display: none; } .footer-sitemap__accordion { border-bottom: 1px solid var(--color-border-2); } .footer-sitemap__accordion__head { -webkit-appearance: none; appearance: none; padding-block: 1.4rem 1.35rem; padding-inline: 0 calc(var(--gap-link-gap) + 14px); display: block; position: relative; width: 100%; margin: 0; border: none; background: none; font-size: var(--font-font-size--M); font-weight: 700; line-height: 1.6; text-align: left; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .footer-sitemap__accordion__head:before, .footer-sitemap__accordion__head:after { translate: 0 -50%; display: block; position: absolute; top: 50%; right: 0; width: 14px; height: 1px; background: var(--color-icon-link); content: ""; transition: rotate 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .footer-sitemap__accordion__head:before { rotate: 90deg; } .footer-sitemap__accordion__head:after { -webkit-transform: rotate(0deg); margin: 0; transform: rotate(0deg); rotate: 0deg; } .footer-sitemap__accordion__head.is-active:before { rotate: 0deg; } .footer-sitemap__accordion__body { padding-bottom: 1.1rem; border-top: 1px solid var(--color-border-2); } .footer-sitemap__top-link > [class*="__type"] { padding-block: 1.4rem; padding-inline: 1.5rem .8rem; display: block; width: 100%; font-size: 1.4rem; font-weight: 700; line-height: 1.6; text-align: left; } .footer-sitemap__description-wrap { padding: 2.8rem 1.4rem 2.8rem 2.9rem; border-radius: var(--radius-L); background: var(--color-base-white); } .footer-sitemap__description + .footer-sitemap__description { margin-top: 2.7rem; border-top: 1px solid var(--color-border-2); } .footer-sitemap__description + .footer-sitemap__description:has(> .footer-sitemap__description__head:first-child) { padding-top: 2.8rem; } .footer-sitemap__description + .footer-sitemap__description:has(> .footer-sitemap__description__detail:first-child) { padding-top: 1.4rem; } .footer-sitemap__description__detail { margin: 1.4rem 0 0; } .footer-sitemap__description__title { font-size: 1.4rem; font-weight: 700; line-height: 1.4; } .footer-sitemap__description__title > [class*="__type"] { display: block; width: 100%; text-align: left; } .footer-sitemap__link-list { row-gap: 1.4rem; } .footer-sitemap__link-list > li { font-size: 1.4rem; font-weight: 400; } .footer-sitemap__link-list > li > [class*="__type"] { display: block; width: 100%; text-align: left; } .footer-share { margin: 3rem 0 0; } .footer-share__list { gap: 1rem 28px; } .Footer__foot { padding-block: 3.1rem; padding-inline: 15px; } .Footer--simple .Footer__foot { -webkit-padding-before: 3rem; padding-block-start: 3rem; } .footer-subnav__link-list { gap: 1.4rem 2.8rem; justify-content: flex-start; } .footer-copyright { margin: 3.1rem 0 0; } .footer-pagetop { top: calc(-40px / 2); right: 15px; width: 40px; } .footer-pagetop.is-fixed { right: 15px; bottom: 15px; } .footer-pagetop > a:focus { background-color: var(--color-icon-hover); } .footer-pagetop > a:focus:after { border-top-color: var(--color-base-white); border-left-color: var(--color-base-white); } .footer-pagetop > a:after { top: calc(50% + 3px); width: 12px; border-width: 2px 0 0 2px; } body .heading1 + * { margin-top: 2.2rem; } .heading1__title { font-size: 3rem; font-weight: 400; } .heading1__subtitle { font-size: var(--font-font-size--M); font-weight: 400; } body .heading1--center + * { margin-top: 2.2rem; } .heading1--center__title { font-size: 3rem; font-weight: 400; } .heading1--center__subtitle { font-size: var(--font-font-size--M); font-weight: 400; } .heading1 { --heading1-circle-size: 3rem; padding-block: 2.2rem calc(var(--heading1-circle-size) * 2); } body .heading1 + * { margin-top: 2.2rem; } .Main__content .heading1 { margin-inline: -15px; width: calc(100% + (15px * 2)); } .heading1:before, .heading1:after { background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 52.4%); } .heading1__inner { padding-inline: 15px; } .heading1--center { --heading1-circle-size: 3rem; padding-block: 2.2rem calc(var(--heading1-circle-size) * 2); } body .heading1--center + * { margin-top: 2.2rem; } .Main__content .heading1--center { margin-inline: -15px; width: calc(100% + (15px * 2)); } .heading1--center:before, .heading1--center:after { background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 52.4%); } .heading1--center__inner { padding-inline: 15px; } body .heading1-v2 + * { margin-top: 2.2rem; } .heading1-v2__title { font-size: 3rem; font-weight: 400; } .heading1-v2__subtitle { font-size: var(--font-font-size--M); font-weight: 400; } body .heading1-v2--center + * { margin-top: 2.2rem; } .heading1-v2--center__title { font-size: 3rem; font-weight: 400; } .heading1-v2--center__subtitle { font-size: var(--font-font-size--M); font-weight: 400; } .heading1-v2 { margin: 6.4rem 0 0; } body .heading1-v2 + * { margin-top: 6.4rem; } .heading1-v2--center { margin: 6.4rem 0 0; } body .heading1-v2--center + * { margin-top: 6.4rem; } .heading2 { margin: 6.4rem 0 0; } body .heading2 + * { margin-top: 3.1rem; } .heading2__link .heading2__title:after { top: -.2em; } .heading2__link--blank .heading2__title:after { top: -.175em; } .heading2__link--pdf .heading2__title:after { top: -.175em; } .heading2__title { font-size: 2.6rem; font-weight: 400; } .heading2__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading2__filesize { font-size: var(--font-font-size--M); font-weight: 400; } .heading2--center { margin: 6.4rem 0 0; } body .heading2--center + * { margin-top: 3.1rem; } .heading2--center__link .heading2--center__title:after { top: -.2em; } .heading2--center__link--blank .heading2--center__title:after { top: -.175em; } .heading2--center__link--pdf .heading2--center__title:after { top: -.175em; } .heading2--center__title { font-size: 2.6rem; font-weight: 400; } .heading2--center__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading2--center__filesize { font-size: var(--font-font-size--M); font-weight: 400; } .heading2 { padding-block: 0 1rem; } .heading2:after { width: 80px; } .heading2--center { padding-block: 0 1rem; } .heading2--center:after { width: 80px; } .heading2-v2 { margin: 6.4rem 0 0; } body .heading2-v2 + * { margin-top: 3.1rem; } .heading2-v2__link .heading2-v2__title:after { top: -.2em; } .heading2-v2__link--blank .heading2-v2__title:after { top: -.175em; } .heading2-v2__link--pdf .heading2-v2__title:after { top: -.175em; } .heading2-v2__title { font-size: 2.6rem; font-weight: 400; } .heading2-v2__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading2-v2__filesize { font-size: var(--font-font-size--M); font-weight: 400; } .heading2-v2--center { margin: 6.4rem 0 0; } body .heading2-v2--center + * { margin-top: 3.1rem; } .heading2-v2--center__link .heading2-v2--center__title:after { top: -.2em; } .heading2-v2--center__link--blank .heading2-v2--center__title:after { top: -.175em; } .heading2-v2--center__link--pdf .heading2-v2--center__title:after { top: -.175em; } .heading2-v2--center__title { font-size: 2.6rem; font-weight: 400; } .heading2-v2--center__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading2-v2--center__filesize { font-size: var(--font-font-size--M); font-weight: 400; } .heading3 { margin: 4.5rem 0 0; } body .heading3 + * { margin-top: 3.4rem; } .heading3__link .heading3__title:after { top: -3px; } .heading3__link--blank .heading3__title:after { top: -3px; } .heading3__link--pdf .heading3__title:after { top: -3px; } .heading3__title { font-size: 1.8rem; font-weight: 400; } .heading3__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading3__filesize { font-weight: 400; } .heading3--center { margin: 4.5rem 0 0; } body .heading3--center + * { margin-top: 3.4rem; } .heading3--center__link .heading3--center__title:after { top: -3px; } .heading3--center__link--blank .heading3--center__title:after { top: -3px; } .heading3--center__link--pdf .heading3--center__title:after { top: -3px; } .heading3--center__title { font-size: 1.8rem; font-weight: 400; } .heading3--center__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading3--center__filesize { font-weight: 400; } .heading3 { padding-bottom: 1.4rem; } .heading3--center { padding-bottom: 1.4rem; } .heading3-v2 { margin: 4.5rem 0 0; } body .heading3-v2 + * { margin-top: 3.4rem; } .heading3-v2__link .heading3-v2__title:after { top: -3px; } .heading3-v2__link--blank .heading3-v2__title:after { top: -3px; } .heading3-v2__link--pdf .heading3-v2__title:after { top: -3px; } .heading3-v2__title { font-size: 1.8rem; font-weight: 400; } .heading3-v2__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading3-v2__filesize { font-weight: 400; } .heading3-v2--center { margin: 4.5rem 0 0; } body .heading3-v2--center + * { margin-top: 3.4rem; } .heading3-v2--center__link .heading3-v2--center__title:after { top: -3px; } .heading3-v2--center__link--blank .heading3-v2--center__title:after { top: -3px; } .heading3-v2--center__link--pdf .heading3-v2--center__title:after { top: -3px; } .heading3-v2--center__title { font-size: 1.8rem; font-weight: 400; } .heading3-v2--center__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading3-v2--center__filesize { font-weight: 400; } .heading3-v2__title { font-weight: 400; } .heading3-v2--center__title { font-weight: 400; } .heading4 { margin: 2.5rem 0 0; } body .heading4 + * { margin-top: 2.5rem; } .heading4__link .heading4__title:after { top: -2px; } .heading4__link--blank .heading4__title:after { top: -2px; } .heading4__link--pdf .heading4__title:after { top: -2px; } .heading4__title { font-size: var(--font-font-size--XL); font-weight: 400; } .heading4__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading4__filesize { font-weight: 400; } .heading4--center { margin: 2.5rem 0 0; } body .heading4--center + * { margin-top: 2.5rem; } .heading4--center__link .heading4--center__title:after { top: -2px; } .heading4--center__link--blank .heading4--center__title:after { top: -2px; } .heading4--center__link--pdf .heading4--center__title:after { top: -2px; } .heading4--center__title { font-size: var(--font-font-size--XL); font-weight: 400; } .heading4--center__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading4--center__filesize { font-weight: 400; } .heading4-v2 { margin: 2.5rem 0 0; } body .heading4-v2 + * { margin-top: 2.5rem; } .heading4-v2__link .heading4-v2__title:after { top: -2px; } .heading4-v2__link--blank .heading4-v2__title:after { top: -2px; } .heading4-v2__link--pdf .heading4-v2__title:after { top: -2px; } .heading4-v2__title { font-size: var(--font-font-size--XL); font-weight: 400; } .heading4-v2__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading4-v2__filesize { font-weight: 400; } .heading4-v2--center { margin: 2.5rem 0 0; } body .heading4-v2--center + * { margin-top: 2.5rem; } .heading4-v2--center__link .heading4-v2--center__title:after { top: -2px; } .heading4-v2--center__link--blank .heading4-v2--center__title:after { top: -2px; } .heading4-v2--center__link--pdf .heading4-v2--center__title:after { top: -2px; } .heading4-v2--center__title { font-size: var(--font-font-size--XL); font-weight: 400; } .heading4-v2--center__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading4-v2--center__filesize { font-weight: 400; } .heading5 { margin: 2.2rem 0 0; } body .heading5 + * { margin-top: 1.4rem; } .heading5__title { font-weight: 400; } .heading5__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading5__filesize { font-weight: 400; } .heading5--center { margin: 2.2rem 0 0; } body .heading5--center + * { margin-top: 1.4rem; } .heading5--center__title { font-weight: 400; } .heading5--center__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading5--center__filesize { font-weight: 400; } .heading6 { margin: 2.2rem 0 0; } body .heading6 + * { margin-top: 1.4rem; } .heading6__title { font-weight: 400; } .heading6__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading6__filesize { font-weight: 400; } .heading6--center { margin: 2.2rem 0 0; } body .heading6--center + * { margin-top: 1.4rem; } .heading6--center__title { font-weight: 400; } .heading6--center__subtitle { margin: 0 0 .6rem; font-weight: 400; } .heading6--center__filesize { font-weight: 400; } .lead { font-weight: 700; } .lead--center { font-weight: 700; } .lead { margin: 2.2rem 0 0; } body .lead + * { margin-top: 1.4rem; } .lead--center { margin: 2.2rem 0 0; } body .lead--center + * { margin-top: 1.4rem; } .lead-v2 { font-weight: 700; } .lead-v2--center { font-weight: 700; } .lead-v2 { margin: 2.2rem 0 0; } body .lead-v2 + * { margin-top: 1.4rem; } .lead-v2--center { margin: 2.2rem 0 0; } body .lead-v2--center + * { margin-top: 1.4rem; } .note-list > li { padding-left: calc(1em + 8px); } .note-list-v2 > li { padding-left: calc(1em + 8px); } .note-order-list > li { padding-left: calc((28 / 14 * 1em) + 8px); } .note-order-list-v2 > li { padding-left: calc((24 / 12 * 1em) + 8px); } .unorder-list > li { padding-left: calc(10px + 8px); } .unorder-list > li:before { top: .4em; width: 10px; height: 10px; } .unorder-list-v2 > li { padding-left: calc(8px + 8px); } .unorder-list-v2 > li:before { top: .45em; width: 8px; height: 8px; } .order-list > li { padding-left: calc((17 / 14 * 1em) + 8px); } .order-list-v2 > li { padding-left: calc((36 / 12 * 1em) + 8px); } .description-list__filesize { font-weight: 400; } .description-list + .description-list { margin-top: 2rem; } .description-list > dt { font-weight: 700; } .description-list > dd { margin-top: 1.1rem; } .description-list-v2__filesize { font-weight: 400; } .description-list-v2 { padding-bottom: 1.4rem; } .description-list-v2 + .description-list-v2 { margin-top: 1.4rem; } .description-list-v2 > dt { font-weight: 700; } .description-list-v2 > dd { margin-top: 1.1rem; } .description-list-v3__filesize { font-weight: 400; } .description-list-v3 + .description-list-v3 { margin-top: 2rem; } .description-list-v3 > dt { font-weight: 400; } .description-list-v3 > dd { margin-top: 1.1rem; font-weight: 700; } .description-list-v4__filesize { font-weight: 400; } .description-list-v4 { padding-bottom: 1.4rem; } .description-list-v4 + .description-list-v4 { margin-top: 1.4rem; } .description-list-v4 > dt { font-weight: 400; } .description-list-v4 > dd { margin-top: 1.1rem; font-weight: 700; } .link-list__filesize { font-weight: 400; } .link-list > li { padding-left: calc(8px + var(--gap-link-gap)); } .link-list > li > [class*="__type"] { margin-left: calc((8px + var(--gap-link-gap)) * -1); padding-left: inherit; } .link-list > li > [class*="__type"]:before { top: .2em; } .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--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--modal, .button-v2 .button-v2__type--rss, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { font-weight: 700; } .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--modal, .button .button__type--rss { padding: 1.1rem 2.2rem; } .button-wrap { margin: 2.2rem 0 0 0; } .button-wrap[data-col-sp] { row-gap: 2.2rem; } .button-wrap--center { margin: 2.2rem 0 0 0; } .button-wrap--center[data-col-sp] { row-gap: 2.2rem; } .button-wrap--right { margin: 2.2rem 0 0 0; } .button-wrap--right[data-col-sp] { row-gap: 2.2rem; } .button-wrap--centering { margin: 2.2rem 0 0 0; } .button-wrap--centering[data-col-sp] { row-gap: 2.2rem; } .button-wrap--centering { row-gap: 2.2rem; flex-direction: column; align-items: center; } [class*="button-wrap"][data-col-sp]:not([data-col-sp="1"]) > .button > [class*="__type"] { width: 100%; } .button__type .button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .button .button__type--blank .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--pdf .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--excel .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--word .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--powerpoint .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--zip .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--modal .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button .button__type--rss .button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button__filesize { font-weight: 400; } .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--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--modal, .button-v2 .button-v2__type--rss, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { font-weight: 700; } .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--modal, .button-v2 .button-v2__type--rss { padding: 1.1rem 2.2rem; } .button-wrap { margin: 2.2rem 0 0 0; } .button-wrap[data-col-sp] { row-gap: 2.2rem; } .button-wrap--center { margin: 2.2rem 0 0 0; } .button-wrap--center[data-col-sp] { row-gap: 2.2rem; } .button-wrap--right { margin: 2.2rem 0 0 0; } .button-wrap--right[data-col-sp] { row-gap: 2.2rem; } .button-wrap--centering { margin: 2.2rem 0 0 0; } .button-wrap--centering[data-col-sp] { row-gap: 2.2rem; } .button-wrap--centering { row-gap: 2.2rem; flex-direction: column; align-items: center; } [class*="button-wrap"][data-col-sp]:not([data-col-sp="1"]) > .button-v2 > [class*="__type"] { width: 100%; } .button-v2__type .button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .button-v2 .button-v2__type--blank .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--pdf .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--excel .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--word .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--powerpoint .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--zip .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--modal .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2 .button-v2__type--rss .button-v2__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v2__filesize { font-weight: 400; } .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--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--modal, .button-v2 .button-v2__type--rss, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { font-weight: 700; } .button-v3 .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .inquiry-button .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { padding: 1.4rem 2rem; } .button-wrap { margin: 2.2rem 0 0 0; } .button-wrap[data-col-sp] { row-gap: 2.2rem; } .button-wrap--center { margin: 2.2rem 0 0 0; } .button-wrap--center[data-col-sp] { row-gap: 2.2rem; } .button-wrap--right { margin: 2.2rem 0 0 0; } .button-wrap--right[data-col-sp] { row-gap: 2.2rem; } .button-wrap--centering { margin: 2.2rem 0 0 0; } .button-wrap--centering[data-col-sp] { row-gap: 2.2rem; } .button-wrap--centering { row-gap: 2.2rem; flex-direction: column; align-items: center; } [class*="button-wrap"][data-col-sp]:not([data-col-sp="1"]) > .button-v3 > [class*="__type"] { width: 100%; } .button-v3__type .button-v3__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .button-v3 .button-v3__type--blank .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--pdf .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--excel .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--word .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--powerpoint .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--zip .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--modal .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3 .button-v3__type--rss .button-v3__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .button-v3__filesize { font-weight: 400; } .figure__caption, .figure__caption--center, .figure__caption--right { margin-top: .8rem; } .figure__title { margin-bottom: 1.1rem; font-weight: 700; } .figure a.figure__frame--modal:before { right: 8px; bottom: 8px; } .figure a.figure__frame--modal:after { right: calc(8px + 10px); bottom: calc(8px + 10px); } .video-wrap__caption, .video-wrap__caption--center, .video-wrap__caption--right { margin: .8rem 0 0 0; } .video { height: auto; } .video-wrap__caption, .video-wrap__caption--center, .video-wrap__caption--right { margin: .8rem 0 0 0; } .table__caption, .table__caption--center, .table__caption--right { margin: .8rem 0 0 0; } .table [class*="__cell"]:is(th, td) { padding: .8rem 1.1rem; } .table__head { margin: 0 0 .8rem; } .table__foot { margin: .8rem 0 0; } .table__title { margin: 0 0 1.4rem; font-weight: 700; } .table [class*="__cell"]:is(th, td)[class*="__cell--lv1"] { font-weight: 700; } .table [class*="__cell"]:is(th, td)[class*="__cell--lv2"] { font-weight: 700; } .table[data-table-sp="scroll"] .table__body { padding-bottom: 10px; overflow-x: auto; } .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; background-color: #666; } .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 { margin: 1.4em 0 0 0; } .box__title { font-weight: 700; line-height: 1.6; } .box { padding-block: 1.7rem; padding-inline: 2rem; } .box-v2 { margin: 1.4em 0 0 0; } .box-v2__title { font-weight: 700; line-height: 1.6; } .box-v2 { padding-block: 1.7rem 0; } .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[data-media-wraparound="true"][data-media-sp="row"] .media__head { margin-bottom: 0.8em; } .media__caption, .media__caption--center, .media__caption--right { margin: .8rem 0 0; } .media[data-media-sp="row"] .media__head { max-width: calc((100% - var(--gap-col-gap)) / 2); } .media[data-media-sp="row"][data-media-pc="image-left"] .media__head { margin-right: var(--gap-col-gap); } .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: var(--gap-col-gap); } .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: 2em; } .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; } .heading-column[data-col-sp] { row-gap: 0; } .anchor-navi__list[data-col-sp] { row-gap: 1.7rem; } .anchor-navi__link { padding-left: calc(14px + var(--gap-link-gap)); } .anchor-navi__link:before { top: .35em; left: 3px; } .pager-navi .pager-navi__link, .pager-navi .pager-navi__link--prev, .pager-navi .pager-navi__link--next { width: 30px; height: 30px; } .pager-navi .pager-navi__link--prev:after, .pager-navi .pager-navi__link--next:after { width: 6px; height: 10px; } .pager-navi__inner { gap: 1.7rem; } .pager-navi__list { gap: 0.8rem; } .pulldown-navi { display: flex; flex-flow: column; } .pulldown-navi__inner { display: block; order: 2; width: 100%; } .pulldown-navi__inner:after { right: 19px; border-width: 5px 5px 0; } .pulldown-navi__select { padding-block: 1rem; padding-inline: 1.9rem calc(2rem + 1rem + 1.9rem); font-weight: 700; } .pulldown-navi__select option { font-weight: 400; } .pulldown-navi__assist { order: 1; text-align: right; } .pulldown-navi__inner + .pulldown-navi__assist { margin-bottom: 1.4rem; } .pulldown-navi__link--rss:before { margin-inline: 0 1rem; width: 14px; height: 14px; } .card-wrap--centering { flex-direction: column; align-items: center; } .card-wrap--scrolling { display: flex !important; flex-flow: row nowrap; overflow-x: auto; } .card-wrap { row-gap: 3.6rem; margin-top: 3.6rem; } .card-wrap--centering { row-gap: 3.6rem; margin-top: 3.6rem; } .card-wrap--centering { -webkit-column-gap: var(--gap-col-gap); -moz-column-gap: var(--gap-col-gap); column-gap: var(--gap-col-gap); } .card-wrap--scrolling { row-gap: 3.6rem; margin-top: 3.6rem; } .card-wrap--scrolling { row-gap: 0; -webkit-column-gap: 17px; -moz-column-gap: 17px; margin-inline: -15px; padding-bottom: 10px; column-gap: 17px; } .card-wrap--scrolling::-webkit-scrollbar { height: 9px; } .card-wrap--scrolling::-webkit-scrollbar-track { border-radius: 9px; background-color: #dfdfdf; } .card-wrap--scrolling::-webkit-scrollbar-thumb { border-radius: 9px; background-color: #666; } [data-card-sp="col"] .card__image--aspect-fixed img { -o-object-fit: scale-down; -o-object-position: center center; width: 100%; height: 100%; object-fit: scale-down; object-position: center center; } .card__title { font-weight: 700; } .card__filesize { font-weight: 400; } .card__description { margin: .8rem 0 0 0; } .card[data-card-sp="row"] > [class*="__type"] { gap: 0 1.4rem; display: flex; flex-flow: row nowrap; } .card[data-card-sp="col"] > [class*="__type"] { display: block; } [data-card-sp="row"] .card__head { flex-shrink: 0; width: calc((125 / 345) * 100%); } [data-card-sp="col"] .card__head { display: block; width: 100%; } [data-card-sp="row"] .card__body { width: 100%; } [data-card-sp="col"] .card__head + .card__body { margin-block: 1.1rem 0; } [data-card-sp="col"] .card__image--aspect-fixed { aspect-ratio: 16/9; } .card-wrap--scrolling > .card:first-child { padding-left: 15px; } .card-wrap--scrolling > .card:last-child { padding-right: 15px; } .card-wrap--scrolling > .card[data-card-sp="row"] > [class*="__type"] { width: 270px !important; } .card-wrap--scrolling > .card[data-card-sp="row"] .card__head { width: calc((125 / 270) * 100%); } .card-wrap--scrolling > .card[data-card-sp="col"] > [class*="__type"] { width: 255px !important; } .accordion + .accordion { margin-top: .8rem; } .accordion__head { padding: 1.1rem 1.4rem; } .accordion__title { padding-right: calc(1.4rem + 15px); font-weight: 700; } .accordion__title:before, .accordion__title:after { width: 15px; } .accordion__body { padding: 1.4rem 1.4rem; } [data-tab-sp="wrap"] .tab__head { position: relative; } [data-tab-sp="wrap"] .tab__head:before { display: block; z-index: 0; position: absolute; width: 100%; height: 100%; border: 1px solid var(--color-border-2); border-radius: var(--radius-M); background: var(--color-bg-base); content: ""; } [data-tab-sp="nowrap"] .tab__list { gap: 0 6px; display: flex; justify-content: space-between; border-bottom: 2px solid var(--color-base-main); } [data-tab-sp="nowrap"] .tab__list > li.is-current .tab__button { background-color: var(--color-base-white); } [data-tab-sp="nowrap"] .tab__list > li.is-current .tab__button:before, [data-tab-sp="nowrap"] .tab__list > li.is-current .tab__button:after { opacity: 1; } [data-tab-sp="wrap"] .tab__list { display: flex; z-index: 1; position: relative; flex-flow: row wrap; overflow: hidden; border-radius: var(--radius-M); } [data-tab-sp="wrap"] .tab__list[data-col-sp] { gap: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="1"] > li { width: 100%; } [data-tab-sp="wrap"] .tab__list[data-col-sp="1"] > li:not(:first-child) { border-top: 1px solid var(--color-border-2); } [data-tab-sp="wrap"] .tab__list[data-col-sp="2"] > li { width: calc(100% / 2); border: solid var(--color-border-2); border-width: 0 1px 1px 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="2"] > li:nth-of-type(2n) { border-right: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="2"] > li:nth-last-of-type(1):nth-of-type(2n - 0) { border-bottom: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="2"] > li:nth-last-of-type(1):nth-of-type(2n - 1) { border-bottom: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="2"] > li:nth-last-of-type(2):nth-of-type(2n - 1) { border-bottom: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="3"] > li { width: calc(100% / 3); border: solid var(--color-border-2); border-width: 0 1px 1px 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="3"] > li:nth-of-type(3n) { border-right: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="3"] > li:nth-last-of-type(1):nth-of-type(3n - 0) { border-bottom: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="3"] > li:nth-last-of-type(1):nth-of-type(3n - 1) { border-bottom: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="3"] > li:nth-last-of-type(1):nth-of-type(3n - 2) { border-bottom: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="3"] > li:nth-last-of-type(2):nth-of-type(3n - 1) { border-bottom: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="3"] > li:nth-last-of-type(2):nth-of-type(3n - 2) { border-bottom: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="3"] > li:nth-last-of-type(3):nth-of-type(3n - 2) { border-bottom: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="auto"] > li { width: 100%; margin: 0; } [data-tab-sp="wrap"] .tab__list[data-col-sp="auto"] > li:not(:first-child) { border-top: 1px solid var(--color-border-2); } [data-tab-sp="wrap"] .tab__list > li { z-index: 0; } [data-tab-sp="wrap"] .tab__list > li.is-current { z-index: 1; } [data-tab-sp="wrap"] .tab__list > li.is-current:after { display: block; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border: 1px solid var(--color-base-main); background: transparent; content: ""; pointer-events: none; } [data-tab-sp="wrap"] .tab__list > li.is-current .tab__button { background-color: var(--color-base-main); color: var(--color-base-white); } .tab__list > li.is-current .tab__button { font-weight: 700; } [data-tab-sp="nowrap"] .tab__button { min-height: calc((var(--font-font-size--M) * 1.4 * 2) + .8rem * 2 + 1px); padding: .8rem; border: 1px solid var(--color-border-2); border-bottom: none; border-radius: var(--radius-M) var(--radius-M) 0 0; background: var(--color-bg-base); } [data-tab-sp="wrap"] .tab__button { min-height: calc((var(--font-font-size--M) * 1.4 * 2) + .8rem * 2); padding: 1rem .8rem; background: transparent; } .tab__body { padding: 2.2rem 0 0; } [class*=modal--].modaal-wrapper .modaal-container { margin-block: 40px; padding: calc(39px / 2); } [class*=modal--].modaal-wrapper .modaal-inner-wrapper { padding-inline: 15px; } [class*=modal--].modaal-wrapper .modaal-close { top: -56px; right: 0; width: 48px; height: 48px; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 32px; height: 2px; } .carousel { margin-block: 2.8rem 0; margin-inline: 0; } .carousel__list { padding-inline: calc(40px + 14px); } .carousel__list > .slick-list { margin: 0 calc(-1 * var(--gap-col-gap) / 2); } .carousel__item { padding: 0 calc(var(--gap-col-gap) / 2); line-height: 1.6; } .carousel .slick-arrow { width: 40px; height: 40px; } .carousel .slick-arrow:after { width: 8px; height: 14px; } .carousel .slick-arrow.slick-prev { left: 0; } .carousel .slick-arrow.slick-next { right: 0; } .carousel__control { gap: 0 2rem; margin: 2rem 0 0; } .carousel__pager > .slick-dots { gap: 3px 20px; } .news__type, .news__type--nolink, .news__type--blank, .news__type--pdf { gap: 0 1.4rem; padding-block: 2.5rem; } .news-badge, .news-badge--type, .news-badge--category { min-width: 90px; min-height: 23px; padding: 2px 8px; font-size: var(--font-font-size--S); font-weight: 700; } .news { margin-top: 2rem; } .news__head { width: min(80px,calc(80 / 375 * 100vw)); } .news__property { min-height: 20px; } .news__property + .news__caption { margin-top: 1.1rem; } .news__date { min-width: 8.5em; margin-right: calc((85px + 1.4rem) - 8.5em); } .news__category { gap: .8rem; display: flex; margin-top: 1.1rem; } .news__title { font-weight: 400; } .news__filesize { font-weight: 400; } .faq__mark--question, .faq__mark--answer { width: 15px; height: 20px; } .faq + .faq { margin-top: .8rem; } .faq__head { gap: 0 .8rem; padding: 1.1rem 1.4rem; } .faq__title { padding-right: calc(1.4rem + 15px); font-weight: 700; } .faq__title:before, .faq__title:after { width: 15px; } .faq__body { gap: 0 .8rem; padding: 1.4rem 1.4rem; } .tooltip__link { font-weight: inherit; } .tooltip__balloon { width: 180px; margin-left: -79px; padding-bottom: 11px; } .tooltip__balloon__inner { padding: 1.1rem 1.4rem; } .inquiry__description { text-align: center; } .inquiry__note-list { row-gap: .8rem; } .inquiry-button-wrap, .inquiry-button-wrap--center, .inquiry-button-wrap--right, .inquiry-button-wrap--centering { margin: 2.2rem 0 0 0; } .inquiry-button-wrap[data-col-sp], .inquiry-button-wrap--center[data-col-sp], .inquiry-button-wrap--right[data-col-sp], .inquiry-button-wrap--centering[data-col-sp] { row-gap: 2.2rem; } .inquiry-button-wrap--center { margin: 2.2rem 0 0 0; } .inquiry-button-wrap--center[data-col-sp] { row-gap: 2.2rem; } .inquiry-button-wrap--right { margin: 2.2rem 0 0 0; } .inquiry-button-wrap--right[data-col-sp] { row-gap: 2.2rem; } .inquiry-button-wrap--centering { margin: 2.2rem 0 0 0; } .inquiry-button-wrap--centering[data-col-sp] { row-gap: 2.2rem; } .inquiry-button-wrap--centering { row-gap: 2.2rem; flex-direction: column; align-items: center; } .inquiry-button .button__type, .inquiry-button .button .button__type--blank, .button .inquiry-button .button__type--blank, .inquiry-button .button .button__type--pdf, .button .inquiry-button .button__type--pdf, .inquiry-button .button .button__type--excel, .button .inquiry-button .button__type--excel, .inquiry-button .button .button__type--word, .button .inquiry-button .button__type--word, .inquiry-button .button .button__type--powerpoint, .button .inquiry-button .button__type--powerpoint, .inquiry-button .button .button__type--zip, .button .inquiry-button .button__type--zip, .inquiry-button .button .button__type--modal, .button .inquiry-button .button__type--modal, .inquiry-button .button .button__type--rss, .button .inquiry-button .button__type--rss, .inquiry-button .button-v2__type, .inquiry-button .button-v2 .button-v2__type--blank, .button-v2 .inquiry-button .button-v2__type--blank, .inquiry-button .button-v2 .button-v2__type--pdf, .button-v2 .inquiry-button .button-v2__type--pdf, .inquiry-button .button-v2 .button-v2__type--excel, .button-v2 .inquiry-button .button-v2__type--excel, .inquiry-button .button-v2 .button-v2__type--word, .button-v2 .inquiry-button .button-v2__type--word, .inquiry-button .button-v2 .button-v2__type--powerpoint, .button-v2 .inquiry-button .button-v2__type--powerpoint, .inquiry-button .button-v2 .button-v2__type--zip, .button-v2 .inquiry-button .button-v2__type--zip, .inquiry-button .button-v2 .button-v2__type--modal, .button-v2 .inquiry-button .button-v2__type--modal, .inquiry-button .button-v2 .button-v2__type--rss, .button-v2 .inquiry-button .button-v2__type--rss, .inquiry-button .button-v3__type, .inquiry-button .button-v3 .button-v3__type--blank, .button-v3 .inquiry-button .button-v3__type--blank, .inquiry-button .button-v3 .button-v3__type--pdf, .button-v3 .inquiry-button .button-v3__type--pdf, .inquiry-button .button-v3 .button-v3__type--excel, .button-v3 .inquiry-button .button-v3__type--excel, .inquiry-button .button-v3 .button-v3__type--word, .button-v3 .inquiry-button .button-v3__type--word, .inquiry-button .button-v3 .button-v3__type--powerpoint, .button-v3 .inquiry-button .button-v3__type--powerpoint, .inquiry-button .button-v3 .button-v3__type--zip, .button-v3 .inquiry-button .button-v3__type--zip, .inquiry-button .button-v3 .button-v3__type--modal, .button-v3 .inquiry-button .button-v3__type--modal, .inquiry-button .button-v3 .button-v3__type--rss, .button-v3 .inquiry-button .button-v3__type--rss, .inquiry-button .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { font-weight: 700; } .inquiry-button .button-v3 .button-v3__type, .button-v3 .inquiry-button .button-v3__type, .inquiry-button .button-v3 .button-v3__type--blank, .button-v3 .inquiry-button .button-v3__type--blank, .inquiry-button .button-v3 .button-v3__type--pdf, .button-v3 .inquiry-button .button-v3__type--pdf, .inquiry-button .button-v3 .button-v3__type--excel, .button-v3 .inquiry-button .button-v3__type--excel, .inquiry-button .button-v3 .button-v3__type--word, .button-v3 .inquiry-button .button-v3__type--word, .inquiry-button .button-v3 .button-v3__type--powerpoint, .button-v3 .inquiry-button .button-v3__type--powerpoint, .inquiry-button .button-v3 .button-v3__type--zip, .button-v3 .inquiry-button .button-v3__type--zip, .inquiry-button .button-v3 .button-v3__type--modal, .button-v3 .inquiry-button .button-v3__type--modal, .inquiry-button .button-v3 .button-v3__type--rss, .button-v3 .inquiry-button .button-v3__type--rss, .inquiry-button .inquiry-button__type, .inquiry-button .inquiry-button__type--blank, .inquiry-button .inquiry-button__type--pdf, .inquiry-button .inquiry-button__type--excel, .inquiry-button .inquiry-button__type--word, .inquiry-button .inquiry-button__type--powerpoint, .inquiry-button .inquiry-button__type--zip, .inquiry-button .inquiry-button__type--modal, .inquiry-button .inquiry-button__type--rss { padding: 1.4rem 2rem; } [class*="button-wrap"][data-col-sp]:not([data-col-sp="1"]) > .inquiry-button > [class*="__type"] { width: 100%; } .inquiry-button__type .inquiry-button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--blank .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--pdf .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--excel .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--word .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--powerpoint .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--zip .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--modal .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button .inquiry-button__type--rss .inquiry-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .inquiry-button__filesize { font-weight: 400; } .inquiry { margin: 2.8rem 0 0; } .inquiry__title { padding: 1.7rem 2.0rem; font-size: 1.7rem; font-weight: 700; } .inquiry__detail { padding: 1.7rem 2.0rem; } .inquiry__description__office { font-weight: 700; } .inquiry__description__office + * { margin-top: 0.4em !important; } .inquiry__description__tel { font-size: 2.1rem; font-weight: 700; } .inquiry__note-list { margin: 1.4rem 0 0; } .inquiry__note-list > li { padding-left: calc(1em + 8px); } .inquiry-button-wrap, .inquiry-button-wrap--center, .inquiry-button-wrap--right, .inquiry-button-wrap--centering { margin-top: 3.4rem; } .cmn-profile-card-wrap { margin-top: 20px; padding: 17px 20px; border: 1px solid #666666; border-radius: 10px; } .cmn-profile-card-wrap-v2 { margin-top: 20px; padding: 17px 20px; border: 1px solid #666666; border-radius: 10px; } .cmn-profile-card { -webkit-column-gap: 15px; -moz-column-gap: 15px; display: grid; grid-template-columns: 64.5px 1fr; grid-template-rows: 1fr; align-items: start; column-gap: 15px; } .cmn-profile-card + .cmn-profile-card { margin-top: 28px; padding-top: 28px; border-top: 1px solid #666666; } .cmn-profile-card__image { display: flex; grid-column: 1 / 2; grid-row: 1 / 3; flex-shrink: 0; justify-content: center; width: 64.5px; text-align: center; } .cmn-profile-card__inner { display: contents; } .cmn-profile-card__body { grid-column: 1 / 3; } .cmn-profile-card__name { margin-top: 6px; font-size: 16px; font-weight: bold; } .cmn-profile-card__job { margin-top: 6.5px; font-size: 12px; font-weight: bold; } .cmn-profile-card__text { margin-top: 11px; font-size: 14px; } .cmn-profile-card:not(:has(.cmn-profile-card__head)) { justify-items: center; } .cmn-profile-card:not(:has(.cmn-profile-card__head)) .cmn-profile-card__image { grid-column: 1 / -1; grid-row: auto; justify-content: center; } body .cmn-figure-heading1 + * { margin-top: 2.2rem; } .Main__content .cmn-figure-heading1 { margin-inline: -15px; width: calc(100% + (15px * 2)); margin-top: 5.2em; } .cmn-figure-heading1__inner { padding: 22px 15px 0; } .cmn-figure-heading1__image__frame { -webkit-filter: drop-shadow(0px 8px 15px rgba(0, 0, 0, 0.2)); position: relative; width: calc(100% + 15px); border-radius: 20px 0px 0px 20px; filter: drop-shadow(0px 8px 15px rgba(0, 0, 0, 0.2)); } .cmn-figure-heading1__content__body { padding: 26px 15px 26px 0; } .cmn-figure-heading1__content__body:after { top: -20px; left: -15px; width: calc(100% + 15px); height: calc(100% + 20px); border-radius: 0px 20px 20px 0px; background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 52.4%); } .cmn-figure-heading1__content__foot { margin-top: 2.3em; } .cmn-figure-heading1__title { font-size: 3.0rem; font-weight: 400; } .cmn-figure-heading1__title__low { font-size: 2.0rem; } .cmn-figure-heading1__subtitle { margin: 1.5rem 0 0; font-size: 2.0rem; font-weight: 700; } .cmn-figure-heading1__lead { margin: 1.5rem 0 0; font-size: 1.6rem; font-weight: 700; } .cmn-figure-heading1__description { margin: 1.2rem 0 0; font-size: 1.4rem; font-weight: 400; } .cmn-figure-heading1__list-wrap { margin: 1em 0 0 0; } .cmn-figure-heading1__link-list { row-gap: 11px; } .cmn-figure-heading1__link-list > li { padding-left: calc(8px + var(--gap-link-gap)); } .cmn-figure-heading1__link-list > li > [class*="__type"] { margin-left: calc((8px + var(--gap-link-gap)) * -1); padding-left: inherit; } .cmn-figure-heading1__link-list > li > [class*="__type"]:before { top: 0.3em; } .cmn-figure-heading1__link-list-v2 { row-gap: 5px; } .cmn-figure-heading1__link-list-v2 > li { font-size: 2.0rem; font-weight: 700; line-height: 1.6; } .cmn-figure-heading1__link-list-v2 > li > [class*="__type"]:after { top: -0.15em; margin-left: 0.4em; } .cmn-figure-heading1__button-wrap { row-gap: 1.4rem; margin: 1.8rem 0 0 0; } .cmn-figure-heading1__button { width: 100%; } .cmn-figure-heading1__button .cmn-figure-heading1__button__type { width: 100%; padding: 1.4rem 2rem; } .cmn-figure-heading1__button .cmn-figure-heading1__button__type .cmn-figure-heading1__button__label:after { right: 2px; } .cmn-figure-heading1__button__type { font-weight: 700; } .cmn-figure-heading1__button__type .cmn-figure-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally { row-gap: 4.6em; flex-direction: column; margin-top: 4.6em; } .cmn-horizontally__heading2 { margin: 6.4rem 0 0; } body .cmn-horizontally__heading2 + * { margin-top: 3.1rem; } .cmn-horizontally__heading2__link .cmn-horizontally__heading2__title:after { top: -.2em; } .cmn-horizontally__heading2__link--blank .cmn-horizontally__heading2__title:after { top: -.175em; } .cmn-horizontally__heading2__link--pdf .cmn-horizontally__heading2__title:after { top: -.175em; } .cmn-horizontally__heading2__detail { row-gap: 30px; flex-direction: column; } .cmn-horizontally__heading2__title { font-size: 2.6rem; font-weight: 400; } .cmn-horizontally__heading2__subtitle { margin: 0 0 .6rem; font-weight: 400; } .cmn-horizontally__heading2__filesize { font-size: var(--font-font-size--M); font-weight: 400; } .cmn-horizontally__heading2__button { display: flex; width: 100%; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss { font-weight: 700; } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal, .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss { padding: 1.1rem 2.2rem; } .cmn-horizontally__heading2__button__type .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--blank .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--pdf .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--excel .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--word .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--powerpoint .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--zip .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--modal .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button .cmn-horizontally__heading2__button__type--rss .cmn-horizontally__heading2__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__heading2__button__filesize { font-weight: 400; } .cmn-horizontally__news { margin: 2em 0 0 0; } .cmn-horizontally__news .cmn-horizontally__news__type, .cmn-horizontally__news .cmn-horizontally__news__type--nolink, .cmn-horizontally__news .cmn-horizontally__news__type--blank, .cmn-horizontally__news .cmn-horizontally__news__type--pdf { gap: 0 1.4rem; padding-block: 2.5rem; } .cmn-horizontally__news__head { width: min(80px,calc(80 / 375 * 100vw)); } .cmn-horizontally__news__property { min-height: 20px; } .cmn-horizontally__news__property + .cmn-horizontally__news__caption { margin-top: 1.1rem; } .cmn-horizontally__news__date { min-width: 8.5em; margin-right: calc((85px + 1.4rem) - 8.5em); } .cmn-horizontally__news__category { gap: .8rem; display: flex; } .cmn-horizontally__news .cmn-horizontally__news-badge, .cmn-horizontally__news .cmn-horizontally__news-badge--type, .cmn-horizontally__news .cmn-horizontally__news-badge--category { min-width: 120px; min-height: 23px; padding: 2px 8px; font-size: var(--font-font-size--S); font-weight: 700; } .cmn-horizontally__news__title { font-weight: 400; } .cmn-horizontally__news__filesize { font-weight: 400; } .cmn-horizontally__button-wrap { margin: 2.2rem 0 0 0; } .cmn-horizontally__button-wrap[data-col-sp] { row-gap: 2.2rem; } .cmn-horizontally__button-wrap--centering { row-gap: 2.2rem; flex-flow: column wrap; align-items: center; margin: 2.2rem 0 0 0; } .cmn-horizontally__button-wrap--centering[data-col-sp] { row-gap: 2.2rem; } .cmn-horizontally__button { width: 100%; } .cmn-horizontally__button .cmn-horizontally__button__type, .cmn-horizontally__button .cmn-horizontally__button__type--blank, .cmn-horizontally__button .cmn-horizontally__button__type--pdf, .cmn-horizontally__button .cmn-horizontally__button__type--excel, .cmn-horizontally__button .cmn-horizontally__button__type--word, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint, .cmn-horizontally__button .cmn-horizontally__button__type--zip, .cmn-horizontally__button .cmn-horizontally__button__type--modal, .cmn-horizontally__button .cmn-horizontally__button__type--rss { font-weight: 700; } .cmn-horizontally__button .cmn-horizontally__button__type, .cmn-horizontally__button .cmn-horizontally__button__type--blank, .cmn-horizontally__button .cmn-horizontally__button__type--pdf, .cmn-horizontally__button .cmn-horizontally__button__type--excel, .cmn-horizontally__button .cmn-horizontally__button__type--word, .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint, .cmn-horizontally__button .cmn-horizontally__button__type--zip, .cmn-horizontally__button .cmn-horizontally__button__type--modal, .cmn-horizontally__button .cmn-horizontally__button__type--rss { padding: 1.1rem 2.2rem; } .cmn-horizontally__button__type .cmn-horizontally__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--blank .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--pdf .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--excel .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--word .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--powerpoint .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--zip .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--modal .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button .cmn-horizontally__button__type--rss .cmn-horizontally__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-horizontally__button__filesize { font-weight: 400; } .cmn-step { margin-top: 2.0em; } .cmn-step__list { row-gap: 8px; flex-direction: column; } .cmn-step__list > li { row-gap: 8px; flex-direction: column; align-items: center; width: 100%; } .cmn-step__list > li:not(:last-child):after { -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%); width: 38px; height: 18px; clip-path: polygon(0 0, 100% 0, 50% 100%); } .cmn-step__item { padding: 14px; border-radius: 10px; } .cmn-step__body { margin-top: 3px; } .cmn-step__icon { padding: 3px 14px; border-radius: 200px; font-size: 1.4rem; font-weight: 700; line-height: 1.4; } .cmn-step__label { font-size: 2.0rem; font-weight: 700; line-height: 1.4; } .cmn-cta { --cmn-cta-circle-size: 3rem; width: calc(100% + (15px * 2)); margin: 3.2em -15px 0; border-radius: 3rem 0 0 0; } .cmn-cta:before { top: -30px; } .cmn-cta__inner { padding-block: 3.2em calc(3.6em + 4.0rem); padding-inline: 15px; } .cmn-cta__column { gap: 4.2rem var(--gap-col-gap); display: grid; grid-template-columns: auto; } .cmn-cta__column__item { width: 100%; } .cmn-cta__heading2 { margin: 6.4rem 0 0; } body .cmn-cta__heading2 + * { margin-top: 3.1rem; } .cmn-cta__heading2__link .cmn-cta__heading2__title:after { top: -.2em; } .cmn-cta__heading2__link--blank .cmn-cta__heading2__title:after { top: -.175em; } .cmn-cta__heading2__link--pdf .cmn-cta__heading2__title:after { top: -.175em; } .cmn-cta__heading2__title { font-size: 2.6rem; font-weight: 400; } .cmn-cta__heading2__subtitle { margin: 0 0 .6rem; font-weight: 400; } .cmn-cta__heading2__filesize { font-size: var(--font-font-size--M); font-weight: 400; } .cmn-cta__download-wrap { row-gap: 36px; margin-top: 1.0em; } .cmn-cta__download { -webkit-column-gap: 19px; -moz-column-gap: 19px; column-gap: 19px; } .cmn-cta__download__head { width: 120px; } .cmn-cta__download__title { font-size: 1.6rem; font-weight: 700; line-height: 1.4; } .cmn-cta__download__button { display: flex; width: 100%; margin-top: 1.5em; } .cmn-cta__download__button .cmn-cta__download__button__type, .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button__type, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--rss, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--rss { font-weight: 700; } .cmn-cta__download__button .cmn-cta__download__button__type, .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__button__type--rss, .cmn-cta__button .cmn-cta__download__button .cmn-cta__button__type--rss { padding: 1.1rem 2.2rem; } .cmn-cta__download__button__type .cmn-cta__download__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--blank .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--pdf .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--excel .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--word .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--zip .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--modal .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button .cmn-cta__download__button__type--rss .cmn-cta__download__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__download__button__filesize { font-weight: 400; } .cmn-cta__button-wrap { margin: 1.4rem 0 0 0; } .cmn-cta__button-wrap[data-col-sp] { row-gap: 2.2rem; } .cmn-cta__button { width: 100%; } .cmn-cta__button .cmn-cta__download__button__type, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--rss, .cmn-cta__button .cmn-cta__button__type, .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__button__type--rss { font-weight: 700; } .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--blank, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--blank, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--pdf, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--pdf, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--excel, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--excel, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--word, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--word, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--powerpoint, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--zip, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--zip, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--modal, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--modal, .cmn-cta__button .cmn-cta__download__button .cmn-cta__download__button__type--rss, .cmn-cta__download__button .cmn-cta__button .cmn-cta__download__button__type--rss, .cmn-cta__button .cmn-cta__button__type, .cmn-cta__button .cmn-cta__button__type--blank, .cmn-cta__button .cmn-cta__button__type--pdf, .cmn-cta__button .cmn-cta__button__type--excel, .cmn-cta__button .cmn-cta__button__type--word, .cmn-cta__button .cmn-cta__button__type--powerpoint, .cmn-cta__button .cmn-cta__button__type--zip, .cmn-cta__button .cmn-cta__button__type--modal, .cmn-cta__button .cmn-cta__button__type--rss { padding: 1.4rem 2rem; } .cmn-cta__button__type .cmn-cta__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--blank .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--pdf .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--excel .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--word .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--powerpoint .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--zip .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--modal .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button .cmn-cta__button__type--rss .cmn-cta__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__button__filesize { font-weight: 400; } .cmn-cta__inquiry { margin: 2.8rem 0 0; } .cmn-cta__inquiry__title { padding: 1.7rem 2.0rem; font-size: 1.7rem; font-weight: 700; } .cmn-cta__inquiry__detail { padding: 1.7rem 2.0rem; } .cmn-cta__inquiry .cmn-cta__inquiry__button-wrap { margin: 3.2rem 0 0 0; } .cmn-cta__inquiry .cmn-cta__inquiry__button-wrap[data-col-sp] { row-gap: 2.2rem; } .cmn-cta__inquiry__button-wrap { row-gap: 14px; flex-direction: column; align-items: center; margin-top: 3.4rem; } .cmn-cta__inquiry__button { width: 100%; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss { font-weight: 700; } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal, .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss { padding: 1.4rem 2rem; } .cmn-cta__inquiry__button__type .cmn-cta__inquiry__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--blank .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--pdf .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--excel .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--word .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--powerpoint .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--zip .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--modal .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button .cmn-cta__inquiry__button__type--rss .cmn-cta__inquiry__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-cta__inquiry__button__filesize { font-weight: 400; } .cmn-product-category-hero__body { padding-block: 2.2rem .8rem; } .cmn-product-category-hero__lead { font-weight: 700; } .cmn-product-category-hero__button-wrap { margin: 1.4rem 0 0 0; } .cmn-product-category-hero__button-wrap[data-col-sp] { row-gap: 1.4rem; } .cmn-product-category-hero__carousel { margin-block: 2.8rem 0; margin-inline: 0; } .cmn-product-category-hero__carousel__list > .slick-list { margin: 0 calc(-1 * var(--gap-col-gap) / 2); } .cmn-product-category-hero__carousel__item { padding: 0 calc(var(--gap-col-gap) / 2); line-height: 1.6; } .cmn-product-category-hero__carousel__image { overflow: hidden; } .cmn-product-category-hero__carousel .slick-arrow { width: 40px; height: 40px; } .cmn-product-category-hero__carousel .slick-arrow:after { width: 8px; height: 14px; } .cmn-product-category-hero__carousel .slick-arrow.slick-prev { left: 0; } .cmn-product-category-hero__carousel .slick-arrow.slick-next { right: 0; } .cmn-product-category-hero__carousel__control { gap: 0 1.7rem; position: relative; justify-content: center; margin: 2rem 0 0; } .cmn-product-category-hero__carousel__pager > .slick-dots { gap: 3px 17px; } .cmn-related-products-carousel { margin-block: 2.8rem 0; margin-inline: 0; } .cmn-related-products-carousel__list { padding-inline: calc(40px + 14px); } .cmn-related-products-carousel__list.is-static-sp { padding-inline: 0 !important; } .cmn-related-products-carousel__list.is-static-sp > .slick-list > .slick-track { margin: 0 !important; } .cmn-related-products-carousel__list > .slick-list { margin: 0 calc(-1 * var(--gap-col-gap) / 2); } .cmn-related-products-carousel__item { padding: 0 calc(var(--gap-col-gap) / 2); line-height: 1.6; } .cmn-related-products-carousel__card__body { margin-top: 1rem; } .cmn-related-products-carousel__card__title { font-weight: 700; } .cmn-related-products-carousel .slick-arrow { width: 40px; height: 40px; } .cmn-related-products-carousel .slick-arrow:after { width: 8px; height: 14px; } .cmn-related-products-carousel .slick-arrow.slick-prev { left: 0; } .cmn-related-products-carousel .slick-arrow.slick-next { right: 0; } .cmn-related-products-carousel__control { gap: 0 2rem; margin: 2rem 0 0; } .cmn-related-products-carousel__pager > .slick-dots { gap: 3px 20px; } .cmn-exhibition { flex-direction: column; align-items: center; justify-content: center; margin-top: 2.8rem; } .cmn-exhibition__head { font-size: 14px; font-weight: 700; line-height: 1.6; } .cmn-exhibition-sns-list { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; margin-top: 1.4em; padding-left: 0; column-gap: 2rem; } .cmn-heading-with-icon { margin: 6.4rem 0 0; } body .cmn-heading-with-icon + * { margin-top: 3.1rem; } .cmn-heading-with-icon__inner { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .cmn-heading-with-icon__image { width: 36px; height: 36px; } .cmn-heading-with-icon__body { padding-top: 2px; } .cmn-heading-with-icon__title { font-size: 2.6rem; font-weight: 400; } .cmn-more-button-wrap { row-gap: 2.2rem; flex-direction: column; align-items: center; margin: 2.2rem 0 0 0; } .cmn-more-button-wrap[data-col-sp] { row-gap: 2.2rem; } .cmn-more-button { padding: 1.1rem 2rem; font-weight: 700; } [class*="button-wrap"][data-col-sp]:not([data-col-sp="1"]) > .cmn-more-button { width: 100%; } .cmn-more-button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-more-button__label:before, .cmn-more-button__label:after { width: 15px; } .cmn-exhibition-card-wrap { gap: 3.7rem var(--gap-col-gap); display: grid; grid-template-columns: auto; margin-top: 3.6rem; } .cmn-exhibition-card { width: 100%; } .cmn-exhibition-card__head { height: 195px; border-radius: var(--radius-L); } .cmn-exhibition-card__body { margin-top: 1.4rem; } .cmn-exhibition-card__title { font-weight: 700; } .cmn-exhibition-card__filesize { font-weight: 400; } .cmn-exhibition-card__description { margin: 1.2rem 0 0 0; } .cmn-exhibition-card__description .cmn-exhibition-card__description--date, .cmn-exhibition-card__description .cmn-exhibition-card__description--location, .cmn-exhibition-card__description .cmn-exhibition-card__description--price, .cmn-exhibition-card__description .cmn-product-category-heading1__description--date, .cmn-exhibition-card__description .cmn-product-category-heading1__description--location, .cmn-exhibition-card__description .cmn-product-category-heading1__description--price { margin-top: .9rem; padding-left: 2.6rem; font-size: 1.2rem; line-height: 1.5; } .cmn-exhibition-card__description .cmn-exhibition-card__description--date:before, .cmn-exhibition-card__description .cmn-exhibition-card__description--location:before, .cmn-exhibition-card__description .cmn-exhibition-card__description--price:before, .cmn-exhibition-card__description .cmn-product-category-heading1__description--date:before, .cmn-exhibition-card__description .cmn-product-category-heading1__description--location:before, .cmn-exhibition-card__description .cmn-product-category-heading1__description--price:before { width: 19px; height: 19px; } .cmn-exhibition-card__badge { gap: 6px; margin-top: .6rem; } .cmn-exhibition-card__badge .cmn-exhibition-card__badge--live, .cmn-exhibition-card__badge .cmn-exhibition-card__badge--soon, .cmn-exhibition-card__badge .cmn-exhibition-card__badge--end, .cmn-exhibition-card__badge .cmn-exhibition-card__badge--category { min-width: 113px; padding: .2rem 1rem; font-size: 1.2rem; font-weight: 700; line-height: 1.4; } .cmn-exhibition-card__badge--category { min-width: 136px !important; } .cmn-highlight-media { margin-top: 1em; } .cmn-highlight-media[data-media-sp="row"][data-media-wraparound="false"] { display: flex; flex-wrap: nowrap; } .cmn-highlight-media[data-media-sp="row"][data-media-wraparound="false"][data-media-pc="image-left"] { flex-direction: row; } .cmn-highlight-media[data-media-sp="col"] { display: flex; flex-direction: column !important; } .cmn-highlight-media[data-media-sp="col-reverse"] { display: flex; flex-direction: column-reverse !important; } .cmn-highlight-media[data-media-wraparound="true"][data-media-sp="row"] .cmn-highlight-media__head { margin-bottom: 0.8em; } .cmn-highlight-media__body__title { font-size: var(--font-font-size--XL, 16px); } .cmn-highlight-media__caption, .cmn-highlight-media__caption--center, .cmn-highlight-media__caption--right { margin: .8rem 0 0; } .cmn-highlight-media[data-media-sp="row"] .cmn-highlight-media__head { max-width: calc((100% - var(--gap-col-gap)) / 2); } .cmn-highlight-media[data-media-sp="row"][data-media-pc="image-left"] .cmn-highlight-media__head { margin-right: var(--gap-col-gap); } .cmn-highlight-media[data-media-sp="row"][data-media-pc="image-left"][data-media-wraparound="true"] .cmn-highlight-media__head { float: left; } .cmn-highlight-media[data-media-sp="row"][data-media-pc="image-right"] .cmn-highlight-media__head { margin-left: var(--gap-col-gap); } .cmn-highlight-media[data-media-sp="row"][data-media-pc="image-right"][data-media-wraparound="true"] .cmn-highlight-media__head { float: right; } .cmn-highlight-media[data-media-sp="col"] .cmn-highlight-media__body, .cmn-highlight-media[data-media-sp="col-reverse"] .cmn-highlight-media__head { margin-top: 1.5em; } .cmn-highlight-media[data-media-sp="col"] .cmn-highlight-media__head, .cmn-highlight-media[data-media-sp="col-reverse"] .cmn-highlight-media__head { display: flex; flex-direction: column; justify-content: center; } .cmn-highlight-media[data-media-sp="col"] .cmn-highlight-media__frame, .cmn-highlight-media[data-media-sp="col-reverse"] .cmn-highlight-media__frame { text-align: center; } .cmn-highlight-media-text { margin: 0.8em 0 0 0; } .cmn-highlight-media-recommend-badge { margin-top: 0.9em; } .cmn-highlight-media-recommend__title { padding: 1px 7px; font-size: 14px; } .cmn-detail-category-heading1 { --heading1-circle-size: 3rem; padding-block: 2.2rem calc(var(--heading1-circle-size) * 2); } body .cmn-detail-category-heading1 + * { margin-top: 2.2rem; } .Main__content .cmn-detail-category-heading1 { margin-inline: -15px; width: calc(100% + (15px * 2)); } .cmn-detail-category-heading1:before, .cmn-detail-category-heading1:after { background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 52.4%); } .cmn-detail-category-heading1__inner { padding-inline: 15px; } .cmn-detail-category-heading1__title { margin-top: 0.2em; font-size: 2.4rem; } .cmn-detail-category-heading1__subtitle { font-size: 1.4rem; } .cmn-detail-category-wrap { flex-direction: column; align-items: flex-start; padding-top: 11px; } .cmn-detail-category__heading-badge { min-width: 56px; min-height: 20px; padding: 2px 8px; font-size: var(--font-font-size--XS); } .cmn-detail-category__heading-badge-wrap { gap: 8px; } .cmn-detail-category-date-wrap { align-self: stretch; justify-content: flex-end; margin-top: 1.1rem; } .cmn-detail-category-public__text { font-size: 1.2rem; font-weight: 400; line-height: 1.6; } .cmn-detail-category-update__text { font-size: 1.2rem; } .cmn-category-events-accordion + .cmn-category-events-accordion { margin-top: .6rem; } .cmn-category-events-accordion__head { padding: 1.1rem 1.4rem; } .cmn-category-events-accordion__subtitle { font-size: 12px; font-weight: 700; } .cmn-category-events-accordion__title { margin-top: 0.5em; padding-right: calc(1.4rem + 15px); font-weight: 700; } .cmn-category-events-accordion__title:before, .cmn-category-events-accordion__title:after { top: calc(50% - 13px); width: 15px; } .cmn-category-events-accordion__body { padding: 1.4rem 1.4rem; } .cmn-registration__button .cmn-registration__button__type, .cmn-registration__button .cmn-registration__button__type--blank, .cmn-registration__button .cmn-registration__button__type--pdf, .cmn-registration__button .cmn-registration__button__type--excel, .cmn-registration__button .cmn-registration__button__type--word, .cmn-registration__button .cmn-registration__button__type--powerpoint, .cmn-registration__button .cmn-registration__button__type--zip, .cmn-registration__button .cmn-registration__button__type--modal, .cmn-registration__button .cmn-registration__button__type--rss, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal, .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss { padding: 1.4rem 2rem; font-weight: 700; } .cmn-registration__button-v2 .cmn-registration__button-v2__type, .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank, .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf, .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel, .cmn-registration__button-v2 .cmn-registration__button-v2__type--word, .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint, .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip, .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal, .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss { padding: 1.1rem 2.2rem; font-weight: 700; } .cmn-registration { margin-top: 4.4em; } .cmn-registration__text { margin-top: 1.1em; font-size: 14px; } .cmn-registration__button .cmn-registration__button__type .cmn-registration__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--blank .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--pdf .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--excel .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--word .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--powerpoint .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--zip .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--modal .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button .cmn-registration__button__type--rss .cmn-registration__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-registration__button__filesize { font-weight: 400; } .cmn-registration__button-wrap { margin: 1.5rem 0 0 0; } .cmn-registration__button-wrap[data-col-sp] { row-gap: 1.4rem; } .cmn-registration__button-wrap > * { width: 305px; } .cmn-registration__button-v2 .cmn-registration__button-v2__type .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--blank .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--pdf .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--excel .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--word .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--powerpoint .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--zip .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--modal .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2 .cmn-registration__button-v2__type--rss .cmn-registration__button-v2__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-registration__button-v2__filesize { font-weight: 400; } .cmn-registration__button-v2-wrap { margin: 2.0rem 0 0 0; } .cmn-registration__button-v2-wrap[data-col-sp] { row-gap: 2.2rem; } .cmn-registration__button-v2-wrap > * { width: 305px; } .cmn-registration__box { padding: 19px 17px 17px; border-radius: var(--radius-L); } .cmn-registration__box__head { padding-bottom: 15px; } .cmn-registration__box__title { font-size: 16px; } .cmn-blog-card-badge, .cmn-blog-card-badge--type, .cmn-blog-card-badge--category { min-width: 57px; min-height: 20px; padding: 2px 8px; font-size: var(--font-font-size--XS); font-weight: 700; } .cmn-blog-column { gap: 4.7rem var(--gap-col-gap); margin: 2.5em 0 0 0; } .cmn-blog-card-wrap { row-gap: 3.6rem; margin-top: 3.6rem; } .cmn-blog-card__inner { display: flex; } .cmn-blog-card__head { width: 125px; margin-right: 14px; } .cmn-blog-card__body { flex: 1 1; } .cmn-blog-card__contents { width: 100%; margin-top: 0.7rem; } .cmn-blog-card__title { font-weight: 700; } .cmn-blog-card__meta { flex-direction: column; } .cmn-blog-card__date { font-size: var(--font-font-size--S); } .cmn-blog-card__category { gap: 8px; margin-top: 0.3em; } .cmn-product-category-heading1 { --heading1-circle-size: 3rem; padding-block: 2.4rem calc(var(--heading1-circle-size) * 2); } body .cmn-product-category-heading1 + * { margin-top: 2.2rem; } .Main__content .cmn-product-category-heading1 { margin-inline: -15px; width: calc(100% + (15px * 2)); } .cmn-product-category-heading1:before, .cmn-product-category-heading1:after { background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 52.4%); } .cmn-product-category-heading1__inner { padding-inline: 15px; flex-direction: column; } .cmn-product-category-heading1__body { margin-top: 2rem; } .cmn-product-category-heading1__title { margin-top: 0.4em; font-size: 20px; } .cmn-product-category-heading1__subtitle { font-size: var(--font-font-size--M, 14px); } .cmn-product-category-heading1__category { margin-top: 0.6em; } .cmn-product-category-heading1-badge { min-width: 113px; min-height: 15px; padding: 1px 6px; font-size: var(--font-font-size--S); } .cmn-product-category-heading1__box { padding-block: 1.9rem 1.6rem; padding-inline: 2rem; } .cmn-product-category-heading1__box__body { margin: 1em 0 0; } .cmn-product-category-heading1__box__title { font-weight: 700; line-height: 1.6; } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type .cmn-product-category-heading1__button__label { padding-inline: 0 calc(8px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--blank .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--pdf .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--excel .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--word .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--powerpoint .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--zip .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--modal .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button .cmn-product-category-heading1__button__type--rss .cmn-product-category-heading1__button__label { padding-inline: 0 calc(14px + var(--gap-link-gap)); } .cmn-product-category-heading1__button__filesize { font-weight: 400; } .cmn-product-category-heading1__button-wrap { margin: 2.2rem 0 0 0; } .cmn-product-category-heading1__button-wrap[data-col-sp] { row-gap: 1.3rem; } .cmn-product-category-heading1__button-wrap > * { width: 305px; } .cmn-product-category-heading1__description { margin: 1.1rem 0 0 0; } .cmn-product-category-heading1__description .cmn-exhibition-card__description--date, .cmn-product-category-heading1__description .cmn-exhibition-card__description--location, .cmn-product-category-heading1__description .cmn-exhibition-card__description--price, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--date, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--location, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--price { margin-top: .9rem; padding-left: 2.6rem; font-size: 1.2rem; line-height: 1.5; } .cmn-product-category-heading1__description .cmn-exhibition-card__description--date:before, .cmn-product-category-heading1__description .cmn-exhibition-card__description--location:before, .cmn-product-category-heading1__description .cmn-exhibition-card__description--price:before, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--date:before, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--location:before, .cmn-product-category-heading1__description .cmn-product-category-heading1__description--price:before { width: 19px; height: 19px; } .cmn-step-with-anchor__list[data-col-sp] { row-gap: 3.4rem; } .cmn-step-with-anchor__list > li + li:before { -webkit-transform: translate(-50%, -100%); top: -8px; left: 50%; width: 0; height: 0; transform: translate(-50%, -100%); border-top: 18px solid var(--color-sub-2); border-right: 19px solid transparent; border-bottom: 0; border-left: 19px solid transparent; border-style: solid; } .cmn-step-with-anchor__link { row-gap: 3px; padding: 1.4rem; } .cmn-step-with-anchor__icon { padding: 3px 1.4rem; border-radius: 200px; font-size: 1.4rem; font-weight: 700; } .cmn-step-with-anchor__body { row-gap: 3px; } .cmn-step-with-anchor__label { padding-right: calc(14px + var(--gap-link-gap)); font-size: 2rem; font-weight: 700; } .cmn-step-with-anchor__label:before { -webkit-transform: translateY(-50%) rotate(90deg); top: 50%; right: 3px; transform: translateY(-50%) rotate(90deg); } .cmn-case-heading1 { --heading1-circle-size: 3rem; padding-block: 2.2rem calc(var(--heading1-circle-size) * 2); } body .cmn-case-heading1 + * { margin-top: 2.2rem; } .Main__content .cmn-case-heading1 { margin-inline: -15px; width: calc(100% + (15px * 2)); } .cmn-case-heading1:before, .cmn-case-heading1:after { background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 52.4%); } .cmn-case-heading1__inner { padding-inline: 15px; } .cmn-case-heading1__title { font-size: 2rem; font-weight: 400; } .cmn-case-heading1__subtitle { font-size: var(--font-font-size--M); font-weight: 400; } .cmn-case-heading1__description { gap: 8px; margin: 11px 0 0; font-size: 12px; } .cmn-case-heading1__category { gap: 8px; flex-wrap: wrap; margin: 11px 0 0; } .cmn-case-heading1__badge { padding: 3px 8px; } .cmn-case-heading1__tag { gap: 8px; margin: 11px 0 0; font-size: 12px; } .cmn-case-card { margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #DDDDDD; } .cmn-case-card:not(:first-child) { margin-top: 10px; padding-bottom: 30px; border-bottom: 1px solid #DDDDDD; } .cmn-case-card__image { flex: 0 0 125px; border: 1px solid #DDDDDD; border-radius: 10px; } .cmn-case-card__head { gap: 14px; display: flex; width: 100%; } .cmn-case-card__icon { bottom: 0; left: 0; width: 70px; height: 20px; padding: 2px 5px 0 0; border-top-right-radius: 10px; } .cmn-case-card__icon > img { width: 100%; height: 100%; } .cmn-case-card__contents { width: 100%; } .cmn-case-card__title { font-size: 16px; } .cmn-case-card__description { gap: 8px; margin: 8px 0 0; } .cmn-case-card__body { width: 100%; } .cmn-case-card__category { gap: 8px; margin: 10px 0 0; } .cmn-case-card__badge { padding: 3px 8px; } .cmn-case-card__tag { gap: 8px; margin: 8px 0 0; } .cmn-case-card__error { margin: 22px 0 0 0; } .cmn-case-example-card { padding: 22px 16px 12px; } .cmn-case-example-card__title { padding-bottom: 2.1rem; border-bottom: 1px solid var(--color-border-2); font-size: 2.2rem; } .cmn-case-example-card__content { flex-direction: column; margin: 2.2em 0 0; } .cmn-case-example-card__highlight { padding: 22px 16px 15px; border-radius: 10px; background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 100%); } .cmn-case-example-card__highlight__title { padding-bottom: 2.2rem; border-bottom: 1px solid var(--color-border-2); font-size: 2.2rem; } .cmn-case-example-card__highlight__content { gap: 14px; flex-direction: column; margin: 1.2em 0 0; } .cmn-case-example-card__highlight-figure__title { margin-bottom: 1.1rem; font-weight: 700; } .cmn-case-example-card__highlight-figure__caption { margin-top: .8rem; } .cmn-case-example-card__highlight-unorder-list { gap: 1.4rem var(--gap-col-gap); } .cmn-case-example-card__highlight-unorder-list > li { padding-left: calc(10px + 8px); } .cmn-case-example-card__highlight-unorder-list > li:before { top: .4em; width: 10px; height: 10px; } .cmn-filter-search-category__section { padding-bottom: 14px; border-bottom: 1px solid #DDDDDD; } .cmn-filter-search-category__section + .cmn-filter-search-category__section { margin-top: 14px; } .cmn-filter-search-index-checkbox { gap: 14px 15px; display: flex; flex-wrap: wrap; margin: 14px 0 0 0; padding: 0; list-style: none; } .cmn-filter-search-index-checkbox > li { width: calc(50% - 8px); } .cmn-filter-search-index-checkbox__label { display: inline-block; position: relative; padding-left: 28px; font-size: 1.4rem; } .cmn-strengths-anchor-navi { margin-top: 28px; padding: 25px 14px; } .cmn-strengths-anchor-navi__list { row-gap: 1.7rem; flex-direction: column; } .cmn-strengths-anchor-navi__list > li { row-gap: 10px; flex-flow: row wrap; padding-bottom: 20px; border-bottom: 1px solid #c8d2d8; } .cmn-strengths-anchor-navi__list > li:last-child { padding-bottom: 0; border-bottom: none; } .cmn-strengths-anchor-navi__lead { padding: 3px 14px; font-size: var(--font-font-size--M, 14px); } .cmn-strengths-anchor-navi__link { display: flex; align-items: center; width: 100%; min-width: 0; padding-right: calc(14px + var(--gap-link-gap)); } .cmn-strengths-anchor-navi__link:after { -webkit-transform: translateY(-50%) rotate(90deg); position: absolute; top: 50%; right: 3px; transform: translateY(-50%) rotate(90deg); } .cmn-strengths-anchor-navi__label { font-size: 16px; } .cmn-inquiry { margin: 6.4rem 0 0; } .cmn-inquiry__title { padding: 1.7rem 2.0rem; font-size: 1.7rem; font-weight: 700; } .cmn-inquiry__detail { padding: 1.7rem 2.0rem 1.5rem; } .cmn-inquiry__note-list { row-gap: .8rem; margin: 1.4rem 0 0; } .cmn-inquiry__note-list > li { padding-left: calc(1em + 8px); } .cmn-inquiry__column__item { margin-top: 1.7rem; } .cmn-inquiry__column__title { font-size: 2.0rem; font-weight: 700; text-align: center; } .cmn-inquiry__contact { -webkit-column-gap: 1.4rem; -moz-column-gap: 1.4rem; margin-top: 1.7rem; column-gap: 1.4rem; text-align: center; } .cmn-inquiry__contact__office { font-weight: 700; } .cmn-inquiry__contact__info__tel { font-size: 21px; font-weight: 700; } .cmn-inquiry-column .cmn-inquiry + .cmn-inquiry { margin-top: 0; } .cmn-inquiry__related { font-size: 1.3rem; font-weight: 700; } .cmn-inquiry__contact-v2 { gap: 0.9rem; text-align: center; } .cmn-inquiry__contact-v2__office { font-weight: 700; } .cmn-inquiry__contact-v2__info__tel { font-size: 21px; font-weight: 700; } .cmn-evaluation-carousel { margin-block: 2.8rem 0; margin-inline: 0; } .cmn-evaluation-carousel__list { padding-inline: calc(40px + 14px); } .cmn-evaluation-carousel__list > .slick-list { margin: 0 calc(-1 * var(--gap-col-gap) / 2); } .cmn-evaluation-carousel__item { padding: 0 calc(var(--gap-col-gap) / 2); line-height: 1.6; } .cmn-evaluation-carousel__item__type { -webkit-column-gap: 14px; -moz-column-gap: 14px; column-gap: 14px; } .cmn-evaluation-carousel__item__head { width: 30%; } .cmn-evaluation-carousel__item__title { font-weight: 700; } .cmn-evaluation-carousel .slick-arrow { width: 40px; height: 40px; } .cmn-evaluation-carousel .slick-arrow:after { width: 8px; height: 14px; } .cmn-evaluation-carousel .slick-arrow.slick-prev { left: 0; } .cmn-evaluation-carousel .slick-arrow.slick-next { right: 0; } .cmn-evaluation-carousel__control { gap: 0 2rem; margin: 2rem 0 0; } .cmn-evaluation-carousel__pager > .slick-dots { gap: 3px 20px; } .cmn-centering-card-wrap { row-gap: 3.6rem; margin: 3.6rem 0 0 0; } .cmn-centering-card__head { width: 100%; } .cmn-centering-card__head + .cmn-centering-card__body { margin-block: 1.1rem 0; } .cmn-centering-card__image--aspect-fixed img { -o-object-fit: scale-down; -o-object-position: center center; width: 100%; height: 100%; object-fit: scale-down; object-position: center center; } .cmn-centering-card__title { font-weight: 700; } .cmn-centering-card__title--center { font-weight: 700; } .cmn-centering-card__filesize { font-weight: 400; } .cmn-centering-card__description { margin: .8rem auto 0; } .cmn-technology-blog-card-wrap { row-gap: 3.6rem; margin: 3.6rem 0 0 0; } .cmn-technology-blog-card > [class*="__type"] { gap: 0 1.4rem; } .cmn-technology-blog-card__head { flex-shrink: 0; width: calc((125 / 345) * 100%); } .cmn-technology-blog-card__body { width: 100%; } .cmn-technology-blog-card__title { font-size: 1.4rem; font-weight: 700; } .cmn-technology-blog-card__filesize { font-weight: 400; } .cmn-technology-blog-card__description { margin: .8rem 0 0 0; } .Main__content .cmn-heading-card-wrap { margin-inline: -15px; width: calc(100% + (15px * 2)); } .cmn-heading-card-wrap:before { display: block; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-bottom-right-radius: 4rem; background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 52.4%); content: ""; } .cmn-heading-card-wrap:after { --heading1-circle-size: 4rem; -webkit-mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); -webkit-mask-position: left bottom; -webkit-mask-repeat: no-repeat; -webkit-mask-size: var(--heading1-circle-size) var(--heading1-circle-size); display: block; z-index: -1; position: absolute; bottom: -30px; left: 0; width: 100%; height: var(--heading1-circle-size); background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 45.19%); content: ""; mask-image: radial-gradient(circle var(--heading1-circle-size) at 100% 100%, transparent var(--heading1-circle-size), black var(--heading1-circle-size)); mask-position: left bottom; mask-repeat: no-repeat; mask-size: var(--heading1-circle-size) var(--heading1-circle-size); } .cmn-heading-card { margin-inline: auto; max-width: 100%; margin-bottom: 50px; padding: 22px 15px; } .cmn-heading-card__pickup-label { display: flex; align-items: center; justify-content: center; margin-top: 20px; padding-bottom: 6px; font-size: 16px; } .cmn-heading-card__pickup-label:after { z-index: 2; position: absolute; bottom: 0; left: calc(50% - 20px); width: 40px; height: 2px; padding: 1px 20px; content: ""; } .cmn-heading-card__carousel { margin-top: 4rem; } .cmn-heading-card__carousel__list > .slick-list > .slick-track { gap: 7.5px; display: flex; } .cmn-heading-card__carousel__item { line-height: 1.6; } .cmn-heading-card__carousel__control { gap: 0 1.7rem; position: relative; justify-content: center; margin: 2rem 0 0; } .cmn-heading-card__carousel__pager > .slick-dots { gap: 3px 17px; } .cmn-heading-card__carousel__item > [class*="__type"] { display: block; padding: 15px; border-radius: 15px; } .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"] { display: block; padding: 5px 0 15px 0; border-radius: 15px; } .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]):hover .cmn-heading-card__carousel__title { -webkit-text-decoration: underline 1px; color: var(--color-font-hover); text-decoration: underline 1px; } .Main__sidelayout__content .cmn-heading-card__carousel__item > [class*="__type"]:not([class*="--nolink"]):hover .cmn-heading-card__carousel__image > img { -webkit-transform: scale(1.1); transform: scale(1.1); } .cmn-heading-card__carousel__icon { bottom: 0; left: 0; width: 117px; height: 35px; padding: 5px 10px 0 0; border-top-right-radius: 10px; } .cmn-heading-card__carousel__icon > img { width: 100%; height: 100%; } .cmn-heading-card__carousel__body { margin-top: 11px; } .cmn-heading-card__carousel__title { font-size: 16px; } .cmn-heading-card__carousel__description { gap: 8px; margin: 8px 0 0; font-size: 10px; } .cmn-heading-card__carousel__category { gap: 8px; margin: 8px 0 0; } .cmn-heading-card__carousel__badge { padding: 3px 8px; font-weight: bold; } .cmn-heading-card__carousel__tag { gap: 8px; margin: 8px 0 0; font-size: 10px; } .cmn-heading-card:not([class*="--nolink"]) .cmn-heading-card__title:before { top: 4px; left: 60px; } .slick-arrow { width: 40px; height: 40px; } .slick-arrow:after { width: 8px; height: 14px; } .slick-arrow.slick-prev { left: 0; } .slick-arrow.slick-next { right: 0; } .cmn-heading1-card__title { margin: 6px 0 0; font-size: 30px; } .cmn-heading1 { --cmn-heading1-circle-size: 3rem; display: flex; flex-direction: column; align-items: center; } body .cmn-heading1 + * { margin-top: 2.2rem; } .cmn-heading1:after { bottom: -3rem; background: linear-gradient(270deg, var(--color-sub-6) 0%, var(--color-sub-2) 52.4%); } .Main__content .cmn-heading1 { margin-inline: -15px; width: calc(100% + (15px * 2)); } .cmn-heading1__image { position: relative; overflow: hidden; } .cmn-heading1__image:after { display: block; z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; background: linear-gradient(180deg, rgba(233, 241, 244, 0) 0%, var(--color-sub-2) 100%); content: ""; } .cmn-heading1__content { padding-inline: 15px; padding-block: 2rem 3rem; border-bottom-right-radius: var(--cmn-heading1-circle-size); background-color: var(--color-sub-2); } .cmn-heading1__title { font-size: 3rem; font-weight: 400; line-height: 1.4; } .cmn-heading1__subtitle { font-size: var(--font-font-size--M); font-weight: 400; } .cmn-table__caption, .cmn-table__caption--center, .cmn-table__caption--right { margin: .8rem 0 0 0; } .cmn-table [class*="__cell"]:is(th, td) { padding: .8rem 0.6rem; } .cmn-table__head { margin: 0 0 .8rem; } .cmn-table__foot { margin: .8rem 0 0; } .cmn-table__title { margin: 0 0 1.4rem; font-weight: 700; } .cmn-table [class*="__cell"]:is(th, td)[class*="__cell--lv1"] { font-weight: 700; } .cmn-table [class*="__cell"]:is(th, td)[class*="__cell--lv2"] { font-weight: 700; } .cmn-table[data-table-sp="scroll"] .cmn-table__body { padding-bottom: 10px; overflow-x: auto; } .cmn-table[data-table-sp="scroll"] .cmn-table__body::-webkit-scrollbar { height: 9px; } .cmn-table[data-table-sp="scroll"] .cmn-table__body::-webkit-scrollbar-track { border-radius: 9px; background-color: #dfdfdf; } .cmn-table[data-table-sp="scroll"] .cmn-table__body::-webkit-scrollbar-thumb { border-radius: 9px; background-color: #666; } .cmn-table[data-table-sp="scroll"] .cmn-table__matrix { width: 812px !important; } .cmn-table[data-table-sp="vertical"] col, .cmn-table[data-table-sp="vertical"] tbody, .cmn-table[data-table-sp="vertical"] tr, .cmn-table[data-table-sp="vertical"] th, .cmn-table[data-table-sp="vertical"] td { display: block; width: 100% !important; } .table[data-table-size-sp="300px"] .table__matrix { width: 300px !important; } .table[data-table-size-sp="350px"] .table__matrix { width: 350px !important; } .table[data-table-size-sp="400px"] .table__matrix { width: 400px !important; } .table[data-table-size-sp="450px"] .table__matrix { width: 450px !important; } .table[data-table-size-sp="500px"] .table__matrix { width: 500px !important; } .table[data-table-size-sp="550px"] .table__matrix { width: 550px !important; } .table[data-table-size-sp="600px"] .table__matrix { width: 600px !important; } .table[data-table-size-sp="650px"] .table__matrix { width: 650px !important; } .table[data-table-size-sp="700px"] .table__matrix { width: 700px !important; } .table[data-table-size-sp="750px"] .table__matrix { width: 750px !important; } .table[data-table-size-sp="800px"] .table__matrix { width: 800px !important; } .table[data-table-size-sp="850px"] .table__matrix { width: 850px !important; } .table[data-table-size-sp="900px"] .table__matrix { width: 900px !important; } .table[data-table-size-sp="950px"] .table__matrix { width: 950px !important; } .table[data-table-size-sp="1000px"] .table__matrix { width: 1000px !important; } .table[data-table-size-sp="1050px"] .table__matrix { width: 1050px !important; } .table[data-table-size-sp="1100px"] .table__matrix { width: 1100px !important; } .table[data-table-size-sp="1150px"] .table__matrix { width: 1150px !important; } .table[data-table-size-sp="1200px"] .table__matrix { width: 1200px !important; } .table[data-table-size-sp="1250px"] .table__matrix { width: 1250px !important; } .table[data-table-size-sp="1300px"] .table__matrix { width: 1300px !important; } .table[data-table-size-sp="1350px"] .table__matrix { width: 1350px !important; } .table[data-table-size-sp="1400px"] .table__matrix { width: 1400px !important; } .table[data-table-size-sp="1450px"] .table__matrix { width: 1450px !important; } .table[data-table-size-sp="1500px"] .table__matrix { width: 1500px !important; } .table[data-table-size-sp="1550px"] .table__matrix { width: 1550px !important; } .table[data-table-size-sp="1600px"] .table__matrix { width: 1600px !important; } .table[data-table-size-sp="1650px"] .table__matrix { width: 1650px !important; } .table[data-table-size-sp="1700px"] .table__matrix { width: 1700px !important; } .table[data-table-size-sp="1750px"] .table__matrix { width: 1750px !important; } .table[data-table-size-sp="1800px"] .table__matrix { width: 1800px !important; } .table[data-table-size-sp="1850px"] .table__matrix { width: 1850px !important; } .table[data-table-size-sp="1900px"] .table__matrix { width: 1900px !important; } .table[data-table-size-sp="1950px"] .table__matrix { width: 1950px !important; } .table[data-table-size-sp="2000px"] .table__matrix { width: 2000px !important; } .table[data-table-size-sp="2050px"] .table__matrix { width: 2050px !important; } .table[data-table-size-sp="2100px"] .table__matrix { width: 2100px !important; } .table[data-table-size-sp="2150px"] .table__matrix { width: 2150px !important; } .table[data-table-size-sp="2200px"] .table__matrix { width: 2200px !important; } .table[data-table-size-sp="2250px"] .table__matrix { width: 2250px !important; } .table[data-table-size-sp="2300px"] .table__matrix { width: 2300px !important; } .table[data-table-size-sp="2350px"] .table__matrix { width: 2350px !important; } .table[data-table-size-sp="2400px"] .table__matrix { width: 2400px !important; } .table[data-table-size-sp="2450px"] .table__matrix { width: 2450px !important; } .table[data-table-size-sp="2500px"] .table__matrix { width: 2500px !important; } .Main__content { margin-top: -10px; padding: 0 15px 5.9rem; } .company-about-hero__detail { display: flex; position: absolute; top: 0; left: 0; flex-direction: column; align-items: center; width: 100%; height: 100%; padding: 3rem 15px 4rem; } .company-about-hero__image { width: 100%; height: auto; } .company-about-hero__image img { width: 100%; height: auto; overflow: hidden; border-radius: 0 0 20px 0; } .company-about-hero__title { width: calc((275/375) * 100vw); } .company-about-hero__subtitle { margin: calc((22/375) * 100vw) 0 0; font-size: 20px; font-size: 2.0rem; font-weight: 700; line-height: 1.4; } .company-about-layout { margin: 5.6rem 0 0 -15px; border-radius: 0 20px 20px 0; } .company-about-layout__inner { padding-inline: 15px; padding-block: 5.6rem 4.5rem; } .company-about-layout-v2 { margin: 0 -15px 0 0; margin-top: 5.6rem; border-radius: 20px 0 0 20px; } .company-about-layout-v2__inner { padding-inline: 15px; padding-block: 5.6rem 4.5rem; } .company-about-layout-v3 { min-height: calc((438/375) * 100vw); margin: 5.6rem -15px 0 -15px; background-color: #7c7c7c; background-image: url(/company/img/about_bg01_sp.webp); background-size: contain; } .company-about-layout-v3__inner { min-height: calc((438 / 375) * 100vw); padding: 2.2rem 15px; } .company-about-text { margin: 2em 0 0; font-size: var(--font-font-size--M); } .company-about-text-v2 { font-size: var(--font-font-size--M); font-weight: 700; line-height: 1.6; } .company-about-lead { margin: 5.6rem 0 0; font-size: 2rem; font-weight: 700; } .company-about-heading2 { padding-top: 36px; } .company-about-heading2:has(.company-about-heading2__subtitle--businesses) { padding-top: 22px; } .company-about-heading2__title { font-size: 3rem; font-weight: 700; } .company-about-heading2 [class*=__subtitle] > img { width: 100%; } .company-about-heading2__subtitle { width: 100%; max-width: 375px; } .company-about-heading2__subtitle--businesses { width: 100%; max-width: 375px; } .company-about-heading2__subtitle--numbers { width: 100%; max-width: 375px; } .company-about-heading2__subtitle--future { width: 100%; max-width: 238px; } .company-about-heading2 + * { margin: 5.6rem 0 0; } .company-about-heading2 + section > .company-about-heading3 { margin-top: 5.6rem !important; } .company-about-heading2-v2 { padding-top: 3.6rem; } .company-about-heading2-v2__title { font-size: 3rem; font-weight: 700; } .company-about-heading2-v2__subtitle { width: 168px; height: auto; } .company-about-heading2-v2 + * { margin: 2.8rem 0 0; } .company-about-heading3 { margin-top: 7rem; } .company-about-heading3__title { font-size: 2.2rem; font-weight: 700; } .company-about-heading3 + * { margin: 1.7rem 0 0; } .company-about-box-wrap { margin: 2.8rem 0 0; } .company-about-box { padding: 2.2rem 1.4rem; } .company-about-box--v2 { padding: 2.2rem 1.4rem; } .company-about-box--v2 + .company-about-box--v2 { margin-top: 1.5rem; } .company-about-box__head + .company-about-box__body { margin-top: 1.4rem; } .company-about-box__head + .company-about-box__body--v2 { margin-top: 2.9rem; } .company-about-box__head__inner { padding: 0 20px; } .company-about-box__head__inner:before, .company-about-box__head__inner:after { width: 14px; height: 10px; } .company-about-box__head__inner:before { left: 0; } .company-about-box__head__inner:after { right: 0; bottom: 1px; } .company-about-box__title { font-size: 2rem; font-style: normal; font-weight: 700; } .company-about-box__small { font-size: 1.6rem; font-weight: 700; } .company-about-box__column { gap: 1.5rem var(--gap-col-gap); } .company-about-box__column__image > img { width: 122px; } .company-about-box__column__title { font-size: 1.4rem; font-weight: 700; } .company-about-box + .company-about-box { margin-top: 1.5rem; } .company-about-box-v2 { margin: 1.5rem 0 0; } .company-about-box-v2__inner { width: 100%; padding-top: 9.1rem; } .company-about-box-v2__head { width: 302px; } .company-about-box-v2__body { width: 100%; padding: 8.5rem 1.4rem 1.4rem; } .company-about-box-v2__title { font-size: 2.4rem; font-weight: 700; text-align: center; } .company-about-box-v2__title:after { top: -8px; margin-left: 1rem; } .company-about-box-v2__small { position: relative; top: -5px; font-weight: 400; } .company-about-box-v2__text { margin: .3rem 0 0; font-size: var(--font-font-size--M); } .company-about-card .company-about-card__type .company-about-card__title:after { top: -5px; } .company-about-card__head, .company-about-card__body { width: 100%; } .company-about-card__title { font-size: 1.8rem; font-weight: 700; } .company-about-card__title__big { font-size: 2rem; font-weight: 700; } .company-about-card__description { margin: 1.1rem 0 0; font-size: 1.4rem; } .company-about-column__item + .company-about-column__item { margin-top: 4.8rem; } .company-about-column + .company-about-column { margin: 4.8rem 0 0; } .company-about-column + .company-about-stats-card-wrap-v2 { margin-top: 4.8rem; } .company-about-column-v2 { gap: 5.6rem 2rem; flex-direction: column; margin: 2.8rem 0 0; } .company-about-column-v2__item { width: 100%; } .company-about-column-v2__head { gap: 1.4rem; } .company-about-column-v2__head + .company-about-column-v2__body { margin: 1.7rem 0 0; } .company-about-column-v2__number { width: 50px; } .company-about-column-v2__heading { font-size: 2.4rem; font-weight: 700; } .company-about-column-v2__image { margin-top: 2.8rem; } .company-about-column-v2__frame { text-align: center; } .company-about-column-v2__text { line-height: 1.4; } .company-about-stats-card { gap: 1.4rem; display: flex; flex-wrap: wrap; align-items: center; } .company-about-stats-card--v2 { gap: 1.4rem; display: flex; flex-wrap: wrap; align-items: center; } .company-about-stats-card__head { width: 110px; } .company-about-stats-card__body { flex: 1 1; } .company-about-stats-card__title { font-size: 1.8rem; font-weight: 700; } .company-about-stats-card__number { font-size: 4rem; font-weight: 700; } .company-about-stats-card__small { top: -3px; font-size: 1.8rem; font-weight: 700; } .company-about-stats-card__text { margin: .5rem 0 0; font-size: var(--font-font-size--S); } .company-about-stats-card__lead { margin: 1.4rem 0 0; font-size: 1.8rem; } .company-about-stats-card__text-v2 { margin: 1rem 0 0; font-size: 1.8rem; } .company-about-stats-card__text-v2 + .company-about-stats-card__text { margin: .6rem 0 0; } .company-about-stats-card + .company-about-stats-card { margin: 4.8rem 0 0; } .company-about-stats-card-v2__head { width: 100%; } .company-about-stats-card-v2__body { padding: 1.4rem 1.4rem 1.7rem 1.4rem; } .company-about-stats-card-v2__subtitle { font-size: 1.8rem; font-weight: 700; } .company-about-stats-card-v2__title { font-size: 2.4rem; font-weight: 700; } .company-about-stats-card-v2__title-v2 { font-size: 4rem; font-weight: 700; } .company-about-stats-card-v2__title-v2 .company-about-stats-card-v2__small { margin-left: 0.6rem; } .company-about-stats-card-v2__small { top: -2px; font-size: 1.8rem; } .company-about-stats-card-v2__text { margin: .4rem 0 0; font-size: var(--font-font-size--S); } .company-about-stats-card-wrap-v2 { gap: 2.8rem 1.5rem; } .company-about-stats-card-wrap-v2 > * { align-items: flex-start; width: calc((100% - var(--gap-col-gap)) / 2); margin-top: 0 !important; padding-top: 4.8rem; } .company-about-stats-card-wrap-v2 > *:nth-child(2n + 1):before { position: absolute; top: 0; left: 0; width: calc(100% * 2 + (var(--gap-col-gap) * 1 )); height: 2px; background: var(--color-sub-7); content: ""; } .company-about-stats-card-wrap-v2 > *:nth-child(n + 3) { padding-top: 2.8rem; } .company-about-stats-card-wrap-v2 .company-about-stats-card--v2 { width: 100%; } .company-about-stats-card-wrap-v2 .company-about-stats-card--v2 + .company-about-stats-card--v2 { padding-top: 0; } .company-about-stats-card-wrap-v2 .company-about-stats-card__body { display: flex; flex-direction: column; align-items: center; } .company-about-icon-column { justify-content: flex-start; margin: 2.8rem auto 0; } .company-about-icon-column__item > img { width: auto; height: 42px; } } @media print, screen and (min-width: 1260px) { body.is-liquid { min-width: auto !important; } body.is-liquid .Main__content { max-width: 100% !important; } } @media print { body { page: print-width; width: 1260px !important; margin: 0 auto !important; } body[data-browser^="ie"] { zoom: 1.9 !important; -webkit-transform: scale(0.45) !important; -webkit-transform-origin: 0 0 !important; transform: scale(0.45) !important; transform-origin: 0 0 !important; } body[data-browser="chrome"] { zoom: .85; } .Header, .Header--simple { position: absolute; left: 0 !important; } .heading1 { width: 100% !important; margin-left: 0 !important; } .heading1--center { width: 100% !important; margin-left: 0 !important; } .cmn-figure-heading1 { width: 100% !important; margin-left: 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 1714.98px) { .Header__inner { -webkit-margin-start: 30px; margin-inline-start: 30px; } } @media only screen and (min-width: 768px) and (max-width: 767.98px) { body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-utility__link + .header-utility__link > [class*="__type"]:not(.header-utility__link__type--menu), body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-utility__link + .header-utility__link > [class*="__type"]:not(.header-utility__link__type--menu) { border-left-color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header:not(:hover) .header-utility__link__type--menu:before, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple:not(:hover) .header-utility__link__type--menu:before { -webkit-transform: translateY(-50%); display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 50px; transform: translateY(-50%); background-color: var(--color-base-white); content: ""; } } @media only screen and (max-width: 767.98px) and (max-width: 767.98px) { body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-utility__link + .header-utility__link > [class*="__type"]:not(.header-utility__link__type--menu), body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-utility__link + .header-utility__link > [class*="__type"]:not(.header-utility__link__type--menu) { border-left-color: var(--color-base-white); } body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header .header-utility__link__type--menu:before, body.is-header-transparent:not(.is-active-gnav):not(.is-active-menu):not(.is-header-fixed) .Header--simple .header-utility__link__type--menu:before { -webkit-transform: translateY(-50%); display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 50px; transform: translateY(-50%); background-color: var(--color-base-white); content: ""; } } @media only screen and (min-width: 768px) and (max-width: 1259.98px) { .Main__content .heading1 { margin-inline: -30px; width: calc(100% + (30px * 2)); } .Main__content .heading1--center { margin-inline: -30px; width: calc(100% + (30px * 2)); } .Main__content .cmn-figure-heading1 { margin-inline: -30px; width: calc(100% + (30px * 2)); } .cmn-cta { margin-inline: -30px; width: calc(100% + (30px * 2)); } .Main__content .cmn-detail-category-heading1 { margin-inline: -30px; width: calc(100% + (30px * 2)); } .Main__content .cmn-product-category-heading1 { margin-inline: -30px; width: calc(100% + (30px * 2)); } .Main__content .cmn-case-heading1 { margin-inline: -30px; width: calc(100% + (30px * 2)); } .cmn-evaluation-carousel__item__head { width: 27%; } .Main__content .cmn-heading1 { margin-inline: -30px; width: calc(100% + (30px * 2)); } }