@charset "UTF-8"; /* ====================================================== * form * ------------------------------------------------------ * - Path * - Import * - Override * - PageComponent * Print ====================================================== */ /* ------------------------------------------------------ * Path ------------------------------------------------------ */ /*----- 背景画像用パス -----*/ /* ------------------------------------------------------ * Import ------------------------------------------------------ */ /* ====================================================== * Config ====================================================== */ /* ====================================================== * basedesign * ------------------------------------------------------ * Path * View * Color * Font * Link * Animation ====================================================== */ /* ====================================================== * Path ====================================================== */ /*----- 背景画像用パス -----*/ /* ====================================================== * View ====================================================== */ /*----- ブレイクポイント -----*/ /*----- コンテンツ幅 -----*/ /*----- コンテンツ幅左右アキ -----*/ /*----- ヘッダー高さ -----*/ /* ====================================================== * Color ====================================================== */ /*----- テーマカラー -----*/ /*----- 背景カラー -----*/ /*----- テキストカラー -----*/ /*----- リンクテキストカラー -----*/ /*----- ボーダーカラー -----*/ /* ====================================================== * Font ====================================================== */ /*----- フォントファミリー -----*/ /*----- フォントサイズ -----*/ /*----- 行間 -----*/ /*----- フォントウェイト -----*/ /* ====================================================== * Link ====================================================== */ /*----- リンクタイプ -----*/ /*----- リンク矢印アイコン -----*/ /*----- 透過度 -----*/ /* ====================================================== * Heading Margin ====================================================== */ /* ====================================================== * Animation ====================================================== */ /*----- イージング（変化の度合い） -----*/ /*----- デュレーション（変化の開始から終了までの時間） -----*/ /*----- ディレイ（変化が始まるまでの時間） -----*/ /* ====================================================== * Column ====================================================== */ /* ====================================================== * General ====================================================== */ /* ----- function ----- */ /* ====================================================== * function * ------------------------------------------------------ * gen-fetch-breakpoint ====================================================== */ /* ------------------------------------------------------ * gen-fetch-breakpoint ------------------------------------------------------ */ /* ----- mixin ----- */ /* ====================================================== * mixin * ------------------------------------------------------ * hover * hover-focus * plain-hover-focus * hover-focus-active * except-hover * any-link * all-link ====================================================== */ /* ------------------------------------------------------ * hover ------------------------------------------------------ */ /* ------------------------------------------------------ * hover-focus ------------------------------------------------------ */ /* ------------------------------------------------------ * plain-hover-focus ------------------------------------------------------ */ /* ------------------------------------------------------ * hover-focus-active ------------------------------------------------------ */ /* ------------------------------------------------------ * except-hover ------------------------------------------------------ */ /* ------------------------------------------------------ * any-link ------------------------------------------------------ */ /* ------------------------------------------------------ * all-link ------------------------------------------------------ */ /* ====================================================== * mixin * ------------------------------------------------------ * gen-media-breakpoint-up * gen-media-breakpoint-down * gen-media-breakpoint-between ====================================================== */ /* ------------------------------------------------------ * gen-media-breakpoint-up * @requires * - gen-fetch-breakpoint ------------------------------------------------------ */ /* ------------------------------------------------------ * gen-media-breakpoint-down * @requires * - gen-fetch-breakpoint ------------------------------------------------------ */ /* ------------------------------------------------------ * gen-media-breakpoint-between * @requires * - gen-fetch-breakpoint ------------------------------------------------------ */ /* ====================================================== * mixin * ------------------------------------------------------ * gen-child-margin-top * gen-child-margin-bottom ====================================================== */ /* ------------------------------------------------------ * gen-child-margin-top ------------------------------------------------------ */ /* ------------------------------------------------------ * gen-child-margin-bottom ------------------------------------------------------ */ /* ====================================================== * mixin * ------------------------------------------------------ * gen-modal-modaal ====================================================== */ /* ------------------------------------------------------ * gen-modal-modaal ------------------------------------------------------ */ /* ====================================================== * mixin * ------------------------------------------------------ * gen-clearfix ====================================================== */ /* ------------------------------------------------------ * gen-clearfix ------------------------------------------------------ */ /* ----- extend ----- */ /* ====================================================== * icon * ------------------------------------------------------ * gen-icon-arrow * gen-icon-arrow-tail * gen-icon-arrow-middle * gen-icon-sprite * gen-icon-sprite-tail * gen-icon-sprite-middle ====================================================== */ /* ------------------------------------------------------ * gen-icon-arrow ------------------------------------------------------ */ .header-gnav__type:before, .header-megamenu__title__type:after, .header-card__type .header-card__body:after, .main-breadcrumb > li:not(:first-child):before, .main-lnav__title__type:after, .main-lnav__stage1__title__type .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--link .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle > [class*="__type"]:before, .main-lnav__stage2__title > [class*="__type"]:before, .footer-nav__item__title__type:after, .footer-nav__item__title__type--toggle .footer-nav__item__title__label: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, .header-gnav__type--toggle .header-gnav__label:after, .form-error-anchor__label:before { -webkit-backface-visibility: hidden; display: inline-block; position: relative; border-top: 1px solid #005bac; border-right: 1px solid #005bac; vertical-align: middle; content: ""; } .header-gnav__type:before, .header-megamenu__title__type:after, .header-card__type .header-card__body:after, .main-breadcrumb > li:not(:first-child):before, .main-lnav__title__type:after, .main-lnav__stage1__title__type .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--link .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle > [class*="__type"]:before, .main-lnav__stage2__title > [class*="__type"]:before, .footer-nav__item__title__type:after, .footer-nav__item__title__type--toggle .footer-nav__item__title__label: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 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header-gnav__type--toggle .header-gnav__label:after, .form-error-anchor__label:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } /* ------------------------------------------------------ * gen-icon-arrow-tail ------------------------------------------------------ */ .header-megamenu__title__type:after, .main-lnav__title__type:after, .main-lnav__stage1__title__type .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--link .main-lnav__stage1__title__label:after, .footer-nav__item__title__type:after, .footer-nav__item__title__type--toggle .footer-nav__item__title__label: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 { margin-left: 5px; } /* ------------------------------------------------------ * gen-icon-arrow-middle ------------------------------------------------------ */ .header-gnav__type:before, .header-card__type .header-card__body:after { position: absolute; top: 50%; } /* ------------------------------------------------------ * gen-icon-sprite ------------------------------------------------------ */ a.util-link--blank:after, .header-megamenu__title__type--blank:after, .header-card__type--blank .header-card__body:after, .main-lnav__title__type--blank:after, .main-lnav__stage1__title__type--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle__type--blank:after, .main-lnav__stage2__title__type--blank:after, .footer-nav__item__title__type--blank:after, .footer-nav__item__subtitle__type--blank:after, .footer-nav__link-list__type--blank:after, .footer-utility__link--blank:after, .heading2__link--blank .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .heading2-v2__link--blank .heading2-v2__title:after, .heading2-v2--center__link--blank .heading2-v2--center__title:after, .heading3__link--blank .heading3__title:after, .heading3--center__link--blank .heading3--center__title:after, .heading3-v2__link--blank .heading3-v2__title:after, .heading3-v2--center__link--blank .heading3-v2--center__title:after, .heading4__link--blank .heading4__title:after, .heading4--center__link--blank .heading4--center__title:after, .heading4-v2__link--blank .heading4-v2__title:after, .heading4-v2--center__link--blank .heading4-v2--center__title:after, .heading5__link--blank .heading5__title:after, .heading5--center__link--blank .heading5--center__title:after, .heading6__link--blank .heading6__title:after, .heading6--center__link--blank .heading6--center__title:after, .description-list__type--blank:after, .description-list-v2__type--blank:after, .description-list-v3__type--blank:after, .description-list-v4__type--blank:after, .link-list__type--blank:after, .button .button__type--blank:after, .button-v2 .button-v2__type--blank:after, .button-v3 .button-v3__type--blank:after, a.util-link--pdf:after, .header-megamenu__title__type--pdf:after, .header-card__type--pdf .header-card__body:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__title__type--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle__type--pdf:after, .main-lnav__stage2__title__type--pdf:after, .footer-nav__item__title__type--pdf:after, .footer-nav__item__subtitle__type--pdf:after, .footer-nav__link-list__type--pdf:after, .footer-utility__link--pdf:after, .heading2__link--pdf .heading2__title:after, .heading2--center__link--pdf .heading2--center__title:after, .heading2-v2__link--pdf .heading2-v2__title:after, .heading2-v2--center__link--pdf .heading2-v2--center__title:after, .heading3__link--pdf .heading3__title:after, .heading3--center__link--pdf .heading3--center__title:after, .heading3-v2__link--pdf .heading3-v2__title:after, .heading3-v2--center__link--pdf .heading3-v2--center__title:after, .heading4__link--pdf .heading4__title:after, .heading4--center__link--pdf .heading4--center__title:after, .heading4-v2__link--pdf .heading4-v2__title:after, .heading4-v2--center__link--pdf .heading4-v2--center__title:after, .heading5__link--pdf .heading5__title:after, .heading5--center__link--pdf .heading5--center__title:after, .heading6__link--pdf .heading6__title:after, .heading6--center__link--pdf .heading6--center__title:after, .description-list__type--pdf:after, .description-list-v2__type--pdf:after, .description-list-v3__type--pdf:after, .description-list-v4__type--pdf:after, .link-list__type--pdf:after, .button .button__type--pdf:after, .button-v2 .button-v2__type--pdf:after, .button-v3 .button-v3__type--pdf:after, a.util-link--excel:after, .link-list__type--excel:after, .button .button__type--excel:after, .button-v2 .button-v2__type--excel:after, .button-v3 .button-v3__type--excel:after, a.util-link--word:after, .link-list__type--word:after, .button .button__type--word:after, .button-v2 .button-v2__type--word:after, .button-v3 .button-v3__type--word:after, a.util-link--powerpoint:after, .link-list__type--powerpoint:after, .button .button__type--powerpoint:after, .button-v2 .button-v2__type--powerpoint:after, .button-v3 .button-v3__type--powerpoint:after, a.util-link--zip:after, .link-list__type--zip:after, .button .button__type--zip:after, .button-v2 .button-v2__type--zip:after, .button-v3 .button-v3__type--zip:after, a.util-link--modal:after, .link-list__type--modal:after, .button .button__type--modal:after, .button-v2 .button-v2__type--modal:after, .button-v3 .button-v3__type--modal:after { display: inline-block; position: relative; overflow: hidden; background: no-repeat center; background-size: contain; text-indent: 100%; vertical-align: middle; white-space: nowrap; content: ""; } a.util-link--blank:after, .header-megamenu__title__type--blank:after, .header-card__type--blank .header-card__body:after, .main-lnav__title__type--blank:after, .main-lnav__stage1__title__type--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle__type--blank:after, .main-lnav__stage2__title__type--blank:after, .footer-nav__item__title__type--blank:after, .footer-nav__item__subtitle__type--blank:after, .footer-nav__link-list__type--blank:after, .footer-utility__link--blank:after, .heading2__link--blank .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .heading2-v2__link--blank .heading2-v2__title:after, .heading2-v2--center__link--blank .heading2-v2--center__title:after, .heading3__link--blank .heading3__title:after, .heading3--center__link--blank .heading3--center__title:after, .heading3-v2__link--blank .heading3-v2__title:after, .heading3-v2--center__link--blank .heading3-v2--center__title:after, .heading4__link--blank .heading4__title:after, .heading4--center__link--blank .heading4--center__title:after, .heading4-v2__link--blank .heading4-v2__title:after, .heading4-v2--center__link--blank .heading4-v2--center__title:after, .heading5__link--blank .heading5__title:after, .heading5--center__link--blank .heading5--center__title:after, .heading6__link--blank .heading6__title:after, .heading6--center__link--blank .heading6--center__title:after, .description-list__type--blank:after, .description-list-v2__type--blank:after, .description-list-v3__type--blank:after, .description-list-v4__type--blank:after, .link-list__type--blank:after, .button .button__type--blank:after, .button-v2 .button-v2__type--blank:after, .button-v3 .button-v3__type--blank:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#blank-usage"); } a.util-link--pdf:after, .header-megamenu__title__type--pdf:after, .header-card__type--pdf .header-card__body:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__title__type--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle__type--pdf:after, .main-lnav__stage2__title__type--pdf:after, .footer-nav__item__title__type--pdf:after, .footer-nav__item__subtitle__type--pdf:after, .footer-nav__link-list__type--pdf:after, .footer-utility__link--pdf:after, .heading2__link--pdf .heading2__title:after, .heading2--center__link--pdf .heading2--center__title:after, .heading2-v2__link--pdf .heading2-v2__title:after, .heading2-v2--center__link--pdf .heading2-v2--center__title:after, .heading3__link--pdf .heading3__title:after, .heading3--center__link--pdf .heading3--center__title:after, .heading3-v2__link--pdf .heading3-v2__title:after, .heading3-v2--center__link--pdf .heading3-v2--center__title:after, .heading4__link--pdf .heading4__title:after, .heading4--center__link--pdf .heading4--center__title:after, .heading4-v2__link--pdf .heading4-v2__title:after, .heading4-v2--center__link--pdf .heading4-v2--center__title:after, .heading5__link--pdf .heading5__title:after, .heading5--center__link--pdf .heading5--center__title:after, .heading6__link--pdf .heading6__title:after, .heading6--center__link--pdf .heading6--center__title:after, .description-list__type--pdf:after, .description-list-v2__type--pdf:after, .description-list-v3__type--pdf:after, .description-list-v4__type--pdf:after, .link-list__type--pdf:after, .button .button__type--pdf:after, .button-v2 .button-v2__type--pdf:after, .button-v3 .button-v3__type--pdf:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#pdf-usage"); } a.util-link--excel:after, .link-list__type--excel:after, .button .button__type--excel:after, .button-v2 .button-v2__type--excel:after, .button-v3 .button-v3__type--excel:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#excel-usage"); } a.util-link--word:after, .link-list__type--word:after, .button .button__type--word:after, .button-v2 .button-v2__type--word:after, .button-v3 .button-v3__type--word:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#word-usage"); } a.util-link--powerpoint:after, .link-list__type--powerpoint:after, .button .button__type--powerpoint:after, .button-v2 .button-v2__type--powerpoint:after, .button-v3 .button-v3__type--powerpoint:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#powerpoint-usage"); } a.util-link--zip:after, .link-list__type--zip:after, .button .button__type--zip:after, .button-v2 .button-v2__type--zip:after, .button-v3 .button-v3__type--zip:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#zip-usage"); } a.util-link--modal:after, .link-list__type--modal:after, .button .button__type--modal:after, .button-v2 .button-v2__type--modal:after, .button-v3 .button-v3__type--modal:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#modal-usage"); } .button .button__type--blank:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#blank2-usage"); } .button .button__type--zip:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#zip2-usage"); } .button .button__type--modal:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#modal2-usage"); } /* ------------------------------------------------------ * gen-icon-sprite-tail ------------------------------------------------------ */ /* ------------------------------------------------------ * gen-icon-sprite-middle ------------------------------------------------------ */ .header-card__type--blank .header-card__body:after, .header-card__type--pdf .header-card__body:after, .button .button__type--blank:after, .button .button__type--pdf:after, .button .button__type--excel:after, .button .button__type--word:after, .button .button__type--powerpoint:after, .button .button__type--zip:after, .button .button__type--modal:after, .button-v2 .button-v2__type--blank:after, .button-v2 .button-v2__type--pdf:after, .button-v2 .button-v2__type--excel:after, .button-v2 .button-v2__type--word:after, .button-v2 .button-v2__type--powerpoint:after, .button-v2 .button-v2__type--zip:after, .button-v2 .button-v2__type--modal:after, .button-v3 .button-v3__type--blank:after, .button-v3 .button-v3__type--pdf:after, .button-v3 .button-v3__type--excel:after, .button-v3 .button-v3__type--word:after, .button-v3 .button-v3__type--powerpoint:after, .button-v3 .button-v3__type--zip:after, .button-v3 .button-v3__type--modal:after { position: absolute; top: 50%; margin-top: -7px; } /* ====================================================== * table * ------------------------------------------------------ * gen-table-align ====================================================== */ /* ------------------------------------------------------ * gen-table-align ------------------------------------------------------ */ .table__cell--left-top, .table__cell--lv1--left-top, .table__cell--lv2--left-top { text-align: left !important; vertical-align: top !important; } .table__cell--left-middle, .table__cell--lv1--left-middle, .table__cell--lv2--left-middle { text-align: left !important; vertical-align: middle !important; } .table__cell--left-bottom, .table__cell--lv1--left-bottom, .table__cell--lv2--left-bottom { text-align: left !important; vertical-align: bottom !important; } .table__cell--center-top, .table__cell--lv1--center-top, .table__cell--lv2--center-top { text-align: center !important; vertical-align: top !important; } .table__cell--center-middle, .table__cell--lv1--center-middle, .table__cell--lv2--center-middle { text-align: center !important; vertical-align: middle !important; } .table__cell--center-bottom, .table__cell--lv1--center-bottom, .table__cell--lv2--center-bottom { text-align: center !important; vertical-align: bottom !important; } .table__cell--right-top, .table__cell--lv1--right-top, .table__cell--lv2--right-top { text-align: right !important; vertical-align: top !important; } .table__cell--right-middle, .table__cell--lv1--right-middle, .table__cell--lv2--right-middle { text-align: right !important; vertical-align: middle !important; } .table__cell--right-bottom, .table__cell--lv1--right-bottom, .table__cell--lv2--right-bottom { text-align: right !important; vertical-align: bottom !important; } /* ====================================================== * Base ====================================================== */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { /* 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: #fff; color: #333; 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: #333; text-decoration: none; } a:visited { color: #333; text-decoration: none; } a:hover { color: #333; text-decoration: none; } a:active { color: #333; text-decoration: none; } /* tel */ /* ----- form ----- */ input, select, textarea, button, pre { border-radius: 0; box-shadow: none; color: #333; } input[type="text"], textarea { -webkit-appearance: none; appearance: none; } input[type="submit"], button:not([disabled]) { cursor: pointer; } /* placeholder */ ::-webkit-input-placeholder { color: #898989 !important; } :-moz-placeholder { color: #898989 !important; } ::-moz-placeholder { color: #898989 !important; opacity: 1; } :-ms-input-placeholder { color: #898989 !important; } :placeholder-shown { color: #898989 !important; } /* ----- aria-expanded ----- */ [aria-hidden="true"] { display: none; } /* ====================================================== * util-device ====================================================== */ /* ====================================================== * 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: #005bac !important; } .util-color--sub { color: #e0eef9 !important; } .util-color--sub2 { color: #666 !important; } .util-color--sub3 { color: #04233c !important; } .util-color--sub4 { color: #557ec0 !important; } .util-color--sub5 { color: #b1bbc1 !important; } .util-color--sub6 { color: #875d09 !important; } .util-color--accent { color: #fbc21c !important; } .util-color--base { color: #333 !important; } .util-color--disable { color: #868686 !important; } .util-color--placeholder { color: #898989 !important; } .util-color--bright { color: #fff !important; } .util-color--red { color: #c00 !important; } /* ----- highlight ----- */ .util-highlight--main { color: #005bac !important; } .util-highlight--sub { color: #e0eef9 !important; } .util-highlight--sub2 { color: #666 !important; } .util-highlight--sub3 { color: #04233c !important; } .util-highlight--sub4 { color: #557ec0 !important; } .util-highlight--sub5 { color: #b1bbc1 !important; } .util-highlight--sub6 { color: #875d09 !important; } .util-highlight--accent { color: #fbc21c !important; } .util-highlight--base { color: #333 !important; } .util-highlight--disable { color: #868686 !important; } .util-highlight--placeholder { color: #898989 !important; } .util-highlight--bright { color: #fff !important; } .util-highlight--red { color: #c00 !important; } /* ====================================================== * util-link ====================================================== */ /* ----- link ----- */ .util-link:link, a.util-link--blank, a.util-link--pdf, a.util-link--excel, a.util-link--word, a.util-link--powerpoint, a.util-link--zip, a.util-link--modal { display: inline; color: #005bac; text-decoration: underline; } .util-link__filesize { font-style: normal; } a.util-link--blank:after { position: relative; top: -2px; margin: 0 .5em; } a.util-link--pdf:after { position: relative; top: -2px; margin: 0 .5em; } a.util-link--excel:after { position: relative; top: -2px; margin: 0 .5em; } a.util-link--word:after { position: relative; top: -2px; margin: 0 .5em; } a.util-link--powerpoint:after { position: relative; top: -2px; margin: 0 .5em; } a.util-link--zip:after { position: relative; top: -2px; margin: 0 .5em; } a.util-link--modal:after { position: relative; top: -2px; margin: 0 .5em; } /* ====================================================== * util-badge ====================================================== */ /* ----- badge ----- */ .util-badge, [class*="util-badge--"] { display: inline-flex; align-items: center; justify-content: center; font-style: normal; text-align: center; vertical-align: middle; } .util-badge { border: 1px solid #ddd; background-color: #fff; } .util-badge--high { background-color: #005bac; color: #fff; } .util-badge--middle { background-color: #e0eef9; } .util-badge--low { background-color: #b1bbc1; } /* ====================================================== * util-motion ====================================================== */ .util-motion--slide { overflow: hidden; } /* ====================================================== * data-col * ------------------------------------------------------ * data-col-pc * data-col-sp ====================================================== */ /* ====================================================== * 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__guide * Header__head * Header__body * Header__foot * Print ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * Header ====================================================== */ .Header, .Header--simple { z-index: 1000; position: fixed; top: 0; left: 0; background: #fff; transition: box-shadow 0.1s linear 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--simple { position: absolute; } .Header__inner { display: flex; justify-content: space-between; width: 100%; height: 100%; margin: 0 auto; } .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 { display: flex; flex-shrink: 0; align-items: center; } .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 { margin: 0; line-height: 1; } .header-logo > *:first-child, .header-logo > section:first-child > *:first-child, .header-logo > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-logo > a { display: block; width: 100%; } .header-logo > a > *:first-child, .header-logo > a > section:first-child > *:first-child, .header-logo > a > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-logo > a > img { width: 100%; } /* ------------------------------------------------------ * Header__body ------------------------------------------------------ */ .Header__body { flex-grow: 1; 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-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__list > li > [class*="__type"] { display: flex; position: relative; align-items: center; margin: 0; padding: 0; border: none; background: transparent; color: #005bac; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-gnav__list > li > [class*="__type"]:link, .header-gnav__list > li > [class*="__type"]:hover, .header-gnav__list > li > [class*="__type"]:visited, .header-gnav__list > li > [class*="__type"]:focus, .header-gnav__list > li > [class*="__type"]:active { color: #005bac; } .header-gnav__list > li > [class*="__type"] > *:first-child, .header-gnav__list > li > [class*="__type"] > section:first-child > *:first-child, .header-gnav__list > li > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-gnav__list > li > [class*="__type"]:after > *:first-child, .header-gnav__list > li > [class*="__type"]:after > section:first-child > *:first-child, .header-gnav__list > li > [class*="__type"]:after > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-gnav__type > *:first-child, .header-gnav__type > section:first-child > *:first-child, .header-gnav__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-gnav__type--toggle:before > *:first-child, .header-gnav__type--toggle:before > section:first-child > *:first-child, .header-gnav__type--toggle:before > [class^="list-wrap"] > *:first-child, .header-gnav__type--toggle:after > *:first-child, .header-gnav__type--toggle:after > section:first-child > *:first-child, .header-gnav__type--toggle:after > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-gnav__label > *:first-child, .header-gnav__label > section:first-child > *:first-child, .header-gnav__label > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-megamenu ----- */ .header-megamenu > *:first-child, .header-megamenu > section:first-child > *:first-child, .header-megamenu > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-megamenu__head { width: 100%; } .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__head__inner > *:first-child, .header-megamenu__head__inner > section:first-child > *:first-child, .header-megamenu__head__inner > [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"] { text-align: left; } .header-megamenu__title > [class*="__type"]:not([class*="--nolink"]):link, .header-megamenu__title > [class*="__type"]:not([class*="--nolink"]):hover, .header-megamenu__title > [class*="__type"]:not([class*="--nolink"]):visited, .header-megamenu__title > [class*="__type"]:not([class*="--nolink"]):focus, .header-megamenu__title > [class*="__type"]:not([class*="--nolink"]):active { color: #005bac; } .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 { width: 100%; } .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__body__inner > *:first-child, .header-megamenu__body__inner > section:first-child > *:first-child, .header-megamenu__body__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-megamenu__foot { width: 100%; } .header-megamenu__foot > *:first-child, .header-megamenu__foot > section:first-child > *:first-child, .header-megamenu__foot > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-card-wrap ----- */ .header-card-wrap > *:first-child, .header-card-wrap > section:first-child > *:first-child, .header-card-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-card ----- */ .header-card > *:first-child, .header-card > section:first-child > *:first-child, .header-card > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-card > [class*="__type"] { display: flex; align-items: center; } .header-card > [class*="__type"] > *:first-child, .header-card > [class*="__type"] > section:first-child > *:first-child, .header-card > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .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__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__image > img { -o-object-fit: scale-down; -o-object-position: center; width: 100%; height: 100%; object-fit: scale-down; object-position: center; } .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__title { color: #005bac; } .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-utility ----- */ .header-utility { display: flex; justify-content: flex-end; height: 100%; } .header-utility > *:first-child, .header-utility > section:first-child > *:first-child, .header-utility > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-language ----- */ .header-language { position: relative; } .header-language > *:first-child, .header-language > section:first-child > *:first-child, .header-language > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-language__trigger { display: flex; position: relative; justify-content: center; height: 100%; } .header-language__trigger > *:first-child, .header-language__trigger > section:first-child > *:first-child, .header-language__trigger > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-language__trigger__button { display: flex; justify-content: center; height: 100%; margin: 0; padding: 0; border: none; background: transparent; color: #005bac; line-height: 1.4; text-align: center; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-language__trigger__button > *:first-child, .header-language__trigger__button > section:first-child > *:first-child, .header-language__trigger__button > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-language__trigger__button__label { display: block; position: relative; } .header-language__trigger__button__label > *:first-child, .header-language__trigger__button__label > section:first-child > *:first-child, .header-language__trigger__button__label > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-language__trigger__button__label:before { -webkit-transform: translateX(-50%); display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url(/advance/jp/app-files/img/cmn_ic01_01.svg) no-repeat center/contain; content: ""; } .header-language__panel { -webkit-transform: translateX(-50%); z-index: 1003; position: absolute; left: 50%; transform: translateX(-50%); } .header-language__panel > *:first-child, .header-language__panel > section:first-child > *:first-child, .header-language__panel > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-language__panel__inner { position: relative; border: 1px solid #ddd; border-radius: 5px; background: #fff; } .header-language__panel__inner > *:first-child, .header-language__panel__inner > section:first-child > *:first-child, .header-language__panel__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-language__panel__inner:before { -webkit-transform: translateX(-50%) rotate(-45deg); display: block; position: absolute; left: 50%; transform: translateX(-50%) rotate(-45deg); border: 1px solid; border-color: #ddd #ddd transparent transparent; background: #fff; content: ""; } .header-language__list { margin: 0; padding: 0; list-style: none; } .header-language__list > *:first-child, .header-language__list > section:first-child > *:first-child, .header-language__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-language__list > li:not(:first-child) { border-top: 1px solid #ddd; } .header-language__list > li > *:first-child, .header-language__list > li > section:first-child > *:first-child, .header-language__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-language__link { display: flex; align-items: center; justify-content: center; text-align: center; } .header-language__link:link, .header-language__link:hover, .header-language__link:visited, .header-language__link:focus, .header-language__link:active { color: #005bac; } .header-language__link > *:first-child, .header-language__link > section:first-child > *:first-child, .header-language__link > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-contact ----- */ .header-contact { display: flex; position: relative; justify-content: center; height: 100%; } .header-contact > *:first-child, .header-contact > section:first-child > *:first-child, .header-contact > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-contact__button { display: flex; justify-content: center; height: 100%; margin: 0; padding: 0; border: none; background: transparent; line-height: 1.4; text-align: center; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-contact__button:link, .header-contact__button:hover, .header-contact__button:visited, .header-contact__button:focus, .header-contact__button:active { color: #005bac; } .header-contact__button > *:first-child, .header-contact__button > section:first-child > *:first-child, .header-contact__button > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-contact__button__label { display: block; position: relative; } .header-contact__button__label > *:first-child, .header-contact__button__label > section:first-child > *:first-child, .header-contact__button__label > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-contact__button__label:before { -webkit-transform: translateX(-50%); display: block; position: absolute; left: 50%; transform: translateX(-50%); background: url(/advance/jp/app-files/img/cmn_ic01_02.svg) no-repeat center/contain; content: ""; } /* ----- header-search-trigger ----- */ .header-search-trigger > *:first-child, .header-search-trigger > section:first-child > *:first-child, .header-search-trigger > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-search-trigger__button { margin: 0; padding: 0; border: none; background: transparent; color: #005bac; line-height: 1.4; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-search-trigger__button > *:first-child, .header-search-trigger__button > section:first-child > *:first-child, .header-search-trigger__button > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-search-trigger__button__label { display: block; position: relative; } .header-search-trigger__button__label > *:first-child, .header-search-trigger__button__label > section:first-child > *:first-child, .header-search-trigger__button__label > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-menu-trigger ----- */ .header-menu-trigger > *:first-child, .header-menu-trigger > section:first-child > *:first-child, .header-menu-trigger > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-menu-trigger__button > *:first-child, .header-menu-trigger__button > section:first-child > *:first-child, .header-menu-trigger__button > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-menu-trigger__button__label > *:first-child, .header-menu-trigger__button__label > section:first-child > *:first-child, .header-menu-trigger__button__label > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-menu-trigger__button__close > *:first-child, .header-menu-trigger__button__close > section:first-child > *:first-child, .header-menu-trigger__button__close > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-menu-trigger:not(.is-active) .header-menu-trigger__button__label { display: block; } .header-menu-trigger:not(.is-active) .header-menu-trigger__button__close { display: none; } .header-menu-trigger.is-active .header-menu-trigger__button__label { display: none; } .header-menu-trigger.is-active .header-menu-trigger__button__close { display: block; } /* ----- header-menu ----- */ .header-menu { z-index: 1001; position: fixed; left: 0; width: 100%; overflow-y: auto; border-top: 1px solid #ddd; background: #fff; } .header-menu > *:first-child, .header-menu > section:first-child > *:first-child, .header-menu > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-menu__head > *:first-child, .header-menu__head > section:first-child > *:first-child, .header-menu__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-menu__head__inner > *:first-child, .header-menu__head__inner > section:first-child > *:first-child, .header-menu__head__inner > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-menu__body > *:first-child, .header-menu__body > section:first-child > *:first-child, .header-menu__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-menu__foot > *:first-child, .header-menu__foot > section:first-child > *:first-child, .header-menu__foot > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- header-search-wrap ----- */ .header-search-wrap { width: 100%; } .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 > *: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 ----- */ .header-search { display: flex; position: relative; width: 100%; overflow: hidden; border: 1px solid #ddd; border-radius: 6px; background: #fff; } .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 { flex-grow: 1; border: none; outline: none; background: transparent; } .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__submit { -webkit-appearance: none; appearance: none; position: relative; flex-shrink: 0; overflow: hidden; border: none; background: #005bac; 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:before { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(50deg) brightness(103%) contrast(102%); -webkit-transform: translate(-50%, -50%); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/advance/jp/app-files/img/cmn_ic01_03.svg) no-repeat center/contain; content: ""; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(50deg) brightness(103%) contrast(102%); } /* ----- header-menu-close ----- */ .header-menu-close > *:first-child, .header-menu-close > section:first-child > *:first-child, .header-menu-close > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-menu-close__button > *:first-child, .header-menu-close__button > section:first-child > *:first-child, .header-menu-close__button > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .header-menu-close__label > *:first-child, .header-menu-close__label > section:first-child > *:first-child, .header-menu-close__label > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ====================================================== * Main * ------------------------------------------------------ * Main__guide * Main__head * Main__body * Main__foot * Print ====================================================== */ /* ====================================================== * Main ====================================================== */ .Main { overflow: hidden; } /* ------------------------------------------------------ * Main__guide ------------------------------------------------------ */ .Main__guide { border-block: 1px solid #ddd; display: block; width: 100%; background: #fff; } .main-breadcrumb { width: 100%; margin: 0 auto; padding: 0; list-style: none; } .main-breadcrumb > *:first-child, .main-breadcrumb > section:first-child > *:first-child, .main-breadcrumb > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-breadcrumb > li { display: inline; } .main-breadcrumb > li > *:first-child, .main-breadcrumb > li > section:first-child > *:first-child, .main-breadcrumb > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-breadcrumb > li:not(:first-child) { position: relative; } .main-breadcrumb > li:not(:first-child):before { border-color: #005bac; } .main-breadcrumb > li:last-child > [class*="__type"] { color: #333 !important; } .main-breadcrumb > li > [class*="__type"]:link, .main-breadcrumb > li > [class*="__type"]:hover, .main-breadcrumb > li > [class*="__type"]:visited, .main-breadcrumb > li > [class*="__type"]:focus, .main-breadcrumb > li > [class*="__type"]:active { color: #005bac; } .main-breadcrumb > li > [class*="__type"] > *:first-child, .main-breadcrumb > li > [class*="__type"] > section:first-child > *:first-child, .main-breadcrumb > li > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-breadcrumb > li > [class*="__type"] > span > *:first-child, .main-breadcrumb > li > [class*="__type"] > span > section:first-child > *:first-child, .main-breadcrumb > li > [class*="__type"] > span > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-breadcrumb__type--nolink { color: #868686 !important; } /* ------------------------------------------------------ * 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__sidebar > *:first-child, .Main__sidebar > section:first-child > *:first-child, .Main__sidebar > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ------------------------------------------------------ * Main__assist ------------------------------------------------------ */ /* ------------------------------------------------------ * Main__foot ------------------------------------------------------ */ /* ----- main-lnav ----- */ .main-lnav { width: 100%; } .main-lnav > *:first-child, .main-lnav > section:first-child > *:first-child, .main-lnav > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__inner { border-top: 2px solid #005bac; } .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 > *: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"] { color: #333; line-height: 1.4; text-align: left; } .main-lnav__title > [class*="__type"]:not([class*="--nolink"]):link, .main-lnav__title > [class*="__type"]:not([class*="--nolink"]):hover, .main-lnav__title > [class*="__type"]:not([class*="--nolink"]):visited, .main-lnav__title > [class*="__type"]:not([class*="--nolink"]):focus, .main-lnav__title > [class*="__type"]:not([class*="--nolink"]):active { color: #005bac; } .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; 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 > *: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__title > *:first-child, .main-lnav__stage1__title > section:first-child > *:first-child, .main-lnav__stage1__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage1__title > [class*="__type"] { -webkit-appearance: none; appearance: none; padding: 0; border: none; background: none; color: #333; line-height: 1.4; text-align: left; } .main-lnav__stage1__title > [class*="__type"] > *:first-child, .main-lnav__stage1__title > [class*="__type"] > section:first-child > *:first-child, .main-lnav__stage1__title > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage1__title__type--toggle > *:first-child, .main-lnav__stage1__title__type--toggle--link > *:first-child, .main-lnav__stage1__title__type--toggle--blank > *:first-child, .main-lnav__stage1__title__type--toggle--pdf > *:first-child, .main-lnav__stage1__title__type--toggle > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle--link > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle--blank > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle--pdf > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle > [class^="list-wrap"] > *:first-child, .main-lnav__stage1__title__type--toggle--link > [class^="list-wrap"] > *:first-child, .main-lnav__stage1__title__type--toggle--blank > [class^="list-wrap"] > *:first-child, .main-lnav__stage1__title__type--toggle--pdf > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage1__title__type--toggle:before > *:first-child, .main-lnav__stage1__title__type--toggle--link:before > *:first-child, .main-lnav__stage1__title__type--toggle--blank:before > *:first-child, .main-lnav__stage1__title__type--toggle--pdf:before > *:first-child, .main-lnav__stage1__title__type--toggle:before > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle--link:before > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle--blank:before > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle--pdf:before > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle:before > [class^="list-wrap"] > *:first-child, .main-lnav__stage1__title__type--toggle--link:before > [class^="list-wrap"] > *:first-child, .main-lnav__stage1__title__type--toggle--blank:before > [class^="list-wrap"] > *:first-child, .main-lnav__stage1__title__type--toggle--pdf:before > [class^="list-wrap"] > *:first-child, .main-lnav__stage1__title__type--toggle:after > *:first-child, .main-lnav__stage1__title__type--toggle--link:after > *:first-child, .main-lnav__stage1__title__type--toggle--blank:after > *:first-child, .main-lnav__stage1__title__type--toggle--pdf:after > *:first-child, .main-lnav__stage1__title__type--toggle:after > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle--link:after > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle--blank:after > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle--pdf:after > section:first-child > *:first-child, .main-lnav__stage1__title__type--toggle:after > [class^="list-wrap"] > *:first-child, .main-lnav__stage1__title__type--toggle--link:after > [class^="list-wrap"] > *:first-child, .main-lnav__stage1__title__type--toggle--blank:after > [class^="list-wrap"] > *:first-child, .main-lnav__stage1__title__type--toggle--pdf:after > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage1__detail > *:first-child, .main-lnav__stage1__detail > section:first-child > *:first-child, .main-lnav__stage1__detail > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage1__subtitle > *:first-child, .main-lnav__stage1__subtitle > section:first-child > *:first-child, .main-lnav__stage1__subtitle > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage1__subtitle > [class*="__type"] { position: relative; text-align: left; } .main-lnav__stage1__subtitle > [class*="__type"]:not([class*="--nolink"]):link, .main-lnav__stage1__subtitle > [class*="__type"]:not([class*="--nolink"]):hover, .main-lnav__stage1__subtitle > [class*="__type"]:not([class*="--nolink"]):visited, .main-lnav__stage1__subtitle > [class*="__type"]:not([class*="--nolink"]):focus, .main-lnav__stage1__subtitle > [class*="__type"]:not([class*="--nolink"]):active { color: #005bac; } .main-lnav__stage1__subtitle > [class*="__type"] > *:first-child, .main-lnav__stage1__subtitle > [class*="__type"] > section:first-child > *:first-child, .main-lnav__stage1__subtitle > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .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__title > *:first-child, .main-lnav__stage2__title > section:first-child > *:first-child, .main-lnav__stage2__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage2__title > [class*="__type"] { position: relative; text-align: left; } .main-lnav__stage2__title > [class*="__type"]:not([class*="--nolink"]):link, .main-lnav__stage2__title > [class*="__type"]:not([class*="--nolink"]):hover, .main-lnav__stage2__title > [class*="__type"]:not([class*="--nolink"]):visited, .main-lnav__stage2__title > [class*="__type"]:not([class*="--nolink"]):focus, .main-lnav__stage2__title > [class*="__type"]:not([class*="--nolink"]):active { color: #005bac; } .main-lnav__stage2__title > [class*="__type"] > *:first-child, .main-lnav__stage2__title > [class*="__type"] > section:first-child > *:first-child, .main-lnav__stage2__title > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .main-lnav__stage2__title > [class*="__type"]:before { position: absolute; } /* ====================================================== * overlay ====================================================== */ .main-overlay { display: none; z-index: 998; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ====================================================== * Footer * ------------------------------------------------------ * Footer__guide * Footer__head * Footer__body * Footer__foot * Print ====================================================== */ /* ====================================================== * Footer ====================================================== */ .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__guide ------------------------------------------------------ */ .Footer__guide > *:first-child, .Footer__guide > section:first-child > *:first-child, .Footer__guide > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- footer-pagetop ----- */ .footer-pagetop { z-index: 998; position: fixed; } .footer-pagetop > *:first-child, .footer-pagetop > section:first-child > *:first-child, .footer-pagetop > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-pagetop > a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; background: #005bac; 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 { -webkit-transform: translate(-50%, -50%) rotate(-45deg); display: block; position: absolute; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); border-style: solid; border-color: #fff #fff transparent transparent; content: ""; } /* ------------------------------------------------------ * Footer__body ------------------------------------------------------ */ .Footer__body { width: 100%; background: #f4f4f4; } .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-nav ----- */ .footer-nav > *:first-child, .footer-nav > section:first-child > *:first-child, .footer-nav > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__list { margin: 0; padding: 0; list-style: none; } .footer-nav__list > *:first-child, .footer-nav__list > section:first-child > *:first-child, .footer-nav__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__item > *:first-child, .footer-nav__item > section:first-child > *:first-child, .footer-nav__item > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__item__title > *:first-child, .footer-nav__item__title > section:first-child > *:first-child, .footer-nav__item__title > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__item__title > [class*="__type"] { text-align: left; } .footer-nav__item__title > [class*="__type"]:not([class*="--nolink"]):link, .footer-nav__item__title > [class*="__type"]:not([class*="--nolink"]):hover, .footer-nav__item__title > [class*="__type"]:not([class*="--nolink"]):visited, .footer-nav__item__title > [class*="__type"]:not([class*="--nolink"]):focus, .footer-nav__item__title > [class*="__type"]:not([class*="--nolink"]):active { color: #333; } .footer-nav__item__title > [class*="__type"] > *:first-child, .footer-nav__item__title > [class*="__type"] > section:first-child > *:first-child, .footer-nav__item__title > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__item__title__type--toggle > *:first-child, .footer-nav__item__title__type--toggle > section:first-child > *:first-child, .footer-nav__item__title__type--toggle > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__item__title__type--toggle:before > *:first-child, .footer-nav__item__title__type--toggle:before > section:first-child > *:first-child, .footer-nav__item__title__type--toggle:before > [class^="list-wrap"] > *:first-child, .footer-nav__item__title__type--toggle:after > *:first-child, .footer-nav__item__title__type--toggle:after > section:first-child > *:first-child, .footer-nav__item__title__type--toggle:after > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__item__detail > *:first-child, .footer-nav__item__detail > section:first-child > *:first-child, .footer-nav__item__detail > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__item__subtitle > *:first-child, .footer-nav__item__subtitle > section:first-child > *:first-child, .footer-nav__item__subtitle > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__item__subtitle > [class*="__type"] { text-align: left; } .footer-nav__item__subtitle > [class*="__type"]:not([class*="--nolink"]):link, .footer-nav__item__subtitle > [class*="__type"]:not([class*="--nolink"]):hover, .footer-nav__item__subtitle > [class*="__type"]:not([class*="--nolink"]):visited, .footer-nav__item__subtitle > [class*="__type"]:not([class*="--nolink"]):focus, .footer-nav__item__subtitle > [class*="__type"]:not([class*="--nolink"]):active { color: #333; } .footer-nav__item__subtitle > [class*="__type"] > *:first-child, .footer-nav__item__subtitle > [class*="__type"] > section:first-child > *:first-child, .footer-nav__item__subtitle > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__column > *:first-child, .footer-nav__column > section:first-child > *:first-child, .footer-nav__column > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__link-list { margin: 0; padding: 0; list-style: none; } .footer-nav__link-list > *:first-child, .footer-nav__link-list > section:first-child > *:first-child, .footer-nav__link-list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__link-list > li > *:first-child, .footer-nav__link-list > li > section:first-child > *:first-child, .footer-nav__link-list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-nav__link-list > li > [class*="__type"] { text-align: left; } .footer-nav__link-list > li > [class*="__type"]:not([class*="--nolink"]):link, .footer-nav__link-list > li > [class*="__type"]:not([class*="--nolink"]):hover, .footer-nav__link-list > li > [class*="__type"]:not([class*="--nolink"]):visited, .footer-nav__link-list > li > [class*="__type"]:not([class*="--nolink"]):focus, .footer-nav__link-list > li > [class*="__type"]:not([class*="--nolink"]):active { color: #333; } .footer-nav__link-list > li > [class*="__type"] > *:first-child, .footer-nav__link-list > li > [class*="__type"] > section:first-child > *:first-child, .footer-nav__link-list > li > [class*="__type"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ------------------------------------------------------ * Footer__foot ------------------------------------------------------ */ .Footer__foot { width: 100%; border-top: 1px solid #ddd; background: #fff; } .Footer__foot > *:first-child, .Footer__foot > section:first-child > *:first-child, .Footer__foot > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .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-utility ----- */ .footer-utility > *:first-child, .footer-utility > section:first-child > *:first-child, .footer-utility > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-utility__list { display: flex; flex-flow: row wrap; margin: 0; padding: 0; list-style: none; } .footer-utility__list > *:first-child, .footer-utility__list > section:first-child > *:first-child, .footer-utility__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-utility__list > li > *:first-child, .footer-utility__list > li > section:first-child > *:first-child, .footer-utility__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-utility__list > li > [class*="__link"]:link, .footer-utility__list > li > [class*="__link"]:hover, .footer-utility__list > li > [class*="__link"]:visited, .footer-utility__list > li > [class*="__link"]:focus, .footer-utility__list > li > [class*="__link"]:active { color: #333; } .footer-utility__list > li > [class*="__link"] > *:first-child, .footer-utility__list > li > [class*="__link"] > section:first-child > *:first-child, .footer-utility__list > li > [class*="__link"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- footer-copyright ----- */ .footer-copyright { text-align: left; } .footer-copyright > *:first-child, .footer-copyright > section:first-child > *:first-child, .footer-copyright > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .footer-copyright__label { color: #333; line-height: 1.4; } .footer-copyright__label > *:first-child, .footer-copyright__label > section:first-child > *:first-child, .footer-copyright__label > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ====================================================== * Module ====================================================== */ /* ----- Heading ----- */ /* heading1 */ /* ====================================================== * H1-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H1-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading1-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading1-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading1 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ background-color: #005bac; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .heading1--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading1__title { margin: 0; color: #fff; line-height: 1.4; } .heading1__subtitle { margin: 0 0 .4em; color: #fff; line-height: 1.4; } .heading1--center { background-color: #005bac; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading1--center__title { margin: 0; color: #fff; line-height: 1.4; } .heading1--center__subtitle { margin: 0 0 .4em; color: #fff; line-height: 1.4; } /* ====================================================== * 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--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading1-v2__title { margin: 0; line-height: 1.4; } .heading1-v2__subtitle { margin: 0 0 .4em; color: #04233c; line-height: 1.4; } .heading1-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading1-v2--center__title { margin: 0; line-height: 1.4; } .heading1-v2--center__subtitle { margin: 0 0 .4em; color: #04233c; line-height: 1.4; } /* heading2 */ /* ====================================================== * H2-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H2-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading2-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading2-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading2 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .heading2__filesize { font-style: normal; } .heading2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading2--center__filesize { font-style: normal; } .heading2__link { display: inline-block; } .heading2__link .heading2__title:after { border-width: 2px; border-color: #005bac; } .heading2__link--blank { display: inline-block; } .heading2__link--blank .heading2__title:after { top: -4px; } .heading2__link--pdf { display: inline-block; } .heading2__link--pdf .heading2__title:after { top: -4px; } .heading2__title { margin: 0; line-height: 1.4; } .heading2__subtitle { color: #04233c; line-height: 1.4; } .heading2__filesize { vertical-align: top; } .heading2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading2--center__link { display: inline-block; } .heading2--center__link .heading2--center__title:after { border-width: 2px; border-color: #005bac; } .heading2--center__link--blank { display: inline-block; } .heading2--center__link--blank .heading2--center__title:after { top: -4px; } .heading2--center__link--pdf { display: inline-block; } .heading2--center__link--pdf .heading2--center__title:after { top: -4px; } .heading2--center__title { margin: 0; line-height: 1.4; } .heading2--center__subtitle { color: #04233c; line-height: 1.4; } .heading2--center__filesize { vertical-align: top; } /* ====================================================== * 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__filesize { font-style: normal; } .heading2-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading2-v2--center__filesize { font-style: normal; } .heading2-v2__link { display: inline-block; } .heading2-v2__link .heading2-v2__title:after { border-width: 2px; border-color: #005bac; } .heading2-v2__link--blank { display: inline-block; } .heading2-v2__link--blank .heading2-v2__title:after { top: -4px; } .heading2-v2__link--pdf { display: inline-block; } .heading2-v2__link--pdf .heading2-v2__title:after { top: -4px; } .heading2-v2__title { margin: 0; line-height: 1.4; } .heading2-v2__subtitle { color: #04233c; line-height: 1.4; } .heading2-v2__filesize { margin-left: .6em; vertical-align: top; } .heading2-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading2-v2--center__link { display: inline-block; } .heading2-v2--center__link .heading2-v2--center__title:after { border-width: 2px; border-color: #005bac; } .heading2-v2--center__link--blank { display: inline-block; } .heading2-v2--center__link--blank .heading2-v2--center__title:after { top: -4px; } .heading2-v2--center__link--pdf { display: inline-block; } .heading2-v2--center__link--pdf .heading2-v2--center__title:after { top: -4px; } .heading2-v2--center__title { margin: 0; line-height: 1.4; } .heading2-v2--center__subtitle { color: #04233c; line-height: 1.4; } .heading2-v2--center__filesize { margin-left: .6em; vertical-align: top; } /* heading3 */ /* ====================================================== * H3-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * H3-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * heading3-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * heading3-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .heading3 { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .heading3__filesize { font-style: normal; } .heading3--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading3--center__filesize { font-style: normal; } .heading3__link { display: inline-block; } .heading3__link .heading3__title:after { border-width: 2px; border-color: #005bac; } .heading3__link--blank { display: inline-block; } .heading3__link--blank .heading3__title:after { top: -4px; } .heading3__link--pdf { display: inline-block; } .heading3__link--pdf .heading3__title:after { top: -4px; } .heading3__inner { padding-bottom: .8em; border-bottom: 2px solid #557ec0; } .heading3__title { margin: 0; line-height: 1.4; } .heading3__subtitle { margin: 0 0 .4em; color: #04233c; line-height: 1.4; } .heading3__filesize { vertical-align: middle; } .heading3--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading3--center__link { display: inline-block; } .heading3--center__link .heading3--center__title:after { border-width: 2px; border-color: #005bac; } .heading3--center__link--blank { display: inline-block; } .heading3--center__link--blank .heading3--center__title:after { top: -4px; } .heading3--center__link--pdf { display: inline-block; } .heading3--center__link--pdf .heading3--center__title:after { top: -4px; } .heading3--center__inner { padding-bottom: .8em; border-bottom: 2px solid #557ec0; } .heading3--center__title { margin: 0; line-height: 1.4; } .heading3--center__subtitle { margin: 0 0 .4em; color: #04233c; line-height: 1.4; } .heading3--center__filesize { vertical-align: middle; } /* ====================================================== * 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__filesize { font-style: normal; } .heading3-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading3-v2--center__filesize { font-style: normal; } .heading3-v2__link { display: inline-block; } .heading3-v2__link .heading3-v2__title:after { border-width: 2px; border-color: #005bac; } .heading3-v2__link--blank { display: inline-block; } .heading3-v2__link--blank .heading3-v2__title:after { top: -4px; } .heading3-v2__link--pdf { display: inline-block; } .heading3-v2__link--pdf .heading3-v2__title:after { top: -4px; } .heading3-v2__title { margin: 0; line-height: 1.4; } .heading3-v2__subtitle { margin: 0 0 .4em; color: #04233c; line-height: 1.4; } .heading3-v2__filesize { vertical-align: middle; } .heading3-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading3-v2--center__link { display: inline-block; } .heading3-v2--center__link .heading3-v2--center__title:after { border-width: 2px; border-color: #005bac; } .heading3-v2--center__link--blank { display: inline-block; } .heading3-v2--center__link--blank .heading3-v2--center__title:after { top: -4px; } .heading3-v2--center__link--pdf { display: inline-block; } .heading3-v2--center__link--pdf .heading3-v2--center__title:after { top: -4px; } .heading3-v2--center__title { margin: 0; line-height: 1.4; } .heading3-v2--center__subtitle { margin: 0 0 .4em; color: #04233c; line-height: 1.4; } .heading3-v2--center__filesize { vertical-align: middle; } /* 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__filesize { font-style: normal; } .heading4--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading4--center__filesize { font-style: normal; } .heading4__link { display: inline-block; } .heading4__link .heading4__title:after { border-width: 2px; border-color: #005bac; } .heading4__link--blank { display: inline-block; } .heading4__link--pdf { display: inline-block; } .heading4__title { margin: 0; line-height: 1.4; } .heading4__subtitle { margin: 0 0 .4em; color: #04233c; line-height: 1.4; } .heading4__filesize { line-height: 1.75; vertical-align: middle; } .heading4--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading4--center__link { display: inline-block; } .heading4--center__link .heading4--center__title:after { border-width: 2px; border-color: #005bac; } .heading4--center__link--blank { display: inline-block; } .heading4--center__link--pdf { display: inline-block; } .heading4--center__title { margin: 0; line-height: 1.4; } .heading4--center__subtitle { margin: 0 0 .4em; color: #04233c; line-height: 1.4; } .heading4--center__filesize { line-height: 1.75; vertical-align: middle; } /* ====================================================== * 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__filesize { font-style: normal; } .heading4-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading4-v2--center__filesize { font-style: normal; } .heading4-v2__link { display: inline-block; } .heading4-v2__link .heading4-v2__title:after { border-width: 2px; border-color: #005bac; } .heading4-v2__link--blank { display: inline-block; } .heading4-v2__link--pdf { display: inline-block; } .heading4-v2__title { margin: 0; line-height: 1.4; } .heading4-v2__subtitle { margin: 0 0 .4em; color: #04233c; line-height: 1.4; } .heading4-v2__filesize { line-height: 1.75; vertical-align: middle; } .heading4-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading4-v2--center__link { display: inline-block; } .heading4-v2--center__link .heading4-v2--center__title:after { border-width: 2px; border-color: #005bac; } .heading4-v2--center__link--blank { display: inline-block; } .heading4-v2--center__link--pdf { display: inline-block; } .heading4-v2--center__title { margin: 0; line-height: 1.4; } .heading4-v2--center__subtitle { margin: 0 0 .4em; color: #04233c; line-height: 1.4; } .heading4-v2--center__filesize { line-height: 1.75; vertical-align: middle; } /* 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__filesize { font-style: normal; } .heading5--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading5--center__filesize { font-style: normal; } .heading5__link { display: inline-block; } .heading5__link .heading5__title:after { border-width: 2px; border-color: #005bac; } .heading5__link--blank { display: inline-block; } .heading5__link--pdf { display: inline-block; } .heading5__title { margin: 0; line-height: 1.4; } .heading5__subtitle { color: #04233c; line-height: 1.4; } .heading5__filesize { line-height: 1.6; vertical-align: middle; } .heading5--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading5--center__link { display: inline-block; } .heading5--center__link .heading5--center__title:after { border-width: 2px; border-color: #005bac; } .heading5--center__link--blank { display: inline-block; } .heading5--center__link--pdf { display: inline-block; } .heading5--center__title { margin: 0; line-height: 1.4; } .heading5--center__subtitle { color: #04233c; line-height: 1.4; } .heading5--center__filesize { line-height: 1.6; vertical-align: middle; } /* 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__filesize { font-style: normal; } .heading6--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading6--center__filesize { font-style: normal; } .heading6__link { display: inline-block; } .heading6__link .heading6__title:after { border-width: 2px; border-color: #005bac; } .heading6__link--blank { display: inline-block; } .heading6__link--pdf { display: inline-block; } .heading6__title { margin: 0; line-height: 1.4; } .heading6__subtitle { color: #04233c; line-height: 1.4; } .heading6__filesize { margin-left: .3em; } .heading6--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .heading6--center__link { display: inline-block; } .heading6--center__link .heading6--center__title:after { border-width: 2px; border-color: #005bac; } .heading6--center__link--blank { display: inline-block; } .heading6--center__link--pdf { display: inline-block; } .heading6--center__title { margin: 0; line-height: 1.4; } .heading6--center__subtitle { color: #04233c; line-height: 1.4; } .heading6--center__filesize { margin-left: .3em; } /* ----- Text ----- */ /* text */ /* ====================================================== * TX-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * TX-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * text-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * text-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .text { margin: 1em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .text--center { margin: 1em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .text--right { margin: 1em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: right; } .text--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .text--right { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* lead */ /* ====================================================== * LD-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * LD-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * lead-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * lead-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .lead { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .lead--center { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .lead--center { /* ------------------------------------------------------ * 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 { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .lead-v2--center { margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .lead-v2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* ----- List ----- */ /* note-list */ /* ====================================================== * NL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * NL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * list-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * list-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * note-list-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * note-list-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .list-wrap { 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 { margin: 1em 0 0 0; padding: 0; list-style: none; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-list > *:first-child, .note-list > section:first-child > *:first-child, .note-list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .note-list > *:last-child { margin-bottom: 0 !important; } .note-list > li { position: relative; color: #333; list-style: none; } .note-list__mark { position: absolute; top: 0; left: 0; } .note-list__nest > *:first-child, .note-list__nest > section:first-child > *:first-child, .note-list__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .note-list__nest > *:last-child { margin-bottom: 0 !important; } .note-list > li { padding-left: 1.7em; } /* ====================================================== * 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 { margin: 1em 0 0 0; padding: 0; list-style: none; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-list-v2 > *:first-child, .note-list-v2 > section:first-child > *:first-child, .note-list-v2 > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .note-list-v2 > *:last-child { margin-bottom: 0 !important; } .note-list-v2 > li { position: relative; color: #333; list-style: none; } .note-list-v2__mark { position: absolute; top: 0; left: 0; } .note-list-v2__nest > *:first-child, .note-list-v2__nest > section:first-child > *:first-child, .note-list-v2__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .note-list-v2__nest > *:last-child { margin-bottom: 0 !important; } .note-list-v2 > li { padding-left: 1.7em; color: #666; } /* 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 { margin: 1em 0 0 0; padding: 0; list-style: none; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-order-list > *:first-child, .note-order-list > section:first-child > *:first-child, .note-order-list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .note-order-list > *:last-child { margin-bottom: 0 !important; } .note-order-list > li { position: relative; color: #333; list-style: none; } .note-order-list__mark { position: absolute; top: 0; left: 0; } .note-order-list__nest > *:first-child, .note-order-list__nest > section:first-child > *:first-child, .note-order-list__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .note-order-list__nest > *:last-child { margin-bottom: 0 !important; } /* ====================================================== * 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 { margin: 1em 0 0 0; padding: 0; list-style: none; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .note-order-list-v2 > *:first-child, .note-order-list-v2 > section:first-child > *:first-child, .note-order-list-v2 > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .note-order-list-v2 > *:last-child { margin-bottom: 0 !important; } .note-order-list-v2 > li { position: relative; color: #333; list-style: none; } .note-order-list-v2__mark { position: absolute; top: 0; left: 0; } .note-order-list-v2__nest > *:first-child, .note-order-list-v2__nest > section:first-child > *:first-child, .note-order-list-v2__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .note-order-list-v2__nest > *:last-child { margin-bottom: 0 !important; } .note-order-list-v2 > li { color: #666; } /* 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 { margin: 1em 0 0 0; padding: 0; list-style: none; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .unorder-list > *:first-child, .unorder-list > section:first-child > *:first-child, .unorder-list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .unorder-list > *:last-child { margin-bottom: 0 !important; } .unorder-list > li { position: relative; color: #333; list-style: none; } .unorder-list__nest > *:first-child, .unorder-list__nest > section:first-child > *:first-child, .unorder-list__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .unorder-list__nest > *:last-child { margin-bottom: 0 !important; } .unorder-list > li { padding-left: 1.25em; } .unorder-list > li:before { display: inline-block; position: absolute; top: .45em; left: 0; border-radius: 50%; background-color: #005bac; 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 { margin: 1em 0 0 0; padding: 0; list-style: none; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .unorder-list-v2 > *:first-child, .unorder-list-v2 > section:first-child > *:first-child, .unorder-list-v2 > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .unorder-list-v2 > *:last-child { margin-bottom: 0 !important; } .unorder-list-v2 > li { position: relative; color: #333; list-style: none; } .unorder-list-v2__nest > *:first-child, .unorder-list-v2__nest > section:first-child > *:first-child, .unorder-list-v2__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .unorder-list-v2__nest > *:last-child { margin-bottom: 0 !important; } .unorder-list-v2 > li { padding-left: 1.3em; color: #666; } .unorder-list-v2 > li:before { display: inline-block; position: absolute; top: .45em; left: 0; border-radius: 50%; background-color: #666; content: ""; } /* 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 { margin: 1em 0 0 0; padding: 0; list-style: none; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .order-list > *:first-child, .order-list > section:first-child > *:first-child, .order-list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .order-list > *:last-child { margin-bottom: 0 !important; } .order-list > li { position: relative; color: #333; list-style: none; } .order-list__mark { position: absolute; top: 0; left: 0; } .order-list__nest > *:first-child, .order-list__nest > section:first-child > *:first-child, .order-list__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .order-list__nest > *:last-child { margin-bottom: 0 !important; } .order-list__mark { color: #005bac; } .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 { margin: 1em 0 0 0; padding: 0; list-style: none; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .order-list-v2 > *:first-child, .order-list-v2 > section:first-child > *:first-child, .order-list-v2 > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .order-list-v2 > *:last-child { margin-bottom: 0 !important; } .order-list-v2 > li { position: relative; color: #333; list-style: none; } .order-list-v2__mark { position: absolute; top: 0; left: 0; } .order-list-v2__nest > *:first-child, .order-list-v2__nest > section:first-child > *:first-child, .order-list-v2__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .order-list-v2__nest > *:last-child { margin-bottom: 0 !important; } .order-list-v2 > li { color: #666; } .order-list-v2__mark:before { content: "\FF08"; } .order-list-v2__mark:after { content: "\FF09"; } /* 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__filesize { font-style: normal; } .description-list > dd { margin: 0; } .description-list > dd > *:first-child, .description-list > dd > section:first-child > *:first-child, .description-list > dd > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .description-list > dt > [class*="__type"] { color: #005bac; } .description-list__type { display: inline-block; } .description-list__type:after { margin-left: 13px; border-color: #005bac; } .description-list__type--blank { display: inline-block; color: #005bac; } .description-list__type--pdf { display: inline-block; color: #005bac; } .description-list__filesize { margin-left: .35em; } /* ====================================================== * 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 #ddd; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .description-list-v2 > dt { margin: 0; } .description-list-v2__filesize { font-style: normal; } .description-list-v2 > dd { margin: 0; } .description-list-v2 > dd > *:first-child, .description-list-v2 > dd > section:first-child > *:first-child, .description-list-v2 > dd > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .description-list-v2 > dt > [class*="__type"] { color: #005bac; } .description-list-v2__type { display: inline-block; } .description-list-v2__type:after { margin-left: 13px; border-color: #005bac; } .description-list-v2__type--blank { display: inline-block; } .description-list-v2__type--pdf { display: inline-block; } .description-list-v2__filesize { margin-left: .35em; } /* ====================================================== * 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__filesize { font-style: normal; } .description-list-v3 > dd { margin: 0; } .description-list-v3 > dd > *:first-child, .description-list-v3 > dd > section:first-child > *:first-child, .description-list-v3 > dd > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .description-list-v3 > dt > [class*="__type"] { color: #005bac; } .description-list-v3__type { display: inline-block; } .description-list-v3__type:after { margin-left: 13px; border-color: #005bac; } .description-list-v3__type--blank { display: inline-block; color: #005bac; } .description-list-v3__type--pdf { display: inline-block; color: #005bac; } .description-list-v3__filesize { margin-left: .35em; } /* ====================================================== * 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 #ddd; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .description-list-v4 > dt { margin: 0; } .description-list-v4__filesize { font-style: normal; } .description-list-v4 > dd { margin: 0; } .description-list-v4 > dd > *:first-child, .description-list-v4 > dd > section:first-child > *:first-child, .description-list-v4 > dd > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .description-list-v4 > dt > [class*="__type"] { color: #005bac; } .description-list-v4__type { display: inline-block; } .description-list-v4__type:after { margin-left: 13px; border-color: #005bac; } .description-list-v4__type--blank { display: inline-block; } .description-list-v4__type--pdf { display: inline-block; } .description-list-v4__filesize { margin-left: .35em; } /* 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 { margin: 1em 0 0 0; padding: 0; list-style: none; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .link-list > *:first-child, .link-list > section:first-child > *:first-child, .link-list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .link-list > *:last-child { margin-bottom: 0 !important; } .link-list > li { position: relative; color: #333; list-style: none; } .link-list > li > [class*="__type"] { display: inline-block; position: relative; padding-left: 1.1em; } .link-list > li > [class*="__type"]:before { position: absolute; left: -3px; } .link-list > li > [class*="__type"]:not([class*="__type--nolink"]) { color: #005bac; } .link-list__type--nolink { color: #333; } .link-list__type--nolink:before { color: #868686; } a[class*="--modal"] { outline: none !important; } [class*="modal--"].modaal-wrapper .modaal-container { box-shadow: none; } [class*="modal--"].modaal-wrapper .modaal-content-container { padding: 0; } [class*="modal--"].modaal-wrapper .modaal-content-container > *:first-child, [class*="modal--"].modaal-wrapper .modaal-content-container > section:first-child > *:first-child, [class*="modal--"].modaal-wrapper .modaal-content-container > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } [class*="modal--"].modaal-wrapper .modaal-close { position: absolute; top: -44px; right: 0; width: 40px; height: 40px; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } [class*="modal--"].modaal-wrapper .modaal-close:before, [class*="modal--"].modaal-wrapper .modaal-close:after { display: none; } [class*="modal--"].modaal-wrapper .modaal-close > span { display: block; position: relative !important; width: 100% !important; height: 100% !important; } [class*="modal--"].modaal-wrapper .modaal-close > span:before, [class*="modal--"].modaal-wrapper .modaal-close > span:after { -webkit-backface-visibility: hidden; position: absolute; top: 50%; left: 50%; width: 26px; height: 2px; margin: -1px 0 0 -13px; background-color: #005bac; content: ""; } [class*="modal--"].modaal-wrapper .modaal-close > span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } [class*="modal--"].modaal-wrapper .modaal-close > span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } [class*="modal--iframe"].modaal-wrapper .modaal-container { overflow: visible !important; } .modaal-overlay { z-index: 1001 !important; } .link-list__filesize { margin-left: .45em; font-style: normal; } .link-list__nest { padding-left: 1.2em; } .link-list__nest > *:first-child, .link-list__nest > section:first-child > *:first-child, .link-list__nest > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .link-list__nest > *:last-child { margin-bottom: 0 !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-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-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 { display: flex; text-decoration: none; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .button .button__type, .button .button__type--blank, .button .button__type--pdf, .button .button__type--excel, .button .button__type--word, .button .button__type--powerpoint, .button .button__type--zip, .button .button__type--modal { display: flex; position: relative; align-items: center; justify-content: center; border-radius: 6px; background-color: #005bac; color: #fff; line-height: 1.4; text-align: center; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .button-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-wrap--center { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ align-items: center; margin: 2em 0 0 0; } .button-wrap--center > * { justify-content: center; } .button-wrap--right { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ align-items: flex-end; margin: 2em 0 0 0; } .button-wrap--right > * { justify-content: flex-end; } .button-wrap--centering { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; margin: 2em 0 0 0; } .button-wrap--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .button-wrap--right { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .button-wrap--centering { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .button { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button__label { display: inline-block; } .button__filesize { font-style: normal; } .button .button__type--blank:after { right: 1.4em; } .button .button__type--pdf:after { right: 1.4em; } .button .button__type--excel:after { right: 1.4em; } .button .button__type--word:after { right: 1.4em; } .button .button__type--powerpoint:after { right: 1.4em; } .button .button__type--zip:after { right: 1.4em; } .button .button__type--modal:after { right: 1.4em; } a[class*="--modal"] { outline: none !important; } [class*="modal--"].modaal-wrapper .modaal-container { box-shadow: none; } [class*="modal--"].modaal-wrapper .modaal-content-container { padding: 0; } [class*="modal--"].modaal-wrapper .modaal-content-container > *:first-child, [class*="modal--"].modaal-wrapper .modaal-content-container > section:first-child > *:first-child, [class*="modal--"].modaal-wrapper .modaal-content-container > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } [class*="modal--"].modaal-wrapper .modaal-close { position: absolute; top: -44px; right: 0; width: 40px; height: 40px; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } [class*="modal--"].modaal-wrapper .modaal-close:before, [class*="modal--"].modaal-wrapper .modaal-close:after { display: none; } [class*="modal--"].modaal-wrapper .modaal-close > span { display: block; position: relative !important; width: 100% !important; height: 100% !important; } [class*="modal--"].modaal-wrapper .modaal-close > span:before, [class*="modal--"].modaal-wrapper .modaal-close > span:after { -webkit-backface-visibility: hidden; position: absolute; top: 50%; left: 50%; width: 26px; height: 2px; margin: -1px 0 0 -13px; background-color: #005bac; content: ""; } [class*="modal--"].modaal-wrapper .modaal-close > span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } [class*="modal--"].modaal-wrapper .modaal-close > span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } [class*="modal--iframe"].modaal-wrapper .modaal-container { overflow: visible !important; } .modaal-overlay { z-index: 1001 !important; } .button__filesize { margin-left: .3em; vertical-align: middle; } /* ====================================================== * 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-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-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 { display: flex; text-decoration: none; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-0002 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .button-v2 .button-v2__type, .button-v2 .button-v2__type--blank, .button-v2 .button-v2__type--pdf, .button-v2 .button-v2__type--excel, .button-v2 .button-v2__type--word, .button-v2 .button-v2__type--powerpoint, .button-v2 .button-v2__type--zip, .button-v2 .button-v2__type--modal { display: flex; position: relative; align-items: center; justify-content: center; padding: .8em 1.4em; border: 2px solid #005bac; border-radius: 6px; background-color: #fff; color: #005bac; line-height: 1.4; text-align: center; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .button-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-wrap--center { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ align-items: center; margin: 2em 0 0 0; } .button-wrap--center > * { justify-content: center; } .button-wrap--right { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ align-items: flex-end; margin: 2em 0 0 0; } .button-wrap--right > * { justify-content: flex-end; } .button-wrap--centering { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; margin: 2em 0 0 0; } .button-wrap--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .button-wrap--right { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .button-wrap--centering { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .button-v2 { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-v2__label { display: inline-block; } .button-v2__filesize { font-style: normal; } .button-v2__filesize { margin-left: .3em; vertical-align: middle; } /* ====================================================== * 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-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-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 { display: flex; text-decoration: none; } /* ====================================================== * 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 { display: flex; position: relative; align-items: center; justify-content: center; border-radius: 6px; background-color: #fbc21c; color: #333; line-height: 1.4; text-align: center; } /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ .button-wrap { display: flex; flex-flow: row wrap; margin: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-wrap--center { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ align-items: center; margin: 2em 0 0 0; } .button-wrap--center > * { justify-content: center; } .button-wrap--right { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ align-items: flex-end; margin: 2em 0 0 0; } .button-wrap--right > * { justify-content: flex-end; } .button-wrap--centering { display: flex; flex-flow: row wrap; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ justify-content: center; margin: 2em 0 0 0; } .button-wrap--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .button-wrap--right { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .button-wrap--centering { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } .button-v3 { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-v3__label { display: inline-block; } .button-v3__filesize { font-style: normal; } .button-v3__filesize { margin-left: .3em; vertical-align: middle; } /* ----- 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 [class*="__cell"] { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; text-align: left; vertical-align: top; } /* ====================================================== * 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 { line-height: 1.4; } .table__caption--center { text-align: center; } .table__caption--right { text-align: right; } .table__matrix { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-collapse: collapse; border-spacing: 0; table-layout: fixed; } .table__matrix > caption > *:first-child, .table__matrix > caption > section:first-child > *:first-child, .table__matrix > caption > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .table__matrix > caption > *:last-child { margin-bottom: 0 !important; } .table [class*="__cell"] > *:first-child, .table [class*="__cell"] > section:first-child > *:first-child, .table [class*="__cell"] > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .table [class*="__cell"] > *:last-child { margin-bottom: 0 !important; } .table [class*="__cell--lv1"] { background-color: #e0eef9; } .table [class*="__cell--lv2"] { background-color: #f1f1f1; } /* ------------------------------------------------------ * Override ------------------------------------------------------ */ /* ------------------------------------------------------ * PageComponent ------------------------------------------------------ */ /* ----- form-step ----- */ .form-step { /* vars */ } .form-step > *:first-child, .form-step > section:first-child > *:first-child, .form-step > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-step__list { margin: 0; padding: 0; list-style: none; } .form-step__list > *:first-child, .form-step__list > section:first-child > *:first-child, .form-step__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-step__list > li > *:first-child, .form-step__list > li > section:first-child > *:first-child, .form-step__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-step__pie > *:first-child, .form-step__pie > section:first-child > *:first-child, .form-step__pie > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-step__name { flex-flow: row wrap; align-items: baseline; justify-content: center; line-height: 1.4; } .form-step__name > *:first-child, .form-step__name > section:first-child > *:first-child, .form-step__name > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-step__name__phase > *:first-child, .form-step__name__phase > section:first-child > *:first-child, .form-step__name__phase > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-step__name__phase > em { font-size: 2.2rem; font-style: normal; } .form-step__name__label > *:first-child, .form-step__name__label > section:first-child > *:first-child, .form-step__name__label > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- .form-icon ----- */ .form-icon, .form-icon--inline, .form-icon--required, .form-icon--required--inline { font-style: normal; line-height: 1; vertical-align: middle; } .form-icon--inline:first-child, .form-icon--required--inline:first-child { -webkit-margin-start: 0; margin-inline-start: 0; } .form-icon--required, .form-icon--required--inline { background: #cc0000; color: #fff; } /* ----- form-component ----- */ .form-component { margin: 0; } .form-component > *:first-child, .form-component > section:first-child > *:first-child, .form-component > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-component__head { margin: 0; background-color: #e0eef9; } .form-component__head > *:first-child, .form-component__head > section:first-child > *:first-child, .form-component__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-component__body > *:first-child, .form-component__body > section:first-child > *:first-child, .form-component__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-component__title__label { display: inline; margin: 0; } .form-component__note { position: relative; color: #666; } .form-component__note__mark { position: absolute; top: 0; left: 0; } .form-component.is-error .form-component__body { background-color: #fff5f5; } /* ----- form-example ----- */ .form-example { display: flex; flex-flow: row nowrap; align-items: baseline; margin: 0; } .form-example > *:first-child, .form-example > section:first-child > *:first-child, .form-example > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-example__head { flex-shrink: 0; } .form-example__head > *:first-child, .form-example__head > section:first-child > *:first-child, .form-example__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-example__body { flex-grow: 0; } .form-example__body > *:first-child, .form-example__body > section:first-child > *:first-child, .form-example__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- form-select-wrap ----- */ .form-select-wrap { margin: 0; } .form-select-wrap > *:first-child, .form-select-wrap > section:first-child > *:first-child, .form-select-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- form-select ----- */ .form-select { margin: 0; } .form-select > *:first-child, .form-select > section:first-child > *:first-child, .form-select > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-select__inner { position: relative; border: 1px solid #ccc; background-color: #fff; } .form-select__inner:after { translate: 0 -50%; z-index: 0; position: absolute; top: 50%; width: 0; height: 0; border: solid transparent; border-top-color: #333; content: ""; } .form-select__list { -webkit-appearance: none; appearance: none; z-index: 1; position: relative; width: 100%; height: 100%; border: none; outline: none; background: none; color: #333; cursor: pointer; } .is-error .form-select__inner { border-color: #cc0000; } /* ----- form-text-field-wrap ----- */ .form-text-field-wrap { margin: 0; } .form-text-field-wrap > *:first-child, .form-text-field-wrap > section:first-child > *:first-child, .form-text-field-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- form-text-field ----- */ .form-text-field { margin: 0; } .form-text-field > *:first-child, .form-text-field > section:first-child > *:first-child, .form-text-field > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-text-field__input { width: 100%; border: 1px solid #767676; border-radius: 3px; outline: none; background-color: #fff; } .form-text-field__input > *:first-child, .form-text-field__input > section:first-child > *:first-child, .form-text-field__input > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-text-field__input:focus { border-width: 2px; border-color: #101010; } .form-text-field__textarea { display: block; width: 100%; border: 1px solid #767676; border-radius: 3px; outline: none; background-color: #fff; resize: vertical; } .form-text-field__textarea > *:first-child, .form-text-field__textarea > section:first-child > *:first-child, .form-text-field__textarea > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-text-field__textarea:focus { border-width: 2px; border-color: #101010; } .is-error .form-text-field__input, .is-error .form-text-field__textarea { border-color: #cc0000; } .is-error .form-text-field__input:focus, .is-error .form-text-field__textarea:focus { border-color: #101010; } /* ----- form-text-field-post ----- */ .form-text-field-post { display: flex; margin: 0; } .form-text-field-post > *:first-child, .form-text-field-post > section:first-child > *:first-child, .form-text-field-post > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-text-field-post__input > *:first-child, .form-text-field-post__input > section:first-child > *:first-child, .form-text-field-post__input > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-text-field-post__button { -webkit-appearance: none; appearance: none; display: flex; align-items: center; justify-content: center; border: 2px solid #005bac; border-radius: 6px; background: #fff; color: #005bac; line-height: 1.4; 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, color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .form-text-field-post__button > *:first-child, .form-text-field-post__button > section:first-child > *:first-child, .form-text-field-post__button > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- form-box ----- */ .form-box { border: 1px solid #ccc; } .form-box__head > *:first-child, .form-box__head > section:first-child > *:first-child, .form-box__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-box__head > *:last-child { margin-bottom: 0 !important; } .form-box__body > *:first-child, .form-box__body > section:first-child > *:first-child, .form-box__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-box__body > *:last-child { margin-bottom: 0 !important; } .form-box__head + .form-box__body { padding-top: 0; } .form-box__title { display: inline-block; margin: 0; line-height: 1.4; } /* ----- form-agree-box ----- */ .form-agree-box { background-color: #e0eef9; } .form-agree-box > *:first-child, .form-agree-box > section:first-child > *:first-child, .form-agree-box > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-agree-box__body > *:first-child, .form-agree-box__body > section:first-child > *:first-child, .form-agree-box__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-agree-box.is-error { background-color: #fff5f5; } /* ----- form-agree-text ----- */ /* ----- form-agree-check-wrap ----- */ .form-agree-check-wrap > *:first-child, .form-agree-check-wrap > section:first-child > *:first-child, .form-agree-check-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- form-agree-check ----- */ .form-agree-check { display: flex; position: relative; justify-content: center; margin: 0; } .form-agree-check__input { -webkit-appearance: none; appearance: none; position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; opacity: 0; } .form-agree-check__input:checked + .form-agree-check__label .form-agree-check__label__inner:before { border-color: #767676; } .form-agree-check__input:checked + .form-agree-check__label .form-agree-check__label__inner:after { visibility: visible; opacity: 1; } .form-agree-check__label { display: flex; justify-content: center; cursor: pointer; } .form-agree-check__label > *:first-child, .form-agree-check__label > section:first-child > *:first-child, .form-agree-check__label > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-agree-check__label__inner { position: relative; } .form-agree-check__label__inner:before { display: block; position: absolute; left: 0; border: 1px solid #767676; background: #fff; content: ""; } .form-agree-check__label__inner:after { display: block; visibility: hidden; position: absolute; rotate: -45deg; border: solid #005bac; border-width: 0 0 3px 3px; content: ""; opacity: 0; } .is-error .form-agree-check__label__inner:before { border-color: #cc0000; } /* ----- form-agree-radio-wrap ----- */ .form-agree-radio-wrap { display: flex; justify-content: center; } .form-agree-radio-wrap > *:first-child { margin-left: 0; } /* ----- form-agree-radio ----- */ .form-agree-radio { display: flex; position: relative; justify-content: center; margin: 0; } .form-agree-radio__input { -webkit-appearance: none; appearance: none; position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; opacity: 0; } .form-agree-radio__input:checked + .form-agree-radio__label .form-agree-radio__label__inner:before { border-color: #005bac; background-color: #005bac; } .form-agree-radio__input:checked + .form-agree-radio__label .form-agree-radio__label__inner:after { visibility: visible; opacity: 1; } .form-agree-radio__label { display: flex; justify-content: center; cursor: pointer; } .form-agree-radio__label > *:first-child, .form-agree-radio__label > section:first-child > *:first-child, .form-agree-radio__label > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-agree-radio__label__inner { position: relative; } .form-agree-radio__label__inner:before { display: block; position: absolute; left: 0; border: 1px solid #333; border-radius: 50%; background: #fff; content: ""; } .form-agree-radio__label__inner:after { display: block; visibility: hidden; position: absolute; border-radius: 50%; background-color: #fff; content: ""; opacity: 0; } .is-error .form-agree-radio__label__inner:before { border-color: #cc0000; } /* ----- form-control ----- */ .form-control { display: flex; justify-content: center; } .form-control__button__type { display: flex; justify-content: center; border: none; border-radius: 6px; background-color: #005bac; color: #fff; line-height: 1.4; } .form-control__button-v2__type { display: flex; justify-content: center; border: 2px solid #005bac; border-radius: 6px; background-color: #fff; color: #005bac; line-height: 1.4; } /* ----- form-error-text-wrap ----- */ .form-error-text-wrap > *:first-child, .form-error-text-wrap > section:first-child > *:first-child, .form-error-text-wrap > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-agree-box .form-error-text-wrap { display: flex; flex-direction: column; align-items: center; } /* ----- form-error-text ----- */ .form-error-text { position: relative; margin: 0; color: #cc0000; } .form-error-text > *:first-child, .form-error-text > section:first-child > *:first-child, .form-error-text > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-error-text:before { display: block; position: absolute; left: 0; background: url("/advance/jp/app-files/img/cmn_ic01.svg") no-repeat 0 0/contain; content: ""; } /* ----- form-error-box ----- */ .form-error-box { margin: 0; background: #fff5f5; } .form-error-box > *:first-child, .form-error-box > section:first-child > *:first-child, .form-error-box > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-error-box__head > *:first-child, .form-error-box__head > section:first-child > *:first-child, .form-error-box__head > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-error-box__body > *:first-child, .form-error-box__body > section:first-child > *:first-child, .form-error-box__body > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } /* ----- form-error-anchor ----- */ .form-error-anchor { margin: 0; } .form-error-anchor > *:first-child, .form-error-anchor > section:first-child > *:first-child, .form-error-anchor > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-error-anchor__list { margin: 0; padding: 0; list-style: none; } .form-error-anchor__list > *:first-child, .form-error-anchor__list > section:first-child > *:first-child, .form-error-anchor__list > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-error-anchor__list > li > *:first-child, .form-error-anchor__list > li > section:first-child > *:first-child, .form-error-anchor__list > li > [class^="list-wrap"] > *:first-child { margin-top: 0 !important; } .form-error-anchor__link { display: inline-flex; position: relative; } .form-error-anchor__link:link, .form-error-anchor__link:hover, .form-error-anchor__link:visited, .form-error-anchor__link:focus, .form-error-anchor__link:active { color: #cc0000; } .form-error-anchor__label { display: inline-block; position: relative; } .form-error-anchor__label:before { position: absolute; border-width: 2px; border-color: #cc0000; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ @media print, screen and (min-width: 768px) { .header-gnav__type:before, .header-megamenu__title__type:after, .header-card__type .header-card__body:after, .main-breadcrumb > li:not(:first-child):before, .main-lnav__title__type:after, .main-lnav__stage1__title__type .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--link .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle > [class*="__type"]:before, .main-lnav__stage2__title > [class*="__type"]:before, .footer-nav__item__title__type:after, .footer-nav__item__title__type--toggle .footer-nav__item__title__label: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, .header-gnav__type--toggle .header-gnav__label:after, .form-error-anchor__label:before { width: 10px; height: 10px; } .header-megamenu__title__type:after, .main-lnav__title__type:after, .main-lnav__stage1__title__type .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--link .main-lnav__stage1__title__label:after, .footer-nav__item__title__type:after, .footer-nav__item__title__type--toggle .footer-nav__item__title__label: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 { top: -2px; } .header-gnav__type:before, .header-card__type .header-card__body:after { margin-top: -6px; } a.util-link--blank:after, .header-megamenu__title__type--blank:after, .header-card__type--blank .header-card__body:after, .main-lnav__title__type--blank:after, .main-lnav__stage1__title__type--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle__type--blank:after, .main-lnav__stage2__title__type--blank:after, .footer-nav__item__title__type--blank:after, .footer-nav__item__subtitle__type--blank:after, .footer-nav__link-list__type--blank:after, .footer-utility__link--blank:after, .heading2__link--blank .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .heading2-v2__link--blank .heading2-v2__title:after, .heading2-v2--center__link--blank .heading2-v2--center__title:after, .heading3__link--blank .heading3__title:after, .heading3--center__link--blank .heading3--center__title:after, .heading3-v2__link--blank .heading3-v2__title:after, .heading3-v2--center__link--blank .heading3-v2--center__title:after, .heading4__link--blank .heading4__title:after, .heading4--center__link--blank .heading4--center__title:after, .heading4-v2__link--blank .heading4-v2__title:after, .heading4-v2--center__link--blank .heading4-v2--center__title:after, .heading5__link--blank .heading5__title:after, .heading5--center__link--blank .heading5--center__title:after, .heading6__link--blank .heading6__title:after, .heading6--center__link--blank .heading6--center__title:after, .description-list__type--blank:after, .description-list-v2__type--blank:after, .description-list-v3__type--blank:after, .description-list-v4__type--blank:after, .link-list__type--blank:after, .button .button__type--blank:after, .button-v2 .button-v2__type--blank:after, .button-v3 .button-v3__type--blank:after, a.util-link--pdf:after, .header-megamenu__title__type--pdf:after, .header-card__type--pdf .header-card__body:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__title__type--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle__type--pdf:after, .main-lnav__stage2__title__type--pdf:after, .footer-nav__item__title__type--pdf:after, .footer-nav__item__subtitle__type--pdf:after, .footer-nav__link-list__type--pdf:after, .footer-utility__link--pdf:after, .heading2__link--pdf .heading2__title:after, .heading2--center__link--pdf .heading2--center__title:after, .heading2-v2__link--pdf .heading2-v2__title:after, .heading2-v2--center__link--pdf .heading2-v2--center__title:after, .heading3__link--pdf .heading3__title:after, .heading3--center__link--pdf .heading3--center__title:after, .heading3-v2__link--pdf .heading3-v2__title:after, .heading3-v2--center__link--pdf .heading3-v2--center__title:after, .heading4__link--pdf .heading4__title:after, .heading4--center__link--pdf .heading4--center__title:after, .heading4-v2__link--pdf .heading4-v2__title:after, .heading4-v2--center__link--pdf .heading4-v2--center__title:after, .heading5__link--pdf .heading5__title:after, .heading5--center__link--pdf .heading5--center__title:after, .heading6__link--pdf .heading6__title:after, .heading6--center__link--pdf .heading6--center__title:after, .description-list__type--pdf:after, .description-list-v2__type--pdf:after, .description-list-v3__type--pdf:after, .description-list-v4__type--pdf:after, .link-list__type--pdf:after, .button .button__type--pdf:after, .button-v2 .button-v2__type--pdf:after, .button-v3 .button-v3__type--pdf:after, a.util-link--excel:after, .link-list__type--excel:after, .button .button__type--excel:after, .button-v2 .button-v2__type--excel:after, .button-v3 .button-v3__type--excel:after, a.util-link--word:after, .link-list__type--word:after, .button .button__type--word:after, .button-v2 .button-v2__type--word:after, .button-v3 .button-v3__type--word:after, a.util-link--powerpoint:after, .link-list__type--powerpoint:after, .button .button__type--powerpoint:after, .button-v2 .button-v2__type--powerpoint:after, .button-v3 .button-v3__type--powerpoint:after, a.util-link--zip:after, .link-list__type--zip:after, .button .button__type--zip:after, .button-v2 .button-v2__type--zip:after, .button-v3 .button-v3__type--zip:after, a.util-link--modal:after, .link-list__type--modal:after, .button .button__type--modal:after, .button-v2 .button-v2__type--modal:after, .button-v3 .button-v3__type--modal:after { width: 14px; height: 14px; } .header-megamenu__title__type--blank:after, .header-megamenu__title__type--pdf:after, .main-lnav__title__type--blank:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__title__type--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle__type--blank:after, .main-lnav__stage1__subtitle__type--pdf:after, .main-lnav__stage2__title__type--blank:after, .main-lnav__stage2__title__type--pdf:after, .footer-nav__item__title__type--blank:after, .footer-nav__item__title__type--pdf:after, .footer-nav__item__subtitle__type--blank:after, .footer-nav__item__subtitle__type--pdf:after, .footer-nav__link-list__type--blank:after, .footer-nav__link-list__type--pdf:after, .footer-utility__link--blank:after, .footer-utility__link--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 { top: -1px; margin-left: 9px; } body { min-width: calc(1200px + 30px * 2); max-width: 1920px; margin: 0 auto; font-family: "Yu Gothic", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 1.6; } a[href^="tel:"] { display: inline-block !important; color: #333; text-decoration: none; cursor: default; pointer-events: none; } input, select, textarea, button, pre { font-family: "Yu Gothic", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif; font-size: 1.6rem; 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--sub2 { font-weight: 700 !important; } .util-highlight--sub3 { font-weight: 700 !important; } .util-highlight--sub4 { font-weight: 700 !important; } .util-highlight--sub5 { font-weight: 700 !important; } .util-highlight--sub6 { font-weight: 700 !important; } .util-highlight--accent { font-weight: 700 !important; } .util-highlight--base { 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:link, a.util-link--blank:hover, a.util-link--pdf:hover, a.util-link--excel:hover, a.util-link--word:hover, a.util-link--powerpoint:hover, a.util-link--zip:hover, a.util-link--modal:hover { text-decoration: none; } .util-badge { min-width: 104px; height: 25px; padding: 3px 10px 0; font-size: 1.2rem; font-weight: 700; line-height: 25px; } [class*="util-badge--"] { min-width: 104px; height: 25px; padding: .25em 10px 0; font-size: 1.2rem; font-weight: 700; line-height: 19px; } [data-col-pc]:not([data-col-pc="1"]) { display: flex; flex-flow: row wrap; } [data-col-pc]:not([data-col-pc="auto"]):not([data-col-pc="1"]) { width: 100%; } [data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.25em; margin-left: 36px; } [data-col-pc="1"] > *:nth-child(-n+1) { margin-top: 0 !important; } [data-col-pc="1"] > *:nth-child(1n+1) { margin-left: 0 !important; } [data-col-pc="1"] > * { width: 100%; } [data-col-pc="2"] > *:nth-child(-n+2) { margin-top: 0 !important; } [data-col-pc="2"] > *:nth-child(2n+1) { margin-left: 0 !important; } [data-col-pc="2"] > * { width: calc(((100% - (36px)) / 2) - .1px); } [data-col-pc="3"] > *:nth-child(-n+3) { margin-top: 0 !important; } [data-col-pc="3"] > *:nth-child(3n+1) { margin-left: 0 !important; } [data-col-pc="3"] > * { width: calc(((100% - (72px)) / 3) - .1px); } [data-col-pc="4"] > *:nth-child(-n+4) { margin-top: 0 !important; } [data-col-pc="4"] > *:nth-child(4n+1) { margin-left: 0 !important; } [data-col-pc="4"] > * { width: calc(((100% - (108px)) / 4) - .1px); } [data-col-pc="5"] > *:nth-child(-n+5) { margin-top: 0 !important; } [data-col-pc="5"] > *:nth-child(5n+1) { margin-left: 0 !important; } [data-col-pc="5"] > * { width: calc(((100% - (144px)) / 5) - .1px); } [data-col-pc="6"] > *:nth-child(-n+6) { margin-top: 0 !important; } [data-col-pc="6"] > *:nth-child(6n+1) { margin-left: 0 !important; } [data-col-pc="6"] > * { width: calc(((100% - (180px)) / 6) - .1px); } [data-col-pc="auto"] { margin-right: -36px; margin-bottom: -1em; } [data-col-pc="auto"] > * { margin-top: 0 !important; margin-right: 36px; margin-bottom: 1em; margin-left: 0; } [data-size-pc="1col"] { width: 100%; } [data-size-pc="1col"] > * { width: 100%; } [data-size-pc="2col"] { width: calc(((100% - (36px * (2 - 1))) / 2) - .1px); } [data-size-pc="1/2col"] { width: calc(100% - (((100% - (36px * (2 - 1))) / 2) - .1px) - 36px) !important; } [data-size-pc="2col"] > * { width: 100%; } [data-size-pc="3col"] { width: calc(((100% - (36px * (3 - 1))) / 3) - .1px); } [data-size-pc="2/3col"] { width: calc(100% - (((100% - (36px * (3 - 1))) / 3) - .1px) - 36px) !important; } [data-size-pc="3col"] > * { width: 100%; } [data-size-pc="4col"] { width: calc(((100% - (36px * (4 - 1))) / 4) - .1px); } [data-size-pc="3/4col"] { width: calc(100% - (((100% - (36px * (4 - 1))) / 4) - .1px) - 36px) !important; } [data-size-pc="4col"] > * { width: 100%; } [data-size-pc="5col"] { width: calc(((100% - (36px * (5 - 1))) / 5) - .1px); } [data-size-pc="4/5col"] { width: calc(100% - (((100% - (36px * (5 - 1))) / 5) - .1px) - 36px) !important; } [data-size-pc="5col"] > * { width: 100%; } [data-size-pc="6col"] { width: calc(((100% - (36px * (6 - 1))) / 6) - .1px); } [data-size-pc="5/6col"] { width: calc(100% - (((100% - (36px * (6 - 1))) / 6) - .1px) - 36px) !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%; } .Header, .Header--simple { width: max(100%,calc(1200px + 30px * 2)); height: 70px; } body.is-header-fixed .Header:not(.Header--simple), body.is-header-fixed .Header--simple:not(.Header--simple) { box-shadow: 0px 5px 25.5px 4.5px rgba(0, 0, 0, 0.15); } .Header__inner { gap: 0 36px; padding-inline: 30px; } .header-logo > a { width: 156px; } .Header__body { gap: 0 19px; display: flex; justify-content: flex-end; } .header-gnav { display: flex; justify-content: flex-end; height: 100%; } .header-gnav__list { gap: 0 31px; display: flex; align-items: flex-end; justify-content: flex-end; } .header-gnav__list > li { display: flex; position: relative; align-items: center; height: 100%; padding: 1px 0 0; } .header-gnav__list > li:after { -webkit-transform: translateX(-50%); display: block; position: absolute; bottom: 0; left: 50%; width: 100%; height: 4px; transform: translateX(-50%); border-radius: 2px; background: #005bac; content: ""; opacity: 0; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-gnav__list > li > [class*="__type"] { height: 100%; } .header-gnav__list > li > [class*="__type"]:hover { text-decoration: underline; } .header-gnav__list > li > [class*="__type"]:after { -webkit-transform: translateX(-50%); display: block; position: absolute; bottom: 0; left: 50%; width: calc(100% - 30px); height: 3px; transform: translateX(-50%); background: #005bac; content: ""; opacity: 0; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-gnav__list > li.is-current:after { opacity: 1; } .header-gnav__list > li.is-current > [class*="__type"]:after { opacity: 1; } .header-gnav__list > li.is-active:after { opacity: 1; } .header-gnav__list > li.is-active .header-gnav__type--toggle .header-gnav__label:after { -webkit-transform: rotate(-45deg); top: calc(50% - 2px); transform: rotate(-45deg); } .header-gnav__type:before { display: none; } .header-gnav__type--toggle .header-gnav__label { position: relative; padding-right: 20px; } .header-gnav__type--toggle .header-gnav__label:after { display: block; position: absolute; top: calc(50% - 7px); right: 1px; width: 8px; height: 8px; border-width: 2px; content: ""; } .header-gnav__label { font-weight: 700; } .header-megamenu { z-index: 1002; position: fixed; top: 70px; left: 0; width: max(100%,calc(1200px + 30px * 2)); overflow: auto;; border-top: 1px solid #ddd; background: #fff; } .header-megamenu__head { padding-block: 35px 0; padding-inline: 30px; } .header-megamenu__head__inner { width: min(100%,1200px); margin: 0 auto; } .header-megamenu__title > [class*="__type"] { font-size: 2.4rem; font-weight: 700; line-height: 1.4; } .header-megamenu__title > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .header-megamenu__title__type:after { top: -2px; width: 9px; height: 9px; margin-left: 5px; } .header-megamenu__body { padding-block: 0 35px; padding-inline: 30px; margin: 2rem 0 0; } .header-megamenu__body__inner { width: min(100%,1200px); margin: 0 auto; } .header-card-wrap { margin: 2em 0 0; } .header-card-wrap[data-col-pc] { gap: 16px; display: flex; flex-flow: row wrap; } .header-card-wrap[data-col-pc] > * { margin: 0; } .header-card-wrap[data-col-pc="2"] > * { width: calc((100% - (16px)) / 2); } .header-card-wrap[data-col-pc="3"] > * { width: calc((100% - (32px)) / 3); } .header-card-wrap[data-col-pc="4"] > * { width: calc((100% - (48px)) / 4); } .header-card-wrap[data-col-pc="5"] > * { width: calc((100% - (64px)) / 5); } .header-card-wrap[data-col-pc="6"] > * { width: calc((100% - (80px)) / 6); } .header-card > [class*="__type"] { border: 1px solid #ddd; } .header-card > [class*="__type"]:not([class*="--nolink"]):hover .header-card__image { opacity: 0.7; } .header-card > [class*="__type"]:not([class*="--nolink"]):hover .header-card__title { text-decoration: underline; } .header-card__type .header-card__body:after { right: 17px; width: 9px; height: 9px; margin-top: -5px; } .header-card__type--blank .header-card__body:after { right: 15px; } .header-card__type--pdf .header-card__body:after { right: 15px; } .header-card__head { flex-shrink: 0; } .header-card__image { width: 110px; height: 120px; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-card__body { position: relative; flex-grow: 1; padding: calc(.5em + 2px) 35px 0.5em 22px; } .header-card__title { font-size: 1.8rem; font-weight: 700; line-height: 1.4; } .header-utility { gap: 0 9px; } .header-language__trigger { min-width: 70px; } .header-language__trigger__button { padding: 16px 0 0; font-size: 1.2rem; } .header-language__trigger__button:hover { text-decoration: underline; } .header-language__trigger__button__label { padding-top: 28px; } .header-language__trigger__button__label:before { width: 22px; height: 22px; } .header-language__panel { -webkit-filter: drop-shadow(0px 15px 25.5px rgba(0, 0, 0, 0.15)); top: calc(100% - 11px); padding-top: 7px; filter: drop-shadow(0px 15px 25.5px rgba(0, 0, 0, 0.15)); } .header-language__panel__inner { width: 80px; } .header-language__panel__inner:before { top: -6px; width: 12px; height: 12px; } .header-language__link { padding: 5px; font-size: 1.4rem; font-weight: 700; } .header-language__link:hover { text-decoration: underline; } .header-contact { min-width: 70px; } .header-contact__button { padding: 16px 0 0; font-size: 1.2rem; } .header-contact__button:hover { text-decoration: underline; } .header-contact__button__label { padding-top: 28px; } .header-contact__button__label:before { top: 2px; width: 24px; height: 19px; } .header-search-trigger { display: flex; position: relative; justify-content: center; min-width: 70px; height: 100%; } .header-search-trigger:after { -webkit-transform: translateX(-50%); display: block; position: absolute; bottom: 0; left: 50%; width: 100%; height: 4px; transform: translateX(-50%); border-radius: 2px; background: #005bac; content: ""; opacity: 0; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-search-trigger__button { display: flex; justify-content: center; height: 100%; padding: 16px 0 0; font-size: 1.2rem; text-align: center; } .header-search-trigger__button:hover { text-decoration: underline; } .header-search-trigger__button__label { padding-top: 28px; } .header-search-trigger__button__label:before { -webkit-transform: translateX(-50%); display: block; position: absolute; top: 0; left: 50%; width: 22px; height: 22px; transform: translateX(-50%); background: url(/advance/jp/app-files/img/cmn_ic01_03.svg) no-repeat center/contain; content: ""; } .header-search-trigger.is-active:after { opacity: 1; } .header-menu-trigger { display: none; } .header-menu { top: 70px; width: max(100%,calc(1200px + 30px * 2));; } .header-menu__head { padding-inline: 30px; width: 100%; } .header-menu__head__inner { padding-block: 30px; width: min(100%,1200px); margin: 0 auto; } .header-menu__body { display: none; } .header-menu__foot { width: 100%; } .header-search-wrap__inner { width: min(800px,100%); margin: 0 auto; } .header-search { height: 56px; } .header-search__input { width: calc(100% - 54px); padding: 3px 1.375em 0; font-size: 1.6rem; } .header-search__submit { width: 54px; } .header-search__submit:hover { background: #04233c; } .header-search__submit:before { width: 22px; height: 22px; } .header-menu-close { display: block; width: 100%; } .header-menu-close__button { -webkit-appearance: none; appearance: none; padding-block: 11px 9px; padding-inline: 30px; display: block; width: 100%; border: none; background: #f4f4f4; color: #005bac; font-size: 1.6rem; } .header-menu-close__button:hover { text-decoration: underline; } .header-menu-close__label { position: relative; padding-left: 27px; } .header-menu-close__label:before { -webkit-transform: translateY(-50%); display: block; position: absolute; top: 50%; left: 4px; width: 14px; height: 14px; transform: translateY(-50%); background: url(/advance/jp/app-files/img/cmn_ic01_05.svg) no-repeat center/contain; content: ""; } body.is-liquid { min-width: auto !important; } body.is-liquid .Main__content { max-width: 100% !important; } .Header + .Main, .Header--simple + .Main { padding-top: 70px; } .Header--simple + .Main { padding-top: 70px; } .main-breadcrumb { padding-block: 9px 7px; padding-inline: 30px; max-width: calc(1200px + 30px * 2); line-height: 1.5; } .main-breadcrumb > li:not(:first-child):before { margin-inline: 0px 9px; width: 9px; height: 9px; vertical-align: 1px; } .main-breadcrumb > li:last-child { font-weight: 700; } .main-breadcrumb > li > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .main-breadcrumb > li > [class*="__type"] > span { font-size: 1.4rem; } .Main__body[data-sidebar="true"] { display: flex; max-width: calc(1200px + 30px * 2); margin: 0 auto; } .Main__content { max-width: calc(1200px + 30px * 2); padding: 3.5rem 30px 8rem; } [data-sidebar="true"] > .Main__content { width: calc(100% - 30px - 240px); } .Main__inner:has(.Main__foot > .main-lnav) .Main__content { padding-bottom: 6rem; } .Main__sidebar { padding: 3.5rem 0 8rem; } [data-sidebar="true"] > .Main__sidebar { width: 272px; padding-right: 30px; } .main-lnav { padding-inline: 30px; } .main-lnav__inner { padding-block: 26px 54px; width: min(100%,1200px); margin: 0 auto; } .main-lnav__title > [class*="__type"] { font-size: 2rem; font-weight: 700; } .main-lnav__title > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .main-lnav__stage1 { margin-top: 37px; } .main-lnav__stage1[data-col-pc] { gap: 38px 36px; display: flex; flex-flow: row wrap; } .main-lnav__stage1[data-col-pc] > * { margin: 0; } .main-lnav__stage1[data-col-pc="2"] > * { width: calc((100% - (36px)) / 2); } .main-lnav__stage1[data-col-pc="3"] > * { width: calc((100% - (72px)) / 3); } .main-lnav__stage1[data-col-pc="4"] > * { width: calc((100% - (108px)) / 4); } .main-lnav__stage1[data-col-pc="5"] > * { width: calc((100% - (144px)) / 5); } .main-lnav__stage1[data-col-pc="6"] > * { width: calc((100% - (180px)) / 6); } .main-lnav__stage1__title > [class*="__type"] { font-size: 1.8rem; font-weight: 700; } .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]):not([class*="--toggle"]):link, .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]):not([class*="--toggle"]):hover, .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]):not([class*="--toggle"]):visited, .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]):not([class*="--toggle"]):focus, .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]):not([class*="--toggle"]):active { color: #005bac; } .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]):not([class*="--toggle"]):hover { text-decoration: underline; } .main-lnav__stage1__title__type .main-lnav__stage1__title__label:after { margin-left: 4px; } .main-lnav__stage1__title__type--blank .main-lnav__stage1__title__label:after { margin-left: 9px; } .main-lnav__stage1__title__type--pdf .main-lnav__stage1__title__label:after { margin-left: 9px; } .main-lnav__stage1__title__type--toggle, .main-lnav__stage1__title__type--toggle--link, .main-lnav__stage1__title__type--toggle--blank, .main-lnav__stage1__title__type--toggle--pdf { pointer-events: none; } .main-lnav__stage1__title__type--toggle:link, .main-lnav__stage1__title__type--toggle--link:link, .main-lnav__stage1__title__type--toggle--blank:link, .main-lnav__stage1__title__type--toggle--pdf:link, .main-lnav__stage1__title__type--toggle:hover, .main-lnav__stage1__title__type--toggle--link:hover, .main-lnav__stage1__title__type--toggle--blank:hover, .main-lnav__stage1__title__type--toggle--pdf:hover, .main-lnav__stage1__title__type--toggle:visited, .main-lnav__stage1__title__type--toggle--link:visited, .main-lnav__stage1__title__type--toggle--blank:visited, .main-lnav__stage1__title__type--toggle--pdf:visited, .main-lnav__stage1__title__type--toggle:focus, .main-lnav__stage1__title__type--toggle--link:focus, .main-lnav__stage1__title__type--toggle--blank:focus, .main-lnav__stage1__title__type--toggle--pdf:focus, .main-lnav__stage1__title__type--toggle:active, .main-lnav__stage1__title__type--toggle--link:active, .main-lnav__stage1__title__type--toggle--blank:active, .main-lnav__stage1__title__type--toggle--pdf:active { color: #333 !important; } .main-lnav__stage1__title__type--toggle--link { pointer-events: all; } .main-lnav__stage1__title__type--toggle--link:link, .main-lnav__stage1__title__type--toggle--link:hover, .main-lnav__stage1__title__type--toggle--link:visited, .main-lnav__stage1__title__type--toggle--link:focus, .main-lnav__stage1__title__type--toggle--link:active { color: #005bac !important; } .main-lnav__stage1__title__type--toggle--link:hover { text-decoration: underline; } .main-lnav__stage1__title__type--toggle--link .main-lnav__stage1__title__label:after { margin-left: 4px; } .main-lnav__stage1__title__type--toggle--blank { pointer-events: all; } .main-lnav__stage1__title__type--toggle--blank:link, .main-lnav__stage1__title__type--toggle--blank:hover, .main-lnav__stage1__title__type--toggle--blank:visited, .main-lnav__stage1__title__type--toggle--blank:focus, .main-lnav__stage1__title__type--toggle--blank:active { color: #005bac !important; } .main-lnav__stage1__title__type--toggle--blank:hover { text-decoration: underline; } .main-lnav__stage1__title__type--toggle--blank .main-lnav__stage1__title__label:after { margin-left: 9px; } .main-lnav__stage1__title__type--toggle--pdf { pointer-events: all; } .main-lnav__stage1__title__type--toggle--pdf:link, .main-lnav__stage1__title__type--toggle--pdf:hover, .main-lnav__stage1__title__type--toggle--pdf:visited, .main-lnav__stage1__title__type--toggle--pdf:focus, .main-lnav__stage1__title__type--toggle--pdf:active { color: #005bac !important; } .main-lnav__stage1__title__type--toggle--pdf:hover { text-decoration: underline; } .main-lnav__stage1__title__type--toggle--pdf .main-lnav__stage1__title__label:after { margin-left: 9px; } .main-lnav__stage1__detail { margin: 0.875em 0 0; } .main-lnav__stage1__subtitle { display: none; } .main-lnav__stage1__subtitle + * { margin-top: 0 !important; } .main-lnav__stage1__subtitle__type--blank:after { display: none; } .main-lnav__stage1__subtitle__type--pdf:after { display: none; } .main-lnav__stage2 > li { margin: 10px 0 0; } .main-lnav__stage2__title > [class*="__type"] { padding-left: 1.125em; } .main-lnav__stage2__title > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .main-lnav__stage2__title > [class*="__type"]:before { top: 5px; left: -5px; } .main-overlay { cursor: pointer; } .footer-pagetop { right: 30px; bottom: 87px; width: 60px; height: 60px; } .footer-pagetop > a:hover, .footer-pagetop > a:focus { background-color: #04233c; } .footer-pagetop > a:after { top: calc(50% + 5px); width: 16px; height: 16px; border-width: 2px 2px 0 0; } .Footer__body { padding-inline: 30px; } .Footer__body__inner { padding-block: 49px 47px; width: min(100%,1200px); margin: 0 auto; } .footer-nav__list { gap: 2em 36px; display: flex; flex-flow: row wrap; } .footer-nav__item { position: relative; width: calc((100% - 108px) / 4); } .footer-nav__item:has(.footer-nav__column[data-col-pc="2"]) { width: calc(((100% - 108px) / 4) * 2 + 36px); } .footer-nav__item:not(.is-row-last):after { display: block; position: absolute; top: 0; right: -19px; width: 1px; height: 100%; background: #ddd; content: ""; } .footer-nav__item__title > [class*="__type"] { font-weight: 700; } .footer-nav__item__title > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .footer-nav__item__title__type:after { top: -1px; width: 9px; height: 9px; margin-left: 5px; } .footer-nav__item__title__type--toggle .footer-nav__item__title__label:after { top: -1px; width: 9px; height: 9px; margin-left: 5px; } .footer-nav__item__detail { margin: 0.5em 0 0; } .footer-nav__item__subtitle { display: none; } .footer-nav__item__subtitle + * { margin-top: 0 !important; } .footer-nav__item__subtitle > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .footer-nav__item__subtitle__type--blank:after { display: none; } .footer-nav__item__subtitle__type--pdf:after { display: none; } .footer-nav__column { margin: 1em 0 0; } .footer-nav__column[data-col-pc] { gap: 10px 36px; display: flex; flex-flow: row wrap; } .footer-nav__column[data-col-pc] > * { margin: 0; } .footer-nav__column[data-col-pc="2"] > * { width: calc((100% - (36px)) / 2); } .footer-nav__column[data-col-pc="3"] > * { width: calc((100% - (72px)) / 3); } .footer-nav__column[data-col-pc="4"] > * { width: calc((100% - (108px)) / 4); } .footer-nav__column[data-col-pc="5"] > * { width: calc((100% - (144px)) / 5); } .footer-nav__column[data-col-pc="6"] > * { width: calc((100% - (180px)) / 6); } .footer-nav__link-list > li { margin: 10px 0 0; } .footer-nav__link-list > li > [class*="__type"]:not([class*="--nolink"]):hover { text-decoration: underline; } .footer-nav__link-list__type--blank:after { top: -2px; margin-left: 7px; } .footer-nav__link-list__type--pdf:after { top: -2px; margin-left: 7px; } .Footer__foot { padding-inline: 30px; } .Footer__foot__inner { gap: 0 36px; padding-block: 14px 15px; display: flex; align-items: center; justify-content: space-between; width: min(100%,1200px); margin: 0 auto; } .footer-utility__list { gap: 10px 30px; } .footer-utility__list > li > [class*="__link"] { font-size: 1.4rem; } .footer-utility__list > li > [class*="__link"]:hover { text-decoration: underline; } .footer-copyright { flex-shrink: 0; } .footer-copyright__label { font-size: 1.2rem; } .Main__content .heading1 + * { margin-top: 2.2em; } .heading1__title { font-size: 3.2rem; font-weight: 700; } .heading1__subtitle { font-size: 1.4rem; } .Main__content .heading1--center + * { margin-top: 2.2em; } .heading1--center__title { font-size: 3.2rem; font-weight: 700; } .heading1--center__subtitle { font-size: 1.4rem; } .heading1 { display: flex; align-items: center; justify-content: flex-start; width: 100vw; margin-left: calc(50% - 50vw); padding: 2.2em 0; } .heading1__inner { width: 100%; max-width: calc(1200px + 30px * 2); margin: 0 auto; padding: 0 30px; } .heading1__title { font-size: 3.0rem; font-weight: 700; } .heading1__subtitle { font-size: 1.6rem; font-weight: 700; } .heading1--center { display: flex; align-items: center; justify-content: flex-start; width: 100vw; margin-left: calc(50% - 50vw); padding: 2.2em 0; } .heading1--center__inner { width: 100%; max-width: calc(1200px + 30px * 2); margin: 0 auto; padding: 0 30px; } .heading1--center__title { font-size: 3.0rem; font-weight: 700; } .heading1--center__subtitle { font-size: 1.6rem; font-weight: 700; } .Main__content .heading1-v2 + * { margin-top: 2.2em; } .heading1-v2__title { font-size: 3.2rem; font-weight: 700; } .heading1-v2__subtitle { font-size: 1.4rem; } .Main__content .heading1-v2--center + * { margin-top: 2.2em; } .heading1-v2--center__title { font-size: 3.2rem; font-weight: 700; } .heading1-v2--center__subtitle { font-size: 1.4rem; } .heading1-v2 { margin: 2.2em 0 0; } .heading1-v2__title { font-size: 3.0rem; font-weight: 700; } .heading1-v2__subtitle { font-size: 1.6rem; font-weight: 700; } .heading1-v2--center { margin: 2.2em 0 0; } .heading1-v2--center__title { font-size: 3.0rem; font-weight: 700; } .heading1-v2--center__subtitle { font-size: 1.6rem; font-weight: 700; } .heading2 { margin: 3.4em 0 0; } .Main .heading2 + * { margin-top: 1.6em; } .heading2__title { font-size: 2.8rem; font-weight: 700; } .heading2__subtitle { font-size: 1.4rem; } .heading2--center { margin: 3.4em 0 0; } .Main .heading2--center + * { margin-top: 1.6em; } .heading2--center__title { font-size: 2.8rem; font-weight: 700; } .heading2--center__subtitle { font-size: 1.4rem; } .heading2 { margin: 3.4em 0 0; } .heading2__link:hover .heading2__subtitle { text-decoration: none; } .heading2__link:hover .heading2__title { color: #005bac; text-decoration: underline; } .heading2__link .heading2__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading2__link--blank:hover .heading2__subtitle { text-decoration: none; } .heading2__link--blank:hover .heading2__title { color: #005bac; text-decoration: underline; } .heading2__link--blank .heading2__title:after { margin-left: 17px; } .heading2__link--pdf:hover .heading2__subtitle { text-decoration: none; } .heading2__link--pdf:hover .heading2__title { color: #005bac; text-decoration: underline; } .heading2__link--pdf .heading2__title:after { margin-left: 17px; } .heading2__link--blank .heading2__title:after { width: 13px; height: 13px; margin-left: 15px; } .heading2__title { font-size: 2.6rem; font-weight: 700; } .heading2__subtitle { margin: 0 0 .4em; font-size: 1.6rem; font-weight: 700; } .heading2__filesize { margin-left: .6em; font-size: 1.6rem; font-weight: 500; line-height: 2.25; } .heading2--center { margin: 3.4em 0 0; } .heading2--center__link:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link:hover .heading2--center__title { color: #005bac; text-decoration: underline; } .heading2--center__link .heading2--center__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading2--center__link--blank:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--blank:hover .heading2--center__title { color: #005bac; text-decoration: underline; } .heading2--center__link--blank .heading2--center__title:after { margin-left: 17px; } .heading2--center__link--pdf:hover .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--pdf:hover .heading2--center__title { color: #005bac; text-decoration: underline; } .heading2--center__link--pdf .heading2--center__title:after { margin-left: 17px; } .heading2--center__link--blank .heading2--center__title:after { width: 13px; height: 13px; margin-left: 15px; } .heading2--center__title { font-size: 2.6rem; font-weight: 700; } .heading2--center__subtitle { margin: 0 0 .4em; font-size: 1.6rem; font-weight: 700; } .heading2--center__filesize { margin-left: .6em; font-size: 1.6rem; font-weight: 500; line-height: 2.25; } .heading2-v2 { margin: 3.4em 0 0; } .Main .heading2-v2 + * { margin-top: 1.6em; } .heading2-v2__title { font-size: 2.8rem; font-weight: 700; } .heading2-v2__subtitle { font-size: 1.4rem; } .heading2-v2--center { margin: 3.4em 0 0; } .Main .heading2-v2--center + * { margin-top: 1.6em; } .heading2-v2--center__title { font-size: 2.8rem; font-weight: 700; } .heading2-v2--center__subtitle { font-size: 1.4rem; } .heading2-v2 { margin: 3.4em 0 0; } .heading2-v2__link:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link:hover .heading2-v2__title { color: #005bac; text-decoration: underline; } .heading2-v2__link .heading2-v2__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading2-v2__link--blank:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link--blank:hover .heading2-v2__title { color: #005bac; text-decoration: underline; } .heading2-v2__link--blank .heading2-v2__title:after { margin-left: 17px; } .heading2-v2__link--pdf:hover .heading2-v2__subtitle { text-decoration: none; } .heading2-v2__link--pdf:hover .heading2-v2__title { color: #005bac; text-decoration: underline; } .heading2-v2__link--pdf .heading2-v2__title:after { margin-left: 17px; } .heading2-v2__link--blank .heading2-v2__title:after { width: 13px; height: 13px; margin-left: 15px; } .heading2-v2__title { font-size: 2.6rem; font-weight: 500; } .heading2-v2__subtitle { margin: 0 0 .4em; font-size: 1.6rem; font-weight: 700; } .heading2-v2__filesize { font-size: 1.6rem; font-weight: 500; line-height: 2.25; } .heading2-v2--center { margin: 3.4em 0 0; } .heading2-v2--center__link:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link:hover .heading2-v2--center__title { color: #005bac; text-decoration: underline; } .heading2-v2--center__link .heading2-v2--center__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading2-v2--center__link--blank:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link--blank:hover .heading2-v2--center__title { color: #005bac; text-decoration: underline; } .heading2-v2--center__link--blank .heading2-v2--center__title:after { margin-left: 17px; } .heading2-v2--center__link--pdf:hover .heading2-v2--center__subtitle { text-decoration: none; } .heading2-v2--center__link--pdf:hover .heading2-v2--center__title { color: #005bac; text-decoration: underline; } .heading2-v2--center__link--pdf .heading2-v2--center__title:after { margin-left: 17px; } .heading2-v2--center__link--blank .heading2-v2--center__title:after { width: 13px; height: 13px; margin-left: 15px; } .heading2-v2--center__title { font-size: 2.6rem; font-weight: 500; } .heading2-v2--center__subtitle { margin: 0 0 .4em; font-size: 1.6rem; font-weight: 700; } .heading2-v2--center__filesize { font-size: 1.6rem; font-weight: 500; line-height: 2.25; } .heading3 { margin: 2.8em 0 0; } .Main .heading3 + * { margin-top: 1.6em; } .heading3__title { font-size: 2.4rem; font-weight: 700; } .heading3__subtitle { font-size: 1.4rem; } .heading3--center { margin: 2.8em 0 0; } .Main .heading3--center + * { margin-top: 1.6em; } .heading3--center__title { font-size: 2.4rem; font-weight: 700; } .heading3--center__subtitle { font-size: 1.4rem; } .heading3 { margin: 2.8em 0 0; } .heading3__link:hover .heading3__subtitle { text-decoration: none; } .heading3__link:hover .heading3__title { color: #005bac; text-decoration: underline; } .heading3__link .heading3__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading3__link--blank:hover .heading3__subtitle { text-decoration: none; } .heading3__link--blank:hover .heading3__title { color: #005bac; text-decoration: underline; } .heading3__link--blank .heading3__title:after { margin-left: 17px; } .heading3__link--pdf:hover .heading3__subtitle { text-decoration: none; } .heading3__link--pdf:hover .heading3__title { color: #005bac; text-decoration: underline; } .heading3__link--pdf .heading3__title:after { margin-left: 17px; } .heading3__link--blank .heading3__title:after { width: 13px; height: 13px; } .heading3__title { font-size: 2.2rem; font-weight: 700; } .heading3__subtitle { font-size: 1.6rem; font-weight: 700; } .heading3__filesize { margin-left: .6em; font-size: 1.6rem; font-weight: 500; } .heading3--center { margin: 2.8em 0 0; } .heading3--center__link:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link:hover .heading3--center__title { color: #005bac; text-decoration: underline; } .heading3--center__link .heading3--center__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading3--center__link--blank:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link--blank:hover .heading3--center__title { color: #005bac; text-decoration: underline; } .heading3--center__link--blank .heading3--center__title:after { margin-left: 17px; } .heading3--center__link--pdf:hover .heading3--center__subtitle { text-decoration: none; } .heading3--center__link--pdf:hover .heading3--center__title { color: #005bac; text-decoration: underline; } .heading3--center__link--pdf .heading3--center__title:after { margin-left: 17px; } .heading3--center__link--blank .heading3--center__title:after { width: 13px; height: 13px; } .heading3--center__title { font-size: 2.2rem; font-weight: 700; } .heading3--center__subtitle { font-size: 1.6rem; font-weight: 700; } .heading3--center__filesize { margin-left: .6em; font-size: 1.6rem; font-weight: 500; } .heading3-v2 { margin: 2.8em 0 0; } .Main .heading3-v2 + * { margin-top: 1.6em; } .heading3-v2__title { font-size: 2.4rem; font-weight: 700; } .heading3-v2__subtitle { font-size: 1.4rem; } .heading3-v2--center { margin: 2.8em 0 0; } .Main .heading3-v2--center + * { margin-top: 1.6em; } .heading3-v2--center__title { font-size: 2.4rem; font-weight: 700; } .heading3-v2--center__subtitle { font-size: 1.4rem; } .heading3-v2 { margin: 2.8em 0 0; } .heading3-v2__link:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link:hover .heading3-v2__title { color: #005bac; text-decoration: underline; } .heading3-v2__link .heading3-v2__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading3-v2__link--blank:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link--blank:hover .heading3-v2__title { color: #005bac; text-decoration: underline; } .heading3-v2__link--blank .heading3-v2__title:after { margin-left: 17px; } .heading3-v2__link--pdf:hover .heading3-v2__subtitle { text-decoration: none; } .heading3-v2__link--pdf:hover .heading3-v2__title { color: #005bac; text-decoration: underline; } .heading3-v2__link--pdf .heading3-v2__title:after { margin-left: 17px; } .heading3-v2__link--blank .heading3-v2__title:after { width: 13px; height: 13px; margin-left: 15px; } .heading3-v2__title { font-size: 2.2rem; font-weight: 500; } .heading3-v2__subtitle { font-size: 1.6rem; font-weight: 700; } .heading3-v2__filesize { margin-left: .6em; font-size: 1.6rem; font-weight: 500; } .heading3-v2--center { margin: 2.8em 0 0; } .heading3-v2--center__link:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link:hover .heading3-v2--center__title { color: #005bac; text-decoration: underline; } .heading3-v2--center__link .heading3-v2--center__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading3-v2--center__link--blank:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link--blank:hover .heading3-v2--center__title { color: #005bac; text-decoration: underline; } .heading3-v2--center__link--blank .heading3-v2--center__title:after { margin-left: 17px; } .heading3-v2--center__link--pdf:hover .heading3-v2--center__subtitle { text-decoration: none; } .heading3-v2--center__link--pdf:hover .heading3-v2--center__title { color: #005bac; text-decoration: underline; } .heading3-v2--center__link--pdf .heading3-v2--center__title:after { margin-left: 17px; } .heading3-v2--center__link--blank .heading3-v2--center__title:after { width: 13px; height: 13px; margin-left: 15px; } .heading3-v2--center__title { font-size: 2.2rem; font-weight: 500; } .heading3-v2--center__subtitle { font-size: 1.6rem; font-weight: 700; } .heading3-v2--center__filesize { margin-left: .6em; font-size: 1.6rem; font-weight: 500; } .heading4 { margin: 2.2em 0 0; } .Main .heading4 + * { margin-top: 1.2em; } .heading4__title { font-size: 2.0rem; font-weight: 700; } .heading4__subtitle { font-size: 1.4rem; } .heading4--center { margin: 2.2em 0 0; } .Main .heading4--center + * { margin-top: 1.2em; } .heading4--center__title { font-size: 2.0rem; font-weight: 700; } .heading4--center__subtitle { font-size: 1.4rem; } .heading4 { margin: 2.2em 0 0; } .heading4__link:hover .heading4__subtitle { text-decoration: none; } .heading4__link:hover .heading4__title { color: #005bac; text-decoration: underline; } .heading4__link .heading4__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading4__link--blank:hover .heading4__subtitle { text-decoration: none; } .heading4__link--blank:hover .heading4__title { color: #005bac; text-decoration: underline; } .heading4__link--blank .heading4__title:after { top: -3px; margin-left: 17px; } .heading4__link--pdf:hover .heading4__subtitle { text-decoration: none; } .heading4__link--pdf:hover .heading4__title { color: #005bac; text-decoration: underline; } .heading4__link--pdf .heading4__title:after { top: -3px; margin-left: 17px; } .heading4__link--blank .heading4__title:after { top: -4px; width: 13px; height: 13px; } .heading4__title { font-size: 2.0rem; font-weight: 700; } .heading4__subtitle { font-size: 1.6rem; font-weight: 700; } .heading4__filesize { margin-left: .5em; font-size: 1.6rem; font-weight: 500; } .heading4--center { margin: 2.2em 0 0; } .heading4--center__link:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link:hover .heading4--center__title { color: #005bac; text-decoration: underline; } .heading4--center__link .heading4--center__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading4--center__link--blank:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link--blank:hover .heading4--center__title { color: #005bac; text-decoration: underline; } .heading4--center__link--blank .heading4--center__title:after { top: -3px; margin-left: 17px; } .heading4--center__link--pdf:hover .heading4--center__subtitle { text-decoration: none; } .heading4--center__link--pdf:hover .heading4--center__title { color: #005bac; text-decoration: underline; } .heading4--center__link--pdf .heading4--center__title:after { top: -3px; margin-left: 17px; } .heading4--center__link--blank .heading4--center__title:after { top: -4px; width: 13px; height: 13px; } .heading4--center__title { font-size: 2.0rem; font-weight: 700; } .heading4--center__subtitle { font-size: 1.6rem; font-weight: 700; } .heading4--center__filesize { margin-left: .5em; font-size: 1.6rem; font-weight: 500; } .heading4-v2 { margin: 2.2em 0 0; } .Main .heading4-v2 + * { margin-top: 1.2em; } .heading4-v2__title { font-size: 2.0rem; font-weight: 700; } .heading4-v2__subtitle { font-size: 1.4rem; } .heading4-v2--center { margin: 2.2em 0 0; } .Main .heading4-v2--center + * { margin-top: 1.2em; } .heading4-v2--center__title { font-size: 2.0rem; font-weight: 700; } .heading4-v2--center__subtitle { font-size: 1.4rem; } .heading4-v2 { margin: 2.2em 0 0; } .heading4-v2__link:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link:hover .heading4-v2__title { color: #005bac; text-decoration: underline; } .heading4-v2__link .heading4-v2__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading4-v2__link--blank:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link--blank:hover .heading4-v2__title { color: #005bac; text-decoration: underline; } .heading4-v2__link--blank .heading4-v2__title:after { top: -3px; margin-left: 17px; } .heading4-v2__link--pdf:hover .heading4-v2__subtitle { text-decoration: none; } .heading4-v2__link--pdf:hover .heading4-v2__title { color: #005bac; text-decoration: underline; } .heading4-v2__link--pdf .heading4-v2__title:after { top: -3px; margin-left: 17px; } .heading4-v2__link--blank .heading4-v2__title:after { top: -2px; width: 13px; height: 13px; } .heading4-v2__title { font-size: 2.0rem; font-weight: 500; } .heading4-v2__subtitle { font-size: 1.6rem; font-weight: 700; } .heading4-v2__filesize { margin-left: .5em; font-size: 1.6rem; font-weight: 500; } .heading4-v2--center { margin: 2.2em 0 0; } .heading4-v2--center__link:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link:hover .heading4-v2--center__title { color: #005bac; text-decoration: underline; } .heading4-v2--center__link .heading4-v2--center__title:after { top: -3px; width: 9px; height: 9px; margin-left: 13px; } .heading4-v2--center__link--blank:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link--blank:hover .heading4-v2--center__title { color: #005bac; text-decoration: underline; } .heading4-v2--center__link--blank .heading4-v2--center__title:after { top: -3px; margin-left: 17px; } .heading4-v2--center__link--pdf:hover .heading4-v2--center__subtitle { text-decoration: none; } .heading4-v2--center__link--pdf:hover .heading4-v2--center__title { color: #005bac; text-decoration: underline; } .heading4-v2--center__link--pdf .heading4-v2--center__title:after { top: -3px; margin-left: 17px; } .heading4-v2--center__link--blank .heading4-v2--center__title:after { top: -2px; width: 13px; height: 13px; } .heading4-v2--center__title { font-size: 2.0rem; font-weight: 500; } .heading4-v2--center__subtitle { font-size: 1.6rem; font-weight: 700; } .heading4-v2--center__filesize { margin-left: .5em; font-size: 1.6rem; font-weight: 500; } .heading5 { margin: 2.2em 0 0; } .Main .heading5 + * { margin-top: 1.2em; } .heading5__title { font-size: 1.8rem; font-weight: 700; } .heading5__subtitle { font-size: 1.4rem; } .heading5--center { margin: 2.2em 0 0; } .Main .heading5--center + * { margin-top: 1.2em; } .heading5--center__title { font-size: 1.8rem; font-weight: 700; } .heading5--center__subtitle { font-size: 1.4rem; } .heading5 { margin: 2.2em 0 0; } .heading5__link:hover .heading5__subtitle { text-decoration: none; } .heading5__link:hover .heading5__title { color: #005bac; text-decoration: underline; } .heading5__link .heading5__title:after { top: -2px; width: 9px; height: 9px; margin-left: 5px; } .heading5__link--blank:hover .heading5__subtitle { text-decoration: none; } .heading5__link--blank:hover .heading5__title { color: #005bac; text-decoration: underline; } .heading5__link--blank .heading5__title:after { top: -3px; margin-left: 11px; } .heading5__link--pdf:hover .heading5__subtitle { text-decoration: none; } .heading5__link--pdf:hover .heading5__title { color: #005bac; text-decoration: underline; } .heading5__link--pdf .heading5__title:after { top: -3px; margin-left: 11px; } .heading5__link--blank .heading5__title:after { top: -2px; width: 13px; height: 13px; } .heading5__title { font-size: 1.8rem; font-weight: 700; } .heading5__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } .heading5__filesize { margin-left: .45em; font-size: 1.6rem; font-weight: 500; } .heading5--center { margin: 2.2em 0 0; } .heading5--center__link:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link:hover .heading5--center__title { color: #005bac; text-decoration: underline; } .heading5--center__link .heading5--center__title:after { top: -2px; width: 9px; height: 9px; margin-left: 5px; } .heading5--center__link--blank:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link--blank:hover .heading5--center__title { color: #005bac; text-decoration: underline; } .heading5--center__link--blank .heading5--center__title:after { top: -3px; margin-left: 11px; } .heading5--center__link--pdf:hover .heading5--center__subtitle { text-decoration: none; } .heading5--center__link--pdf:hover .heading5--center__title { color: #005bac; text-decoration: underline; } .heading5--center__link--pdf .heading5--center__title:after { top: -3px; margin-left: 11px; } .heading5--center__link--blank .heading5--center__title:after { top: -2px; width: 13px; height: 13px; } .heading5--center__title { font-size: 1.8rem; font-weight: 700; } .heading5--center__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } .heading5--center__filesize { margin-left: .45em; font-size: 1.6rem; font-weight: 500; } .heading6 { margin: 2.2em 0; } .Main .heading6 + * { margin-top: 1.2em; } .heading6__title { font-size: 1.6rem; font-weight: 700; } .heading6__subtitle { font-size: 1.4rem; } .heading6--center { margin: 2.2em 0; } .Main .heading6--center + * { margin-top: 1.2em; } .heading6--center__title { font-size: 1.6rem; font-weight: 700; } .heading6--center__subtitle { font-size: 1.4rem; } .heading6 { margin: 2.2em 0 0; } .heading6__link:hover .heading6__subtitle { text-decoration: none; } .heading6__link:hover .heading6__title { color: #005bac; text-decoration: underline; } .heading6__link .heading6__title:after { top: -2px; width: 9px; height: 9px; margin-left: 5px; } .heading6__link--blank:hover .heading6__subtitle { text-decoration: none; } .heading6__link--blank:hover .heading6__title { color: #005bac; text-decoration: underline; } .heading6__link--blank .heading6__title:after { top: -3px; margin-left: 11px; } .heading6__link--pdf:hover .heading6__subtitle { text-decoration: none; } .heading6__link--pdf:hover .heading6__title { color: #005bac; text-decoration: underline; } .heading6__link--pdf .heading6__title:after { top: -3px; margin-left: 11px; } .heading6__link--blank .heading6__title:after { top: -2px; width: 13px; height: 13px; margin-left: 9px; } .heading6__title { font-size: 1.6rem; font-weight: 700; } .heading6__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } .heading6__filesize { font-size: 1.6rem; font-weight: 500; } .heading6--center { margin: 2.2em 0 0; } .heading6--center__link:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link:hover .heading6--center__title { color: #005bac; text-decoration: underline; } .heading6--center__link .heading6--center__title:after { top: -2px; width: 9px; height: 9px; margin-left: 5px; } .heading6--center__link--blank:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link--blank:hover .heading6--center__title { color: #005bac; text-decoration: underline; } .heading6--center__link--blank .heading6--center__title:after { top: -3px; margin-left: 11px; } .heading6--center__link--pdf:hover .heading6--center__subtitle { text-decoration: none; } .heading6--center__link--pdf:hover .heading6--center__title { color: #005bac; text-decoration: underline; } .heading6--center__link--pdf .heading6--center__title:after { top: -3px; margin-left: 11px; } .heading6--center__link--blank .heading6--center__title:after { top: -2px; width: 13px; height: 13px; margin-left: 9px; } .heading6--center__title { font-size: 1.6rem; font-weight: 700; } .heading6--center__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } .heading6--center__filesize { font-size: 1.6rem; font-weight: 500; } .text { font-size: 1.6rem; } .text--center { font-size: 1.6rem; } .text--right { font-size: 1.6rem; } .lead { font-weight: 700; } .lead--center { font-weight: 700; } .lead { margin: 3.5rem 0 1.9rem; font-size: 2.0rem; } .lead--center { margin: 3.5rem 0 1.9rem; font-size: 2.0rem; } .lead-v2 { font-weight: 700; } .lead-v2--center { font-weight: 700; } .lead-v2 { margin: 2.2em 0 1.2em; } .lead-v2--center { margin: 2.2em 0 1.2em; } .note-list > li { font-size: 1.6rem; } .note-list__nest { margin: 1rem 0 0; } [class*="list__nest"] .note-list[data-col-pc] > li { margin-top: 1rem; } [class*="list__nest"] .note-list[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } [class*="list-v2__nest"] .note-list[data-col-pc] > li { margin-top: 1rem; } [class*="list-v2__nest"] .note-list[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .note-list[data-col-pc] > li:first-child { margin-top: 0; } .note-list > li { margin: 1em 0 0; } .note-list[data-col-pc] > li { margin-top: .6em; } .note-list[data-col-pc="auto"] > li { margin: 0 36px .6em 0; } .note-list-v2 > li { font-size: 1.6rem; } .note-list-v2__nest { margin: 1rem 0 0; } [class*="list__nest"] .note-list-v2[data-col-pc] > li { margin-top: 1rem; } [class*="list__nest"] .note-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } [class*="list-v2__nest"] .note-list-v2[data-col-pc] > li { margin-top: 1rem; } [class*="list-v2__nest"] .note-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .note-list-v2[data-col-pc] > li:first-child { margin-top: 0; } .note-list-v2 > li { margin: .8em 0 0; font-size: 1.4rem; } .note-list-v2__nest { margin: 1rem 0 0; } .note-list-v2[data-col-pc] > li { margin-top: 1rem; } .note-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .note-order-list > li { font-size: 1.6rem; } .note-order-list__nest { margin: 1rem 0 0; } [class*="list__nest"] .note-order-list[data-col-pc] > li { margin-top: 1rem; } [class*="list__nest"] .note-order-list[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } [class*="list-v2__nest"] .note-order-list[data-col-pc] > li { margin-top: 1rem; } [class*="list-v2__nest"] .note-order-list[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .note-order-list[data-col-pc] > li:first-child { margin-top: 0; } .note-order-list > li { margin: 1em 0 0; padding-left: 2.7em; } .note-order-list[data-col-pc] > li { margin-top: .6em; } .note-order-list[data-col-pc="auto"] > li { margin: 0 36px .6em 0; } .note-order-list-v2 > li { font-size: 1.6rem; } .note-order-list-v2__nest { margin: 1rem 0 0; } [class*="list__nest"] .note-order-list-v2[data-col-pc] > li { margin-top: 1rem; } [class*="list__nest"] .note-order-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } [class*="list-v2__nest"] .note-order-list-v2[data-col-pc] > li { margin-top: 1rem; } [class*="list-v2__nest"] .note-order-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .note-order-list-v2[data-col-pc] > li:first-child { margin-top: 0; } .note-order-list-v2 > li { margin: .8em 0 0; padding-left: 2.8em; font-size: 1.4rem; } .note-order-list-v2__nest { margin: 1rem 0 0; } .note-order-list-v2[data-col-pc] > li { margin-top: 1rem; } .note-order-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .unorder-list > li { font-size: 1.6rem; } .unorder-list__nest { margin: 1rem 0 0; } [class*="list__nest"] .unorder-list[data-col-pc] > li { margin-top: 1rem; } [class*="list__nest"] .unorder-list[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } [class*="list-v2__nest"] .unorder-list[data-col-pc] > li { margin-top: 1rem; } [class*="list-v2__nest"] .unorder-list[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .unorder-list[data-col-pc] > li:first-child { margin-top: 0; } .unorder-list > li { margin: 1em 0 0; } .unorder-list > li:before { width: 10px; height: 10px; } .unorder-list[data-col-pc] > li { margin-top: .6em; } .unorder-list[data-col-pc="auto"] > li { margin: 0 36px .6em 0; } .unorder-list-v2 > li { font-size: 1.6rem; } .unorder-list-v2__nest { margin: 1rem 0 0; } [class*="list__nest"] .unorder-list-v2[data-col-pc] > li { margin-top: 1rem; } [class*="list__nest"] .unorder-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } [class*="list-v2__nest"] .unorder-list-v2[data-col-pc] > li { margin-top: 1rem; } [class*="list-v2__nest"] .unorder-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .unorder-list-v2[data-col-pc] > li:first-child { margin-top: 0; } .unorder-list-v2 > li { margin: .8em 0 0; font-size: 1.4rem; } .unorder-list-v2 > li:before { width: 8px; height: 8px; } .unorder-list-v2__nest { margin: 1rem 0 0; } .unorder-list-v2[data-col-pc] > li { margin-top: 1rem; } .unorder-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .order-list > li { font-size: 1.6rem; } .order-list__nest { margin: 1rem 0 0; } [class*="list__nest"] .order-list[data-col-pc] > li { margin-top: 1rem; } [class*="list__nest"] .order-list[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } [class*="list-v2__nest"] .order-list[data-col-pc] > li { margin-top: 1rem; } [class*="list-v2__nest"] .order-list[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .order-list[data-col-pc] > li:first-child { margin-top: 0; } .order-list > li { margin: 1em 0 0; padding-left: 2em; } .order-list__mark { font-weight: 700; } .order-list[data-col-pc] > li { margin-top: .6em; } .order-list[data-col-pc="auto"] > li { margin: 0 36px .6em 0; } .order-list-v2 > li { font-size: 1.6rem; } .order-list-v2__nest { margin: 1rem 0 0; } [class*="list__nest"] .order-list-v2[data-col-pc] > li { margin-top: 1rem; } [class*="list__nest"] .order-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } [class*="list-v2__nest"] .order-list-v2[data-col-pc] > li { margin-top: 1rem; } [class*="list-v2__nest"] .order-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .order-list-v2[data-col-pc] > li:first-child { margin-top: 0; } .order-list-v2 > li { margin: .8em 0 0; padding-left: 3.87em; font-size: 1.4rem; } .order-list-v2__nest { margin: 1rem 0 0; } .order-list-v2[data-col-pc] > li { margin-top: 1rem; } .order-list-v2[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .description-list + .description-list { margin-top: 1.8em; } .description-list > dt { margin: 0 0 .6em; font-weight: 700; } .description-list__type:hover { text-decoration: underline; } .description-list__type:after { top: -2px; width: 9px; height: 9px; margin-left: 5px; } .description-list__type--blank:hover { text-decoration: underline; } .description-list__type--blank:after { top: -2px; margin-left: 11px; } .description-list__type--pdf:hover { text-decoration: underline; } .description-list__type--pdf:after { top: -2px; margin-left: 11px; } .description-list__type--blank:after { width: 13px; height: 13px; margin-left: 9px; } .description-list__filesize { font-weight: 500; } .description-list-v2 { display: flex; flex-flow: row nowrap; padding-bottom: .8em; } .description-list-v2 + .description-list-v2 { margin-top: .8em; } .description-list-v2 > dt { flex-shrink: 0; width: 31.5%; margin-right: 36px; font-weight: 700; } .description-list-v2__type:hover { text-decoration: underline; } .description-list-v2__type:after { top: -2px; width: 9px; height: 9px; margin-left: 5px; } .description-list-v2__type--blank:hover { text-decoration: underline; } .description-list-v2__type--blank:after { top: -2px; margin-left: 11px; } .description-list-v2__type--pdf:hover { text-decoration: underline; } .description-list-v2__type--pdf:after { top: -2px; margin-left: 11px; } .description-list-v2__type--blank:after { width: 13px; height: 13px; margin-left: 9px; } .description-list-v2__filesize { font-weight: 500; } .description-list-v2 > dd { width: 100%; } .description-list-v3 + .description-list-v3 { margin-top: 1.8em; } .description-list-v3 > dt { margin: 0 0 .6em; font-weight: 500; } .description-list-v3__type:hover { text-decoration: underline; } .description-list-v3__type:after { top: -2px; width: 9px; height: 9px; margin-left: 5px; } .description-list-v3__type--blank:hover { text-decoration: underline; } .description-list-v3__type--blank:after { top: -2px; margin-left: 11px; } .description-list-v3__type--pdf:hover { text-decoration: underline; } .description-list-v3__type--pdf:after { top: -2px; margin-left: 11px; } .description-list-v3__type--blank:after { width: 13px; height: 13px; margin-left: 9px; } .description-list-v3__filesize { font-weight: 500; } .description-list-v3 > dd { font-weight: 700; } .description-list-v4 { display: flex; flex-flow: row nowrap; padding-bottom: .8em; } .description-list-v4 + .description-list-v4 { margin-top: .8em; } .description-list-v4 > dt { flex-shrink: 0; width: 31.5%; margin-right: 36px; font-weight: 500; } .description-list-v4__type:hover { text-decoration: underline; } .description-list-v4__type:after { top: -2px; width: 9px; height: 9px; margin-left: 5px; } .description-list-v4__type--blank:hover { text-decoration: underline; } .description-list-v4__type--blank:after { top: -2px; margin-left: 11px; } .description-list-v4__type--pdf:hover { text-decoration: underline; } .description-list-v4__type--pdf:after { top: -2px; margin-left: 11px; } .description-list-v4__type--blank:after { width: 13px; height: 13px; margin-left: 9px; } .description-list-v4__filesize { font-weight: 500; } .description-list-v4 > dd { width: 100%; font-weight: 700; } .link-list > li { font-size: 1.6rem; } .link-list > li > [class*="__type"]:hover { text-decoration: underline; } .link-list > li > [class*="__type"]:before { top: .45em; width: 9px; height: 9px; } .link-list__type--nolink:hover { text-decoration: none !important; } .link-list__type--blank:hover { text-decoration: underline; } .link-list__type--pdf:hover { text-decoration: underline; } .link-list__type--excel:hover { text-decoration: underline; } .link-list__type--word:hover { text-decoration: underline; } .link-list__type--powerpoint:hover { text-decoration: underline; } .link-list__type--zip:hover { text-decoration: underline; } .link-list__type--modal:hover { text-decoration: underline; } [class*="modal--"].modaal-wrapper .modaal-container { padding: 61px; } [class*="modal--"].modaal-wrapper .modaal-close:hover { opacity: 1; } .link-list__type--blank:after { width: 13px; height: 13px; margin-left: 7px; } .link-list__filesize { font-weight: 500; } .link-list__nest { margin: .6em 0 0; } [class*="list__nest"] .link-list[data-col-pc] > li { margin-top: .6em; } [class*="list__nest"] .link-list[data-col-pc="auto"] > li { margin: 0 36px .6em 0; } [class*="list-v2__nest"] .link-list[data-col-pc] > li { margin-top: 1rem; } [class*="list-v2__nest"] .link-list[data-col-pc="auto"] > li { margin: 0 36px 1rem 0; } .link-list[data-col-pc] > li:first-child { margin-top: 0; } .link-list > li { margin: .6em 0 0; } .link-list[data-col-pc] > li { margin-top: .6em; } .link-list[data-col-pc="auto"] > li { margin: 0 36px .6em 0; } .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 { padding: .9em 1.45em; font-weight: 700; } .button .button__type:hover, .button .button__type--blank:hover, .button .button__type--pdf:hover, .button .button__type--excel:hover, .button .button__type--word:hover, .button .button__type--powerpoint:hover, .button .button__type--zip:hover, .button .button__type--modal:hover { background-color: #04233c; } .button-wrap[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--center[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--right[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--centering[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--centering { flex-flow: row nowrap; } .button-wrap--centering > * { margin-right: 36px; } .button-wrap--centering > *:last-child { margin-right: 0; } .button-wrap { margin: 1.8em 0 0; } .button-wrap[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } .button-wrap--center { margin: 1.8em 0 0; } .button-wrap--center[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } .button-wrap--right { margin: 1.8em 0 0; } .button-wrap--right[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } .button-wrap--centering { margin: 1.8em 0 0; } .button-wrap--centering[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } [class*="button-wrap"][data-col-pc]:not([data-col-pc="1"]) > .button > [class*="__type"] { width: 100%; } .button .button__type--blank { padding-right: 3.05em; } .button .button__type--blank { padding-right: 3em; } .button .button__type--blank:after { width: 13px; height: 13px; } .button .button__type--pdf { padding-right: 3.05em; } .button .button__type--excel { padding-right: 3.05em; } .button .button__type--word { padding-right: 3.05em; } .button .button__type--powerpoint { padding-right: 3.05em; } .button .button__type--zip { padding-right: 3.05em; } .button .button__type--modal { padding-right: 3.05em; } [class*="modal--"].modaal-wrapper .modaal-container { padding: 61px; } [class*="modal--"].modaal-wrapper .modaal-close:hover { opacity: 1; } .button__filesize { font-size: 1.6rem; font-weight: 500; line-height: 1; } .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 { font-weight: 700; } .button-v2 .button-v2__type:hover, .button-v2 .button-v2__type--blank:hover, .button-v2 .button-v2__type--pdf:hover, .button-v2 .button-v2__type--excel:hover, .button-v2 .button-v2__type--word:hover, .button-v2 .button-v2__type--powerpoint:hover, .button-v2 .button-v2__type--zip:hover, .button-v2 .button-v2__type--modal:hover { background-color: #005bac; color: #fff; } .button-wrap[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--center[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--right[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--centering[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--centering { flex-flow: row nowrap; } .button-wrap--centering > * { margin-right: 36px; } .button-wrap--centering > *:last-child { margin-right: 0; } .button-wrap { margin: 1.8em 0 0; } .button-wrap[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } .button-wrap--center { margin: 1.8em 0 0; } .button-wrap--center[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } .button-wrap--right { margin: 1.8em 0 0; } .button-wrap--right[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } .button-wrap--centering { margin: 1.8em 0 0; } .button-wrap--centering[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } [class*="button-wrap"][data-col-pc]:not([data-col-pc="1"]) > .button-v2 > [class*="__type"] { width: 100%; } .button-v2 .button-v2__type--blank { padding-right: 2.9em; } .button-v2 .button-v2__type--blank { padding-right: 2.8em; } .button-v2 .button-v2__type--blank:after { right: 1.4em; } .button-v2 .button-v2__type--blank:after { width: 13px; height: 13px; } .button-v2 .button-v2__type--blank:hover:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#blank2-usage"); } .button-v2 .button-v2__type--pdf { padding-right: 2.9em; } .button-v2 .button-v2__type--pdf:after { right: 1.4em; } .button-v2 .button-v2__type--excel { padding-right: 2.9em; } .button-v2 .button-v2__type--excel:after { right: 1.4em; } .button-v2 .button-v2__type--word { padding-right: 2.9em; } .button-v2 .button-v2__type--word:after { right: 1.4em; } .button-v2 .button-v2__type--powerpoint { padding-right: 2.9em; } .button-v2 .button-v2__type--powerpoint:after { right: 1.4em; } .button-v2 .button-v2__type--zip { padding-right: 2.9em; } .button-v2 .button-v2__type--zip:after { right: 1.4em; } .button-v2 .button-v2__type--zip:hover:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#zip2-usage"); } .button-v2 .button-v2__type--modal { padding-right: 2.9em; } .button-v2 .button-v2__type--modal:after { right: 1.4em; } .button-v2 .button-v2__type--modal:hover:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#modal2-usage"); } .button-v2__filesize { font-size: 1.6rem; font-weight: 500; line-height: 1; } .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 { padding: .8em 1.15em; font-size: 2rem; font-weight: 700; } .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 { background-color: #875d09; color: #fff; } .button-wrap[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--center[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--right[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--centering[data-col-pc="1"] { flex-direction: column !important; } .button-wrap--centering { flex-flow: row nowrap; } .button-wrap--centering > * { margin-right: 36px; } .button-wrap--centering > *:last-child { margin-right: 0; } .button-wrap { margin: 1.8em 0 0; } .button-wrap[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } .button-wrap--center { margin: 1.8em 0 0; } .button-wrap--center[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } .button-wrap--right { margin: 1.8em 0 0; } .button-wrap--right[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } .button-wrap--centering { margin: 1.8em 0 0; } .button-wrap--centering[data-col-pc]:not([data-col-pc="auto"]) > * { margin-top: 1.8em; } [class*="button-wrap"][data-col-pc]:not([data-col-pc="1"]) > .button-v3 > [class*="__type"] { width: 100%; } .button-v3 .button-v3__type--blank { padding-right: 2.4em; } .button-v3 .button-v3__type--blank { padding-right: 2.35em; } .button-v3 .button-v3__type--blank:after { right: 1.25em; } .button-v3 .button-v3__type--blank:after { width: 13px; height: 13px; } .button-v3 .button-v3__type--blank:hover:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#blank2-usage"); } .button-v3 .button-v3__type--pdf { padding-right: 2.4em; } .button-v3 .button-v3__type--pdf:after { right: 1.25em; } .button-v3 .button-v3__type--excel { padding-right: 2.4em; } .button-v3 .button-v3__type--excel:after { right: 1.25em; } .button-v3 .button-v3__type--word { padding-right: 2.4em; } .button-v3 .button-v3__type--word:after { right: 1.25em; } .button-v3 .button-v3__type--powerpoint { padding-right: 2.4em; } .button-v3 .button-v3__type--powerpoint:after { right: 1.25em; } .button-v3 .button-v3__type--zip { padding-right: 2.4em; } .button-v3 .button-v3__type--zip:after { right: 1.25em; } .button-v3 .button-v3__type--zip:hover:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#zip2-usage"); } .button-v3 .button-v3__type--modal { padding-right: 2.4em; } .button-v3 .button-v3__type--modal:after { right: 1.25em; } .button-v3 .button-v3__type--modal:hover:after { background-image: url("/advance/jp/app-files/img/sprite/icon.svg#modal2-usage"); } .button-v3__filesize { font-size: 1.6rem; font-weight: 500; line-height: 1; } .table__caption, .table__caption--center, .table__caption--right { margin: .6em 0 0 0; font-size: 1.4rem; } .table [class*="__cell"] { padding: .6em .8em; } .table__head { margin: 0 0 .8em; } .table__foot { margin: .8em 0 0; } .table__title { margin: 0 0 .65em; font-size: 2.0rem; font-weight: 700; } .table__note { font-size: 1.4rem; } .table__matrix > caption { margin: 0 0 .8em; } .table [class*="__cell--lv1"] { font-weight: 700; } .table [class*="__cell--lv2"] { font-weight: 700; } .form-step { margin: 3.2rem 0 0; } .Main .form-step + *:not(.form-step) { -webkit-margin-before: 2.8rem; margin-block-start: 2.8rem; } .form-step__list { display: flex; flex-flow: row nowrap; overflow: hidden; border: 1px solid #005bac; } [data-step-length="1"] .form-step__list > li { width: calc((100% - (24px * 0)) / 1); } [data-step-length="2"] .form-step__list > li { width: calc((100% - (24px * 1)) / 2); } [data-step-length="3"] .form-step__list > li { width: calc((100% - (24px * 2)) / 3); } [data-step-length="4"] .form-step__list > li { width: calc((100% - (24px * 3)) / 4); } [data-step-length="5"] .form-step__list > li { width: calc((100% - (24px * 4)) / 5); } .form-step__list > li { display: flex; position: relative; align-items: center; justify-content: center; min-height: 52px; padding: 1.3rem 2rem; background: #f4f4f4; color: #005bac; font-weight: 700; } .form-step__list > li:not(:first-child) { margin-left: 24px; } .form-step__list > li:not(:first-child):before { display: block; position: absolute; top: 0; right: 100%; width: 24px; height: 100%; background: #f4f4f4; content: ""; } .form-step__list > li:not(:first-child) .form-step__name:before, .form-step__list > li:not(:first-child) .form-step__name:after { -webkit-clip-path: polygon(0% 0, 100% 50%, 0 100%); display: block; position: absolute; top: -2px; width: 25px; height: calc(100% + 4px); clip-path: polygon(0% 0, 100% 50%, 0 100%); content: ""; } .form-step__list > li:not(:first-child) .form-step__name:before { right: 100%; background: #005bac; } .form-step__list > li:not(:first-child) .form-step__name:after { right: calc(100% + 1px); background: #f4f4f4; } .form-step__list > li.is-current { background: #005bac; color: #fff; font-weight: 700; } .form-step__list > li.is-current:not(:first-child):before { background: #005bac; } .form-step__list > li.is-current + li .form-step__name:before { background: #005bac; } .form-step__list > li.is-current + li .form-step__name:after { background: #005bac; } .form-step__pie { display: none; } .form-step__name { display: inline-flex; font-size: 1.8rem; } .form-step__name__phase { -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-icon, .form-icon--inline, .form-icon--required, .form-icon--required--inline { padding: 5px 10px 4px; font-size: 1.2rem; font-weight: 700; } .form-icon--inline, .form-icon--required--inline { margin-inline: 1rem; vertical-align: 2px; } .form-component__head { display: flex; flex-flow: row nowrap; align-items: center; padding: 1.6rem 2.2rem; } .form-component__head + .form-component__body { -webkit-padding-before: 1.6rem; padding-block-start: 1.6rem; } .form-component__body { padding: 0 2.2rem 4.5rem; } .form-component__title { flex-shrink: 0; } .form-component__title__label { font-size: 1.6rem; font-weight: 700; } .form-component__title__label + [class*="form-icon"] { -webkit-margin-start: 1.2rem; margin-inline-start: 1.2rem; vertical-align: 2px; } .form-component__note { margin-left: 1.6rem; padding-left: 2.2rem; font-size: 1.4rem; } .form-example { -webkit-margin-before: 1rem; margin-block-start: 1rem; font-size: 1.6rem; } .Main .form-example + * { -webkit-margin-before: .8rem; margin-block-start: .8rem; } .form-example__head { -webkit-margin-end: .5rem; margin-inline-end: .5rem; } .form-select-wrap { -webkit-margin-before: 1rem; margin-block-start: 1rem; } .form-select-wrap[data-col-pc] { row-gap: 1.6rem; } .form-select-wrap[data-col-pc] > * { margin-block: 0; } .form-select { -webkit-margin-before: 1rem; display: inline-block; min-width: 320px; margin-block-start: 1rem; } .form-select__inner { display: inline-block; width: 100%; } .form-select__inner:after { right: 2.2rem; border-width: 7px 5px 0; } .form-select__list { -webkit-padding-end: calc(1.6rem + 10px + 1rem); min-height: calc(50px - 2px); padding: 1rem 1.6rem; padding-inline-end: calc(1.6rem + 10px + 1rem); font-weight: 500; } .form-text-field-wrap { -webkit-margin-before: 1rem; margin-block-start: 1rem; } .form-text-field-wrap[data-col-pc] { row-gap: 1.6rem; } .form-text-field-wrap[data-col-pc] > * { margin-block: 0; } .form-text-field { -webkit-margin-before: 1rem; margin-block-start: 1rem; } .form-text-field__input { min-height: 50px; padding: 1rem 1.6rem; } .form-text-field__textarea { min-height: 200px; padding: 1rem 1.6rem; } .form-text-field-post { -webkit-margin-before: 1rem; align-items: center; margin-block-start: 1rem; } .form-text-field-post__input { width: 270px; } .form-text-field-post__button { -webkit-margin-start: 2rem; min-width: 270px; margin-inline-start: 2rem; padding: 1.3rem 2.2rem; font-weight: 700; } .form-text-field-post__button:hover { border-color: #005bac; background-color: #005bac; color: #fff; } .form-box { margin-top: 3.8rem; } .form-box__head { margin: 0 0 1.3rem; padding: 2.6rem 2.9rem 0; } .form-box__body { padding: 2.6rem 2.9rem; } .form-box__title { font-size: 2.0rem; font-weight: 700; } .form-box__title + [class*="form-icon"] { -webkit-margin-start: .6rem; margin-inline-start: .6rem; vertical-align: 3px; } .form-agree-box { margin-top: 3rem; } .form-agree-box__body { padding: 1.7rem 2.9rem; } .form-agree-text { margin: 1.6rem 0 0; font-size: 1.6rem; font-weight: 700; text-align: center; } .form-agree-check-wrap { margin-top: 1.5rem; } .form-agree-check__label { font-weight: 700; } .form-agree-check__label__inner { -webkit-padding-start: calc(20px + 1rem); width: auto; padding-inline-start: calc(20px + 1rem); } [data-size-pc] > .form-agree-check__label__inner { width: auto; } .form-agree-check__label__inner:before { top: .2em; width: 20px; height: 20px; border-radius: 3px; } .form-agree-check__label__inner:after { top: 8px; left: 4px; width: 13px; height: 7px; } .form-agree-radio-wrap { margin-top: 1.5rem; } .form-agree-radio-wrap > * { margin-left: 36px; } .form-agree-radio__label { font-weight: 700; } .form-agree-radio__label__inner { -webkit-padding-start: calc(20px + 1rem); width: auto; padding-inline-start: calc(20px + 1rem); } [data-size-pc] > .form-agree-radio__label__inner { width: auto; } .form-agree-radio__label__inner:before { top: .2em; width: 20px; height: 20px; } .form-agree-radio__label__inner:after { top: calc(.2em + 6px); left: 6px; width: 8px; height: 8px; } .form-control { margin-top: 2.9rem; } .form-control__button__type { padding: 1.5rem 2.2rem; font-size: 1.6rem; font-weight: 700; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .form-control__button__type:hover { background-color: #04233c; } .form-control__button-v2__type { padding: 1.3rem 2.2rem; font-size: 1.6rem; font-weight: 700; transition: 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; } .form-control__button-v2__type:hover { background-color: #005bac; color: #fff; } .form-error-text-wrap { -webkit-margin-before: 1.6rem; margin-block-start: 1.6rem; } .Main .form-error-text-wrap + * { -webkit-margin-before: 1.0rem; margin-block-start: 1.0rem; } .form-error-text { -webkit-margin-before: 1.6rem; margin-block-start: 1.6rem; padding-left: 4.2rem; font-size: 1.6rem; font-weight: 700; } .form-error-text + .form-error-text { -webkit-margin-before: 1rem; margin-block-start: 1rem; } .form-error-text:before { top: .17em; width: 23px; height: 20px; } .form-error-box { -webkit-margin-before: 3.8rem; margin-block-start: 3.8rem; padding: 2.6rem 2.9rem; } .form-error-box__body { -webkit-margin-before: 1.9rem; margin-block-start: 1.9rem; } .form-error-anchor { -webkit-margin-before: 1.9rem; margin-block-start: 1.9rem; } .form-error-anchor__list[data-col-pc] > * { margin-top: 1.9rem; } .form-error-anchor__link { font-weight: 700; } .form-error-anchor__link:hover { text-decoration: underline; } .form-error-anchor__label { padding-left: 2.3rem; } .form-error-anchor__label:before { top: 4px; left: 2px; } } @media only screen and (max-width: 767.98px) { .header-gnav__type:before, .header-megamenu__title__type:after, .header-card__type .header-card__body:after, .main-breadcrumb > li:not(:first-child):before, .main-lnav__title__type:after, .main-lnav__stage1__title__type .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--link .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle > [class*="__type"]:before, .main-lnav__stage2__title > [class*="__type"]:before, .footer-nav__item__title__type:after, .footer-nav__item__title__type--toggle .footer-nav__item__title__label: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, .header-gnav__type--toggle .header-gnav__label:after, .form-error-anchor__label:before { width: 8px; height: 8px; } .header-megamenu__title__type:after, .main-lnav__title__type:after, .main-lnav__stage1__title__type .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--link .main-lnav__stage1__title__label:after, .footer-nav__item__title__type:after, .footer-nav__item__title__type--toggle .footer-nav__item__title__label: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 { top: -1px; } .header-gnav__type:before, .header-card__type .header-card__body:after { margin-top: -4px; } a.util-link--blank:after, .header-megamenu__title__type--blank:after, .header-card__type--blank .header-card__body:after, .main-lnav__title__type--blank:after, .main-lnav__stage1__title__type--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle__type--blank:after, .main-lnav__stage2__title__type--blank:after, .footer-nav__item__title__type--blank:after, .footer-nav__item__subtitle__type--blank:after, .footer-nav__link-list__type--blank:after, .footer-utility__link--blank:after, .heading2__link--blank .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .heading2-v2__link--blank .heading2-v2__title:after, .heading2-v2--center__link--blank .heading2-v2--center__title:after, .heading3__link--blank .heading3__title:after, .heading3--center__link--blank .heading3--center__title:after, .heading3-v2__link--blank .heading3-v2__title:after, .heading3-v2--center__link--blank .heading3-v2--center__title:after, .heading4__link--blank .heading4__title:after, .heading4--center__link--blank .heading4--center__title:after, .heading4-v2__link--blank .heading4-v2__title:after, .heading4-v2--center__link--blank .heading4-v2--center__title:after, .heading5__link--blank .heading5__title:after, .heading5--center__link--blank .heading5--center__title:after, .heading6__link--blank .heading6__title:after, .heading6--center__link--blank .heading6--center__title:after, .description-list__type--blank:after, .description-list-v2__type--blank:after, .description-list-v3__type--blank:after, .description-list-v4__type--blank:after, .link-list__type--blank:after, .button .button__type--blank:after, .button-v2 .button-v2__type--blank:after, .button-v3 .button-v3__type--blank:after, a.util-link--pdf:after, .header-megamenu__title__type--pdf:after, .header-card__type--pdf .header-card__body:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__title__type--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle__type--pdf:after, .main-lnav__stage2__title__type--pdf:after, .footer-nav__item__title__type--pdf:after, .footer-nav__item__subtitle__type--pdf:after, .footer-nav__link-list__type--pdf:after, .footer-utility__link--pdf:after, .heading2__link--pdf .heading2__title:after, .heading2--center__link--pdf .heading2--center__title:after, .heading2-v2__link--pdf .heading2-v2__title:after, .heading2-v2--center__link--pdf .heading2-v2--center__title:after, .heading3__link--pdf .heading3__title:after, .heading3--center__link--pdf .heading3--center__title:after, .heading3-v2__link--pdf .heading3-v2__title:after, .heading3-v2--center__link--pdf .heading3-v2--center__title:after, .heading4__link--pdf .heading4__title:after, .heading4--center__link--pdf .heading4--center__title:after, .heading4-v2__link--pdf .heading4-v2__title:after, .heading4-v2--center__link--pdf .heading4-v2--center__title:after, .heading5__link--pdf .heading5__title:after, .heading5--center__link--pdf .heading5--center__title:after, .heading6__link--pdf .heading6__title:after, .heading6--center__link--pdf .heading6--center__title:after, .description-list__type--pdf:after, .description-list-v2__type--pdf:after, .description-list-v3__type--pdf:after, .description-list-v4__type--pdf:after, .link-list__type--pdf:after, .button .button__type--pdf:after, .button-v2 .button-v2__type--pdf:after, .button-v3 .button-v3__type--pdf:after, a.util-link--excel:after, .link-list__type--excel:after, .button .button__type--excel:after, .button-v2 .button-v2__type--excel:after, .button-v3 .button-v3__type--excel:after, a.util-link--word:after, .link-list__type--word:after, .button .button__type--word:after, .button-v2 .button-v2__type--word:after, .button-v3 .button-v3__type--word:after, a.util-link--powerpoint:after, .link-list__type--powerpoint:after, .button .button__type--powerpoint:after, .button-v2 .button-v2__type--powerpoint:after, .button-v3 .button-v3__type--powerpoint:after, a.util-link--zip:after, .link-list__type--zip:after, .button .button__type--zip:after, .button-v2 .button-v2__type--zip:after, .button-v3 .button-v3__type--zip:after, a.util-link--modal:after, .link-list__type--modal:after, .button .button__type--modal:after, .button-v2 .button-v2__type--modal:after, .button-v3 .button-v3__type--modal:after { width: 14px; height: 14px; } .header-megamenu__title__type--blank:after, .header-megamenu__title__type--pdf:after, .main-lnav__title__type--blank:after, .main-lnav__title__type--pdf:after, .main-lnav__stage1__title__type--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--blank .main-lnav__stage1__title__label:after, .main-lnav__stage1__title__type--toggle--pdf .main-lnav__stage1__title__label:after, .main-lnav__stage1__subtitle__type--blank:after, .main-lnav__stage1__subtitle__type--pdf:after, .main-lnav__stage2__title__type--blank:after, .main-lnav__stage2__title__type--pdf:after, .footer-nav__item__title__type--blank:after, .footer-nav__item__title__type--pdf:after, .footer-nav__item__subtitle__type--blank:after, .footer-nav__item__subtitle__type--pdf:after, .footer-nav__link-list__type--blank:after, .footer-nav__link-list__type--pdf:after, .footer-utility__link--blank:after, .footer-utility__link--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 { top: -1px; margin-left: 8px; } body { font-family: "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 1.6; } input, select, textarea, button, pre { font-family: "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif; font-size: 1.6rem; 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--sub2 { font-weight: 700 !important; } .util-highlight--sub3 { font-weight: 700 !important; } .util-highlight--sub4 { font-weight: 700 !important; } .util-highlight--sub5 { font-weight: 700 !important; } .util-highlight--sub6 { font-weight: 700 !important; } .util-highlight--accent { font-weight: 700 !important; } .util-highlight--base { 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 { min-width: 120px; height: 22px; padding: 3px 11px 0; font-weight: 700; line-height: 22px; } [class*="util-badge--"] { min-width: 118px; height: 22px; padding: .3em 11px 0; font-size: 1.0rem; font-weight: 700; line-height: 16px; } [data-col-sp]:not([data-col-sp="1"]) { display: flex; flex-flow: row wrap; } [data-col-sp]:not([data-col-sp="auto"]):not([data-col-sp="1"]) { width: 100%; } [data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1em; margin-left: 15px; } [data-col-sp="1"] > *:nth-child(-n+1) { margin-top: 0 !important; } [data-col-sp="1"] > *:nth-child(1n+1) { margin-left: 0 !important; } [data-col-sp="1"] > * { width: 100%; } [data-col-sp="2"] > *:nth-child(-n+2) { margin-top: 0 !important; } [data-col-sp="2"] > *:nth-child(2n+1) { margin-left: 0 !important; } [data-col-sp="2"] > * { width: calc((100% - (15px)) / 2); } [data-col-sp="3"] > *:nth-child(-n+3) { margin-top: 0 !important; } [data-col-sp="3"] > *:nth-child(3n+1) { margin-left: 0 !important; } [data-col-sp="3"] > * { width: calc((100% - (30px)) / 3); } [data-col-sp="auto"] { margin-right: -15px; margin-bottom: -0.5em; } [data-col-sp="auto"] > * { margin-top: 0 !important; margin-right: 15px; margin-bottom: 0.5em; margin-left: 0; } [data-size-sp="1col"] { width: 100%; } [data-size-sp="1col"] > * { width: 100%; } [data-size-sp="2col"] { width: calc((100% - (15px * (2 - 1))) / 2); } [data-size-sp="1/2col"] { width: calc(100% - ((100% - (15px * (2 - 1))) / 2) - 15px) !important; } [data-size-sp="2col"] > * { width: 100%; } [data-size-sp="3col"] { width: calc((100% - (15px * (3 - 1))) / 3); } [data-size-sp="2/3col"] { width: calc(100% - ((100% - (15px * (3 - 1))) / 3) - 15px) !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%; } .Header, .Header--simple { width: 100%; height: 50px; } body.is-header-fixed .Header:not(.Header--simple), body.is-header-fixed .Header--simple:not(.Header--simple) { box-shadow: 0px 2.5px 12.75px 2.25px rgba(0, 0, 0, 0.15); } .Header__inner { gap: 0 15px; padding-inline: 15px; } .header-logo > a { width: 99px; } .header-gnav { width: 100%; } .Header__body > .header-gnav { display: none; } .header-gnav__list { width: 100%; border-top: 1px solid #ddd; } .header-gnav__list > li { border-bottom: 1px solid #ddd; } .header-gnav__list > li > [class*="__type"] { width: 100%; padding: 11px 40px 9px 15px; } .header-gnav__list > li.is-active .header-gnav__type--toggle:before { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .header-gnav__type:before { -webkit-transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); right: calc(15px + 5.5px); width: 9px; height: 9px; margin-top: -1px; transform: translateY(-50%) rotate(45deg); transform-origin: center; border-width: 2px 2px 0 0; } .header-gnav__type--toggle:before, .header-gnav__type--toggle:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%); display: block; position: absolute; top: 50%; right: 15px; width: 16px; height: 2px; transform: translateY(-50%); transform-origin: center; background: #005bac; 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; } .header-gnav__type--toggle:before { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .header-gnav__type--toggle .header-gnav__label:after { display: none; } .header-gnav__label { font-size: 1.6rem; font-weight: 700; } .header-megamenu { width: 100%; padding-left: 15px; } .header-megamenu__head { border-top: 1px solid #ddd; } .header-megamenu__head__inner { width: 100%; } .header-megamenu__title > [class*="__type"] { display: flex; position: relative; align-items: center; width: 100%; margin: 0; padding: 10px 40px 7px 14px; font-weight: 700; } .header-megamenu__title__type:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); position: absolute; top: calc(50% - 1px); right: calc(15px + 5.5px); width: 9px; height: 9px; margin: 0; transform: translateY(-50%) rotate(45deg); transform-origin: center; border-width: 2px 2px 0 0; } .header-megamenu__title__type--blank:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%); position: absolute; top: 50%; right: 15px; margin: 0; transform: translateY(-50%); transform-origin: center; } .header-megamenu__title__type--pdf:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%); position: absolute; top: 50%; right: 15px; margin: 0; transform: translateY(-50%); transform-origin: center; } .header-megamenu__body__inner { width: 100%; } .header-megamenu__foot { display: none; } .header-card { border-top: 1px solid #ddd; } .header-card > [class*="__type"] { position: relative; width: 100%; margin: 0; padding: 10px 40px 7px 14px; } .header-card__type .header-card__body:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: calc(15px + 5.5px); width: 9px; height: 9px; margin: 0; transform: translateY(-50%) rotate(45deg); transform-origin: center; border-width: 2px 2px 0 0; } .header-card__type--blank .header-card__body:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%); position: absolute; top: 50%; right: 15px; margin: 0; transform: translateY(-50%); transform-origin: center; } .header-card__type--pdf .header-card__body:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%); position: absolute; top: 50%; right: 15px; margin: 0; transform: translateY(-50%); transform-origin: center; } .header-card__head { display: none; } .header-utility { gap: 0 17px; } .header-language__trigger__button { padding: 9px 0 0; font-size: 1rem; } .header-language__trigger__button__label { padding-top: 21px; } .header-language__trigger__button__label:before { width: 18px; height: 18px; } .header-language__panel { -webkit-filter: drop-shadow(0px 7.5px 12.75px rgba(0, 0, 0, 0.15)); top: calc(100% - 7px); padding-top: 6px; filter: drop-shadow(0px 7.5px 12.75px rgba(0, 0, 0, 0.15)); } .header-language__panel__inner { width: 69px; } .header-language__panel__inner:before { top: -5px; width: 10px; height: 10px; } .header-language__link { padding: 7px 5px 8px; font-size: 1.2rem; font-weight: 700; } .header-contact__button { padding: 9px 0 0; font-size: 1rem; } .header-contact__button__label { padding-top: 21px; } .header-contact__button__label:before { top: 2px; width: 20px; height: 15px; } .header-search-trigger { display: none; } .header-menu-trigger { display: flex; position: relative; justify-content: center; min-width: 40px; height: 100%; } .header-menu-trigger__button { display: flex; justify-content: center; height: 100%; margin: 0; padding: 9px 0 0; border: none; background: transparent; color: #005bac; font-size: 1rem; line-height: 1.4; text-align: center; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-menu-trigger__button__label { display: block; position: relative; padding-top: 21px; } .header-menu-trigger__button__label:before { -webkit-transform: translateX(-50%); display: block; position: absolute; top: 0; left: 50%; width: 20px; height: 18px; transform: translateX(-50%); background: url(/advance/jp/app-files/img/cmn_ic01_04.svg) no-repeat center/contain; content: ""; } .header-menu-trigger__button__close { display: block; position: relative; padding-top: 21px; } .header-menu-trigger__button__close:before { -webkit-transform: translateX(-50%); display: block; position: absolute; top: 1px; left: 50%; width: 16px; height: 16px; transform: translateX(-50%); background: url(/advance/jp/app-files/img/cmn_ic01_05.svg) no-repeat center/contain; content: ""; } .header-menu { top: 50px; } .header-menu__head { padding-inline: 15px; width: 100%; } .header-menu__head__inner { padding-block: calc(39px / 2); width: 100%; } .header-menu__foot { display: none; } .header-search-wrap__inner { width: 100%; } .header-search { height: 50px; } .header-search__input { width: calc(100% - (95px / 2)); padding: 3px .6875em 0; font-size: 1.6rem; } .header-search__submit { width: calc(95px / 2); } .header-search__submit:before { width: 24px; height: 24px; } body.is-active-menu { position: fixed; width: 100%; } .Header + .Main, .Header--simple + .Main { padding-top: 50px; } .Header--simple + .Main { padding-top: 50px; } .main-breadcrumb { padding-block: 9px 6px; padding-inline: 15px; line-height: 1.2; } .main-breadcrumb > li { flex-shrink: 0; } .main-breadcrumb > li:last-child { -webkit-padding-end: 15px; padding-inline-end: 15px; } .main-breadcrumb > li:not(:first-child):before { margin-inline: 0px 5px; width: 9px; height: 9px; border-width: 1px; vertical-align: 0; } .main-breadcrumb > li:last-child { font-weight: 700; } .main-breadcrumb > li > [class*="__type"] > span { font-size: 1.2rem; } .Main__content { width: 100%; padding: 2.25rem 15px 7rem; } .Main__inner:has(.Main__foot > .main-lnav) .Main__content { padding-bottom: 4.3rem; } .main-lnav { padding-inline: 15px; } .main-lnav__inner { padding-block: 21px 36px; } .main-lnav__title > [class*="__type"] { font-size: 1.7rem; font-weight: 700; } .main-lnav__title__type:after { width: 9px; height: 9px; border-width: 2px 2px 0 0; } .main-lnav__stage1 { margin-top: 17px; border-top: 1px solid #ddd; } .main-lnav__stage1 > li { border-bottom: 1px solid #ddd; } .main-lnav__stage1__title > [class*="__type"] { display: flex; position: relative; align-items: center; width: 100%; margin: 0; padding: 12px 30px 10px 0; font-size: 1.5rem; font-weight: 700; } .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]) { color: #005bac; } .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]):link, .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]):hover, .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]):visited, .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]):focus, .main-lnav__stage1__title > [class*="__type"]:not([class*="--nolink"]):active { color: #005bac; } .main-lnav__stage1__title__type .main-lnav__stage1__title__label:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 5.5px; width: 9px; height: 9px; margin: 0; transform: translateY(-50%) rotate(45deg); transform-origin: center; border-width: 2px 2px 0 0; } .main-lnav__stage1__title__type--blank .main-lnav__stage1__title__label:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%); position: absolute; top: 50%; right: 1px; margin: 0; transform: translateY(-50%); transform-origin: center; } .main-lnav__stage1__title__type--pdf .main-lnav__stage1__title__label:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%); position: absolute; top: 50%; right: 1px; margin: 0; transform: translateY(-50%); transform-origin: center; } .main-lnav__stage1__title__type--toggle:before, .main-lnav__stage1__title__type--toggle--link:before, .main-lnav__stage1__title__type--toggle--blank:before, .main-lnav__stage1__title__type--toggle--pdf:before, .main-lnav__stage1__title__type--toggle:after, .main-lnav__stage1__title__type--toggle--link:after, .main-lnav__stage1__title__type--toggle--blank:after, .main-lnav__stage1__title__type--toggle--pdf:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%); display: block; position: absolute; top: 50%; right: 0; width: 16px; height: 2px; transform: translateY(-50%); transform-origin: center; background: #005bac; 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; } .main-lnav__stage1__title__type--toggle:before, .main-lnav__stage1__title__type--toggle--link:before, .main-lnav__stage1__title__type--toggle--blank:before, .main-lnav__stage1__title__type--toggle--pdf:before { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .main-lnav__stage1__title__type--toggle.is-active:before, .is-active.main-lnav__stage1__title__type--toggle--link:before, .is-active.main-lnav__stage1__title__type--toggle--blank:before, .is-active.main-lnav__stage1__title__type--toggle--pdf:before { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .main-lnav__stage1__title__type--toggle--link .main-lnav__stage1__title__label:after { display: none; } .main-lnav__stage1__title__type--toggle--blank .main-lnav__stage1__title__label:after { display: none; } .main-lnav__stage1__title__type--toggle--pdf .main-lnav__stage1__title__label:after { display: none; } .main-lnav__stage1__detail { padding-block: 22px 24px; border-top: 1px solid #ddd; } .main-lnav__stage1__subtitle + * { margin-top: 12px !important; } .main-lnav__stage1__subtitle > [class*="__type"] { display: inline-block; padding-left: 1.125em; font-weight: 700; } .main-lnav__stage1__subtitle > [class*="__type"]:before { position: absolute; top: 5px; left: -3px; width: 9px; height: 9px; border-width: 2px 2px 0 0; } .main-lnav__stage1__subtitle__type--blank:after { top: -2px; margin-left: 7px; } .main-lnav__stage1__subtitle__type--pdf:after { top: -2px; margin-left: 7px; } .main-lnav__stage2 { margin: 10px 0 0; } .main-lnav__stage2 > li { margin: 10px 0 0; } .main-lnav__stage2__title > [class*="__type"] { padding-left: 1.125em; } .main-lnav__stage2__title > [class*="__type"]:before { top: 5px; left: -3px; width: 9px; height: 9px; border-width: 2px 2px 0 0; } .main-lnav__stage2__title__type--blank:after { top: -2px; margin-left: 7px; } .main-lnav__stage2__title__type--pdf:after { top: -2px; margin-left: 7px; } .footer-pagetop { right: 15px; bottom: 58px; width: 40px; height: 40px; } .footer-pagetop > a:after { top: calc(50% + 4px); width: 13px; height: 13px; border-width: 2px 2px 0 0; } .Footer__body { padding-inline: 15px; } .Footer__body__inner { padding-block: 1px; } .footer-nav__item:not(:first-child) { border-top: 1px solid #ddd; } .footer-nav__item__title > [class*="__type"] { display: flex; position: relative; align-items: center; width: 100%; margin: 0; padding: 12px 30px 10px 0; font-size: 1.5rem; font-weight: 700; line-height: 1.4; } .footer-nav__item__title__type:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 5.5px; width: 9px; height: 9px; margin: 0; transform: translateY(-50%) rotate(45deg); transform-origin: center; border-width: 2px 2px 0 0; } .footer-nav__item__title__type--blank:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%); position: absolute; top: 50%; right: 1px; margin: 0; transform: translateY(-50%); transform-origin: center; } .footer-nav__item__title__type--pdf:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%); position: absolute; top: 50%; right: 1px; margin: 0; transform: translateY(-50%); transform-origin: center; } .footer-nav__item__title__type--toggle:before, .footer-nav__item__title__type--toggle:after { -webkit-transform-origin: center; -webkit-transform: translateY(-50%); display: block; position: absolute; top: 50%; right: 0; width: 16px; height: 2px; transform: translateY(-50%); transform-origin: center; background: #005bac; 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; } .footer-nav__item__title__type--toggle:before { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .footer-nav__item__title__type--toggle.is-active:before { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .footer-nav__item__title__type--toggle .footer-nav__item__title__label:after { display: none; } .footer-nav__item__detail { padding-block: 22px 23px; border-top: 1px solid #ddd; } .footer-nav__item__subtitle + * { margin-top: 10px !important; } .footer-nav__item__subtitle > [class*="__type"] { display: inline-block; font-weight: 700; } .footer-nav__column { margin: 11.25px 0 0; } .footer-nav__link-list { margin: 11.25px 0 0; } .footer-nav__link-list > li { margin: 11.25px 0 0; } .Footer__foot { padding-inline: 15px; } .Footer__foot__inner { width: 100%; } .footer-utility { padding-block: 23px 22px; padding-inline: 0 50px; width: 100%; } .footer-utility__list { gap: 10px 15px; } .footer-utility__list > li { min-width: 8.6em; } .footer-utility__list > li > [class*="__link"] { font-size: 1.2rem; } .footer-copyright { padding-block: 9px 10px; } .footer-copyright:not(:first-child) { border-top: 1px solid #ddd; } .footer-copyright__label { font-size: 1rem; } .Main__content .heading1 + * { margin-top: 1.6em; } .heading1__title { font-size: 2.4rem; font-weight: 700; } .heading1__subtitle { font-size: 1.2rem; } .Main__content .heading1--center + * { margin-top: 1.6em; } .heading1--center__title { font-size: 2.4rem; font-weight: 700; } .heading1--center__subtitle { font-size: 1.2rem; } .heading1 { margin-right: -15px; margin-left: -15px; } .Main__head .heading1 { margin-right: 0; margin-left: 0; } .heading1__inner { padding: 1.6em 15px; } .heading1__title { font-size: 2.1rem; font-weight: 700; } .heading1__subtitle { font-size: 1.4rem; font-weight: 700; } .heading1--center { margin-right: -15px; margin-left: -15px; } .Main__head .heading1--center { margin-right: 0; margin-left: 0; } .heading1--center__inner { padding: 1.6em 15px; } .heading1--center__title { font-size: 2.1rem; font-weight: 700; } .heading1--center__subtitle { font-size: 1.4rem; font-weight: 700; } .Main__content .heading1-v2 + * { margin-top: 1.6em; } .heading1-v2__title { font-size: 2.4rem; font-weight: 700; } .heading1-v2__subtitle { font-size: 1.2rem; } .Main__content .heading1-v2--center + * { margin-top: 1.6em; } .heading1-v2--center__title { font-size: 2.4rem; font-weight: 700; } .heading1-v2--center__subtitle { font-size: 1.2rem; } .heading1-v2 { margin: 1.6em 0 0; } .heading1-v2__title { font-size: 2.1rem; font-weight: 700; } .heading1-v2__subtitle { font-size: 1.4rem; font-weight: 700; } .heading1-v2--center { margin: 1.6em 0 0; } .heading1-v2--center__title { font-size: 2.1rem; font-weight: 700; } .heading1-v2--center__subtitle { font-size: 1.4rem; font-weight: 700; } .heading2 { margin: 2.6em 0 0; } .Main .heading2 + * { margin-top: 1.4em; } .heading2__title { font-size: 2.1rem; font-weight: 700; } .heading2__subtitle { font-size: 1.2rem; } .heading2--center { margin: 2.6em 0 0; } .Main .heading2--center + * { margin-top: 1.4em; } .heading2--center__title { font-size: 2.1rem; font-weight: 700; } .heading2--center__subtitle { font-size: 1.2rem; } .heading2 { margin: 2.6em 0 0; } .heading2__link .heading2__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading2__link--blank .heading2__title:after { margin-left: 9px; } .heading2__link--pdf .heading2__title:after { margin-left: 9px; } .heading2__link--blank .heading2__title:after { width: 13px; height: 13px; } .heading2__title { font-size: 2.0rem; font-weight: 700; } .heading2__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } .heading2__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; line-height: 2.0; } .heading2--center { margin: 2.6em 0 0; } .heading2--center__link .heading2--center__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading2--center__link--blank .heading2--center__title:after { margin-left: 9px; } .heading2--center__link--pdf .heading2--center__title:after { margin-left: 9px; } .heading2--center__link--blank .heading2--center__title:after { width: 13px; height: 13px; } .heading2--center__title { font-size: 2.0rem; font-weight: 700; } .heading2--center__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } .heading2--center__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; line-height: 2.0; } .heading2-v2 { margin: 2.6em 0 0; } .Main .heading2-v2 + * { margin-top: 1.4em; } .heading2-v2__title { font-size: 2.1rem; font-weight: 700; } .heading2-v2__subtitle { font-size: 1.2rem; } .heading2-v2--center { margin: 2.6em 0 0; } .Main .heading2-v2--center + * { margin-top: 1.4em; } .heading2-v2--center__title { font-size: 2.1rem; font-weight: 700; } .heading2-v2--center__subtitle { font-size: 1.2rem; } .heading2-v2 { margin: 2.6em 0 0; } .heading2-v2__link .heading2-v2__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading2-v2__link--blank .heading2-v2__title:after { margin-left: 9px; } .heading2-v2__link--pdf .heading2-v2__title:after { margin-left: 9px; } .heading2-v2__link--blank .heading2-v2__title:after { width: 13px; height: 13px; margin-left: 13px; } .heading2-v2__title { font-size: 2.0rem; font-weight: 400; } .heading2-v2__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } .heading2-v2__filesize { font-size: 1.4rem; font-weight: 400; line-height: 2.0; } .heading2-v2--center { margin: 2.6em 0 0; } .heading2-v2--center__link .heading2-v2--center__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading2-v2--center__link--blank .heading2-v2--center__title:after { margin-left: 9px; } .heading2-v2--center__link--pdf .heading2-v2--center__title:after { margin-left: 9px; } .heading2-v2--center__link--blank .heading2-v2--center__title:after { width: 13px; height: 13px; margin-left: 13px; } .heading2-v2--center__title { font-size: 2.0rem; font-weight: 400; } .heading2-v2--center__subtitle { margin: 0 0 .4em; font-size: 1.4rem; font-weight: 700; } .heading2-v2--center__filesize { font-size: 1.4rem; font-weight: 400; line-height: 2.0; } .heading3 { margin: 2.2em 0 0; } .Main .heading3 + * { margin-top: 1.4em; } .heading3__title { font-size: 2.0rem; font-weight: 700; } .heading3__subtitle { font-size: 1.2rem; } .heading3--center { margin: 2.2em 0 0; } .Main .heading3--center + * { margin-top: 1.4em; } .heading3--center__title { font-size: 2.0rem; font-weight: 700; } .heading3--center__subtitle { font-size: 1.2rem; } .heading3 { margin: 2.2em 0 0; } .heading3__link .heading3__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading3__link--blank .heading3__title:after { margin-left: 9px; } .heading3__link--pdf .heading3__title:after { margin-left: 9px; } .heading3__link--blank .heading3__title:after { width: 13px; height: 13px; margin-left: 12px; } .heading3__title { font-size: 1.8rem; font-weight: 700; } .heading3__subtitle { font-size: 1.4rem; font-weight: 700; } .heading3__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; } .heading3--center { margin: 2.2em 0 0; } .heading3--center__link .heading3--center__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading3--center__link--blank .heading3--center__title:after { margin-left: 9px; } .heading3--center__link--pdf .heading3--center__title:after { margin-left: 9px; } .heading3--center__link--blank .heading3--center__title:after { width: 13px; height: 13px; margin-left: 12px; } .heading3--center__title { font-size: 1.8rem; font-weight: 700; } .heading3--center__subtitle { font-size: 1.4rem; font-weight: 700; } .heading3--center__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; } .heading3-v2 { margin: 2.2em 0 0; } .Main .heading3-v2 + * { margin-top: 1.4em; } .heading3-v2__title { font-size: 2.0rem; font-weight: 700; } .heading3-v2__subtitle { font-size: 1.2rem; } .heading3-v2--center { margin: 2.2em 0 0; } .Main .heading3-v2--center + * { margin-top: 1.4em; } .heading3-v2--center__title { font-size: 2.0rem; font-weight: 700; } .heading3-v2--center__subtitle { font-size: 1.2rem; } .heading3-v2 { margin: 2.2em 0 0; } .heading3-v2__link .heading3-v2__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading3-v2__link--blank .heading3-v2__title:after { margin-left: 9px; } .heading3-v2__link--pdf .heading3-v2__title:after { margin-left: 9px; } .heading3-v2__link--blank .heading3-v2__title:after { width: 13px; height: 13px; } .heading3-v2__title { font-size: 1.8rem; font-weight: 400; } .heading3-v2__subtitle { font-size: 1.4rem; font-weight: 700; } .heading3-v2__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; } .heading3-v2--center { margin: 2.2em 0 0; } .heading3-v2--center__link .heading3-v2--center__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading3-v2--center__link--blank .heading3-v2--center__title:after { margin-left: 9px; } .heading3-v2--center__link--pdf .heading3-v2--center__title:after { margin-left: 9px; } .heading3-v2--center__link--blank .heading3-v2--center__title:after { width: 13px; height: 13px; } .heading3-v2--center__title { font-size: 1.8rem; font-weight: 400; } .heading3-v2--center__subtitle { font-size: 1.4rem; font-weight: 700; } .heading3-v2--center__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; } .heading4 { margin: 1.6em 0 0; } .Main .heading4 + * { margin-top: 1.0em; } .heading4__title { font-size: 1.8rem; font-weight: 700; } .heading4__subtitle { font-size: 1.2rem; } .heading4--center { margin: 1.6em 0 0; } .Main .heading4--center + * { margin-top: 1.0em; } .heading4--center__title { font-size: 1.8rem; font-weight: 700; } .heading4--center__subtitle { font-size: 1.2rem; } .heading4 { margin: 1.6em 0 0; } .heading4__link .heading4__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading4__link--blank .heading4__title:after { margin-left: 9px; } .heading4__link--pdf .heading4__title:after { margin-left: 9px; } .heading4__link--blank .heading4__title:after { top: -2px; width: 13px; height: 13px; } .heading4__title { font-size: 1.6rem; font-weight: 700; } .heading4__subtitle { font-size: 1.4rem; font-weight: 700; } .heading4__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; } .heading4--center { margin: 1.6em 0 0; } .heading4--center__link .heading4--center__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading4--center__link--blank .heading4--center__title:after { margin-left: 9px; } .heading4--center__link--pdf .heading4--center__title:after { margin-left: 9px; } .heading4--center__link--blank .heading4--center__title:after { top: -2px; width: 13px; height: 13px; } .heading4--center__title { font-size: 1.6rem; font-weight: 700; } .heading4--center__subtitle { font-size: 1.4rem; font-weight: 700; } .heading4--center__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; } .heading4-v2 { margin: 1.6em 0 0; } .Main .heading4-v2 + * { margin-top: 1.0em; } .heading4-v2__title { font-size: 1.8rem; font-weight: 700; } .heading4-v2__subtitle { font-size: 1.2rem; } .heading4-v2--center { margin: 1.6em 0 0; } .Main .heading4-v2--center + * { margin-top: 1.0em; } .heading4-v2--center__title { font-size: 1.8rem; font-weight: 700; } .heading4-v2--center__subtitle { font-size: 1.2rem; } .heading4-v2 { margin: 1.6em 0 0; } .heading4-v2__link .heading4-v2__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading4-v2__link--blank .heading4-v2__title:after { margin-left: 9px; } .heading4-v2__link--pdf .heading4-v2__title:after { margin-left: 9px; } .heading4-v2__link--blank .heading4-v2__title:after { top: -2px; width: 13px; height: 13px; } .heading4-v2__title { font-size: 1.6rem; font-weight: 400; } .heading4-v2__subtitle { font-size: 1.4rem; font-weight: 700; } .heading4-v2__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; } .heading4-v2--center { margin: 1.6em 0 0; } .heading4-v2--center__link .heading4-v2--center__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading4-v2--center__link--blank .heading4-v2--center__title:after { margin-left: 9px; } .heading4-v2--center__link--pdf .heading4-v2--center__title:after { margin-left: 9px; } .heading4-v2--center__link--blank .heading4-v2--center__title:after { top: -2px; width: 13px; height: 13px; } .heading4-v2--center__title { font-size: 1.6rem; font-weight: 400; } .heading4-v2--center__subtitle { font-size: 1.4rem; font-weight: 700; } .heading4-v2--center__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; } .heading5 { margin: 1.6em 0 0; } .Main .heading5 + * { margin-top: 1.0em; } .heading5__title { font-size: 1.6rem; font-weight: 700; } .heading5__subtitle { font-size: 1.2rem; } .heading5--center { margin: 1.6em 0 0; } .Main .heading5--center + * { margin-top: 1.0em; } .heading5--center__title { font-size: 1.6rem; font-weight: 700; } .heading5--center__subtitle { font-size: 1.2rem; } .heading5 { margin: 1.6em 0 0; } .heading5__link .heading5__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading5__link--blank .heading5__title:after { margin-left: 9px; } .heading5__link--pdf .heading5__title:after { margin-left: 9px; } .heading5__link--blank .heading5__title:after { top: -2px; width: 13px; height: 13px; } .heading5__title { font-size: 1.5rem; font-weight: 700; } .heading5__subtitle { margin: 0 0 .45em; font-size: 1.2rem; font-weight: 700; } .heading5__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; } .heading5--center { margin: 1.6em 0 0; } .heading5--center__link .heading5--center__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading5--center__link--blank .heading5--center__title:after { margin-left: 9px; } .heading5--center__link--pdf .heading5--center__title:after { margin-left: 9px; } .heading5--center__link--blank .heading5--center__title:after { top: -2px; width: 13px; height: 13px; } .heading5--center__title { font-size: 1.5rem; font-weight: 700; } .heading5--center__subtitle { margin: 0 0 .45em; font-size: 1.2rem; font-weight: 700; } .heading5--center__filesize { margin-left: .4em; font-size: 1.4rem; font-weight: 400; } .heading6 { margin: 1.6em 0; } .Main .heading6 + * { margin-top: 1.0em; } .heading6__title { font-size: 1.4rem; font-weight: 700; } .heading6__subtitle { font-size: 1.2rem; } .heading6--center { margin: 1.6em 0; } .Main .heading6--center + * { margin-top: 1.0em; } .heading6--center__title { font-size: 1.4rem; font-weight: 700; } .heading6--center__subtitle { font-size: 1.2rem; } .heading6 { margin: 1.6em 0 0; } .heading6__link .heading6__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading6__link--blank .heading6__title:after { margin-left: 9px; } .heading6__link--pdf .heading6__title:after { margin-left: 9px; } .heading6__link--blank .heading6__title:after { top: -2px; width: 13px; height: 13px; } .heading6__title { font-size: 1.4rem; font-weight: 700; } .heading6__subtitle { margin: 0 0 .45em; font-size: 1.2rem; font-weight: 700; } .heading6__filesize { font-size: 1.4rem; font-weight: 400; } .heading6--center { margin: 1.6em 0 0; } .heading6--center__link .heading6--center__title:after { top: 0; width: 9px; height: 9px; margin-left: 6px; } .heading6--center__link--blank .heading6--center__title:after { margin-left: 9px; } .heading6--center__link--pdf .heading6--center__title:after { margin-left: 9px; } .heading6--center__link--blank .heading6--center__title:after { top: -2px; width: 13px; height: 13px; } .heading6--center__title { font-size: 1.4rem; font-weight: 700; } .heading6--center__subtitle { margin: 0 0 .45em; font-size: 1.2rem; font-weight: 700; } .heading6--center__filesize { font-size: 1.4rem; font-weight: 400; } .text { font-size: 1.4rem; } .text--center { font-size: 1.4rem; } .text--right { font-size: 1.4rem; } .lead { font-weight: 700; } .lead--center { font-weight: 700; } .lead { margin: 1.5em 0 .93em; font-size: 1.5rem; } .lead--center { margin: 1.5em 0 .93em; font-size: 1.5rem; } .lead-v2 { font-weight: 700; } .lead-v2--center { font-weight: 700; } .lead-v2 { margin: 1.6em 0 1.0em; } .lead-v2--center { margin: 1.6em 0 1.0em; } .note-list > li { font-size: 1.4rem; } .note-list__nest { margin: .55rem 0 0; } [class*="list__nest"] .note-list[data-col-sp] > li { margin-top: .55rem; } [class*="list__nest"] .note-list[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } [class*="list-v2__nest"] .note-list[data-col-sp] > li { margin-top: .55rem; } [class*="list-v2__nest"] .note-list[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .note-list[data-col-sp] > li:first-child { margin-top: 0; } .note-list > li { margin: .4em 0 0; } .note-list[data-col-sp] > li { margin-top: .4em; } .note-list[data-col-sp="auto"] > li { margin: 0 15px .4em 0; } .note-list-v2 > li { font-size: 1.4rem; } .note-list-v2__nest { margin: .55rem 0 0; } [class*="list__nest"] .note-list-v2[data-col-sp] > li { margin-top: .55rem; } [class*="list__nest"] .note-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } [class*="list-v2__nest"] .note-list-v2[data-col-sp] > li { margin-top: .55rem; } [class*="list-v2__nest"] .note-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .note-list-v2[data-col-sp] > li:first-child { margin-top: 0; } .note-list-v2 > li { margin: .45em 0 0; font-size: 1.2rem; } .note-list-v2__nest { margin: .55rem 0 0; } .note-list-v2[data-col-sp] > li { margin-top: .55rem; } .note-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .note-order-list > li { font-size: 1.4rem; } .note-order-list__nest { margin: .55rem 0 0; } [class*="list__nest"] .note-order-list[data-col-sp] > li { margin-top: .55rem; } [class*="list__nest"] .note-order-list[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } [class*="list-v2__nest"] .note-order-list[data-col-sp] > li { margin-top: .55rem; } [class*="list-v2__nest"] .note-order-list[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .note-order-list[data-col-sp] > li:first-child { margin-top: 0; } .note-order-list > li { margin: .4em 0 0; padding-left: 3em; } .note-order-list[data-col-sp] > li { margin-top: .4em; } .note-order-list[data-col-sp="auto"] > li { margin: 0 15px .4em 0; } .note-order-list-v2 > li { font-size: 1.4rem; } .note-order-list-v2__nest { margin: .55rem 0 0; } [class*="list__nest"] .note-order-list-v2[data-col-sp] > li { margin-top: .55rem; } [class*="list__nest"] .note-order-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } [class*="list-v2__nest"] .note-order-list-v2[data-col-sp] > li { margin-top: .55rem; } [class*="list-v2__nest"] .note-order-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .note-order-list-v2[data-col-sp] > li:first-child { margin-top: 0; } .note-order-list-v2 > li { margin: .45em 0 0; padding-left: 3em; font-size: 1.2rem; } .note-order-list-v2__nest { margin: .55rem 0 0; } .note-order-list-v2[data-col-sp] > li { margin-top: .55rem; } .note-order-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .unorder-list > li { font-size: 1.4rem; } .unorder-list__nest { margin: .55rem 0 0; } [class*="list__nest"] .unorder-list[data-col-sp] > li { margin-top: .55rem; } [class*="list__nest"] .unorder-list[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } [class*="list-v2__nest"] .unorder-list[data-col-sp] > li { margin-top: .55rem; } [class*="list-v2__nest"] .unorder-list[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .unorder-list[data-col-sp] > li:first-child { margin-top: 0; } .unorder-list > li { margin: .4em 0 0; } .unorder-list > li:before { width: 9px; height: 9px; } .unorder-list[data-col-sp] > li { margin-top: .4em; } .unorder-list[data-col-sp="auto"] > li { margin: 0 15px .4em 0; } .unorder-list-v2 > li { font-size: 1.4rem; } .unorder-list-v2__nest { margin: .55rem 0 0; } [class*="list__nest"] .unorder-list-v2[data-col-sp] > li { margin-top: .55rem; } [class*="list__nest"] .unorder-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } [class*="list-v2__nest"] .unorder-list-v2[data-col-sp] > li { margin-top: .55rem; } [class*="list-v2__nest"] .unorder-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .unorder-list-v2[data-col-sp] > li:first-child { margin-top: 0; } .unorder-list-v2 > li { margin: .45em 0 0; font-size: 1.2rem; } .unorder-list-v2 > li:before { width: 7px; height: 7px; } .unorder-list-v2[data-col-sp] > li { margin-top: .55rem; } .unorder-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .order-list > li { font-size: 1.4rem; } .order-list__nest { margin: .55rem 0 0; } [class*="list__nest"] .order-list[data-col-sp] > li { margin-top: .55rem; } [class*="list__nest"] .order-list[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } [class*="list-v2__nest"] .order-list[data-col-sp] > li { margin-top: .55rem; } [class*="list-v2__nest"] .order-list[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .order-list[data-col-sp] > li:first-child { margin-top: 0; } .order-list > li { margin: .4em 0 0; padding-left: 2.3em; } .order-list__mark { font-weight: 700; } .order-list[data-col-sp] > li { margin-top: .4em; } .order-list[data-col-sp="auto"] > li { margin: 0 15px .4em 0; } .order-list-v2 > li { font-size: 1.4rem; } .order-list-v2__nest { margin: .55rem 0 0; } [class*="list__nest"] .order-list-v2[data-col-sp] > li { margin-top: .55rem; } [class*="list__nest"] .order-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } [class*="list-v2__nest"] .order-list-v2[data-col-sp] > li { margin-top: .55rem; } [class*="list-v2__nest"] .order-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .order-list-v2[data-col-sp] > li:first-child { margin-top: 0; } .order-list-v2 > li { margin: .45em 0 0; padding-left: 4em; font-size: 1.2rem; } .order-list-v2__nest { margin: .55rem 0 0; } .order-list-v2[data-col-sp] > li { margin-top: .55rem; } .order-list-v2[data-col-sp="auto"] > li { margin: 0 15px .55rem 0; } .description-list + .description-list { margin-top: 1.4em; } .description-list > dt { margin: 0 0 .8em; font-weight: 700; } .description-list__type:after { width: 9px; height: 9px; margin-left: 5px; } .description-list__type--blank:after { margin-left: 8px; } .description-list__type--pdf:after { margin-left: 8px; } .description-list__type--blank:after { top: -2px; width: 13px; height: 13px; margin-left: 11px; } .description-list__filesize { font-weight: 400; } .description-list-v2 { padding-bottom: 1.0em; } .description-list-v2 + .description-list-v2 { margin-top: 1.0em; } .description-list-v2 > dt { margin: 0 0 .8em 0; font-weight: 700; } .description-list-v2__type:after { width: 9px; height: 9px; margin-left: 5px; } .description-list-v2__type--blank:after { margin-left: 8px; } .description-list-v2__type--pdf:after { margin-left: 8px; } .description-list-v2__type--blank:after { top: -2px; width: 13px; height: 13px; margin-left: 11px; } .description-list-v2__filesize { font-weight: 400; } .description-list-v3 + .description-list-v3 { margin-top: 1.4em; } .description-list-v3 > dt { margin: 0 0 .8em; font-weight: 400; } .description-list-v3__type:after { width: 9px; height: 9px; margin-left: 5px; } .description-list-v3__type--blank:after { margin-left: 8px; } .description-list-v3__type--pdf:after { margin-left: 8px; } .description-list-v3__type--blank:after { top: -2px; width: 13px; height: 13px; margin-left: 11px; } .description-list-v3__filesize { font-weight: 400; } .description-list-v3 > dd { font-weight: 700; } .description-list-v4 { padding-bottom: 1.0em; } .description-list-v4 + .description-list-v4 { margin-top: 1.0em; } .description-list-v4 > dt { margin: 0 0 .8em 0; font-weight: 400; } .description-list-v4__type:after { width: 9px; height: 9px; margin-left: 5px; } .description-list-v4__type--blank:after { margin-left: 8px; } .description-list-v4__type--pdf:after { margin-left: 8px; } .description-list-v4__type--blank:after { top: -2px; width: 13px; height: 13px; margin-left: 11px; } .description-list-v4__filesize { font-weight: 400; } .description-list-v4 > dd { font-weight: 700; } .link-list > li { font-size: 1.4rem; } .link-list > li > [class*="__type"]:before { top: .4em; width: 9px; height: 9px; } [class*="modal--"].modaal-wrapper .modaal-container { padding: 19.5px; } [class*="modal--"].modaal-wrapper .modaal-inner-wrapper { padding-right: 14px; padding-left: 14px; } [class*="modal--"].modaal-wrapper .modaal-video-wrap { margin: auto; } .link-list__type--blank:after { width: 13px; height: 13px; margin-left: 9px; } .link-list__filesize { font-weight: 400; } .link-list__nest { margin: 1.1rem 0 0; } [class*="list__nest"] .link-list[data-col-sp] { margin-top: 1.1rem !important; } [class*="list__nest"] .link-list[data-col-sp] > li { margin-top: 1.1rem; } [class*="list__nest"] .link-list[data-col-sp="auto"] > li { margin: 0 15px 1.1rem 0; } [class*="list-v2__nest"] .link-list[data-col-sp] { margin-top: 1.1rem !important; } [class*="list-v2__nest"] .link-list[data-col-sp] > li { margin-top: 1.1rem; } [class*="list-v2__nest"] .link-list[data-col-sp="auto"] > li { margin: 0 15px 1.1rem 0; } .link-list[data-col-sp] > li:first-child { margin-top: 0; } .link-list > li { margin: .8em 0 0; } .link-list[data-col-sp] > li { margin-top: .8em; } .link-list[data-col-sp="auto"] > li { margin: 0 15px .8em 0; } .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 { padding: .8em 1.4em; font-weight: 700; } .button-wrap--centering { flex-direction: column; align-items: center; } .button-wrap--centering > * { margin-top: 1em; } .button-wrap--centering > *:first-child { margin-top: 0; } .button-wrap { margin: 1.0em 0 0; } .button-wrap[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } .button-wrap--center { margin: 1.0em 0 0; } .button-wrap--center[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } .button-wrap--right { margin: 1.0em 0 0; } .button-wrap--right[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } .button-wrap--centering { margin: 1.0em 0 0; } .button-wrap--centering[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } [class*="button-wrap"][data-col-sp]:not([data-col-sp="1"]) > .button > [class*="__type"] { width: 100%; } .button .button__type--blank { padding-right: 3.0em; } .button .button__type--blank:after { width: 13px; height: 13px; } .button .button__type--pdf { padding-right: 3.0em; } .button .button__type--excel { padding-right: 3.0em; } .button .button__type--word { padding-right: 3.0em; } .button .button__type--powerpoint { padding-right: 3.0em; } .button .button__type--zip { padding-right: 3.0em; } .button .button__type--modal { padding-right: 3.0em; } [class*="modal--"].modaal-wrapper .modaal-container { padding: 19.5px; } [class*="modal--"].modaal-wrapper .modaal-inner-wrapper { padding-right: 14px; padding-left: 14px; } [class*="modal--"].modaal-wrapper .modaal-video-wrap { margin: auto; } .button__filesize { font-size: 1.4rem; font-weight: 400; } .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 { font-weight: 700; } .button-wrap--centering { flex-direction: column; align-items: center; } .button-wrap--centering > * { margin-top: 1em; } .button-wrap--centering > *:first-child { margin-top: 0; } .button-wrap { margin: 1.0em 0 0; } .button-wrap[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } .button-wrap--center { margin: 1.0em 0 0; } .button-wrap--center[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } .button-wrap--right { margin: 1.0em 0 0; } .button-wrap--right[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } .button-wrap--centering { margin: 1.0em 0 0; } .button-wrap--centering[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } [class*="button-wrap"][data-col-sp]:not([data-col-sp="1"]) > .button-v2 > [class*="__type"] { width: 100%; } .button-v2 .button-v2__type--blank { padding-right: 3.0em; } .button-v2 .button-v2__type--blank { padding-right: 2.95em; } .button-v2 .button-v2__type--blank:after { right: 1.4em; } .button-v2 .button-v2__type--blank:after { width: 13px; height: 13px; } .button-v2 .button-v2__type--pdf { padding-right: 3.0em; } .button-v2 .button-v2__type--pdf:after { right: 1.4em; } .button-v2 .button-v2__type--excel { padding-right: 3.0em; } .button-v2 .button-v2__type--excel:after { right: 1.4em; } .button-v2 .button-v2__type--word { padding-right: 3.0em; } .button-v2 .button-v2__type--word:after { right: 1.4em; } .button-v2 .button-v2__type--powerpoint { padding-right: 3.0em; } .button-v2 .button-v2__type--powerpoint:after { right: 1.4em; } .button-v2 .button-v2__type--zip { padding-right: 3.0em; } .button-v2 .button-v2__type--zip:after { right: 1.4em; } .button-v2 .button-v2__type--modal { padding-right: 3.0em; } .button-v2 .button-v2__type--modal:after { right: 1.4em; } .button-v2__filesize { font-size: 1.4rem; font-weight: 400; } .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 { padding: 1em 1.35em; font-size: 1.5rem; font-weight: 700; } .button-wrap--centering { flex-direction: column; align-items: center; } .button-wrap--centering > * { margin-top: 1em; } .button-wrap--centering > *:first-child { margin-top: 0; } .button-wrap { margin: 1.0em 0 0; } .button-wrap[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } .button-wrap--center { margin: 1.0em 0 0; } .button-wrap--center[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } .button-wrap--right { margin: 1.0em 0 0; } .button-wrap--right[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } .button-wrap--centering { margin: 1.0em 0 0; } .button-wrap--centering[data-col-sp]:not([data-col-sp="auto"]) > * { margin-top: 1.0em; } [class*="button-wrap"][data-col-sp]:not([data-col-sp="1"]) > .button-v3 > [class*="__type"] { width: 100%; } .button-v3 .button-v3__type--blank { padding-right: 2.9em; } .button-v3 .button-v3__type--blank { padding-right: 2.8em; } .button-v3 .button-v3__type--blank:after { right: 1.4em; } .button-v3 .button-v3__type--blank:after { width: 13px; height: 13px; } .button-v3 .button-v3__type--pdf { padding-right: 2.9em; } .button-v3 .button-v3__type--pdf:after { right: 1.4em; } .button-v3 .button-v3__type--excel { padding-right: 2.9em; } .button-v3 .button-v3__type--excel:after { right: 1.4em; } .button-v3 .button-v3__type--word { padding-right: 2.9em; } .button-v3 .button-v3__type--word:after { right: 1.4em; } .button-v3 .button-v3__type--powerpoint { padding-right: 2.9em; } .button-v3 .button-v3__type--powerpoint:after { right: 1.4em; } .button-v3 .button-v3__type--zip { padding-right: 2.9em; } .button-v3 .button-v3__type--zip:after { right: 1.4em; } .button-v3 .button-v3__type--modal { padding-right: 2.9em; } .button-v3 .button-v3__type--modal:after { right: 1.4em; } .button-v3__filesize { font-size: 1.4rem; font-weight: 400; } .table__caption, .table__caption--center, .table__caption--right { margin: 1em 0 0 0; font-size: 1.2rem; } .table [class*="__cell"] { padding: .6em .8em; } .table__head { margin: 0 0 .6em; } .table__foot { margin: .6em 0 0; } .table__title { margin: 0 0 1.4rem; font-size: 1.5rem; font-weight: 700; } .table__note { font-size: 1.2rem; } .table__matrix > caption { margin: 0 0 .6em; } .table [class*="__cell--lv1"] { font-weight: 700; } .table [class*="__cell--lv2"] { font-weight: 700; } .table[data-table-sp="scroll"] .table__body { padding-bottom: 19px; 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: #ddd; } .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; } .form-step { margin: 2.6rem 0 0; } .Main .form-step + *:not(.form-step) { -webkit-margin-before: 2.6rem; margin-block-start: 2.6rem; } .form-step__list { position: relative; } [data-step-length="1"] .form-step__list > li:nth-of-type(1):after { -webkit-transform-origin: bottom; display: none; transform-origin: bottom; rotate: calc(360deg / 1 * 1); } [data-step-length="1"] .form-step__list > li.is-current:nth-of-type(1):before { background-color: #005bac; background-image: conic-gradient(#005bac calc(100% / 1 * 1), #ddd calc(100% / 1 * 1) 100%); background-image: none; } [data-step-length="1"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/1"; } [data-step-length="2"] .form-step__list > li:nth-of-type(1):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 2 * 1); } [data-step-length="2"] .form-step__list > li.is-current:nth-of-type(1):before { background-image: conic-gradient(#005bac calc(100% / 2 * 1), #ddd calc(100% / 2 * 1) 100%); } [data-step-length="2"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/2"; } [data-step-length="2"] .form-step__list > li:nth-of-type(2):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 2 * 2); } [data-step-length="2"] .form-step__list > li.is-current:nth-of-type(2):before { background-color: #005bac; background-image: conic-gradient(#005bac calc(100% / 2 * 2), #ddd calc(100% / 2 * 2) 100%); background-image: none; } [data-step-length="2"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/2"; } [data-step-length="3"] .form-step__list > li:nth-of-type(1):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 3 * 1); } [data-step-length="3"] .form-step__list > li.is-current:nth-of-type(1):before { background-image: conic-gradient(#005bac calc(100% / 3 * 1), #ddd calc(100% / 3 * 1) 100%); } [data-step-length="3"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/3"; } [data-step-length="3"] .form-step__list > li:nth-of-type(2):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 3 * 2); } [data-step-length="3"] .form-step__list > li.is-current:nth-of-type(2):before { background-image: conic-gradient(#005bac calc(100% / 3 * 2), #ddd calc(100% / 3 * 2) 100%); } [data-step-length="3"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/3"; } [data-step-length="3"] .form-step__list > li:nth-of-type(3):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 3 * 3); } [data-step-length="3"] .form-step__list > li.is-current:nth-of-type(3):before { background-color: #005bac; background-image: conic-gradient(#005bac calc(100% / 3 * 3), #ddd calc(100% / 3 * 3) 100%); background-image: none; } [data-step-length="3"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/3"; } [data-step-length="4"] .form-step__list > li:nth-of-type(1):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 4 * 1); } [data-step-length="4"] .form-step__list > li.is-current:nth-of-type(1):before { background-image: conic-gradient(#005bac calc(100% / 4 * 1), #ddd calc(100% / 4 * 1) 100%); } [data-step-length="4"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/4"; } [data-step-length="4"] .form-step__list > li:nth-of-type(2):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 4 * 2); } [data-step-length="4"] .form-step__list > li.is-current:nth-of-type(2):before { background-image: conic-gradient(#005bac calc(100% / 4 * 2), #ddd calc(100% / 4 * 2) 100%); } [data-step-length="4"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/4"; } [data-step-length="4"] .form-step__list > li:nth-of-type(3):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 4 * 3); } [data-step-length="4"] .form-step__list > li.is-current:nth-of-type(3):before { background-image: conic-gradient(#005bac calc(100% / 4 * 3), #ddd calc(100% / 4 * 3) 100%); } [data-step-length="4"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/4"; } [data-step-length="4"] .form-step__list > li:nth-of-type(4):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 4 * 4); } [data-step-length="4"] .form-step__list > li.is-current:nth-of-type(4):before { background-color: #005bac; background-image: conic-gradient(#005bac calc(100% / 4 * 4), #ddd calc(100% / 4 * 4) 100%); background-image: none; } [data-step-length="4"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/4"; } [data-step-length="5"] .form-step__list > li:nth-of-type(1):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 5 * 1); } [data-step-length="5"] .form-step__list > li.is-current:nth-of-type(1):before { background-image: conic-gradient(#005bac calc(100% / 5 * 1), #ddd calc(100% / 5 * 1) 100%); } [data-step-length="5"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/5"; } [data-step-length="5"] .form-step__list > li:nth-of-type(2):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 5 * 2); } [data-step-length="5"] .form-step__list > li.is-current:nth-of-type(2):before { background-image: conic-gradient(#005bac calc(100% / 5 * 2), #ddd calc(100% / 5 * 2) 100%); } [data-step-length="5"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/5"; } [data-step-length="5"] .form-step__list > li:nth-of-type(3):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 5 * 3); } [data-step-length="5"] .form-step__list > li.is-current:nth-of-type(3):before { background-image: conic-gradient(#005bac calc(100% / 5 * 3), #ddd calc(100% / 5 * 3) 100%); } [data-step-length="5"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/5"; } [data-step-length="5"] .form-step__list > li:nth-of-type(4):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 5 * 4); } [data-step-length="5"] .form-step__list > li.is-current:nth-of-type(4):before { background-image: conic-gradient(#005bac calc(100% / 5 * 4), #ddd calc(100% / 5 * 4) 100%); } [data-step-length="5"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/5"; } [data-step-length="5"] .form-step__list > li:nth-of-type(5):after { -webkit-transform-origin: bottom; transform-origin: bottom; rotate: calc(360deg / 5 * 5); } [data-step-length="5"] .form-step__list > li.is-current:nth-of-type(5):before { background-color: #005bac; background-image: conic-gradient(#005bac calc(100% / 5 * 5), #ddd calc(100% / 5 * 5) 100%); background-image: none; } [data-step-length="5"] .form-step__list > li.is-current .form-step__pie__count em:after { content: "/5"; } .form-step__list > li { font-weight: 700; } .form-step__list > li:not(.is-current) .form-step__pie, .form-step__list > li:not(.is-current) .form-step__name { display: none; } .form-step__list > li:before { aspect-ratio: 1 / 1; translate: 0 -50%; display: block; z-index: 1; position: absolute; top: 50%; left: 0; width: 79px; border-radius: 50%; content: ""; } .form-step__list > li:after { translate: calc(-3px / 2) 0; display: block; z-index: 2; position: absolute; bottom: 50%; left: calc(79px / 2); width: 3px; height: calc(79px / 2 + 1px); background: #fff; content: ""; } .form-step__list > li.is-current { display: flex; align-items: center; } .form-step__pie { aspect-ratio: 1 / 1; display: flex; z-index: 3; position: relative; flex-shrink: 0; align-items: center; justify-content: center; width: 79px; margin-right: 2.5rem; border-radius: 50%; } .form-step__pie__count { aspect-ratio: 1 / 1; display: flex; z-index: 3; position: relative; align-items: center; justify-content: center; width: calc(100% - 9px * 2); border-radius: 50%; background: #fff; text-align: center; } .form-step__pie__count em { font-size: 2.2rem; font-style: normal; font-weight: 700; } .form-step__pie__count em:after { font-size: 1.4rem; } .form-step__name { display: flex; position: relative; width: 100%; padding: 1.2rem 1rem .8rem; background-color: #005bac; color: #fff; font-size: 1.5rem; font-weight: 700; } .form-step__name:before { display: inline-block; position: absolute; top: 50%; left: -12px; margin-top: -6px; border-width: 6px 12px 6px 0; border-style: solid; border-color: transparent #005bac transparent transparent; content: ""; } .form-step__name__phase { -webkit-margin-end: 1.4rem; margin-inline-end: 1.4rem; } .form-icon, .form-icon--inline, .form-icon--required, .form-icon--required--inline { padding: 4px 11px; font-size: 1.0rem; font-weight: 700; } .form-icon--inline, .form-icon--required--inline { margin-inline: 1.0rem; } .form-component__head { padding: 1.1rem 1.4rem; } .form-component__head + .form-component__body { -webkit-padding-before: 1.4rem; padding-block-start: 1.4rem; } .form-component__body { padding: 0 1.4rem 3.9rem; } .form-component__title__label { font-size: 1.4rem; font-weight: 700; } .form-component__title__label + [class*="form-icon"] { -webkit-margin-start: .8rem; margin-inline-start: .8rem; vertical-align: 1px; } .form-component__note { margin-top: 1.4rem; padding-left: 1.6rem; font-size: 1.2rem; } .form-example { -webkit-margin-before: .85rem; margin-block-start: .85rem; font-size: 1.4rem; } .Main .form-example + * { -webkit-margin-before: .8rem; margin-block-start: .8rem; } .form-example__head { -webkit-margin-end: .3rem; margin-inline-end: .3rem; } .form-select-wrap { -webkit-margin-before: .85rem; margin-block-start: .85rem; } .form-select-wrap[data-col-sp] { row-gap: 1.4rem; } .form-select-wrap[data-col-sp] > * { margin-block: 0; } .form-select { -webkit-margin-before: .85rem; margin-block-start: .85rem; } .form-select__inner { display: block; width: 100%; } .form-select__inner:after { right: 1.6rem; border-width: 7px 5.5px 0; } .form-select__list { -webkit-padding-end: calc(1.6rem + 11px + 1.6rem); min-height: calc(44px - 2px); padding: 1.0rem 1.6rem; padding-inline-end: calc(1.6rem + 11px + 1.6rem); font-size: 1.4rem; font-weight: 400; } .form-text-field-wrap { -webkit-margin-before: .85rem; margin-block-start: .85rem; } .form-text-field-wrap[data-col-sp] { row-gap: 1.4rem; } .form-text-field-wrap[data-col-sp] > * { margin-block: 0; } .form-text-field { -webkit-margin-before: .85rem; margin-block-start: .85rem; } .form-text-field__input { min-height: 45px; padding: .6rem 1.4rem; } .form-text-field__textarea { min-height: 191px; padding: .85rem .8rem; } .form-text-field-post { -webkit-margin-before: .85rem; flex-flow: row wrap; justify-content: center; margin-block-start: .85rem; } .form-text-field-post__input { width: 100%; } .form-text-field-post__button { -webkit-margin-before: 1.4rem; min-width: 222px; margin-block-start: 1.4rem; padding: 1.1rem 1.6rem; font-size: 1.4rem; font-weight: 700; } .form-box { margin-top: 2rem; } .form-box__head { margin: 0 0 1.1rem; padding: 1.7rem 2rem 0; } .form-box__body { padding: 1.7rem 2rem 2rem; } .form-box__title { font-size: 1.5rem; font-weight: 700; } .form-box__title + [class*="form-icon"] { -webkit-margin-start: .5rem; margin-inline-start: .5rem; vertical-align: 1px; } .form-agree-box { margin-top: 1.4rem; } .form-agree-box__body { padding: 1.4rem; } .form-agree-text { margin: 1.4rem 0 0; font-size: 1.4rem; font-weight: 700; } .form-agree-check-wrap { margin-top: .6rem; } .form-agree-check__label { font-weight: 700; } .form-agree-check__label__inner { -webkit-padding-start: calc(18px + .7rem); padding-inline-start: calc(18px + .7rem); } .form-agree-check__label__inner:before { top: .1em; width: 18px; height: 18px; border-radius: 1px; } .form-agree-check__label__inner:after { top: 7px; left: 3px; width: 12px; height: 6px; } .form-agree-radio-wrap > * { margin-left: 15px; } .form-agree-radio__label { font-weight: 700; } .form-agree-radio__label__inner { -webkit-padding-start: calc(18px + .6rem); padding-inline-start: calc(18px + .6rem); } .form-agree-radio__label__inner:before { top: .1em; width: 18px; height: 18px; } .form-agree-radio__label__inner:after { top: calc(.1em + 5px); left: 5px; width: 8px; height: 8px; } .form-control { margin-top: 1.4rem; } .form-control__button__type { padding: 1.2rem 2.2rem; font-size: 1.4rem; font-weight: 700; } .form-control__button-v2__type { padding: 1.2rem 2.2rem; font-size: 1.4rem; font-weight: 700; } .form-error-text-wrap { -webkit-margin-before: 1.1rem; margin-block-start: 1.1rem; } .Main .form-error-text-wrap + * { -webkit-margin-before: 1.0rem; margin-block-start: 1.0rem; } .form-error-text { -webkit-margin-before: 1.1rem; margin-block-start: 1.1rem; padding-left: 2.95rem; font-size: 1.4rem; font-weight: 700; } .form-error-text + .form-error-text { -webkit-margin-before: .55rem; margin-block-start: .55rem; } .form-error-text:before { top: .1em; width: 22px; height: 19px; } .form-error-box { -webkit-margin-before: 1.95rem; margin-block-start: 1.95rem; padding: 2.4rem 1.95rem 1.2rem; } .form-error-box__body { -webkit-margin-before: 1.1rem; margin-block-start: 1.1rem; } .form-error-anchor { -webkit-margin-before: 1.4rem; margin-block-start: 1.4rem; } .form-error-anchor__link { font-weight: 700; } .form-error-anchor__label { padding-left: 2.1rem; } .form-error-anchor__label:before { top: 3px; left: 2px; width: 9px; height: 9px; } } @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; } .heading1 { width: 100% !important; margin-left: 0 !important; } .heading1--center { width: 100% !important; margin-left: 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 1259.98px) { .heading1 { width: calc(100% + (30px * 2)); margin-right: -30px; margin-left: -30px; } .Main__head .heading1 { margin-right: 0; margin-left: 0; } .Main__head .heading1__inner { margin: 0; } .heading1--center { width: calc(100% + (30px * 2)); margin-right: -30px; margin-left: -30px; } .Main__head .heading1--center { margin-right: 0; margin-left: 0; } .Main__head .heading1--center__inner { margin: 0; } }