@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;700&family=Noto+Sans+JP:wght@700&display=swap); /* ====================================================== * home.css * ------------------------------------------------------ * - Font * - Override * - Page Component ====================================================== */ /* ------------------------------------------------------ * Import ------------------------------------------------------ */ /* ====================================================== * Config ====================================================== */ /* ====================================================== * basedesign * ------------------------------------------------------ * View * Color * Font * Link * Animation ====================================================== */ /* ====================================================== * View ====================================================== */ /*----- ブレイクポイント -----*/ /*----- コンテンツ幅 -----*/ /* ====================================================== * Color ====================================================== */ /*----- テーマカラー -----*/ /*----- 背景カラー -----*/ /*----- テキストカラー -----*/ /*----- リンクテキストカラー -----*/ /*----- ボーダーカラー -----*/ /* ====================================================== * Font ====================================================== */ /*----- フォントファミリー -----*/ /*----- フォントサイズ -----*/ /*----- 行間 -----*/ /*----- フォントウェイト -----*/ /* ====================================================== * Link ====================================================== */ /*----- リンクタイプ -----*/ /*----- リンク矢印アイコン -----*/ /*----- 透過度 -----*/ /* ====================================================== * Heading Margin ====================================================== */ /* ====================================================== * Animation ====================================================== */ /*----- イージング（変化の度合い） -----*/ /*----- デュレーション（変化の開始から終了までの時間） -----*/ /*----- ディレイ（変化が始まるまでの時間） -----*/ /* ====================================================== * Config ====================================================== */ /* ====================================================== * basedesign * ------------------------------------------------------ * View * Color * Font * Link * Animation ====================================================== */ /* ====================================================== * View ====================================================== */ /*----- ブレイクポイント -----*/ /*----- コンテンツ幅 -----*/ /* ====================================================== * Color ====================================================== */ /*----- テーマカラー -----*/ /*----- 背景カラー -----*/ /*----- テキストカラー -----*/ /*----- リンクテキストカラー -----*/ /*----- ボーダーカラー -----*/ /* ====================================================== * Font ====================================================== */ /*----- フォントファミリー -----*/ /*----- フォントサイズ -----*/ /*----- 行間 -----*/ /*----- フォントウェイト -----*/ /* ====================================================== * Link ====================================================== */ /*----- リンクタイプ -----*/ /*----- リンク矢印アイコン -----*/ /*----- 透過度 -----*/ /* ====================================================== * Heading Margin ====================================================== */ /* ====================================================== * Animation ====================================================== */ /*----- イージング（変化の度合い） -----*/ /*----- デュレーション（変化の開始から終了までの時間） -----*/ /*----- ディレイ（変化が始まるまでの時間） -----*/ /* ====================================================== * General ====================================================== */ /* ----- function ----- */ /* ====================================================== * function * ------------------------------------------------------ * gen-fetch-breakpoint ====================================================== */ /* ------------------------------------------------------ * gen-fetch-breakpoint ------------------------------------------------------ */ /* ----- mixin ----- */ /* ====================================================== * mixin * ------------------------------------------------------ * hover * hover-focus * plain-hover-focus * hover-focus-active * except-hover * any-link * 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-top > [class*=__type]:before, .header-gnav__title > [class*=__type]:before, .header-gnav__title__type:after, .header-gnav__list > li > [class*=__type]:before, .header-link-text > [class*=__type]:before, .header-category__list > li > [class*=__type]:before, .main-breadcrumb > li + li:before, .main-market__title > [class*=__type]:before, .main-market__link > [class*=__type]:before, .main-login__box__link > [class*=__type]:before, .main-lnav__title > [class*=__type]:before, .main-lnav__stage1__wrap > .main-lnav__stage1__title > [class*=__type]:after, .main-lnav__stage1__detail > .main-lnav__stage1__title > [class*=__type]:before, .main-lnav__stage2 > li > [class*=__type]:before, .main-attention__text:after, .footer-sitemap__title > [class*=__type]:before, .footer-sitemap__list > li > [class*=__type]:before, .heading2__link .heading2__title:after, .heading2--center__link .heading2--center__title:after { -webkit-backface-visibility: hidden; display: inline-block; position: relative; border-top: 1px solid #00a469; border-right: 1px solid #00a469; content: ""; vertical-align: middle; } .header-gnav-top > [class*=__type]:before, .header-gnav__title > [class*=__type]:before, .header-gnav__title__type:after, .header-gnav__list > li > [class*=__type]:before, .header-link-text > [class*=__type]:before, .header-category__list > li > [class*=__type]:before, .main-breadcrumb > li + li:before, .main-market__title > [class*=__type]:before, .main-market__link > [class*=__type]:before, .main-login__box__link > [class*=__type]:before, .main-lnav__title > [class*=__type]:before, .main-lnav__stage1__wrap > .main-lnav__stage1__title > [class*=__type]:after, .main-lnav__stage1__detail > .main-lnav__stage1__title > [class*=__type]:before, .main-lnav__stage2 > li > [class*=__type]:before, .main-attention__text:after, .footer-sitemap__title > [class*=__type]:before, .footer-sitemap__list > li > [class*=__type]:before, .heading2__link .heading2__title:after, .heading2--center__link .heading2--center__title:after { transform: rotate(45deg); } /* ------------------------------------------------------ * gen-icon-arrow-tail ------------------------------------------------------ */ .main-attention__text:after, .heading2__link .heading2__title:after, .heading2--center__link .heading2--center__title:after { margin-left: 5px; } /* ------------------------------------------------------ * gen-icon-arrow-middle ------------------------------------------------------ */ /* ------------------------------------------------------ * gen-icon-sprite ------------------------------------------------------ */ .util-link--blank:after, .bottom-fixed__button .bottom-fixed__button__type--blank:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank:after, .heading2__link--blank .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .button .button__type--blank:after, .button-v2 .button-v2__type--blank:after, .button-v3 .button-v3__type--blank:after, .util-link--pdf:after, .bottom-fixed__button .bottom-fixed__button__type--pdf:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--pdf:after, .heading2__link--pdf .heading2__title:after, .heading2--center__link--pdf .heading2--center__title:after, .button .button__type--pdf:after, .button-v2 .button-v2__type--pdf:after, .button-v3 .button-v3__type--pdf:after, .util-link--excel:after, .bottom-fixed__button .bottom-fixed__button__type--excel:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--excel:after, .heading2__link--excel .heading2__title:after, .heading2--center__link--excel .heading2--center__title:after, .button .button__type--excel:after, .button-v2 .button-v2__type--excel:after, .button-v3 .button-v3__type--excel:after, .util-link--word:after, .bottom-fixed__button .bottom-fixed__button__type--word:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--word:after, .heading2__link--word .heading2__title:after, .heading2--center__link--word .heading2--center__title:after, .button .button__type--word:after, .button-v2 .button-v2__type--word:after, .button-v3 .button-v3__type--word:after, .util-link--powerpoint:after, .bottom-fixed__button .bottom-fixed__button__type--powerpoint:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--powerpoint:after, .heading2__link--powerpoint .heading2__title:after, .heading2--center__link--powerpoint .heading2--center__title:after, .button .button__type--powerpoint:after, .button-v2 .button-v2__type--powerpoint:after, .button-v3 .button-v3__type--powerpoint:after, .util-link--zip:after, .bottom-fixed__button .bottom-fixed__button__type--zip:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip:after, .heading2__link--zip .heading2__title:after, .heading2--center__link--zip .heading2--center__title:after, .button .button__type--zip:after, .button-v2 .button-v2__type--zip:after, .button-v3 .button-v3__type--zip:after, .util-link--modal:after, .bottom-fixed__button .bottom-fixed__button__type--modal:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal:after, .heading2__link--modal .heading2__title:after, .heading2--center__link--modal .heading2--center__title:after, .button .button__type--modal:after, .button-v2 .button-v2__type--modal:after, .button-v3 .button-v3__type--modal:after, .util-link--rss:after, .bottom-fixed__button .bottom-fixed__button__type--rss:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--rss:after, .heading2__link--rss .heading2__title:after, .heading2--center__link--rss .heading2--center__title:after, .button .button__type--rss:after, .button-v2 .button-v2__type--rss:after, .button-v3 .button-v3__type--rss:after, .util-link--freedial:after, .bottom-fixed__button .bottom-fixed__button__type--freedial:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--freedial:after, .heading2__link--freedial .heading2__title:after, .heading2--center__link--freedial .heading2--center__title:after, .button .button__type--freedial:after, .button-v2 .button-v2__type--freedial:after, .button-v3 .button-v3__type--freedial:after { display: inline-block; position: relative; width: 21px; height: 21px; overflow: hidden; background: no-repeat 0 0; background-position: center center !important; background-size: contain !important; content: ""; text-indent: 100%; vertical-align: middle; white-space: nowrap; } .util-link--blank:after, .bottom-fixed__button .bottom-fixed__button__type--blank:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank:after, .heading2__link--blank .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .button .button__type--blank:after, .button-v2 .button-v2__type--blank:after, .button-v3 .button-v3__type--blank:after { background-image: url("/app-files/img/sprite/icon.svg#blank-usage"); } .util-link--pdf:after, .bottom-fixed__button .bottom-fixed__button__type--pdf:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--pdf:after, .heading2__link--pdf .heading2__title:after, .heading2--center__link--pdf .heading2--center__title:after, .button .button__type--pdf:after, .button-v2 .button-v2__type--pdf:after, .button-v3 .button-v3__type--pdf:after { background-image: url("/app-files/img/sprite/icon.svg#pdf-usage"); } .util-link--excel:after, .bottom-fixed__button .bottom-fixed__button__type--excel:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--excel:after, .heading2__link--excel .heading2__title:after, .heading2--center__link--excel .heading2--center__title:after, .button .button__type--excel:after, .button-v2 .button-v2__type--excel:after, .button-v3 .button-v3__type--excel:after { background-image: url("/app-files/img/sprite/icon.svg#excel-usage"); } .util-link--word:after, .bottom-fixed__button .bottom-fixed__button__type--word:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--word:after, .heading2__link--word .heading2__title:after, .heading2--center__link--word .heading2--center__title:after, .button .button__type--word:after, .button-v2 .button-v2__type--word:after, .button-v3 .button-v3__type--word:after { background-image: url("/app-files/img/sprite/icon.svg#word-usage"); } .util-link--powerpoint:after, .bottom-fixed__button .bottom-fixed__button__type--powerpoint:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--powerpoint:after, .heading2__link--powerpoint .heading2__title:after, .heading2--center__link--powerpoint .heading2--center__title:after, .button .button__type--powerpoint:after, .button-v2 .button-v2__type--powerpoint:after, .button-v3 .button-v3__type--powerpoint:after { background-image: url("/app-files/img/sprite/icon.svg#powerpoint-usage"); } .util-link--zip:after, .bottom-fixed__button .bottom-fixed__button__type--zip:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip:after, .heading2__link--zip .heading2__title:after, .heading2--center__link--zip .heading2--center__title:after, .button .button__type--zip:after, .button-v2 .button-v2__type--zip:after, .button-v3 .button-v3__type--zip:after { background-image: url("/app-files/img/sprite/icon.svg#zip-usage"); } .util-link--modal:after, .bottom-fixed__button .bottom-fixed__button__type--modal:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal:after, .heading2__link--modal .heading2__title:after, .heading2--center__link--modal .heading2--center__title:after, .button .button__type--modal:after, .button-v2 .button-v2__type--modal:after, .button-v3 .button-v3__type--modal:after { background-image: url("/app-files/img/sprite/icon.svg#modal-usage"); } .util-link--rss:after, .bottom-fixed__button .bottom-fixed__button__type--rss:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--rss:after, .heading2__link--rss .heading2__title:after, .heading2--center__link--rss .heading2--center__title:after, .button .button__type--rss:after, .button-v2 .button-v2__type--rss:after, .button-v3 .button-v3__type--rss:after { background-image: url("/app-files/img/sprite/icon.svg#rss-usage"); } .util-link--freedial:after, .bottom-fixed__button .bottom-fixed__button__type--freedial:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--freedial:after, .heading2__link--freedial .heading2__title:after, .heading2--center__link--freedial .heading2--center__title:after, .button .button__type--freedial:after, .button-v2 .button-v2__type--freedial:after, .button-v3 .button-v3__type--freedial:after { background-image: url("/app-files/img/sprite/icon.svg#freedial-usage"); } .util-link--blank:after, .bottom-fixed__button .bottom-fixed__button__type--blank:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank:after, .heading2__link--blank .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .button .button__type--blank:after, .button-v2 .button-v2__type--blank:after, .button-v3 .button-v3__type--blank:after { width: 12px; height: 12px; } .util-link--zip:after, .bottom-fixed__button .bottom-fixed__button__type--zip:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip:after, .heading2__link--zip .heading2__title:after, .heading2--center__link--zip .heading2--center__title:after, .button .button__type--zip:after, .button-v2 .button-v2__type--zip:after, .button-v3 .button-v3__type--zip:after { width: 16px; height: 16px; } .util-link--modal:after, .bottom-fixed__button .bottom-fixed__button__type--modal:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal:after, .heading2__link--modal .heading2__title:after, .heading2--center__link--modal .heading2--center__title:after, .button .button__type--modal:after, .button-v2 .button-v2__type--modal:after, .button-v3 .button-v3__type--modal:after { width: 16px; height: 16px; } .bottom-fixed__button .bottom-fixed__button__type--blank:after, .button .button__type--blank:after { width: 12px; height: 12px; background-image: url("/app-files/img/sprite/icon.svg#blank2-usage"); } .bottom-fixed__button .bottom-fixed__button__type--zip:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip:after, .button .button__type--zip:after { width: 16px; height: 16px; background-image: url("/app-files/img/sprite/icon.svg#zip2-usage"); } .bottom-fixed__button .bottom-fixed__button__type--modal:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal:after, .button .button__type--modal:after { width: 16px; height: 16px; background-image: url("/app-files/img/sprite/icon.svg#modal2-usage"); } .util-link--rss:after, .bottom-fixed__button .bottom-fixed__button__type--rss:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--rss:after, .heading2__link--rss .heading2__title:after, .heading2--center__link--rss .heading2--center__title:after, .button .button__type--rss:after, .button-v2 .button-v2__type--rss:after, .button-v3 .button-v3__type--rss:after { background-image: url("/app-files/img/sprite/icon.svg#rss-usage"); } /* ------------------------------------------------------ * gen-icon-sprite-tail ------------------------------------------------------ */ /* ------------------------------------------------------ * gen-icon-sprite-middle ------------------------------------------------------ */ .bottom-fixed__button .bottom-fixed__button__type--blank:after, .bottom-fixed__button .bottom-fixed__button__type--pdf:after, .bottom-fixed__button .bottom-fixed__button__type--excel:after, .bottom-fixed__button .bottom-fixed__button__type--word:after, .bottom-fixed__button .bottom-fixed__button__type--powerpoint:after, .bottom-fixed__button .bottom-fixed__button__type--zip:after, .bottom-fixed__button .bottom-fixed__button__type--modal:after, .bottom-fixed__button .bottom-fixed__button__type--rss:after, .bottom-fixed__button .bottom-fixed__button__type--freedial:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--pdf:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--excel:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--word:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--powerpoint:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--rss:after, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--freedial: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 .button__type--rss:after, .button .button__type--freedial: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-v2 .button-v2__type--rss:after, .button-v2 .button-v2__type--freedial: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, .button-v3 .button-v3__type--rss:after, .button-v3 .button-v3__type--freedial:after { -webkit-transform: translateY(-50%); position: absolute; top: 50%; transform: translateY(-50%); } /* ====================================================== * table * ------------------------------------------------------ * gen-table-align ====================================================== */ /* ------------------------------------------------------ * gen-table-align ------------------------------------------------------ */ /* ====================================================== * 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 { /* 1 */ font-size: 1em; font-family: monospace, monospace; /* 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 { /* 1 */ font-size: 1em; font-family: monospace, monospace; /* 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; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; font-family: inherit; /* 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%; font-size: 62.5%; } body { word-wrap: break-word; background-color: #fff; color: #333; word-break: break-word; } body *, body *:before, body *:after { box-sizing: border-box; } /* ----- img ----- */ img { max-width: 100%; height: auto; vertical-align: top; image-rendering: -webkit-optimize-contrast; } body[data-browser^=safari] img { image-rendering: auto; } /* ----- a ----- */ a { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } a:link { color: #007238; text-decoration: none; } a:visited { color: #996699; text-decoration: none; } a:hover { color: #007238; text-decoration: none; } a:active { color: #007238; 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; -moz-appearance: none; appearance: none; } input[type=submit], button:not([disabled]) { cursor: pointer; } /* placeholder */ ::-webkit-input-placeholder { color: #999 !important; } :-moz-placeholder { color: #999 !important; } ::-moz-placeholder { color: #999 !important; opacity: 1; } :-moz-placeholder-shown { color: #999 !important; } :placeholder-shown { color: #999 !important; } /* ====================================================== * util * ------------------------------------------------------ * Device * Text * Link * Badge ====================================================== */ /* ====================================================== * Device ====================================================== */ /* ====================================================== * Text ====================================================== */ /* ----- sup/sub ----- */ .util-sup, .util-sub { position: relative; font-size: 60%; line-height: 1; } .util-sup { top: -0.6em; } .util-sub { bottom: -0.1em; } /* ----- bold ----- */ /* ----- italic ----- */ .util-italic { font-style: italic !important; } /* ----- underline ----- */ .util-underline { text-decoration: underline !important; } /* ----- color ----- */ .util-color--main { color: #00a469 !important; } .util-color--sub { color: #edf9f6 !important; } .util-color--sub2 { color: #ffffd9 !important; } .util-color--sub3 { color: #666 !important; } .util-color--sub4 { color: #007238 !important; } .util-color--sub5 { color: #004120 !important; } .util-color--sub6 { color: #de7300 !important; } .util-color--sub7 { color: #b2b2b2 !important; } .util-color--sub8 { color: #000000 !important; } .util-color--sub9 { color: #f55600 !important; } .util-color--sub10 { color: #01a369 !important; } .util-color--sub11 { color: #f5f5f5 !important; } .util-color--sub12 { color: #a5dfcb !important; } .util-color--sub13 { color: #999 !important; } .util-color--accent { color: #ffe100 !important; } .util-color--accent2 { color: #ff5900 !important; } .util-color--accent3 { color: #de0000 !important; } .util-color--base { color: #333 !important; } .util-color--disable { color: #666 !important; } .util-color--placeholder { color: #999 !important; } .util-color--bright { color: #fff !important; } .util-color--red { color: #f00 !important; } /* ----- highlight ----- */ .util-highlight--main { color: #00a469 !important; } .util-highlight--sub { color: #edf9f6 !important; } .util-highlight--sub2 { color: #ffffd9 !important; } .util-highlight--sub3 { color: #666 !important; } .util-highlight--sub4 { color: #007238 !important; } .util-highlight--sub5 { color: #004120 !important; } .util-highlight--sub6 { color: #de7300 !important; } .util-highlight--sub7 { color: #b2b2b2 !important; } .util-highlight--sub8 { color: #000000 !important; } .util-highlight--sub9 { color: #f55600 !important; } .util-highlight--sub10 { color: #01a369 !important; } .util-highlight--sub11 { color: #f5f5f5 !important; } .util-highlight--sub12 { color: #a5dfcb !important; } .util-highlight--sub13 { color: #999 !important; } .util-highlight--accent { color: #ffe100 !important; } .util-highlight--accent2 { color: #ff5900 !important; } .util-highlight--accent3 { color: #de0000 !important; } .util-highlight--base { color: #333 !important; } .util-highlight--disable { color: #666 !important; } .util-highlight--placeholder { color: #999 !important; } .util-highlight--bright { color: #fff !important; } .util-highlight--red { color: #f00 !important; } /* ====================================================== * Link ====================================================== */ /* ----- link ----- */ .util-link:link, .util-link--blank:link, .util-link--pdf:link, .util-link--excel:link, .util-link--word:link, .util-link--powerpoint:link, .util-link--zip:link, .util-link--modal:link, .util-link--rss:link, .util-link--freedial:link { display: inline; text-decoration: underline; } .util-link__filesize { font-style: normal; } .util-link--blank:after { position: relative; top: -2px; margin: 0 0.5em; } .util-link--pdf:after { position: relative; top: -2px; margin: 0 0.5em; } .util-link--excel:after { position: relative; top: -2px; margin: 0 0.5em; } .util-link--word:after { position: relative; top: -2px; margin: 0 0.5em; } .util-link--powerpoint:after { position: relative; top: -2px; margin: 0 0.5em; } .util-link--zip:after { position: relative; top: -2px; margin: 0 0.5em; } .util-link--modal:after { position: relative; top: -2px; margin: 0 0.5em; } .util-link--rss:after { position: relative; top: -2px; margin: 0 0.5em; } .util-link--freedial:after { position: relative; top: -2px; margin: 0 0.5em; } /* ====================================================== * 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 { background-color: #fff; } [class*=util-badge--] { border-radius: 6px; color: #fff; } .util-badge--campaign { background-color: #de7300; } .util-badge--product { background-color: #00a469; } .util-badge--transfer { background-color: #ffe100; color: #333; } .util-badge--sales-start { background-color: #007238; } .util-badge--sales-end { background-color: #f90; } /* ====================================================== * motion ====================================================== */ .util-motion--slide { overflow: hidden; } /* ====================================================== * data-col * ------------------------------------------------------ * data-col-pc * data-col-sp ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * data-col-pc ====================================================== */ /* ====================================================== * data-col-sp ====================================================== */ /* ====================================================== * data-size * ------------------------------------------------------ * data-size-pc * data-size-sp ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * data-size-pc ====================================================== */ /* ====================================================== * data-size-sp ====================================================== */ /* ====================================================== * Layout ====================================================== */ /* ====================================================== * Header * ------------------------------------------------------ * Header__guide * Header__head * Header__body * Header__foot * Print ====================================================== */ /* ====================================================== * Header ====================================================== */ .Header { z-index: 998; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1); } .Header button { border: none; background: none; text-align: inherit; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .Header__inner { display: flex; justify-content: space-between; } /* ------------------------------------------------------ * Header__head ------------------------------------------------------ */ .header-logo { margin: 0; } .header-logo > a { display: inline-block; } /* ------------------------------------------------------ * Header__body ------------------------------------------------------ */ .header-utility-list { margin: 0; padding: 0; list-style: none; } .header-utility-other { display: flex; } .header-utility-chat > [class*=__type] { display: block; position: relative; } .header-utility-chat > [class*=__type]:before { position: absolute; left: 50%; background: url("/app-files/img/sprite/icon.svg#chat-usage") no-repeat left top/100%, #fff; content: ""; } .header-utility-chat__text { display: block; color: #333; font-weight: 700; font-size: 1rem; } .header-utility-search > [class*=__type] { display: block; position: relative; text-align: center; } .header-utility-search.is-active > [class*=__type] { background-color: #e6f8f3; } .header-utility-search.is-active > [class*=__type]:after, .header-utility-search.is-active > [class*=__type]:before { position: absolute; top: 50%; left: 50%; height: 2px; background-color: #007238; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-utility-search.is-active > [class*=__type]:before { transform: rotate(45deg); } .header-utility-search.is-active > [class*=__type]:after { transform: rotate(-45deg); } .header-utility-search__text { display: block; color: #333; font-weight: 700; font-size: 1rem; } .header-utility-search__text:before { position: absolute; top: 8px; left: 50%; background: url("/app-files/img/sprite/icon.svg#search-usage") no-repeat left top/100%, #fff; content: ""; } .is-active > [class*=__type] > .header-utility-search__text { color: #007238; } .is-active > [class*=__type] > .header-utility-search__text:before { display: none; } .header-search { display: none; z-index: 999; position: absolute; background-color: #e6f8f3; } .header-search__inner { overflow: hidden; background-color: #fff; } .header-search__wrap { display: flex; } .header-search__text { border: none; outline: none; } .header-search__text::-moz-placeholder { color: #999; } .header-search__text::placeholder { color: #999; } .header-search__submit { padding: 0; overflow: hidden; border: none; background: url("/app-files/img/sprite/icon.svg#search-usage") no-repeat left top/100%; background-color: #fff; font-size: 0; text-indent: -999px; } .header-utility-menu > [class*=__type] { display: block; position: relative; width: 44px; text-align: center; } .header-utility-menu > [class*=__type]:after, .header-utility-menu > [class*=__type]:before { position: absolute; left: 50%; height: 2px; background-color: #333; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .header-utility-menu > [class*=__type]:after { top: 24px; } .header-utility-menu.is-active > [class*=__type] { background-color: #e6f8f3; } .header-utility-menu.is-active > [class*=__type]:after, .header-utility-menu.is-active > [class*=__type]:before { top: 50%; margin-top: -7px; background-color: #007238; } .header-utility-menu.is-active > [class*=__type]:before { transform: rotate(45deg); } .header-utility-menu.is-active > [class*=__type]:after { transform: rotate(-45deg); } .header-utility-menu__text { display: block; color: #333; font-weight: 700; font-size: 1rem; } .header-utility-menu__text:before { position: absolute; left: 50%; height: 2px; background-color: #333; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .is-active > [class*=__type] > .header-utility-menu__text { color: #007238; } .is-active > [class*=__type] > .header-utility-menu__text:before { display: none; } .header-menu { display: none; z-index: 999; position: absolute; background-color: #e6f8f3; } .header-menu__close__link { display: block; width: 100%; border-radius: 99px; background-color: #fff !important; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); color: #333 !important; text-align: center !important; } .header-tab__list { display: flex; justify-content: space-between; margin: 0; padding: 0; border-bottom: 3px solid #333; } .header-tab__list > li { width: 100%; list-style: none; } .header-tab__list > li:first-of-type { padding-left: 0; } .header-tab__list > li:last-of-type { padding-right: 0; } .header-tab .header-tab__button, .header-tab .header-tab__button--nolink { display: flex; position: relative; align-items: center; justify-content: center; height: 100%; background-color: #fff; color: #333; line-height: 1.4; text-align: center; } .header-tab span.header-tab__button { pointer-events: none; } .header-tab .header-tab__button--nolink { background: #eee; pointer-events: none; } .header-tab__list > li.is-current .header-tab__button { background-color: #007238; color: #fff; } .header-tab__body { background-color: #fff; } .header-tab__detail > *:first-child, .header-tab__detail > section:first-child > *:first-child, .header-tab__detail > [class^=list-wrap] > *:first-child { margin-top: 0 !important; } .header-gnav__title > [class*=__type] { display: inline-block; position: relative; color: #333 !important; } .header-gnav__list { margin: 0; padding: 0; list-style: none; } .header-gnav__list > li > [class*=__type] { display: inline-block; position: relative; color: #333 !important; } .header-gnav__list > li > [class*=__type]:before { position: absolute; } .header-gnav__icon { display: inline-block; border-radius: 5px; background-color: #ffe100; line-height: 1.6; } .header-gnav__icon__label { color: #333; } .header-category__list { padding: 0; list-style: none; } /* ------------------------------------------------------ * Header__foot ------------------------------------------------------ */ body.is-active-menu { position: fixed; width: 100%; } .header-overlay { display: none; z-index: 998; position: fixed; left: 0; width: 100%; background-color: #000000; cursor: pointer; opacity: 0.3; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ====================================================== * Main * ------------------------------------------------------ * Main__guide * Main__head * Main__body * Main__foot * Readspeaker * Print ====================================================== */ /* ====================================================== * Main ====================================================== */ .Main { overflow: hidden; } /* ------------------------------------------------------ * Main__guide ------------------------------------------------------ */ .Main__guide { background-color: #f5f5f5; } /* ----- .main-read ----- */ .main-read:after { display: block; clear: both; content: ""; } .main-read > * { margin-bottom: 0 !important; } /* ----- .main-breadcrumb ----- */ .main-breadcrumb { display: flex; margin: 0; padding: 0; list-style: none; } .main-breadcrumb > li { position: relative; } .main-breadcrumb > li + li:before { position: absolute; border-color: #999; } .main-breadcrumb__type { display: inline-block; position: relative; color: #333 !important; text-decoration: underline !important; } /* ------------------------------------------------------ * Main__head ------------------------------------------------------ */ /* ------------------------------------------------------ * Main__body ------------------------------------------------------ */ .Main__content { margin: 0 auto; } .Main__content > *:first-child, .Main__content > section:first-child > *:first-child, .Main__content > [class^=list-wrap] > *:first-child { margin-top: 0 !important; } .Main__content > *:last-child { margin-bottom: 0 !important; } .main-lnav__stage1__wrap > .main-lnav__stage1__title.is-current > [class*=__type] { color: #007238 !important; } .main-lnav__stage1__detail > .main-lnav__stage1__title > [class*=__type]:hover { color: #007238 !important; text-decoration: underline; } .main-lnav__stage1__detail > .main-lnav__stage1__title.is-current > [class*=__type] { color: #007238 !important; } .main-lnav__stage2 { margin: 0; padding: 0; list-style: none; } .main-lnav__stage2 > li > [class*=__type]:hover { color: #007238 !important; text-decoration: underline; } .main-lnav__stage2 > li.is-current > [class*=__type] { color: #007238 !important; } /* ------------------------------------------------------ * Main__assist ------------------------------------------------------ */ .Main__assist { z-index: 997; position: fixed; right: 0; } .Main__assist button { border: none; text-align: inherit; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .main-banner__close__link { display: block; position: absolute; top: -12px; width: 24px; height: 24px; overflow: hidden; border-radius: 24px; background-color: #333; font-size: 0; text-indent: -999px; } .main-banner__close__link:after, .main-banner__close__link:before { position: absolute; top: 11px; left: 6px; width: 12px; height: 2px; background-color: #fff; content: ""; } .main-banner__close__link:before { transform: rotate(45deg); } .main-banner__close__link:after { transform: rotate(-45deg); } .main-banner__box { background: linear-gradient(90deg, #4eba6e 0%, #4eba6e 50%, #00a469 100%); } .main-banner__lead { color: #fff; text-align: center; } .main-banner__button > [class*=__type] { display: block; border-radius: 99px; background-color: #fff; color: #333 !important; text-align: center; } /* ------------------------------------------------------ * Main__foot ------------------------------------------------------ */ .main-modal > *:first-child { margin-top: 0; } .main-modal [class*=main-modal__lead--] { position: relative; } .main-modal__lead__icon { position: absolute; left: 0; } .main-modal__lead__text { display: inline-block; color: #00a469; } .main-modal__check { display: flex; padding: 0; list-style: none; } .main-modal__check > li { position: relative; } .main-modal__check > li:before { position: absolute; background-color: #ffe100; content: ""; } .main-modal__check > li:after { -webkit-transform: rotate(45deg); position: absolute; transform: rotate(45deg); border-right: 3px solid #333; border-bottom: 3px solid #333; content: ""; } /* ------------------------------------------------------ * Readspeaker ------------------------------------------------------ */ #rs-controlpanel, #rsmpl_container { z-index: 10000 !important; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ====================================================== * Assist * ------------------------------------------------------ * Assist__body * Print ====================================================== */ /* ====================================================== * Assist ====================================================== */ .Assist { position: fixed; } /* ------------------------------------------------------ * Assist__body ------------------------------------------------------ */ .assist-fnav__list { margin: 0; padding: 0; list-style: none; } .assist-fnav__list > li > [class*=__type] { display: block; text-align: center; } .assist-fnav__list__icon { display: block; margin: 0 auto; } .assist-fnav__list__text { display: block; color: #fff !important; font-size: 1rem; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ====================================================== * Footer * ------------------------------------------------------ * Footer__guide * Footer__head * Footer__body * Footer__foot * Print ====================================================== */ /* ====================================================== * Footer ====================================================== */ .Footer { position: relative; } .Footer button { border: none; background: none; text-align: inherit; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } /* ------------------------------------------------------ * Footer__guide ------------------------------------------------------ */ .Footer__guide .footer-pagetop { position: fixed; right: 0; bottom: 0; } .Footer__guide .footer-pagetop > a { display: block; position: relative; overflow: hidden; background-color: #333; font-size: 0; text-indent: -9999px; } .Footer__guide .footer-pagetop > a:before { position: absolute; left: 50%; height: 2px; background-color: #fff; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .Footer__guide .footer-pagetop > a:after { -webkit-transform: rotate(-45deg); position: absolute; left: 50%; transform: rotate(-45deg); border-top: 2px solid #fff; border-right: 2px solid #fff; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } /* ------------------------------------------------------ * Footer__head ------------------------------------------------------ */ .footer-sitemap__title > [class*=__type] { display: inline-block; position: relative; color: #333 !important; } .footer-sitemap__title > [class*=__type]:before { position: absolute; } .footer-sitemap__list { margin: 0; padding: 0; list-style: none; } .footer-sitemap__list > li > [class*=__type] { display: inline-block; position: relative; color: #333 !important; } .footer-sitemap__list > li > [class*=__type]:before { position: absolute; } /* ------------------------------------------------------ * Footer__body ------------------------------------------------------ */ .footer-snav { display: flex; flex-wrap: wrap; padding: 0; list-style: none; } .footer-snav > li > [class*=__type] { display: inline-block; text-decoration: underline; } /* ------------------------------------------------------ * Footer__foot ------------------------------------------------------ */ .Footer__foot { background-color: #00a469; } .footer-utility__list { margin: 0; padding: 0; list-style: none; } .footer-utility__list > li > [class*=__type] { display: inline-block; color: #fff !important; font-size: 1.3rem; text-decoration: underline; } .footer-utility__text { color: #fff; } .footer-copyright__label { display: block; color: #fff; font-family: Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /* ====================================================== * extend ====================================================== */ .bottom-fixed__button__type, .bottom-fixed__button .bottom-fixed__button__type--blank, .bottom-fixed__button .bottom-fixed__button__type--pdf, .bottom-fixed__button .bottom-fixed__button__type--excel, .bottom-fixed__button .bottom-fixed__button__type--word, .bottom-fixed__button .bottom-fixed__button__type--powerpoint, .bottom-fixed__button .bottom-fixed__button__type--zip, .bottom-fixed__button .bottom-fixed__button__type--modal, .bottom-fixed__button .bottom-fixed__button__type--rss, .bottom-fixed__button .bottom-fixed__button__type--freedial { display: flex; position: relative; align-items: center; justify-content: center; background-color: #007238; color: #fff; line-height: 1.4; text-align: center; } .bottom-fixed__button-v2__type, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--pdf, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--excel, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--word, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--powerpoint, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--rss, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--freedial { display: flex; position: relative; align-items: center; justify-content: center; background-color: #ffe100; color: #000000; line-height: 1.4; text-align: center; } .bottom-fixed-wrap { -webkit-transform: translateX(50%); display: flex; z-index: 994; position: fixed; right: 50%; justify-content: center; width: 100%; transform: translateX(50%); background-color: #fff; } .bottom-fixed__button .bottom-fixed__button__type--blank:after { right: 1.1em; } .bottom-fixed__button .bottom-fixed__button__type--pdf:after { right: 1.1em; } .bottom-fixed__button .bottom-fixed__button__type--excel:after { right: 1.1em; } .bottom-fixed__button .bottom-fixed__button__type--word:after { right: 1.1em; } .bottom-fixed__button .bottom-fixed__button__type--powerpoint:after { right: 1.1em; } .bottom-fixed__button .bottom-fixed__button__type--zip:after { right: 1.1em; } .bottom-fixed__button .bottom-fixed__button__type--modal:after { right: 1.1em; } 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; right: 0; 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%; height: 2px; background-color: #fff; content: ""; } [class*=modal--].modaal-wrapper .modaal-close > span:before { transform: rotate(45deg); } [class*=modal--].modaal-wrapper .modaal-close > span:after { transform: rotate(-45deg); } [class*=modal--iframe].modaal-wrapper .modaal-container { overflow: visible !important; } [class*=modal--iframe].modaal-wrapper .modaal-content { overflow: auto; } .modaal-overlay { z-index: 1001 !important; } .bottom-fixed__button .bottom-fixed__button__type--rss:after { right: 1.1em; } .bottom-fixed__button .bottom-fixed__button__type--freedial:after { right: 1.1em; } .bottom-fixed__button__filesize { margin-left: 0.5em; vertical-align: middle; } .bottom-fixed__button__label { color: #fff; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank:after { right: 1.1em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--pdf:after { right: 1.1em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--excel:after { right: 1.1em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--word:after { right: 1.1em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--powerpoint:after { right: 1.1em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip:after { right: 1.1em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal:after { right: 1.1em; } 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; right: 0; 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%; height: 2px; background-color: #fff; content: ""; } [class*=modal--].modaal-wrapper .modaal-close > span:before { transform: rotate(45deg); } [class*=modal--].modaal-wrapper .modaal-close > span:after { transform: rotate(-45deg); } [class*=modal--iframe].modaal-wrapper .modaal-container { overflow: visible !important; } [class*=modal--iframe].modaal-wrapper .modaal-content { overflow: auto; } .modaal-overlay { z-index: 1001 !important; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--rss:after { right: 1.1em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--freedial:after { right: 1.1em; } .bottom-fixed__button-v2__filesize { margin-left: 0.5em; vertical-align: middle; } .bottom-fixed__button-v2__label { color: #000000; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ====================================================== * Module ====================================================== */ /* ----- Heading ----- */ /* 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 ------------------------------------------------------ */ border-left: 3px solid #00a469; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .heading2__link { display: inline-block; } .heading2__link:visited .heading2__title { color: #996699; } .heading2__link .heading2__subtitle { text-decoration: none; } .heading2__link .heading2__title { text-decoration: underline; } .heading2__link--blank { display: inline-block; } .heading2__link--blank:visited .heading2__title { color: #996699; } .heading2__link--blank .heading2__subtitle { text-decoration: none; } .heading2__link--blank .heading2__title { text-decoration: underline; } .heading2__link--blank .heading2__title:after { top: -3px; width: 21px; height: 21px; } .heading2__link--pdf { display: inline-block; } .heading2__link--pdf:visited .heading2__title { color: #996699; } .heading2__link--pdf .heading2__subtitle { text-decoration: none; } .heading2__link--pdf .heading2__title { text-decoration: underline; } .heading2__link--pdf .heading2__title:after { top: -3px; width: 21px; height: 21px; } .heading2__link--excel { display: inline-block; } .heading2__link--excel:visited .heading2__title { color: #996699; } .heading2__link--excel .heading2__subtitle { text-decoration: none; } .heading2__link--excel .heading2__title { text-decoration: underline; } .heading2__link--excel .heading2__title:after { top: -3px; width: 21px; height: 21px; } .heading2__link--word { display: inline-block; } .heading2__link--word:visited .heading2__title { color: #996699; } .heading2__link--word .heading2__subtitle { text-decoration: none; } .heading2__link--word .heading2__title { text-decoration: underline; } .heading2__link--word .heading2__title:after { top: -3px; width: 21px; height: 21px; } .heading2__link--powerpoint { display: inline-block; } .heading2__link--powerpoint:visited .heading2__title { color: #996699; } .heading2__link--powerpoint .heading2__subtitle { text-decoration: none; } .heading2__link--powerpoint .heading2__title { text-decoration: underline; } .heading2__link--powerpoint .heading2__title:after { top: -3px; width: 21px; height: 21px; } .heading2__link--zip { display: inline-block; } .heading2__link--zip:visited .heading2__title { color: #996699; } .heading2__link--zip .heading2__subtitle { text-decoration: none; } .heading2__link--zip .heading2__title { text-decoration: underline; } .heading2__link--zip .heading2__title:after { top: -3px; width: 21px; height: 21px; } .heading2__link--modal { display: inline-block; } .heading2__link--modal:visited .heading2__title { color: #996699; } .heading2__link--modal .heading2__subtitle { text-decoration: none; } .heading2__link--modal .heading2__title { text-decoration: underline; } .heading2__link--modal .heading2__title:after { top: -3px; width: 21px; height: 21px; } .heading2__link--rss { display: inline-block; } .heading2__link--rss:visited .heading2__title { color: #996699; } .heading2__link--rss .heading2__subtitle { text-decoration: none; } .heading2__link--rss .heading2__title { text-decoration: underline; } .heading2__link--rss .heading2__title:after { top: -3px; width: 21px; height: 21px; } .heading2__link--freedial { display: inline-block; } .heading2__link--freedial:visited .heading2__title { color: #996699; } .heading2__link--freedial .heading2__subtitle { text-decoration: none; } .heading2__link--freedial .heading2__title { text-decoration: underline; } .heading2__link--freedial .heading2__title:after { top: -3px; width: 21px; height: 21px; } .heading2__link--blank .heading2__title:after { width: 12px; height: 12px; } .heading2__title { margin: 0; color: #333; line-height: 1.4; } .heading2__subtitle { color: #00a469; line-height: 1.4; } .heading2__filesize { margin-left: 0.5em; font-style: normal; vertical-align: top; } .heading2--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ text-align: center; } .heading2--center__link { display: inline-block; } .heading2--center__link:visited .heading2--center__title { color: #996699; } .heading2--center__link .heading2--center__subtitle { text-decoration: none; } .heading2--center__link .heading2--center__title { text-decoration: underline; } .heading2--center__link--blank { display: inline-block; } .heading2--center__link--blank:visited .heading2--center__title { color: #996699; } .heading2--center__link--blank .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--blank .heading2--center__title { text-decoration: underline; } .heading2--center__link--blank .heading2--center__title:after { top: -3px; width: 21px; height: 21px; } .heading2--center__link--pdf { display: inline-block; } .heading2--center__link--pdf:visited .heading2--center__title { color: #996699; } .heading2--center__link--pdf .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--pdf .heading2--center__title { text-decoration: underline; } .heading2--center__link--pdf .heading2--center__title:after { top: -3px; width: 21px; height: 21px; } .heading2--center__link--excel { display: inline-block; } .heading2--center__link--excel:visited .heading2--center__title { color: #996699; } .heading2--center__link--excel .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--excel .heading2--center__title { text-decoration: underline; } .heading2--center__link--excel .heading2--center__title:after { top: -3px; width: 21px; height: 21px; } .heading2--center__link--word { display: inline-block; } .heading2--center__link--word:visited .heading2--center__title { color: #996699; } .heading2--center__link--word .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--word .heading2--center__title { text-decoration: underline; } .heading2--center__link--word .heading2--center__title:after { top: -3px; width: 21px; height: 21px; } .heading2--center__link--powerpoint { display: inline-block; } .heading2--center__link--powerpoint:visited .heading2--center__title { color: #996699; } .heading2--center__link--powerpoint .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--powerpoint .heading2--center__title { text-decoration: underline; } .heading2--center__link--powerpoint .heading2--center__title:after { top: -3px; width: 21px; height: 21px; } .heading2--center__link--zip { display: inline-block; } .heading2--center__link--zip:visited .heading2--center__title { color: #996699; } .heading2--center__link--zip .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--zip .heading2--center__title { text-decoration: underline; } .heading2--center__link--zip .heading2--center__title:after { top: -3px; width: 21px; height: 21px; } .heading2--center__link--modal { display: inline-block; } .heading2--center__link--modal:visited .heading2--center__title { color: #996699; } .heading2--center__link--modal .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--modal .heading2--center__title { text-decoration: underline; } .heading2--center__link--modal .heading2--center__title:after { top: -3px; width: 21px; height: 21px; } .heading2--center__link--rss { display: inline-block; } .heading2--center__link--rss:visited .heading2--center__title { color: #996699; } .heading2--center__link--rss .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--rss .heading2--center__title { text-decoration: underline; } .heading2--center__link--rss .heading2--center__title:after { top: -3px; width: 21px; height: 21px; } .heading2--center__link--freedial { display: inline-block; } .heading2--center__link--freedial:visited .heading2--center__title { color: #996699; } .heading2--center__link--freedial .heading2--center__subtitle { text-decoration: none; } .heading2--center__link--freedial .heading2--center__title { text-decoration: underline; } .heading2--center__link--freedial .heading2--center__title:after { top: -3px; width: 21px; height: 21px; } .heading2--center__link--blank .heading2--center__title:after { width: 12px; height: 12px; } .heading2--center__title { margin: 0; color: #333; line-height: 1.4; } .heading2--center__subtitle { color: #00a469; line-height: 1.4; } .heading2--center__filesize { margin-left: 0.5em; font-style: normal; vertical-align: top; } .heading2--center { border-left: 3px solid #00a469; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ } /* ----- List ----- */ /* note-list */ /* ====================================================== * 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: 2em 0 0 0; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .list-wrap > *:first-child, .list-wrap > section:first-child > *:first-child, .list-wrap > [class^=list-wrap] > *:first-child { margin-top: 0 !important; } .list-wrap--center { /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ display: flex; flex-flow: row wrap; justify-content: center; margin: 2em 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: 2em 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: 2em 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.5em; color: #666; } /* ----- Button ----- */ /* button */ /* ====================================================== * BT-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * BT-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * button-wrap-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-wrap-0001 * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * button-default * ------------------------------------------------------ * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * extend ====================================================== */ .button__type, .button .button__type--blank, .button .button__type--pdf, .button .button__type--excel, .button .button__type--word, .button .button__type--powerpoint, .button .button__type--zip, .button .button__type--modal, .button .button__type--rss, .button .button__type--freedial, .button-v2__type, .button-v2 .button-v2__type--blank, .button-v2 .button-v2__type--pdf, .button-v2 .button-v2__type--excel, .button-v2 .button-v2__type--word, .button-v2 .button-v2__type--powerpoint, .button-v2 .button-v2__type--zip, .button-v2 .button-v2__type--modal, .button-v2 .button-v2__type--rss, .button-v2 .button-v2__type--freedial, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .button-v3 .button-v3__type--freedial { 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, .button .button__type--rss, .button .button__type--freedial { display: flex; position: relative; align-items: center; justify-content: center; background-color: #007238; 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 { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button__type--blank:after { width: 12px !important; height: 12px !important; } .button__type--zip:after { width: 16px !important; height: 16px !important; } .button__type--modal:after { width: 16px !important; height: 16px !important; } .button__label { display: inline-block; } .button__filesize { font-style: normal; } .button .button__type--blank:after { right: 1.1em; } .button .button__type--pdf:after { right: 1.1em; } .button .button__type--excel:after { right: 1.1em; } .button .button__type--word:after { right: 1.1em; } .button .button__type--powerpoint:after { right: 1.1em; } .button .button__type--zip:after { right: 1.1em; } .button .button__type--modal:after { right: 1.1em; } 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; right: 0; 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%; height: 2px; background-color: #fff; content: ""; } [class*=modal--].modaal-wrapper .modaal-close > span:before { transform: rotate(45deg); } [class*=modal--].modaal-wrapper .modaal-close > span:after { transform: rotate(-45deg); } [class*=modal--iframe].modaal-wrapper .modaal-container { overflow: visible !important; } [class*=modal--iframe].modaal-wrapper .modaal-content { overflow: auto; } .modaal-overlay { z-index: 1001 !important; } .button .button__type--rss:after { right: 1.1em; } .button .button__type--freedial:after { right: 1.1em; } .button__filesize { margin-left: 0.5em; 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 .button__type--rss, .button .button__type--freedial, .button-v2__type, .button-v2 .button-v2__type--blank, .button-v2 .button-v2__type--pdf, .button-v2 .button-v2__type--excel, .button-v2 .button-v2__type--word, .button-v2 .button-v2__type--powerpoint, .button-v2 .button-v2__type--zip, .button-v2 .button-v2__type--modal, .button-v2 .button-v2__type--rss, .button-v2 .button-v2__type--freedial, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .button-v3 .button-v3__type--freedial { 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, .button-v2 .button-v2__type--rss, .button-v2 .button-v2__type--freedial { display: flex; position: relative; align-items: center; justify-content: center; background-color: #fff; 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-v2 { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-v2__type--blank:after { width: 12px !important; height: 12px !important; } .button-v2__type--zip:after { width: 16px !important; height: 16px !important; } .button-v2__type--modal:after { width: 16px !important; height: 16px !important; } .button-v2__label { display: inline-block; } .button-v2__filesize { font-style: normal; } .button-v2 .button-v2__type--zip { padding-right: 3em; } .button-v2 .button-v2__type--modal { padding-right: 3em; } .button-v2__filesize { margin-left: 0.5em; 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 .button__type--rss, .button .button__type--freedial, .button-v2__type, .button-v2 .button-v2__type--blank, .button-v2 .button-v2__type--pdf, .button-v2 .button-v2__type--excel, .button-v2 .button-v2__type--word, .button-v2 .button-v2__type--powerpoint, .button-v2 .button-v2__type--zip, .button-v2 .button-v2__type--modal, .button-v2 .button-v2__type--rss, .button-v2 .button-v2__type--freedial, .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .button-v3 .button-v3__type--freedial { 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, .button-v3 .button-v3__type--rss, .button-v3 .button-v3__type--freedial { display: flex; position: relative; align-items: center; justify-content: center; background-color: #ffe100; color: #000000; 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-v3 { display: flex; /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ } .button-v3__type--blank:after { width: 12px !important; height: 12px !important; } .button-v3__type--zip:after { width: 16px !important; height: 16px !important; } .button-v3__type--modal:after { width: 16px !important; height: 16px !important; } .button-v3__label { display: inline-block; } .button-v3__filesize { font-style: normal; } .button-v3 .button-v3__type--blank:after { right: 1.1em; background-color: transparent; } .button-v3 .button-v3__type--pdf:after { right: 1.1em; background-color: transparent; } .button-v3 .button-v3__type--excel:after { right: 1.1em; background-color: transparent; } .button-v3 .button-v3__type--word:after { right: 1.1em; background-color: transparent; } .button-v3 .button-v3__type--powerpoint:after { right: 1.1em; background-color: transparent; } .button-v3 .button-v3__type--zip:after { right: 1.1em; background-color: transparent; } .button-v3 .button-v3__type--modal:after { right: 1.1em; background-color: transparent; } 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; right: 0; 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%; height: 2px; background-color: #fff; content: ""; } [class*=modal--].modaal-wrapper .modaal-close > span:before { transform: rotate(45deg); } [class*=modal--].modaal-wrapper .modaal-close > span:after { transform: rotate(-45deg); } [class*=modal--iframe].modaal-wrapper .modaal-container { overflow: visible !important; } [class*=modal--iframe].modaal-wrapper .modaal-content { overflow: auto; } .modaal-overlay { z-index: 1001 !important; } .button-v3 .button-v3__type--rss:after { right: 1.1em; background-color: transparent; } .button-v3 .button-v3__type--freedial:after { right: 1.1em; background-color: transparent; } .button-v3 .button-v3__type--zip:after { background-image: url("/app-files/img/sprite/icon.svg#zip-usage"); } .button-v3 .button-v3__type--modal:after { background-image: url("/app-files/img/sprite/icon.svg#modal-usage"); } .button-v3__filesize { margin-left: 0.5em; vertical-align: middle; } /* ----- Modal ----- */ /* modal */ /* ====================================================== * MDL-1 * ------------------------------------------------------ * vars * @import * @mixin ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * MDL-1 * ------------------------------------------------------ * @import * @mixin ====================================================== */ /* ====================================================== * import ====================================================== */ /* ====================================================== * modal-0001 * ------------------------------------------------------ * @vars * @mixin * - Element * - Modifier * - Print ====================================================== */ /* ====================================================== * vars ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ====================================================== * mixin ====================================================== */ /* ------------------------------------------------------ * Element ------------------------------------------------------ */ [class*=modal--].modaal-wrapper .modaal-close { right: 0; border-radius: 50%; background-color: #007238; } [class*=modal--].modaal-wrapper .modaal-close > span { overflow: hidden; text-indent: -9999px; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { height: 2px; background-color: #fff; } .modaal-overlay { opacity: 0.7 !important; } [class^=modal--] { display: none; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ /* ------------------------------------------------------ * Modifier ------------------------------------------------------ */ .modal--image.modaal-wrapper .modaal-container { border-radius: 0; } /* ------------------------------------------------------ * Font ------------------------------------------------------ */ /* ------------------------------------------------------ * Override ------------------------------------------------------ */ /* ------------------------------------------------------ * Page Component ------------------------------------------------------ */ /* ----- home-media ----- */ .home-media { position: relative; } .home-media__inner > *:first-child { margin-top: 0 !important; } .home-media__inner > *:last-child { margin-bottom: 0 !important; } /* v2 */ .home-media-v2 { display: flex; align-items: center; } .home-media-v2__head { margin: 0 22px 0 0; } .home-media-v2__body { flex: 1 1; } .home-media-v2__head > *:first-child, .home-media-v2__body > *:first-child { margin-top: 0 !important; } .home-media-v2__head > *:last-child, .home-media-v2__body > *:last-child { margin-bottom: 0 !important; } /* v3 */ .home-media-v3__head > *:first-child, .home-media-v3__body > *:first-child, .home-media-v3__foot > *:first-child { margin-top: 0 !important; } .home-media-v3__head > *:last-child, .home-media-v3__body > *:last-child, .home-media-v3__foot > *:last-child { margin-bottom: 0 !important; } .home-media-v3__image { position: absolute; margin: 0; } .home-media-v3__image img { width: 100%; } .home-media-v3__title { display: flex; justify-content: center; margin: 0; font-weight: 700; line-height: 1.1; text-align: center; } .home-media-v3__label { z-index: 0; position: relative; } .home-media-v3__label:before { z-index: -1; position: absolute; left: 0; width: 100%; background: #ffe100; content: ""; } /* v4 */ .home-media-v4__head > *:first-child, .home-media-v4__body > *:first-child { margin-top: 0 !important; } .home-media-v4__head > *:last-child, .home-media-v4__body > *:last-child { margin-bottom: 0 !important; } .home-media-v4__image { margin: 0; } .home-media-v4__image img { width: 100%; } /* v5 */ .home-media-v5 { display: flex; justify-content: center; } .home-media-v5__head > *:first-child, .home-media-v5__body > *:first-child { margin-top: 0 !important; } .home-media-v5__head > *:last-child, .home-media-v5__body > *:last-child { margin-bottom: 0 !important; } .home-media-v5__image { margin: 0; text-align: center; } .home-media-v5__title { position: relative; margin: 0; color: #009e64; font-weight: 700; text-align: center; } .home-media-v5__title:before { position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 9999px; background: linear-gradient(to right, #00a469 0%, #50c8a6 100%); content: ""; } /* v6 */ .home-media-v6__head > *:first-child, .home-media-v6__body > *:first-child { margin-top: 0 !important; } .home-media-v6__head > *:last-child, .home-media-v6__body > *:last-child { margin-bottom: 0 !important; } /* v7 */ .home-media-v7__head > *:first-child, .home-media-v7__body > *:first-child { margin-top: 0 !important; } .home-media-v7__head > *:last-child, .home-media-v7__body > *:last-child { margin-bottom: 0 !important; } .home-media-v7__image { margin: 0; } .home-media-v7__image img { width: 100%; } /* v8 */ .home-media-v8__head:before { z-index: -1; position: absolute; background: no-repeat 0 0; content: ""; } .home-media-v8__head, .home-media-v8__body, .home-media-v8__foot { z-index: 0; position: relative; } .home-media-v8__head > *:first-child, .home-media-v8__body > *:first-child, .home-media-v8__foot > *:first-child { margin-top: 0 !important; } .home-media-v8__head > *:last-child, .home-media-v8__body > *:last-child, .home-media-v8__foot > *:last-child { margin-bottom: 0 !important; } .home-media-v8__inner { z-index: 0; position: relative; } .home-media-v8__inner:before { z-index: -1; position: absolute; background: no-repeat 0 0; content: ""; } .home-media-v8__inner > *:first-child { margin-top: 0 !important; } .home-media-v8__inner > *:last-child { margin-bottom: 0 !important; } .home-media-v8__title { margin: 0; color: #009e64; font-weight: 700; line-height: 1; font-family: "Jost", sans-serif; } /* v9 */ .home-media-v9 { background: #fff; } .home-media-v9__head > *:first-child, .home-media-v9__body > *:first-child { margin-top: 0 !important; } .home-media-v9__head > *:last-child, .home-media-v9__body > *:last-child { margin-bottom: 0 !important; } .home-media-v9__image { margin: 0; } .home-media-v9__image img { width: 100%; } .home-media-v9__text { font-weight: 700; } /* 10 */ .home-media-v10 { z-index: 0; position: relative; } .home-media-v10__head > *:first-child, .home-media-v10__body > *:first-child { margin-top: 0 !important; } .home-media-v10__head > *:last-child, .home-media-v10__body > *:last-child { margin-bottom: 0 !important; } /* ----- home-hero ----- */ /* ----- home-control ----- */ .home-control { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; } .home-control__pager { overflow: hidden; } .home-control__dot { display: flex; align-items: center; padding: 0; list-style: none; } .home-control__dot > li > button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; border: none; border-radius: 50%; outline: none; font-size: 0; line-height: 0; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-control__arrow--prev, .home-control__arrow--next { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; margin: 0; padding: 0; border: none; border-radius: 0; outline: none; background: transparent; font-size: 0; line-height: 0; cursor: pointer; } .home-control__arrow--prev:before, .home-control__arrow--next:before { -webkit-backface-visibility: hidden; position: absolute; top: 0; left: 0; border-top-width: 3px; border-right-width: 3px; border-top-style: solid; border-right-style: solid; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-control__arrow--prev:before { transform: rotate(-135deg); } .home-control__arrow--next:before { transform: rotate(45deg); } .home-control__button--pause, .home-control__button--play { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; margin: 0; padding: 0; border: none; border-radius: 0; outline: none; background: transparent; font-size: 0; line-height: 0; cursor: pointer; } .home-control__button--pause:before, .home-control__button--pause:after { position: absolute; top: 0; height: 100%; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-control__button--pause:before { left: 0; } .home-control__button--pause:after { right: 0; } .home-control__button--play:before { position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-color: transparent; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } /* v2 */ .home-control-v2 { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; } .home-control-v2__navi { z-index: 0; position: relative; overflow: hidden; border: 1px solid #ccc; border-radius: 9999px; } .home-control-v2__arrow--prev, .home-control-v2__arrow--next { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; margin: 0; padding: 0; border: none; border-radius: 0; outline: none; background: #fff; font-size: 0; line-height: 0; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-control-v2__arrow--prev:before, .home-control-v2__arrow--next:before { -webkit-backface-visibility: hidden; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin: 0 0 0 -4px; border-top: 1px solid #00a469; border-right: 1px solid #00a469; content: ""; } .home-control-v2__arrow--prev:before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg); margin-left: 3px; transform: translateX(-50%) translateY(-50%) rotate(-135deg); } .home-control-v2__arrow--next:before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); margin-left: -3px; transform: translateX(-50%) translateY(-50%) rotate(45deg); } .home-control-v2__arrow--prev + .home-control-v2__arrow--next { border-left: 1px solid #ccc; } /* v3 */ .home-control-v3__arrow--prev, .home-control-v3__arrow--next { -webkit-transform: translateY(-50%); -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 50%; width: 40px; height: 40px; margin: 0; padding: 0; transform: translateY(-50%); border: none; border-radius: 50%; outline: none; background: #007238; font-size: 0; line-height: 0; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-control-v3__arrow--prev:before, .home-control-v3__arrow--next:before { -webkit-backface-visibility: hidden; position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; margin: 0 0 0 -4px; border-top: 3px solid #fff; border-right: 3px solid #fff; content: ""; } .home-control-v3__arrow--prev { left: 0; } .home-control-v3__arrow--prev:before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg); margin-left: 3px; transform: translateX(-50%) translateY(-50%) rotate(-135deg); } .home-control-v3__arrow--next { right: 0; } .home-control-v3__arrow--next:before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); margin-left: -3px; transform: translateX(-50%) translateY(-50%) rotate(45deg); } /* v4 */ .home-control-v4 { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; } .home-control-v4__pager { overflow: hidden; } .home-control-v4__dot { display: flex; align-items: center; padding: 0; list-style: none; } .home-control-v4__dot > li > button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; border: none; border-radius: 50%; outline: none; background: #b2b2b2; font-size: 0; line-height: 0; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-control-v4__dot > li.slick-active > button { background-color: #007238; } .home-control-v4__arrow--prev, .home-control-v4__arrow--next { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; margin: 0; padding: 0; border: none; border-radius: 0; outline: none; background: transparent; font-size: 0; line-height: 0; cursor: pointer; } .home-control-v4__arrow--prev:before, .home-control-v4__arrow--next:before { -webkit-backface-visibility: hidden; position: absolute; top: 0; left: 0; border-top: 3px solid #007238; border-right: 3px solid #007238; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-control-v4__arrow--prev:before { transform: rotate(-135deg); } .home-control-v4__arrow--next:before { transform: rotate(45deg); } .home-control-v4__button--pause, .home-control-v4__button--play { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; margin: 0; padding: 0; border: none; border-radius: 0; outline: none; background: transparent; font-size: 0; line-height: 0; cursor: pointer; } .home-control-v4__button--pause:before, .home-control-v4__button--pause:after { position: absolute; top: 0; height: 100%; background: #007238; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-control-v4__button--pause:before { left: 0; } .home-control-v4__button--pause:after { right: 0; } .home-control-v4__button--play:before { position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #007238; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } /* ----- home-carousel ----- */ .home-carousel__item > *:first-child { margin-top: 0 !important; } .home-carousel__item > *:last-child { margin-bottom: 0 !important; } .home-carousel__image { margin: 0; } .home-carousel__image img { width: 100%; } .home-carousel__movie { position: relative; width: 100%; margin-top: 0; padding-top: 56.25%; } .home-carousel__movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .home-carousel__movie iframe.home-carousel__movie__yahoo { display: none; } /* v2 */ .home-carousel-v2__item > *:first-child { margin-top: 0 !important; } .home-carousel-v2__item > *:last-child { margin-bottom: 0 !important; } .home-carousel-v2__title { font-weight: 700; } /* v3 */ .home-carousel-v3__item > *:first-child { margin-top: 0 !important; } .home-carousel-v3__item > *:last-child { margin-bottom: 0 !important; } /* v4 */ .home-carousel-v4 { position: relative; } /* v5 */ .home-carousel-v5__list:after { display: block; clear: both; content: ""; } .home-carousel-v5 [class*=__type] { display: block; z-index: 0; position: relative; overflow: hidden; background: #fff; } .home-carousel-v5 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } .home-carousel-v5 [class*=__type]:not([class*=__type--nolink]) .home-carousel-v5__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-carousel-v5 [class*=__type]:not([class*=__type--nolink]) .home-carousel-v5__title { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-carousel-v5__type .home-carousel-v5__title:after { -webkit-transform: rotate(45deg); display: inline-block; position: relative; margin: 0 0 0 6px; transform: rotate(45deg); border-top: 1px solid #00a469; border-right: 1px solid #00a469; content: ""; vertical-align: middle; } .home-carousel-v5__type--blank .home-carousel-v5__title:after, .home-carousel-v5__type--pdf .home-carousel-v5__title:after { display: inline-block; position: relative; background: no-repeat 50% 50%; background-size: contain; content: ""; vertical-align: middle; } .home-carousel-v5__type--blank .home-carousel-v5__title:after { width: 12px; height: 12px; background-image: url(/app-files/img/sprite/icon.svg#blank-usage); } .home-carousel-v5__type--pdf .home-carousel-v5__title:after { width: 21px; height: 21px; background-image: url(/app-files/img/sprite/icon.svg#pdf-usage); } .home-carousel-v5__head > *:first-child, .home-carousel-v5__body > *:first-child { margin-top: 0 !important; } .home-carousel-v5__head > *:last-child, .home-carousel-v5__body > *:last-child { margin-bottom: 0 !important; } .home-carousel-v5__image { margin: 0; } .home-carousel-v5__image img { width: 100%; } .home-carousel-v5__title { font-weight: 700; } .home-carousel-v5__filesize { font-style: normal; } /* v6 */ .home-carousel-v6__outer { position: relative; } .home-carousel-v6__list:after { display: block; clear: both; content: ""; } .home-carousel-v6 [class*=__type] { display: block; z-index: 0; position: relative; overflow: hidden; background: #fff; } .home-carousel-v6 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } .home-carousel-v6 [class*=__type]:not([class*=__type--nolink]) .home-carousel-v6__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-carousel-v6 [class*=__type]:not([class*=__type--nolink]) .home-carousel-v6__title { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-carousel-v6 .home-control-v4__dot { justify-content: center; } .home-carousel-v6__type .home-carousel-v6__title:after { -webkit-transform: rotate(45deg); display: inline-block; position: relative; margin: 0 0 0 6px; transform: rotate(45deg); border-top: 1px solid #00a469; border-right: 1px solid #00a469; content: ""; vertical-align: middle; } .home-carousel-v6__type--blank .home-carousel-v6__title:after, .home-carousel-v6__type--pdf .home-carousel-v6__title:after { display: inline-block; position: relative; background: no-repeat 50% 50%; background-size: contain; content: ""; vertical-align: middle; } .home-carousel-v6__type--blank .home-carousel-v6__title:after { width: 12px; height: 12px; background-image: url(/app-files/img/sprite/icon.svg#blank-usage); } .home-carousel-v6__type--pdf .home-carousel-v6__title:after { width: 21px; height: 21px; background-image: url(/app-files/img/sprite/icon.svg#pdf-usage); } .home-carousel-v6__head > *:first-child, .home-carousel-v6__body > *:first-child { margin-top: 0 !important; } .home-carousel-v6__head > *:last-child, .home-carousel-v6__body > *:last-child { margin-bottom: 0 !important; } .home-carousel-v6__image { margin: 0; } .home-carousel-v6__image img { width: 100%; } .home-carousel-v6__title { font-weight: 700; } .home-carousel-v6__filesize { font-style: normal; } /* v7 */ .home-carousel-v7__list:after { display: block; clear: both; content: ""; } .home-carousel-v7 [class*=__type] { display: block; z-index: 0; position: relative; overflow: hidden; background: #fff; } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]) .home-carousel-v7__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]) .home-carousel-v7__link { position: relative; color: #007238; text-decoration: underline; } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]) .home-carousel-v7__link:before { -webkit-transform: rotate(45deg); position: absolute; left: 0; transform: rotate(45deg); border-top: 1px solid #00a469; border-right: 1px solid #00a469; content: ""; } .home-carousel-v7__type--blank .home-carousel-v7__link:after, .home-carousel-v7__type--pdf .home-carousel-v7__link:after { display: inline-block; position: relative; background: no-repeat 50% 50%; background-size: contain; content: ""; vertical-align: middle; } .home-carousel-v7__type--blank .home-carousel-v7__link:after { width: 12px; height: 12px; background-image: url(/app-files/img/sprite/icon.svg#blank-usage); } .home-carousel-v7__type--pdf .home-carousel-v7__link:after { width: 21px; height: 21px; background-image: url(/app-files/img/sprite/icon.svg#pdf-usage); } .home-carousel-v7__head { position: relative; } .home-carousel-v7__head > *:first-child, .home-carousel-v7__body > *:first-child { margin-top: 0 !important; } .home-carousel-v7__head > *:last-child, .home-carousel-v7__body > *:last-child { margin-bottom: 0 !important; } .home-carousel-v7__image { margin: 0; } .home-carousel-v7__image img { width: 100%; } .home-carousel-v7__icon { position: absolute; bottom: 0; left: 0; } .home-carousel-v7__icon img { width: 100%; } .home-carousel-v7__title { font-weight: 700; } .home-carousel-v7__filesize { font-style: normal; } /* v8 */ .home-carousel-v8__list { margin: 0 -5px; padding: 0; list-style: none; } .home-carousel-v8__list li { float: left; } .home-carousel-v8__list li img { width: 100%; } .home-carousel-v8__list:after { display: block; clear: both; content: ""; } .home-carousel-v8 [class*=__type] { display: block; background: #fff; } .home-carousel-v8 [class*=__type]:not([class*=__type--nolink]) img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } /* ----- home-link-list ----- */ .home-link-list { padding: 0; list-style: none; } .home-link-list [class*=__type] { display: inline-block; position: relative; } .home-link-list [class*=__type]:not([class*=__type--nolink]) { text-decoration: underline; } .home-link-list [class*=__type]:not([class*=__type--nolink]):before { -webkit-transform: rotate(45deg); position: absolute; left: 0; transform: rotate(45deg); border-top: 1px solid #00a469; border-right: 1px solid #00a469; content: ""; } .home-link-list__type--blank:after, .home-link-list__type--pdf:after { display: inline-block; position: relative; background: no-repeat 50% 50%; background-size: contain; content: ""; vertical-align: middle; } .home-link-list__type--blank:after { width: 12px; height: 12px; background-image: url(/app-files/img/sprite/icon.svg#blank-usage); } .home-link-list__type--pdf:after { width: 21px; height: 21px; background-image: url(/app-files/img/sprite/icon.svg#pdf-usage); } .home-link-list__filesize { font-style: normal; } /* v2 */ .home-link-list-v2 { margin: 0; padding: 0; list-style: none; } .home-link-list-v2 [class*=__type] { display: inline-block; position: relative; } .home-link-list-v2 [class*=__type]:not([class*=__type--nolink]) { color: #007238; text-decoration: underline; } .home-link-list-v2 [class*=__type]:not([class*=__type--nolink]):before { position: absolute; left: 0; border-radius: 50%; background: #c00; content: ""; } .home-link-list-v2__type--blank:after, .home-link-list-v2__type--pdf:after { display: inline-block; position: relative; background: no-repeat 50% 50%; background-size: contain; content: ""; vertical-align: middle; } .home-link-list-v2__type--blank:after { width: 12px; height: 12px; background-image: url(/app-files/img/sprite/icon.svg#blank-usage); } .home-link-list-v2__type--pdf:after { width: 21px; height: 21px; background-image: url(/app-files/img/sprite/icon.svg#pdf-usage); } .home-link-list-v2__filesize { font-style: normal; } /* v3 */ .home-link-list-v3 { display: flex; justify-content: center; padding: 0; list-style: none; } .home-link-list-v3 > li { text-align: center; } .home-link-list-v3 [class*=__type] { -webkit-appearance: none; -moz-appearance: none; display: inline-block; appearance: none; position: relative; border: none; border-radius: 0; outline: none; background-color: transparent; box-shadow: none; } .home-link-list-v3 [class*=__type]:not([class*=__type--nolink]) { color: #007238; text-decoration: underline; } .home-link-list-v3 [class*=__type]:not([class*=__type--nolink]):before { -webkit-transform: translateY(-50%); position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url(/img/index_ic03.png) no-repeat 0 0; background-size: cover; content: ""; } /* v4 */ .home-link-list-v4 { margin: 0; padding: 0; list-style: none; } .home-link-list-v4 > li + li { border-top: 1px solid #ddd; } .home-link-list-v4 [class*=__type] { display: flex; align-items: center; padding: 10px 0; } .home-link-list-v4 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } .home-link-list-v4 [class*=__type]:not([class*=__type--nolink]) .home-link-list-v4__label > dd { position: relative; color: #007238; text-decoration: underline; } .home-link-list-v4 [class*=__type]:not([class*=__type--nolink]) .home-link-list-v4__label > dd:before { -webkit-transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); border-top: 1px solid #00a469; border-right: 1px solid #00a469; content: ""; } .home-link-list-v4__label { display: flex; align-items: center; width: 100%; margin: 0; } .home-link-list-v4__label > dt { color: #00a469; font-weight: 700; font-family: Arial, Helvetica, "sans-serif"; letter-spacing: 0.05em; } .home-link-list-v4__label > dd { flex: 1 1; margin: 0; font-weight: 700; } .home-link-list-v4__index { position: relative; line-height: 1.1; } /* v5 */ .home-link-list-v5 { background: #fff; } .home-link-list-v5__list { margin: 0; padding: 0; list-style: none; } .home-link-list-v5__list > li { display: flex; align-items: center; } .home-link-list-v5__list > li + li { position: relative; margin-top: 1px; } .home-link-list-v5__list > li + li:before { position: absolute; bottom: 100%; height: 1px; background: #ddd; content: ""; } .home-link-list-v5 [class*=__type] { display: inline-block; font-weight: 700; } .home-link-list-v5 [class*=__type]:not([class*=__type--nolink]) { position: relative; color: #007238 !important; text-decoration: underline !important; } .home-link-list-v5 [class*=__type]:not([class*=__type--nolink]):before { -webkit-transform: rotate(45deg); position: absolute; left: 0; transform: rotate(45deg); border-top: 1px solid #00a469; border-right: 1px solid #00a469; content: ""; } /* ----- home-button ----- */ .home-button { display: flex; } .home-button [class*=__type] { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 9999px; background: #fff; font-weight: 700; text-align: center; } .home-button [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } /* v2 */ .home-button-v2 { display: flex; } .home-button-v2 [class*=__type] { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; border-radius: 9999px; background: #007238; } .home-button-v2 [class*=__type]:not([class*=__type--nolink]) { color: #fff !important; text-decoration: none !important; } .home-button-v2__sublabel { font-weight: 700; line-height: 1.1; } .home-button-v2__label { font-weight: 700; line-height: 1.1; } /* v3 */ .home-button-v3 { display: flex; } .home-button-v3 [class*=__type] { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 9999px; background: #ffe100; font-weight: 700; text-align: center; } .home-button-v3 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } /* v4 */ .home-button-v4 { display: flex; flex-wrap: wrap; overflow: hidden; background: #fff; } .home-button-v4__item { display: flex; margin: 0 0 -1px 0; border-bottom: 1px solid #ddd; } .home-button-v4__item:nth-child(3n+1) { margin-left: 0; } .home-button-v4 [class*=__type] { width: 100%; } .home-button-v4 [class*=__type]:not([class*=__type--nolink]) { color: #007238; text-decoration: underline !important; } .home-button-v4 [class*=__type]:not([class*=__type--nolink]) .home-button-v4__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-button-v4__head > *:first-child, .home-button-v4__body > *:first-child { margin-top: 0 !important; } .home-button-v4__head > *:last-child, .home-button-v4__body > *:last-child { margin-bottom: 0 !important; } .home-button-v4__image { position: relative; margin: 0; text-align: center; } .home-button-v4__image img { width: 100%; } .home-button-v4__image img + img { -webkit-transform: translateX(-50%); position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0; } .home-button-v4__title { font-weight: 700; text-align: center; } .home-button-v4__subtitle { font-weight: 700; font-size: 1rem; text-align: center; } /* v5 */ .home-button-v5 { display: flex; } .home-button-v5 [class*=__type] { display: flex; align-items: center; justify-content: center; width: 100%; border: 1px solid #ccc; border-radius: 9999px; background: #fff; font-weight: 700; text-align: center; } .home-button-v5 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } /* v6 */ .home-button-v6 { display: flex; flex-wrap: wrap; justify-content: space-between; } .home-button-v6__item { display: flex; border-bottom: 1px solid #ddd; } .home-button-v6 [class*=__type] { display: flex; align-items: center; width: 100%; } .home-button-v6 [class*=__type]:not([class*=__type--nolink]) { color: #007238 !important; text-decoration: underline !important; } .home-button-v6__body { flex: 1 1; } .home-button-v6__head > *:first-child, .home-button-v6__body > *:first-child { margin-top: 0 !important; } .home-button-v6__head > *:last-child, .home-button-v6__body > *:last-child { margin-bottom: 0 !important; } .home-button-v6__image { margin: 0; } .home-button-v6__image img { width: 100%; } .home-button-v6__title { font-weight: 700; } /* v7 */ .home-button-v7 { display: flex; justify-content: space-between; padding: 0; list-style: none; } .home-button-v7 > li { display: flex; } .home-button-v7 [class*=__type] { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 9999px; background: #eee; font-weight: 700; text-align: center; } .home-button-v7 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } /* v8 */ .home-button-v8 { display: flex; justify-content: center; } .home-button-v8 [class*=__type] { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 9999px; background: #fff; font-weight: 700; text-align: center; } .home-button-v8 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } .home-button-v8__type--blank .home-button-v8__label:after, .home-button-v8__type--pdf .home-button-v8__label:after { display: inline-block; position: relative; background: no-repeat 50% 50%; background-size: contain; content: ""; vertical-align: middle; } .home-button-v8__type--blank .home-button-v8__label:after { width: 12px; height: 12px; background-image: url(/app-files/img/sprite/icon.svg#blank-usage); } .home-button-v8__type--pdf .home-button-v8__label:after { width: 21px; height: 21px; background-image: url(/app-files/img/sprite/icon.svg#pdf-usage); } .home-button-v8__filesize { font-style: normal; } /* v9 */ .home-button-v9 { display: flex; } .home-button-v9 [class*=__type] { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 9999px; background: #ffe100; font-weight: 700; text-align: center; } .home-button-v9 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } .home-button-v9__type--blank .home-button-v9__label:after, .home-button-v9__type--pdf .home-button-v9__label:after { display: inline-block; position: relative; background: no-repeat 50% 50%; background-size: contain; content: ""; vertical-align: middle; } .home-button-v9__type--blank .home-button-v9__label:after { width: 12px; height: 12px; background-image: url(/app-files/img/sprite/icon.svg#blank-usage); } .home-button-v9__type--pdf .home-button-v9__label:after { width: 21px; height: 21px; background-image: url(/app-files/img/sprite/icon.svg#pdf-usage); } /* v10 */ .home-button-v10 { display: flex; } .home-button-v10 [class*=__type] { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 9999px; background: #007238; font-weight: 700; text-align: center; } .home-button-v10 [class*=__type]:not([class*=__type--nolink]) { color: #fff !important; text-decoration: none !important; } /* v11 */ .home-button-v11 { padding: 0; list-style: none; } .home-button-v11 [class*=__type] { display: flex; align-items: center; justify-content: center; border-radius: 9999px; background: #fff; font-weight: 700; text-align: center; } .home-button-v11 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } .home-button-v11__type--blank .home-button-v11__label:after, .home-button-v11__type--pdf .home-button-v11__label:after { display: inline-block; position: relative; background: no-repeat 50% 50%; background-size: contain; content: ""; vertical-align: middle; } .home-button-v11__type--blank .home-button-v11__label:after { width: 12px; height: 12px; background-image: url(/app-files/img/sprite/icon.svg#blank-usage); } .home-button-v11__type--pdf .home-button-v11__label:after { width: 21px; height: 21px; background-image: url(/app-files/img/sprite/icon.svg#pdf-usage); } .home-button-v11__filesize { font-style: normal; } /* ----- home-column ----- */ .home-column { display: flex; justify-content: space-between; } .home-column__body .home-link-list { display: flex; justify-content: center; } .home-column__head > *:first-child, .home-column__body > *:first-child { margin-top: 0 !important; } .home-column__head > *:last-child, .home-column__body > *:last-child { margin-bottom: 0 !important; } /* v2 */ .home-column-v2__inner > *:first-child { margin-top: 0 !important; } .home-column-v2__inner > *:last-child { margin-bottom: 0 !important; } /* v3 */ .home-column-v3__item > *:first-child { margin-top: 0 !important; } .home-column-v3__item > *:last-child { margin-bottom: 0 !important; } /* v4 */ .home-column-v4__item .home-link-list { display: flex; justify-content: center; } .home-column-v4__item > *:first-child { margin-top: 0 !important; } .home-column-v4__item > *:last-child { margin-bottom: 0 !important; } .home-column-v4__head > *:first-child, .home-column-v4__body > *:first-child { margin-top: 0 !important; } .home-column-v4__head > *:last-child, .home-column-v4__body > *:last-child { margin-bottom: 0 !important; } /* v5 */ .home-column-v5__item--news > *:first-child, .home-column-v5__item--information > *:first-child { margin-top: 0 !important; } .home-column-v5__item--news > *:last-child, .home-column-v5__item--information > *:last-child { margin-bottom: 0 !important; } /*v6*/ .home-column-v6 { display: flex; justify-content: space-between; } .home-column-v6__head > *:first-child, .home-column-v6__body > *:first-child { margin-top: 0 !important; } .home-column-v6__head > *:last-child, .home-column-v6__body > *:last-child { margin-bottom: 0 !important; } /* ----- home-lead ----- */ .home-lead { display: flex; align-items: center; justify-content: center; } .home-lead__text { margin: 0; font-weight: 700; text-align: center; } .home-lead__text:before, .home-lead__text:after { white-space: pre-wrap; } .home-lead__text:before { content: "＼ "; } .home-lead__text:after { content: " ／"; } /* v2 */ .home-lead-v2 { margin: 0; color: #00a469; font-weight: 700; } /* v3 */ .home-lead-v3 { margin: 0; font-weight: 700; text-align: center; } .home-lead-v3__text { margin: 0; } /* ----- home-box ----- */ .home-box__inner { background: #ffffd9; } .home-box__item { display: flex; align-items: center; padding: 20px 0; } .home-box__item + .home-box__item { border-top: 1px solid #ddd; } .home-box__head > *:first-child, .home-box__body > *:first-child, .home-box__foot > *:first-child { margin-top: 0 !important; } .home-box__head > *:last-child, .home-box__body > *:last-child, .home-box__foot > *:last-child { margin-bottom: 0 !important; } .home-box__title { margin: 0; color: #c00; font-weight: 700; } .home-box__icon--important { display: inline-block; position: relative; } .home-box__icon--important:before { position: absolute; left: 0; background: url(/app-files/img/sprite/icon.svg#attention-usage) no-repeat 50% 50%; background-size: cover; content: ""; } /* v2 */ .home-box-v2 { z-index: 0; position: relative; } .home-box-v2:before { z-index: -1; position: absolute; background: no-repeat 0 0; content: ""; } .home-box-v2__head { position: absolute; bottom: 100%; left: 0; width: 100%; } .home-box-v2__body { background: #fff; } .home-box-v2__head > *:first-child, .home-box-v2__body > *:first-child { margin-top: 0 !important; } .home-box-v2__head > *:last-child, .home-box-v2__body > *:last-child { margin-bottom: 0 !important; } .home-box-v2__title { margin: 0; color: #009e64; font-weight: 700; line-height: 1; font-family: "Jost", sans-serif; } /* v3 */ .home-box-v3 { z-index: 0; position: relative; } .home-box-v3:before { z-index: -1; position: absolute; top: 0; left: 0; background: #e6f8f3; content: ""; } /* v4 */ .home-box-v4__body > *:first-child, .home-box-v4__foot > *:first-child { margin-top: 0 !important; } .home-box-v4__body > *:last-child, .home-box-v4__foot > *:last-child { margin-bottom: 0 !important; } /* v5 */ .home-box-v5 { z-index: 0; position: relative; background: #e6f9f2 no-repeat 50% 0; } .home-box-v5:before { position: absolute; left: 0; width: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); content: ""; } .home-box-v5__inner { z-index: 1; position: relative; } /* v6 */ .home-box-v6 { background: #fff; } .home-box-v6 > *:first-child { margin-top: 0 !important; } .home-box-v6 > *:last-child { margin-bottom: 0 !important; } /* v7 */ .home-box-v7 { position: relative; overflow: hidden; background: #f6f8f7; } .home-box-v7:before { -webkit-transform: translateX(-50%); position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url(/img/index_ic05.png) no-repeat 0 0; content: ""; } .home-box-v7__head > *:first-child, .home-box-v7__body > *:first-child { margin-top: 0 !important; } .home-box-v7__head > *:last-child, .home-box-v7__body > *:last-child { margin-bottom: 0 !important; } .home-box-v7__title { margin: 0; font-weight: 700; text-align: center; } /* v8 */ .home-box-v8__head { display: flex; align-items: center; border-bottom: 2px solid #00a469; } .home-box-v8__body .home-news:first-child { border-top: none; } .home-box-v8__head > *:first-child, .home-box-v8__body > *:first-child { margin-top: 0 !important; } .home-box-v8__head > *:last-child, .home-box-v8__body > *:last-child { margin-bottom: 0 !important; } .home-box-v8__title { flex: 1 1; margin: 0; font-weight: 700; } /* v9 */ .home-box-v9__inner { background: #ffffd9; } .home-box-v9__item { display: flex; align-items: center; } .home-box-v9__item + .home-box-v9__item { border-top: 1px solid #ddd; } .home-box-v9__head > *:first-child, .home-box-v9__body > *:first-child, .home-box-v9__foot > *:first-child { margin-top: 0 !important; } .home-box-v9__head > *:last-child, .home-box-v9__body > *:last-child, .home-box-v9__foot > *:last-child { margin-bottom: 0 !important; } .home-box-v9__title { margin: 0; color: #c00; font-weight: 700; } .home-box-v9__icon--important { display: inline-block; position: relative; } .home-box-v9__icon--important:before { position: absolute; left: 0; background: url(/app-files/img/sprite/icon.svg#attention-usage) no-repeat 50% 50%; background-size: cover; content: ""; } /* v10 */ .home-box-v10 { background: #fff; } .home-box-v10__head > *:first-child, .home-box-v10__body > *:first-child { margin-top: 0 !important; } .home-box-v10__head > *:last-child, .home-box-v10__body > *:last-child { margin-bottom: 0 !important; } .home-box-v10__title { margin: 0; color: #00a469; font-weight: 700; text-align: center; } /* ----- home-content ----- */ /* ----- home-card ----- */ .home-card { display: flex; flex-wrap: wrap; justify-content: space-between; } .home-card__item { margin: 8px 0 0; } .home-card__item:nth-child(-n+2) { margin-top: 0; } .home-card__outer { z-index: 0; position: relative; width: 100%; height: 0; padding: 100% 0 0; } .home-card__outer:before { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; content: ""; } .home-card__inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .home-card__head { display: flex; justify-content: center; } .home-card__head > *:first-child, .home-card__body > *:first-child { margin-top: 0 !important; } .home-card__head > *:last-child, .home-card__body > *:last-child { margin-bottom: 0 !important; } .home-card__image { margin: 0; } .home-card__image img { width: 100%; } .home-card__title { font-weight: 700; text-align: center; } /* v2 */ .home-card-v2 [class*=__type] { display: block; } .home-card-v2 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } .home-card-v2 [class*=__type]:not([class*=__type--nolink]) .home-card-v2__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-card-v2__head > *:first-child, .home-card-v2__body > *:first-child { margin-top: 0 !important; } .home-card-v2__head > *:last-child, .home-card-v2__body > *:last-child { margin-bottom: 0 !important; } .home-card-v2__image { margin: 0; } .home-card-v2__image img { width: 100%; } .home-card-v2__title { font-weight: 700; } .home-card-v2__text { display: flex; align-items: center; font-weight: 700; } .home-card-v2__post, .home-card-v2__name { letter-spacing: 0.05em; } .home-card-v2__post { font-size: 1.2rem; } .home-card-v2__name { position: relative; } .home-card-v2__link { position: relative; color: #007238; text-decoration: underline; } .home-card-v2__link:before { -webkit-transform: rotate(45deg); position: absolute; left: 0; transform: rotate(45deg); border-top: 1px solid #00a469; border-right: 1px solid #00a469; content: ""; } /* v3 */ .home-card-v3__inner { display: flex; } .home-card-v3__head > *:first-child, .home-card-v3__body > *:first-child { margin-top: 0 !important; } .home-card-v3__head > *:last-child, .home-card-v3__body > *:last-child { margin-bottom: 0 !important; } .home-card-v3__image { margin: 0; } .home-card-v3__image img { width: 100%; } .home-card-v3__title { font-weight: 700; } /* v4 */ .home-card-v4 { display: flex; justify-content: space-between; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]) .home-card-v4__image img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]) .home-card-v4__title { position: relative; color: #007238; text-decoration: underline; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]) .home-card-v4__title:before { -webkit-transform: rotate(45deg); position: absolute; left: 0; transform: rotate(45deg); border-top: 1px solid #00a469; border-right: 1px solid #00a469; content: ""; } .home-card-v4__type--blank .home-card-v4__title:after, .home-card-v4__type--pdf .home-card-v4__title:after { display: inline-block; position: relative; background: no-repeat 50% 50%; background-size: contain; content: ""; vertical-align: middle; } .home-card-v4__type--blank .home-card-v4__title:after { width: 12px; height: 12px; background-image: url(/app-files/img/sprite/icon.svg#blank-usage); } .home-card-v4__type--pdf .home-card-v4__title:after { width: 21px; height: 21px; background-image: url(/app-files/img/sprite/icon.svg#pdf-usage); } .home-card-v4__body { display: flex; align-items: center; } .home-card-v4__head > *:first-child, .home-card-v4__body > *:first-child { margin-top: 0 !important; } .home-card-v4__head > *:last-child, .home-card-v4__body > *:last-child { margin-bottom: 0 !important; } .home-card-v4__text { margin: 0; } .home-card-v4__image { z-index: 1; overflow: hidden; border: 1px solid #ddd; border-radius: 10px; background: #fff; } .home-card-v4__image img { width: 100%; } .home-card-v4__title { flex: 1 1; font-weight: 700; } /* ----- home-banner ----- */ .home-banner { display: flex; justify-content: space-between; padding: 0; list-style: none; } .home-banner > li img { width: 100%; } .home-banner [class*=__type]:not([class*=__type--nolink]) img { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } /* v2 */ .home-banner-v2 { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; list-style: none; } .home-banner-v2 > li img { width: 100%; } /* v3 */ .home-banner-v3 { display: flex; justify-content: center; margin: 0; padding: 0; list-style: none; } .home-banner-v3 > li { text-align: center; } .home-banner-v3 > li img { width: 100%; max-width: 150px; } /* ----- home-table-list ----- */ .home-table-list { overflow: hidden; border: 2px solid #00a469; background: #fff; } .home-table-list__matrix { display: flex; flex-wrap: wrap; margin: 0 -2px -2px 0; padding: 0; list-style: none; } .home-table-list__matrix > li { border-right: 2px solid #00a469; border-bottom: 2px solid #00a469; color: #00a469; font-weight: 700; text-align: center; } /* ----- home-navi ----- */ .home-navi { position: relative; width: 100%; } .home-navi__image { margin: 0; } .home-navi__image img { width: 100%; } .home-navi__button { display: flex; position: absolute; top: 52.3188405797%; left: 30.4347826087%; width: 39.1304347826%; height: 14.4927536232%; } .home-navi__button > a { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 9999px; background: #fff; color: #333 !important; font-weight: 700; font-family: "Noto Sans JP", sans-serif; text-align: center; text-decoration: none !important; } .home-navi__list { margin: 0; padding: 0; list-style: none; } .home-navi__list > li { display: flex; position: absolute; top: 0; left: 0; width: 22.4637681159%; height: 8.115942029%; } .home-navi__list > li:nth-child(1) { top: 17.5362318841%; left: 52.6086956522%; } .home-navi__list > li:nth-child(2) { top: 32.4637681159%; left: 73.4782608696%; } .home-navi__list > li:nth-child(3) { top: 58.115942029%; left: 73.4782608696%; } .home-navi__list > li:nth-child(4) { top: 81.3043478261%; left: 65.0724637681%; } .home-navi__list > li:nth-child(5) { top: 88.6956521739%; left: 38.8405797101%; } .home-navi__list > li:nth-child(6) { top: 81.3043478261%; left: 12.6086956522%; } .home-navi__list > li:nth-child(7) { top: 58.115942029%; left: 4.0579710145%; } .home-navi__list > li:nth-child(8) { top: 32.4637681159%; left: 4.0579710145%; } .home-navi__list > li:nth-child(9) { top: 17.5362318841%; left: 24.9275362319%; } .home-navi__list > li > a { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 9999px; background: #fff; color: #007238 !important; font-weight: 700; font-family: "Noto Sans JP", sans-serif; text-align: center; text-decoration: none !important; } /* ----- home-tab ----- */ .home-tab__body { background: #fff; } .home-tab__head > *:first-child, .home-tab__body > *:first-child { margin-top: 0 !important; } .home-tab__head > *:last-child, .home-tab__body > *:last-child { margin-bottom: 0 !important; } .home-tab__title { margin: 0; color: #fff; font-weight: 700; line-height: 1; font-family: "Jost", sans-serif; } .home-tab__list { margin: 0; padding: 0; list-style: none; } .home-tab__list > li { position: relative; } .home-tab__list > li:before, .home-tab__list > li:after { position: absolute; background: #fff; content: ""; opacity: 0; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .home-tab__list > li:after { width: 6px; height: 6px; border-radius: 50%; } .home-tab__list > li.is-current:before, .home-tab__list > li.is-current:after { opacity: 1; } .home-tab__list > li.is-current .home-tab__button { background-color: #fff; color: #007238 !important; } .home-tab__button { display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 9999px; color: #fff !important; font-weight: 700; text-align: center; text-decoration: none !important; } /* ----- home-news ----- */ .home-news { border-top: 1px solid #ddd; } .home-news__article { border-bottom: 1px solid #ddd; } .home-news [class*=__type] { display: block; } .home-news [class*=__type]:not([class*=__type--nolink]) { color: #333 !important; text-decoration: none !important; } .home-news [class*=__type]:not([class*=__type--nolink]) .home-news__title { position: relative; color: #007238; text-decoration: underline; } .home-news [class*=__type]:not([class*=__type--nolink]) .home-news__title:before { -webkit-transform: rotate(45deg); position: absolute; left: 0; transform: rotate(45deg); border-top: 1px solid #00a469; border-right: 1px solid #00a469; content: ""; } .home-news__type--blank .home-news__title:after, .home-news__type--pdf .home-news__title:after { display: inline-block; position: relative; background: no-repeat 50% 50%; background-size: contain; content: ""; vertical-align: middle; } .home-news__type--blank .home-news__title:after { width: 12px; height: 12px; background-image: url(/app-files/img/sprite/icon.svg#blank-usage); } .home-news__type--pdf .home-news__title:after { width: 21px; height: 21px; background-image: url(/app-files/img/sprite/icon.svg#pdf-usage); } .home-news__property { display: flex; align-items: center; } .home-news__date { color: #666; font-weight: 700; font-size: 1.2rem; } .home-news__category { display: flex; flex-wrap: wrap; align-items: center; } .home-news__category [class*=__badge] { display: flex; align-items: center; justify-content: center; padding: 0 9px; border-radius: 5px; color: #fff; font-style: normal; font-weight: 700; text-align: center; } .home-news__category .home-news__badge--orange { background: #de7300; } .home-news__category .home-news__badge--green { background: #00a469; } .home-news__title { margin: 0; } .home-news__filesize { font-style: normal; } /* ----- home-heading3 ----- */ .home-heading3__title { margin: 0; font-weight: 700; } /* ------------------------------------------------------ * Print ------------------------------------------------------ */ @media print, screen and (min-width: 769px) { .header-gnav-top > [class*=__type]:before, .header-gnav__title > [class*=__type]:before, .header-gnav__title__type:after, .header-gnav__list > li > [class*=__type]:before, .header-link-text > [class*=__type]:before, .header-category__list > li > [class*=__type]:before, .main-breadcrumb > li + li:before, .main-market__title > [class*=__type]:before, .main-market__link > [class*=__type]:before, .main-login__box__link > [class*=__type]:before, .main-lnav__title > [class*=__type]:before, .main-lnav__stage1__wrap > .main-lnav__stage1__title > [class*=__type]:after, .main-lnav__stage1__detail > .main-lnav__stage1__title > [class*=__type]:before, .main-lnav__stage2 > li > [class*=__type]:before, .main-attention__text:after, .footer-sitemap__title > [class*=__type]:before, .footer-sitemap__list > li > [class*=__type]:before, .heading2__link .heading2__title:after, .heading2--center__link .heading2--center__title:after { width: 10px; height: 10px; } .main-attention__text:after, .heading2__link .heading2__title:after, .heading2--center__link .heading2--center__title:after { top: -2px; } .heading2__link--blank .heading2__title:after, .heading2__link--pdf .heading2__title:after, .heading2__link--excel .heading2__title:after, .heading2__link--word .heading2__title:after, .heading2__link--powerpoint .heading2__title:after, .heading2__link--zip .heading2__title:after, .heading2__link--modal .heading2__title:after, .heading2__link--rss .heading2__title:after, .heading2__link--freedial .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .heading2--center__link--pdf .heading2--center__title:after, .heading2--center__link--excel .heading2--center__title:after, .heading2--center__link--word .heading2--center__title:after, .heading2--center__link--powerpoint .heading2--center__title:after, .heading2--center__link--zip .heading2--center__title:after, .heading2--center__link--modal .heading2--center__title:after, .heading2--center__link--rss .heading2--center__title:after, .heading2--center__link--freedial .heading2--center__title:after { top: -2px; margin-left: 10px; } body { font-weight: 500; font-size: 1.6rem; line-height: 1.6; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } a[href^="tel:"] { display: inline-block !important; color: #333; text-decoration: none; cursor: default; pointer-events: none; } input, select, textarea, button, pre { font-size: 1.6rem; line-height: 1.6; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .type-iframe { padding: 0 10px; } .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--sub7 { font-weight: 700 !important; } .util-highlight--sub8 { font-weight: 700 !important; } .util-highlight--sub9 { font-weight: 700 !important; } .util-highlight--sub10 { font-weight: 700 !important; } .util-highlight--sub11 { font-weight: 700 !important; } .util-highlight--sub12 { font-weight: 700 !important; } .util-highlight--sub13 { font-weight: 700 !important; } .util-highlight--accent { font-weight: 700 !important; } .util-highlight--accent2 { font-weight: 700 !important; } .util-highlight--accent3 { 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, .util-link--blank:hover:link, .util-link--pdf:hover:link, .util-link--excel:hover:link, .util-link--word:hover:link, .util-link--powerpoint:hover:link, .util-link--zip:hover:link, .util-link--modal:hover:link, .util-link--rss:hover:link, .util-link--freedial:hover:link { text-decoration: none; } .util-badge { min-width: 104px; height: 25px; padding: 3px 10px 0; font-weight: 700; font-size: 1.2rem; line-height: 25px; } [class*=util-badge--] { min-width: 104px; height: 23px; padding: 3px 10px; font-weight: 700; font-size: 1.4rem; line-height: 1.2em; } [data-col-pc]:not([data-col-pc="1"]) { display: flex; flex-flow: row wrap; 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); } [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); } [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); } [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); } [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); } [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); } [data-size-pc="2col"] > * { width: 100%; } [data-size-pc="3col"] { width: calc((100% - 72px) / 3); } [data-size-pc="3col"] > * { width: 100%; } [data-size-pc="4col"] { width: calc((100% - 108px) / 4); } [data-size-pc="4col"] > * { width: 100%; } [data-size-pc="5col"] { width: calc((100% - 144px) / 5); } [data-size-pc="5col"] > * { width: 100%; } [data-size-pc="6col"] { width: calc((100% - 180px) / 6); } [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-gnav__icon { margin-left: 10px; padding: 0 5px; } .header-gnav__icon__label { font-weight: 700; font-size: 1.2rem; } .Main { min-width: 1260px; } .Main__inner { margin-top: 1.625em; padding-bottom: 4.9375em; } .Main__inner[data-sidebar=true] { width: 1260px; margin: 1.625em auto 0; padding: 0 30px 4.9375em; } .Main__inner[data-sidebar=true]:after { display: block; clear: both; content: ""; } .Main__guide__inner { display: flex; align-items: center; width: 1260px; margin: 0 auto; padding: 11px 30px; } .main-read { margin-right: 21px; } .main-breadcrumb { flex: 1 1; flex-wrap: wrap; margin-left: -0.7em; } .main-breadcrumb > li { margin-left: 0.7em; } .main-breadcrumb > li + li { padding-left: 1.25em; } .main-breadcrumb > li + li:before { top: 8px; left: -3px; width: 7px; height: 7px; } .main-breadcrumb > li:last-child { font-weight: 700; } .main-breadcrumb__type:hover { color: #007238 !important; text-decoration: none !important; } [data-sidebar=true] > .Main__head { width: calc(100% - 48px - 240px); float: left; } .Main__head > * { margin-top: 0 !important; } [data-sidebar=true] > .Main__body { width: calc(100% - 48px - 240px); float: left; } .Main__content { width: 1260px; padding: 2.2em 30px 0; } [data-sidebar=true] > .Main__body .Main__content { width: 100%; padding-right: 0; padding-left: 0; } [data-sidebar=true] > .Main__sidebar { width: 288px; padding-left: 48px; float: right; } .main-market { padding: 1.25em; border-radius: 10px; background-color: #e6f8f3; } .main-market + * { margin-top: 1.25em; } .main-market__box { padding: 0.9375em 0.75em 1.1875em; border-radius: 10px; background-color: #fff; } .main-market__title { margin-right: 1.25em; text-align: center; } .main-market__title > [class*=__type] { display: inline-block; position: relative; padding-left: 1.1em; font-weight: 700; font-size: 1.8rem; } .main-market__title > [class*=__type]:hover { text-decoration: underline; } .main-market__title > [class*=__type]:before { position: absolute; top: 0.45em; left: 0; } .main-market__detail { margin-top: 0.4375em; } .main-market__link { margin-top: 0.625em; } .main-market__link > [class*=__type] { display: block; position: relative; padding: 0.73em 0.8em 0.66em 2em; border-radius: 10px; background-color: #fff; font-size: 1.5rem; text-decoration: underline !important; } .main-market__link > [class*=__type]:hover { text-decoration: none !important; } .main-market__link > [class*=__type]:before { position: absolute; top: 1.13em; left: 8px; } .main-login { padding: 1.25em 1.25em 1.1875em; border-radius: 10px; background-color: #e6f8f3; } .main-login + * { margin-top: 1.25em; } .main-login__button > [class*=__type] { display: block; width: 100%; padding: 0.5em 0.8125em 0.4em; border-radius: 99px; background-color: #fff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); color: #333 !important; font-weight: 700; text-align: center; } .main-login__button > [class*=__type]:hover { background-color: #eee; } .main-login__button + * { margin-top: 1.25em; } .main-login__box { padding: 0.75em 0.75em 0.875em; border-radius: 10px; background-color: #fff; } .main-login__box__title { font-weight: 700; font-size: 1.4rem; text-align: center; } .main-login__box__button { margin-top: 0.1875em; } .main-login__box__button > [class*=__type] { display: block; width: 100%; padding: 0.625em 0.625em 0.5em; border-radius: 99px; background-color: #007238; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); color: #fff !important; font-weight: 700; line-height: 1.4; text-align: center; } .main-login__box__button > [class*=__type]:hover { background-color: #004120; } .main-login__box__link { margin-top: 0.375em; text-align: center; } .main-login__box__link > [class*=__type] { display: inline-block; position: relative; padding-left: 1.25em; text-decoration: underline; } .main-login__box__link > [class*=__type]:hover { text-decoration: none; } .main-login__box__link > [class*=__type]:before { position: absolute; top: 0.45em; left: -2px; } .main-login__box + .main-login__box { margin-top: 10px; } .main-lnav { overflow: hidden; border-radius: 10px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); } .main-lnav + * { margin-top: 1.25em; } .main-lnav__title > [class*=__type] { display: block; position: relative; padding: 1em 1.4375em 0.75em 2.5625em; background-color: #007238; color: #fff !important; font-weight: 700; line-height: 1.65; } .main-lnav__title > [class*=__type]:hover { text-decoration: underline; } .main-lnav__title > [class*=__type]:before { position: absolute; top: 1.45em; left: 16px; border-color: #fff; } .main-lnav__stage1__wrap + .main-lnav__stage1__wrap { border-top: 1px solid #ccc; } .main-lnav__stage1__accordion { display: block; display: block; position: relative; padding: 0.6875em 2.75em 0.5625em 1.3125em; color: #333 !important; font-weight: 700; } .main-lnav__stage1__accordion:hover { color: #007238 !important; text-decoration: underline; } .main-lnav__stage1__accordion:before, .main-lnav__stage1__accordion:after { position: absolute; top: 50%; right: 20px; width: 18px; height: 2px; margin-top: -1px; background-color: #007238; content: ""; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .main-lnav__stage1__accordion:after { transform: rotate(90deg); } .main-lnav__stage1__accordion.is-current { background-color: #eee; } .main-lnav__stage1__accordion.is-active { background-color: #eee; } .main-lnav__stage1__accordion.is-active:after { transform: rotate(0); } .main-lnav__stage1__detail { display: none; padding: 1.0625em 1.125em 0.9375em; } .main-lnav__stage1__wrap > .main-lnav__stage1__title > [class*=__type] { display: block; display: block; position: relative; padding: 0.6875em 2.75em 0.5625em 1.3125em; color: #333 !important; font-weight: 700; } .main-lnav__stage1__wrap > .main-lnav__stage1__title > [class*=__type]:hover { color: #007238 !important; text-decoration: underline; } .main-lnav__stage1__wrap > .main-lnav__stage1__title > [class*=__type]:after { position: absolute; top: 50%; left: calc(100% - 33px); margin-top: -6px; } .main-lnav__stage1__detail > .main-lnav__stage1__title > [class*=__type] { display: inline-block; position: relative; padding-left: 1.4375em; color: #333 !important; font-weight: 700; } .main-lnav__stage1__detail > .main-lnav__stage1__title > [class*=__type]:before { position: absolute; top: 0.45em; left: -2px; } .main-lnav__stage1__detail > .main-lnav__stage1__title + .main-lnav__stage2 { margin-top: 1em; } .main-lnav__stage2 > li > [class*=__type] { display: inline-block; position: relative; padding-left: 1.4375em; color: #333 !important; } .main-lnav__stage2 > li > [class*=__type]:before { position: absolute; top: 0.45em; left: -2px; } .main-lnav__stage2 > li + li { margin-top: 1.0625em; } .main-attention + * { margin-top: 20px; } .main-attention > [class*=__type] { display: block; position: relative; padding: 0.9375em 0.625em 0.875em 3.25em; border-radius: 10px; background-color: #ffffd9; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); } .main-attention > [class*=__type]:hover { opacity: 0.7; } .main-attention > [class*=__type]:before { position: absolute; top: 50%; left: 15px; width: 26px; height: 23px; margin-top: -12px; background: url("/app-files/img/sprite/icon.svg#attention-usage") no-repeat left top/100%; content: ""; } .main-attention__text { position: relative; color: #c00 !important; font-weight: 700; } .main-attention__text:after { top: -1px; border-color: #c00; } .main-utility { padding: 1.25em 1.25em 1.25em; border-radius: 10px; background-color: #e6f8f3; } .main-utility + * { margin-top: 1.25em; } .main-utility__title { font-weight: 700; text-align: center; } .main-utility__list { margin: 0.25em 0 0; padding: 0.4375em 0.75em 0.625em; overflow: hidden; border-radius: 10px; background-color: #fff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); list-style: none; } .main-utility__list > li { padding: 0.5625em 0.625em; } .main-utility__list > li > [class*=__type] { display: inline-block; position: relative; } .main-utility__list > li + li { border-top: 1px solid #ddd; } .main-utility__icon { position: absolute; top: 2px; left: 0; } .main-utility__text { padding-left: 2.375em; font-weight: 700; text-decoration: underline; } .main-utility__type:hover .main-utility__text { text-decoration: none; } .main-modal .heading2 + * { margin-top: 37px; } .main-modal [class*=main-modal__lead--] + .main-modal__check { margin-top: 0.875em; } .main-modal__lead--app .main-modal__lead__icon { width: 20px; } .main-modal__lead--app .main-modal__lead__text { padding-left: 30px; } .main-modal__lead--noapp .main-modal__lead__icon { width: 28px; } .main-modal__lead--noapp .main-modal__lead__text { padding-left: 38px; } .main-modal__lead__icon { top: 0; } .main-modal__lead__text { font-weight: 700; font-size: 2.2rem; } .main-modal__text { margin-top: 0.3125em; font-weight: 700; } .main-modal__text + .main-modal__check { margin-top: 1.125em; } .main-modal__check { margin: 2.625em 0 0; } .main-modal__check + * { margin-top: 0.875em !important; } .main-modal__check > li { margin-right: 0.88em; padding-left: 1.88em; font-weight: 700; font-size: 1.8rem; } .main-modal__check > li:before { top: 3px; left: 1px; width: 22px; height: 22px; border-radius: 22px; } .main-modal__check > li:after { top: 0; left: 10px; width: 9px; height: 19px; } #rs-controlpanel, #rsmpl_container { top: auto !important; right: 10px !important; bottom: 280px !important; left: auto !important; } .footer-utility__text + .footer-utility__text { margin-top: 1em; } .bottom-fixed__button__type, .bottom-fixed__button .bottom-fixed__button__type--blank, .bottom-fixed__button .bottom-fixed__button__type--pdf, .bottom-fixed__button .bottom-fixed__button__type--excel, .bottom-fixed__button .bottom-fixed__button__type--word, .bottom-fixed__button .bottom-fixed__button__type--powerpoint, .bottom-fixed__button .bottom-fixed__button__type--zip, .bottom-fixed__button .bottom-fixed__button__type--modal, .bottom-fixed__button .bottom-fixed__button__type--rss, .bottom-fixed__button .bottom-fixed__button__type--freedial { padding: 0.8em 1.1em; border-radius: 30px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 1.6rem; } .bottom-fixed__button__type:hover, .bottom-fixed__button .bottom-fixed__button__type--blank:hover, .bottom-fixed__button .bottom-fixed__button__type--pdf:hover, .bottom-fixed__button .bottom-fixed__button__type--excel:hover, .bottom-fixed__button .bottom-fixed__button__type--word:hover, .bottom-fixed__button .bottom-fixed__button__type--powerpoint:hover, .bottom-fixed__button .bottom-fixed__button__type--zip:hover, .bottom-fixed__button .bottom-fixed__button__type--modal:hover, .bottom-fixed__button .bottom-fixed__button__type--rss:hover, .bottom-fixed__button .bottom-fixed__button__type--freedial:hover { background-color: #004120; } .bottom-fixed__button-v2__type, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--pdf, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--excel, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--word, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--powerpoint, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--rss, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--freedial { padding: 0.8em 1.1em; border-radius: 30px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 1.6rem; } .bottom-fixed__button-v2__type:hover, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank:hover, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--pdf:hover, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--excel:hover, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--word:hover, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--powerpoint:hover, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip:hover, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal:hover, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--rss:hover, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--freedial:hover { background-color: #d9bf00; } .bottom-fixed-wrap { bottom: 0; flex-flow: row nowrap; padding: 1em 0; } .bottom-fixed-wrap > * { margin-right: 32px; } .bottom-fixed-wrap > *:last-child { margin-right: 0; } .bottom-fixed__button { width: 285px; } .bottom-fixed__button .bottom-fixed__button__type--blank { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button .bottom-fixed__button__type--pdf { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button .bottom-fixed__button__type--excel { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button .bottom-fixed__button__type--word { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button .bottom-fixed__button__type--powerpoint { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button .bottom-fixed__button__type--zip { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button .bottom-fixed__button__type--modal { padding-right: 2.6em; padding-left: 2.6em; } [class*=modal--].modaal-wrapper .modaal-container { padding: 61px; } [class*=modal--].modaal-wrapper .modaal-close { top: -58px; width: 48px; height: 48px; } [class*=modal--].modaal-wrapper .modaal-close:hover { background-color: #004120; opacity: 1; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 30px; margin: -1px 0 0 -15px; } .bottom-fixed__button .bottom-fixed__button__type--rss { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button .bottom-fixed__button__type--freedial { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button .bottom-fixed__button__type--blank { padding-right: 2.2em; padding-left: 2.2em; } .bottom-fixed__button .bottom-fixed__button__type--zip { padding-right: 2.4em; padding-left: 2.4em; } .bottom-fixed__button .bottom-fixed__button__type--modal { padding-right: 2.4em; padding-left: 2.4em; } .bottom-fixed__button__filesize { font-weight: 500; font-size: 1.6rem; line-height: 1.75; } .bottom-fixed__button-v2 { width: 285px; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--pdf { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--excel { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--word { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--powerpoint { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal { padding-right: 2.6em; padding-left: 2.6em; } [class*=modal--].modaal-wrapper .modaal-container { padding: 61px; } [class*=modal--].modaal-wrapper .modaal-close { top: -58px; width: 48px; height: 48px; } [class*=modal--].modaal-wrapper .modaal-close:hover { background-color: #004120; opacity: 1; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 30px; margin: -1px 0 0 -15px; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--rss { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--freedial { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank { padding-right: 2.2em; padding-left: 2.2em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip { padding-right: 2.4em; padding-left: 2.4em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal { padding-right: 2.4em; padding-left: 2.4em; } .bottom-fixed__button-v2__filesize { font-weight: 500; font-size: 1.6rem; line-height: 1.75; } .is-bottom-ride { margin-bottom: 80px; } .heading2 { margin: 3.4em 0 0; } .Main .heading2 + * { margin-top: 1.6em; } .heading2__link:hover .heading2__title { color: #007238; text-decoration: none; } .heading2__link .heading2__title:after { top: -3px; margin-left: 12px; } .heading2__link--blank:hover .heading2__title { color: #007238; text-decoration: none; } .heading2__link--blank .heading2__title:after { margin-left: 16px; } .heading2__link--pdf:hover .heading2__title { color: #007238; text-decoration: none; } .heading2__link--pdf .heading2__title:after { margin-left: 16px; } .heading2__link--excel:hover .heading2__title { color: #007238; text-decoration: none; } .heading2__link--excel .heading2__title:after { margin-left: 16px; } .heading2__link--word:hover .heading2__title { color: #007238; text-decoration: none; } .heading2__link--word .heading2__title:after { margin-left: 16px; } .heading2__link--powerpoint:hover .heading2__title { color: #007238; text-decoration: none; } .heading2__link--powerpoint .heading2__title:after { margin-left: 16px; } .heading2__link--zip:hover .heading2__title { color: #007238; text-decoration: none; } .heading2__link--zip .heading2__title:after { margin-left: 16px; } .heading2__link--modal:hover .heading2__title { color: #007238; text-decoration: none; } .heading2__link--modal .heading2__title:after { margin-left: 16px; } .heading2__link--rss:hover .heading2__title { color: #007238; text-decoration: none; } .heading2__link--rss .heading2__title:after { margin-left: 16px; } .heading2__link--freedial:hover .heading2__title { color: #007238; text-decoration: none; } .heading2__link--freedial .heading2__title:after { margin-left: 16px; } .heading2__title { font-size: 2.8rem; } .heading2__subtitle { margin: 0 0 0.6em; font-weight: 700; font-size: 1.6rem; } .heading2__filesize { font-weight: 500; font-size: 1.6rem; line-height: 2.25; } .heading2--center { margin: 3.4em 0 0; } .Main .heading2--center + * { margin-top: 1.6em; } .heading2--center__link:hover .heading2--center__title { color: #007238; text-decoration: none; } .heading2--center__link .heading2--center__title:after { top: -3px; margin-left: 12px; } .heading2--center__link--blank:hover .heading2--center__title { color: #007238; text-decoration: none; } .heading2--center__link--blank .heading2--center__title:after { margin-left: 16px; } .heading2--center__link--pdf:hover .heading2--center__title { color: #007238; text-decoration: none; } .heading2--center__link--pdf .heading2--center__title:after { margin-left: 16px; } .heading2--center__link--excel:hover .heading2--center__title { color: #007238; text-decoration: none; } .heading2--center__link--excel .heading2--center__title:after { margin-left: 16px; } .heading2--center__link--word:hover .heading2--center__title { color: #007238; text-decoration: none; } .heading2--center__link--word .heading2--center__title:after { margin-left: 16px; } .heading2--center__link--powerpoint:hover .heading2--center__title { color: #007238; text-decoration: none; } .heading2--center__link--powerpoint .heading2--center__title:after { margin-left: 16px; } .heading2--center__link--zip:hover .heading2--center__title { color: #007238; text-decoration: none; } .heading2--center__link--zip .heading2--center__title:after { margin-left: 16px; } .heading2--center__link--modal:hover .heading2--center__title { color: #007238; text-decoration: none; } .heading2--center__link--modal .heading2--center__title:after { margin-left: 16px; } .heading2--center__link--rss:hover .heading2--center__title { color: #007238; text-decoration: none; } .heading2--center__link--rss .heading2--center__title:after { margin-left: 16px; } .heading2--center__link--freedial:hover .heading2--center__title { color: #007238; text-decoration: none; } .heading2--center__link--freedial .heading2--center__title:after { margin-left: 16px; } .heading2--center__title { font-size: 2.8rem; } .heading2--center__subtitle { margin: 0 0 0.6em; font-weight: 700; font-size: 1.6rem; } .heading2--center__filesize { font-weight: 500; font-size: 1.6rem; line-height: 2.25; } .heading2__inner { padding-left: 1.6em; } .heading2__title { font-weight: 700; } .heading2--center__inner { padding-left: 1.6em; } .heading2--center__title { font-weight: 700; } .note-list-v2 > li { font-size: 1.6rem; } .note-list-v2__nest { margin: 0.8em 0 0; } [class*=list__nest] .note-list-v2[data-col-pc] > li { margin-top: 0.8em; } [class*=list__nest] .note-list-v2[data-col-pc=auto] > li { margin: 0 36px 0.8em 0; } [class*=list-v2__nest] .note-list-v2[data-col-pc] > li { margin-top: 0.4em; } [class*=list-v2__nest] .note-list-v2[data-col-pc=auto] > li { margin: 0 36px 0.4em 0; } .note-list-v2[data-col-pc] > li:first-child { margin-top: 0; } .note-list-v2 > li { margin: 0.8em 0 0; font-size: 1.4rem; } [class*=list__nest] .note-list-v2[data-col-pc] > li { margin-top: 0.7em; } [class*=list__nest] .note-list-v2[data-col-pc=auto] > li { margin: 0 36px 0.7em 0; } .note-list-v2[data-col-pc] > li { margin-top: 0.7em; } .note-list-v2[data-col-pc=auto] > li { margin: 0 36px 0.7em 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, .button .button__type--rss, .button .button__type--freedial { padding: 0.8em 1.1em; border-radius: 30px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 2rem; } .button .button__type:hover, .button .button__type--blank:hover, .button .button__type--pdf:hover, .button .button__type--excel:hover, .button .button__type--word:hover, .button .button__type--powerpoint:hover, .button .button__type--zip:hover, .button .button__type--modal:hover, .button .button__type--rss:hover, .button .button__type--freedial:hover { background-color: #004120; } .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: 32px; } .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; } [class*=button-wrap][data-col-pc]:not([data-col-pc="1"]) > .button > [class*=__type] { width: 100%; } .button .button__type--blank { padding-right: 2.6em; } .button .button__type--pdf { padding-right: 2.6em; } .button .button__type--excel { padding-right: 2.6em; } .button .button__type--word { padding-right: 2.6em; } .button .button__type--powerpoint { padding-right: 2.6em; } .button .button__type--zip { padding-right: 2.6em; } .button .button__type--modal { padding-right: 2.6em; } [class*=modal--].modaal-wrapper .modaal-container { padding: 61px; } [class*=modal--].modaal-wrapper .modaal-close { top: -58px; width: 48px; height: 48px; } [class*=modal--].modaal-wrapper .modaal-close:hover { background-color: #004120; opacity: 1; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 30px; margin: -1px 0 0 -15px; } .button .button__type--rss { padding-right: 2.6em; } .button .button__type--freedial { padding-right: 2.6em; } .button .button__type--blank { padding-right: 2.2em; } .button .button__type--zip { padding-right: 2.4em; } .button .button__type--modal { padding-right: 2.4em; } .button__filesize { font-weight: 500; font-size: 1.6rem; line-height: 1.75; } .button-v2 .button-v2__type, .button-v2 .button-v2__type--blank, .button-v2 .button-v2__type--pdf, .button-v2 .button-v2__type--excel, .button-v2 .button-v2__type--word, .button-v2 .button-v2__type--powerpoint, .button-v2 .button-v2__type--zip, .button-v2 .button-v2__type--modal, .button-v2 .button-v2__type--rss, .button-v2 .button-v2__type--freedial { padding: 1em 1.4em; border-radius: 30px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 1.6rem; } .button-v2 .button-v2__type:hover, .button-v2 .button-v2__type--blank:hover, .button-v2 .button-v2__type--pdf:hover, .button-v2 .button-v2__type--excel:hover, .button-v2 .button-v2__type--word:hover, .button-v2 .button-v2__type--powerpoint:hover, .button-v2 .button-v2__type--zip:hover, .button-v2 .button-v2__type--modal:hover, .button-v2 .button-v2__type--rss:hover, .button-v2 .button-v2__type--freedial:hover { background-color: #eee; } .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: 32px; } .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; } [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: 3.4em; } .button-v2 .button-v2__type--blank:after { right: 1.4em; } .button-v2 .button-v2__type--pdf { padding-right: 3.4em; } .button-v2 .button-v2__type--pdf:after { right: 1.4em; } .button-v2 .button-v2__type--excel { padding-right: 3.4em; } .button-v2 .button-v2__type--excel:after { right: 1.4em; } .button-v2 .button-v2__type--word { padding-right: 3.4em; } .button-v2 .button-v2__type--word:after { right: 1.4em; } .button-v2 .button-v2__type--powerpoint { padding-right: 3.4em; } .button-v2 .button-v2__type--powerpoint:after { right: 1.4em; } .button-v2 .button-v2__type--zip { padding-right: 3.4em; } .button-v2 .button-v2__type--zip:after { right: 1.4em; } .button-v2 .button-v2__type--modal { padding-right: 3.4em; } .button-v2 .button-v2__type--modal:after { right: 1.4em; } .button-v2 .button-v2__type--rss { padding-right: 3.4em; } .button-v2 .button-v2__type--rss:after { right: 1.4em; } .button-v2 .button-v2__type--freedial { padding-right: 3.4em; } .button-v2 .button-v2__type--freedial:after { right: 1.4em; } .button-v2 .button-v2__type--blank { padding-right: 2.8em; } .button-v2__filesize { font-weight: 500; } .button-v3 .button-v3__type, .button-v3 .button-v3__type--blank, .button-v3 .button-v3__type--pdf, .button-v3 .button-v3__type--excel, .button-v3 .button-v3__type--word, .button-v3 .button-v3__type--powerpoint, .button-v3 .button-v3__type--zip, .button-v3 .button-v3__type--modal, .button-v3 .button-v3__type--rss, .button-v3 .button-v3__type--freedial { padding: 0.8em 1.1em; border-radius: 30px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 2rem; } .button-v3 .button-v3__type:hover, .button-v3 .button-v3__type--blank:hover, .button-v3 .button-v3__type--pdf:hover, .button-v3 .button-v3__type--excel:hover, .button-v3 .button-v3__type--word:hover, .button-v3 .button-v3__type--powerpoint:hover, .button-v3 .button-v3__type--zip:hover, .button-v3 .button-v3__type--modal:hover, .button-v3 .button-v3__type--rss:hover, .button-v3 .button-v3__type--freedial:hover { background-color: #d9bf00; } .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: 32px; } .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; } [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.6em; } .button-v3 .button-v3__type--pdf { padding-right: 2.6em; } .button-v3 .button-v3__type--excel { padding-right: 2.6em; } .button-v3 .button-v3__type--word { padding-right: 2.6em; } .button-v3 .button-v3__type--powerpoint { padding-right: 2.6em; } .button-v3 .button-v3__type--zip { padding-right: 2.6em; } .button-v3 .button-v3__type--modal { padding-right: 2.6em; } [class*=modal--].modaal-wrapper .modaal-container { padding: 61px; } [class*=modal--].modaal-wrapper .modaal-close { top: -58px; width: 48px; height: 48px; } [class*=modal--].modaal-wrapper .modaal-close:hover { background-color: #004120; opacity: 1; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 30px; margin: -1px 0 0 -15px; } .button-v3 .button-v3__type--rss { padding-right: 2.6em; } .button-v3 .button-v3__type--freedial { padding-right: 2.6em; } .button-v3 .button-v3__type--blank { padding-right: 2.2em; } .button-v3 .button-v3__type--zip { padding-right: 2.4em; } .button-v3 .button-v3__type--modal { padding-right: 2.4em; } .button-v3__filesize { font-weight: 500; font-size: 1.6rem; line-height: 1.75; } [class*=modal--].modaal-wrapper .modaal-close { top: -58px; width: 48px; height: 48px; } [class*=modal--].modaal-wrapper .modaal-close:hover { background-color: #004120; opacity: 1; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 30px; margin: -1px 0 0 -15px; } .modal--image.modaal-wrapper .modaal-container { width: 876px; padding: 61px; } .Main__inner { margin-top: 0; padding-bottom: 0; } .Main__content { width: 100%; padding: 0 0 50px; } .home-media { min-height: 662px; } .home-media__head { z-index: 1; position: absolute; top: 0; left: 0; width: calc(100% - (410px + (100% - 1420px) / 2 + 30px)); } .home-media__head .home-media__inner { padding: 0 36px 0 0; } .home-media__body { display: flex; position: relative; justify-content: flex-end; width: 100%; max-width: 1420px; margin: 0 auto; padding: 29px 30px 0; } .home-media__body:before { z-index: -1; position: absolute; top: -150px; right: 500px; width: 1170px; height: 946px; background: url(/img/index_ex02.png) no-repeat 0 0; content: ""; } .home-media__body:after { z-index: -1; position: absolute; bottom: -41px; left: 100%; width: 212px; height: 218px; margin: 0 0 0 31px; background: url(/img/index_ex01.png) no-repeat 0 0; content: ""; } .home-media__body .home-media__inner { width: 100%; max-width: 410px; } .home-media-v2 [class*=home-link-list__type] { font-weight: 700; font-size: 1.4rem; } .home-media-v3 { position: relative; min-height: 513px; padding: 20px 346px 0 20px; } .home-media-v3__body { margin: 1.25em 0 0; } .home-media-v3__foot { margin: 0.9375em 0 0; } .home-media-v3__image { right: 11px; bottom: 0; } .home-media-v3__title { font-size: 4rem; } .home-media-v3__label:before { bottom: 0.025em; height: 11px; } .home-media-v4__body { margin: 1.625em 0 0; padding: 0 29px; } .home-media-v4__image img { border-radius: 30px; } .home-media-v5__inner { display: flex; align-items: flex-end; } .home-media-v5__head { margin: 0 16px 0 0; } .home-media-v5__body { padding: 0 0 28px; } .home-media-v5__title { display: flex; align-items: center; padding: 0 0 9px; font-size: 2.4rem; } .home-media-v5__title:before { height: 6px; } .home-media-v5__highlight { padding: 0 7px; font-size: 3.6rem; } .home-media-v6 { display: flex; align-items: center; justify-content: space-between; margin: 0.125em 0 0; } .home-media-v6__head { display: flex; justify-content: flex-end; width: 705px; } .home-media-v6__body { width: 676px; padding: 2px 0 0; } .home-media-v7 { display: flex; justify-content: center; } .home-media-v7__inner { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; max-width: 599px; } .home-media-v7__head { width: 228px; margin: 0 0 0 19px; } .home-media-v7__body { flex: 1 1; } .home-media-v8 { width: 100%; max-width: 1372px; margin: 10.0625em 0 0; } .home-media-v8:after { display: block; clear: both; content: ""; } .home-media-v8__head, .home-media-v8__foot { width: 320px; float: left; } .home-media-v8__head { padding: 4px 0 0; } .home-media-v8__head:before { top: -54px; right: 100px; width: 475px; height: 824px; background-image: url(/img/index_ex04.png); } .home-media-v8__body { width: calc(100% - 320px); float: right; } .home-media-v8__foot { margin: 2.125em 0 0; } .home-media-v8__outer { display: flex; justify-content: flex-end; padding: 0 0 0 36px; } .home-media-v8__inner { width: 100%; max-width: 970px; } .home-media-v8__inner:before { top: -110px; left: -83px; width: 1382px; height: 1113px; background-image: url(/img/index_ex05.png); } .home-media-v8__title { font-size: 6rem; } .home-media-v9 { display: flex; align-items: center; min-height: 98px; margin: 0.625em 0 0; padding: 0 30px; } .home-media-v9__head { width: 285px; margin: 0 30px 0 0; } .home-media-v9__body { flex: 1 1; padding: 0.3125em 0 0; } .home-media-v9__text { font-size: 1.8rem; } .home-media-v10 { display: flex; margin: 1.25em 0 0; } .home-media-v10__head { flex: 1 1; } .home-media-v10__body { width: 376px; margin: 0 0 0 80px; } .home-media-v10__body .home-button-v11 > li + li { margin-top: 1.1875em; } .home-hero { z-index: 0; position: relative; width: 100%; max-width: 1120px; min-height: 662px; } .home-control__pager + .home-control__navi { margin-left: 31px; } .home-control__navi + .home-control__switch { margin-left: 31px; } .home-control__dot { margin: 0 -16px; } .home-control__dot > li { margin: 0 16px; } .home-control__dot > li > button { width: 10px; height: 10px; background: #b2b2b2; } .home-control__dot > li.slick-active > button { background-color: #007238; } .home-control__arrow--prev, .home-control__arrow--next { width: 13px; height: 20px; } .home-control__arrow--prev:before, .home-control__arrow--next:before { width: 14px; height: 14px; margin-top: 3px; border-top-color: #00a469; border-right-color: #00a469; } .home-control__arrow--prev:before { margin-left: 3px; } .home-control__arrow--next:before { margin-left: -4px; } .home-control__arrow--prev + .home-control__arrow--next { margin-left: 31px; } .home-control__button--pause, .home-control__button--play { width: 14px; height: 20px; } .home-control__button--pause:before, .home-control__button--pause:after { width: 4px; background: #007238; } .home-control__button--play:before { border-width: 10px 0 10px 14px; border-left-color: #007238; } .home-control-v2__arrow--prev, .home-control-v2__arrow--next { width: 39px; height: 24px; } .home-control-v4 { margin: 29px 0 0; } .home-control-v4__pager + .home-control-v4__navi { margin-left: 29px; } .home-control-v4__navi + .home-control-v4__switch { margin-left: 31px; } .home-control-v4__dot { margin: 0 -14px; } .home-control-v4__dot > li { margin: 0 14px; } .home-control-v4__dot > li > button { position: relative; width: 10px; height: 10px; margin: 2px; } .home-control-v4__dot > li > button:before { z-index: -1; position: absolute; top: -2px; left: -2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; content: ""; opacity: 0; } .home-control-v4__dot > li.slick-active > button:before { opacity: 1; } .home-control-v4__arrow--prev, .home-control-v4__arrow--next { width: 13px; height: 20px; } .home-control-v4__arrow--prev:before, .home-control-v4__arrow--next:before { width: 14px; height: 14px; margin-top: 3px; } .home-control-v4__arrow--prev:before { margin-left: 3px; } .home-control-v4__arrow--next:before { margin-left: -4px; } .home-control-v4__arrow--prev + .home-control-v4__arrow--next { margin-left: 31px; } .home-control-v4__button--pause, .home-control-v4__button--play { width: 14px; height: 20px; } .home-control-v4__button--pause:before, .home-control-v4__button--pause:after { width: 4px; } .home-control-v4__button--play:before { border-width: 10px 0 10px 14px; } .home-carousel__list { z-index: 0; position: relative; overflow: hidden; border-radius: 0 30px 30px 0; } .home-carousel-v2 { position: absolute; bottom: 0; left: 0; width: 784px; height: 200px; padding: 30px 30px 60px; border-radius: 0 30px 30px 0; background: #fff; } .home-carousel-v2__title { font-size: 3rem; } .home-carousel-v2__title + .home-link-list { margin-top: 0.625em; } .home-carousel-v2 .home-control { position: absolute; bottom: 32px; left: 0; justify-content: flex-start; width: 100%; padding: 0 30px; } .home-carousel-v3 { display: flex; align-items: center; } .home-carousel-v3__list.slick-slider { width: calc(100% - 111px); } .home-carousel-v3 .home-control-v2 { width: 80px; margin-left: 30px; } .home-carousel-v4__item { padding: 30px 0 12px; } .home-carousel-v4 .home-control-v3__arrow--prev, .home-carousel-v4 .home-control-v3__arrow--next { margin-top: -20px; } .home-carousel-v4 .home-control-v3__arrow--prev { left: 19px; } .home-carousel-v4 .home-control-v3__arrow--next { right: 19px; } .home-carousel-v5 { margin: 1.375em 0 0; } .home-carousel-v5__list { margin: 0 -15px; } .home-carousel-v5__item { width: 50%; padding: 7px 15px 12px; float: left; } .home-carousel-v5__item:nth-child(n+3) { display: none; } .home-carousel-v5 [class*=__type] { border-radius: 30px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-carousel-v5__type .home-carousel-v5__title:after { top: -0.0625em; width: 10px; height: 10px; } .home-carousel-v5__type--blank .home-carousel-v5__title:after, .home-carousel-v5__type--pdf .home-carousel-v5__title:after { margin: 0 0 0 10px; } .home-carousel-v5__type--blank .home-carousel-v5__title:after { top: -0.0625em; } .home-carousel-v5__type--pdf .home-carousel-v5__title:after { top: -0.125em; } .home-carousel-v5__body { padding: 18px 20px 25px; } .home-carousel-v5 + .home-button-v8 { margin-top: 1.0625em; } .home-carousel-v5__filesize { margin: 0 0 0 0.5em; font-weight: 500; } .home-carousel-v6 { margin: 3.3125em 0 0; padding: 0 30px; } .home-carousel-v6__outer { width: 100%; max-width: 1440px; margin: 0 auto; } .home-carousel-v6__inner { width: 100%; max-width: 1342px; margin: 0 auto; padding: 0 21px; } .home-carousel-v6__list { margin: 0 -15px; } .home-carousel-v6__item { width: 25%; padding: 7px 15px 12px; float: left; } .home-carousel-v6 [class*=__type] { border-radius: 30px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-carousel-v6__type .home-carousel-v6__title:after { top: -0.0625em; width: 10px; height: 10px; } .home-carousel-v6__type--blank .home-carousel-v6__title:after, .home-carousel-v6__type--pdf .home-carousel-v6__title:after { margin: 0 0 0 10px; } .home-carousel-v6__type--blank .home-carousel-v6__title:after { top: -0.0625em; } .home-carousel-v6__type--pdf .home-carousel-v6__title:after { top: -0.125em; } .home-carousel-v6__body { padding: 20px 20px 25px; } .home-carousel-v6__text { margin: 0.625em 0 0; } .home-carousel-v6__filesize { margin: 0 0 0 0.5em; font-weight: 500; } .home-carousel-v7 { position: relative; margin: 0.1875em 0 0; } .home-carousel-v7__list { margin: 0 -15px; } .home-carousel-v7__item { width: 50%; padding: 7px 15px 12px; float: left; } .home-carousel-v7 [class*=__type] { border-radius: 30px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]) .home-carousel-v7__link { padding: 0 0 0 18px; } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]) .home-carousel-v7__link:before { top: 0.4375em; width: 10px; height: 10px; margin: 0 0 0 -4px; } .home-carousel-v7__type--blank .home-carousel-v7__link:after, .home-carousel-v7__type--pdf .home-carousel-v7__link:after { margin: 0 0 0 10px; } .home-carousel-v7__type--blank .home-carousel-v7__link:after { top: -0.0625em; } .home-carousel-v7__type--pdf .home-carousel-v7__link:after { top: -0.125em; } .home-carousel-v7__body { padding: 25px 20px 20px; } .home-carousel-v7__icon { width: 60px; height: 60px; } .home-carousel-v7__title { font-size: 2rem; } .home-carousel-v7__link { margin: 0.625em 0 0; } .home-carousel-v7__filesize { margin: 0 0 0 0.5em; } .home-carousel-v7 .home-control-v4 { position: absolute; right: 0; bottom: 17px; margin-top: 0; } .home-carousel-v7 .home-button-v8 { margin-top: 1.0625em; } .home-carousel-v8 { margin: 7.375em 0 0; padding: 0 1px; } .home-carousel-v8__list li { width: 11.1111111111%; padding: 0 6px 0 5px; } .home-link-list { margin: 1.25em 0 0; } .home-link-list > li + li { margin-top: 1em; } .home-link-list [class*=__type]:not([class*=__type--nolink]) { padding: 0 0 0 17px; } .home-link-list [class*=__type]:not([class*=__type--nolink]):before { top: 0.4375em; width: 10px; height: 10px; margin: 0 0 0 -4px; } .home-link-list__type--blank:after, .home-link-list__type--pdf:after { margin: 0 0 0 10px; } .home-link-list__type--blank:after { top: -0.0625em; } .home-link-list__type--pdf:after { top: -0.125em; } .home-link-list__filesize { margin: 0 0 0 0.5em; } .home-link-list-v2 > li + li { margin-top: 1em; } .home-link-list-v2 [class*=__type]:not([class*=__type--nolink]) { padding: 0 0 0 12px; } .home-link-list-v2 [class*=__type]:not([class*=__type--nolink]):before { top: 0.4375em; width: 9px; height: 9px; } .home-link-list-v2__type--blank:after, .home-link-list-v2__type--pdf:after { margin: 0 0 0 10px; } .home-link-list-v2__type--blank:after { top: -0.0625em; } .home-link-list-v2__type--pdf:after { top: -0.125em; } .home-link-list-v2__filesize { margin: 0 0 0 0.5em; } .home-link-list-v3 { margin: 1.5625em 0 0; } .home-link-list-v3 [class*=__type]:not([class*=__type--nolink]) { padding: 0 0 0 27px; } .home-link-list-v3 [class*=__type]:not([class*=__type--nolink]):before { width: 17px; height: 17px; } .home-link-list-v4 [class*=__type] { min-height: 64px; } .home-link-list-v4 [class*=__type]:not([class*=__type--nolink]) .home-link-list-v4__label > dd { padding-left: 18px; } .home-link-list-v4 [class*=__type]:not([class*=__type--nolink]) .home-link-list-v4__label > dd:before { width: 10px; height: 10px; margin: 0 0 0 -4px; } .home-link-list-v4__label > dt { width: 4.7142857143em; font-size: 1.4rem; } .home-link-list-v4__index { top: 0.1em; font-size: 2rem; } .home-link-list-v5 { padding: 7px 38px 8px; border-radius: 30px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-link-list-v5__list > li { min-height: 64px; } .home-link-list-v5__list > li + li:before { left: 0; width: 100%; } .home-link-list-v5 [class*=__type]:not([class*=__type--nolink]) { padding: 0 0 0 18px; } .home-link-list-v5 [class*=__type]:not([class*=__type--nolink]):before { top: 0.4375em; width: 10px; height: 10px; margin: 0 0 0 -4px; } .home-button { margin: 1.25em 0 0; } .home-button [class*=__type] { min-height: 77px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); font-size: 2.8rem; } .home-button-v2 [class*=__type] { min-height: 77px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-button-v2__sublabel { font-size: 1.2rem; } .home-button-v2__label { margin: 0.4166666667em 0 0; font-size: 2.4rem; } .home-button-v3 { margin: 0.625em 0 0; } .home-button-v3 [class*=__type] { min-height: 77px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); font-size: 1.9rem; line-height: 1.4; } .home-button-v4 { margin: 1.875em 0 0; padding: 0 20px; border-radius: 30px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-button-v4__item { width: calc((100% - 40px) / 3); margin-left: 20px; } .home-button-v4 [class*=__type] { min-height: 102px; padding: 20px 0 15px; } .home-button-v4__body { margin: 0.125em 0 0; } .home-button-v4__image img { max-width: 28px; } .home-button-v4__subtitle { margin: 0 -0.5em; } .home-button-v5 [class*=__type] { min-height: 29px; font-size: 1.3rem; } .home-button-v6__item { width: calc((100% - 10px) / 2); } .home-button-v6 [class*=__type] { min-height: 98px; padding: 20px 0; } .home-button-v6__head { width: 40px; margin: 0 10px 0 0; } .home-button-v7 { margin: 1.625em 0 0; } .home-button-v7 > li { width: calc((100% - 10px) / 2); } .home-button-v7 [class*=__type] { min-height: 78px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-button-v8 { margin: 1.8125em 0 0; } .home-button-v8 [class*=__type] { max-width: 320px; min-height: 52px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-button-v8__type--blank .home-button-v8__label:after, .home-button-v8__type--pdf .home-button-v8__label:after { margin: 0 0 0 10px; } .home-button-v8__type--blank .home-button-v8__label:after { top: -0.0625em; } .home-button-v8__type--pdf .home-button-v8__label:after { top: -0.125em; } .home-button-v8__filesize { margin: 0 0 0 0.5em; font-weight: 500; } .home-button-v9 [class*=__type] { min-height: 58px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); font-size: 2rem; } .home-button-v9__type--blank .home-button-v9__label:after, .home-button-v9__type--pdf .home-button-v9__label:after { margin: 0 0 0 10px; } .home-button-v9__type--blank .home-button-v9__label:after { top: -0.0625em; } .home-button-v9__type--pdf .home-button-v9__label:after { top: -0.125em; } .home-button-v10 [class*=__type] { min-height: 58px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); font-size: 2rem; } .home-button-v11 { margin: 2.1875em 0 0; } .home-button-v11 > li + li { margin-top: 1em; } .home-button-v11 [class*=__type] { min-height: 52px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-button-v11__type--blank .home-button-v11__label:after, .home-button-v11__type--pdf .home-button-v11__label:after { margin: 0 0 0 10px; } .home-button-v11__type--blank .home-button-v11__label:after { top: -0.0625em; } .home-button-v11__type--pdf .home-button-v11__label:after { top: -0.125em; } .home-button-v11__filesize { margin: 0 0 0 0.5em; font-weight: 500; } .home-column { margin: 1.1875em 0 0; } .home-column__item { width: calc((100% - 10px) / 2); } .home-column__body { margin: 1.25em 0 0; } .home-column-v2 { display: flex; margin: 5.4375em 0 0; } .home-column-v2__item--service { width: 408px; } .home-column-v2__item--app { display: flex; justify-content: flex-end; width: calc(100% - 408px); padding: 0 0 0 36px; } .home-column-v2__item--app .home-column-v2__inner { width: 100%; max-width: 952px; } .home-column-v3 { display: flex; justify-content: space-between; } .home-column-v4 { display: flex; justify-content: space-between; width: 100%; max-width: 676px; margin: 0 auto; } .home-column-v4__item { width: calc((100% - 36px) / 2); } .home-column-v4__body { margin: 1.0625em 0 0; } .home-column-v5 { z-index: 0; position: relative; margin: 3.0625em 0 0; } .home-column-v5:before { z-index: -1; position: absolute; top: 0; left: 0; width: calc(760px + (100% - 1440px) / 2); height: 100%; border-radius: 0 30px 0 0; background: linear-gradient(to right, #00a469 1%, #50c8a6 100%); content: ""; } .home-column-v5__inner { display: flex; justify-content: space-between; width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 30px; } .home-column-v5__item--news { width: 760px; padding: 80px 0 0; } .home-column-v5__item--information { width: 600px; padding: 93px 0 0; } .home-column-v6 { margin: 1.1875em 0 0; } .home-column-v6__item { width: calc((100% - 10px) / 2); } .home-column-v6__body { margin: 0.625em 0 0; } .home-lead { margin: 1.25em 0 0; } .home-lead-v2 { font-size: 2.6rem; } .home-column-v3__item > .home-lead-v2:first-child { margin-top: -0.1538461538em !important; } .home-lead-v3 { font-size: 1.6rem; } .home-box { margin: 2.375em 0 0; padding: 0 30px; } .home-box__inner { max-width: 1300px; margin: 0 auto; padding: 0 30px; border-radius: 30px; } .home-box__item:first-child { padding-top: 25px; } .home-box__item:not(.is-initialized) .home-box__body { flex: 1 1; } .home-box__item.is-initialized .home-box__body { width: calc(100% - 13.625em); } .home-box__head { width: 13.625em; padding: 0 30px 0 0; } .home-box__foot { width: 60px; margin: 0 0 0 30px; } .home-box__title { font-size: 1.8rem; } .home-box__icon--important { padding: 0 0 0 40px; } .home-box__icon--important:before { top: 0.0625em; width: 27px; height: 23px; } .home-box-v2:before { top: -110px; left: -100px; width: 320px; height: 380px; background-image: url(/img/index_ex03.png); } .home-box-v2__head { margin: 0 0 -0.5em; } .home-box-v2__body { padding: 9px 29px 20px; border-radius: 30px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-box-v2__title { font-size: 6rem; } .home-box-v3:before { width: 100vw; height: calc(100% - 39px); border-radius: 30px 0 0 30px; } .home-box-v4__body { display: flex; justify-content: center; } .home-box-v4__foot { margin: 1.375em 0 0; } .home-box-v4__foot .home-button-v8 [class*=__type] { max-width: 350px; } .home-box-v4__inner { width: 100%; max-width: 716px; } .home-box-v5 { margin: 5em 0 0; padding: 11px 0 0; background-image: url(/img/index_bg01.png); } .home-box-v5:before { top: 0; height: calc(100% - 31px); } .home-box-v5:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 31px; background: #fff; content: ""; } .home-box-v6 { padding: 7px 19px 6px; border-radius: 30px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-box-v7 { width: 100%; max-width: 1300px; min-height: 280px; margin: 3.8125em auto 0; padding: 72px 0 0; border-radius: 30px; background-image: url(/img/index_bg02_01.jpg), url(/img/index_bg02_02.jpg); background-position: 0 0, 100% 0; background-repeat: no-repeat; } .home-box-v7:before { width: 200px; height: 60px; } .home-box-v7__body { margin: 1.25em 0 0; } .home-box-v7__title { font-size: 2.8rem; } .home-box-v8__head { padding: 0 0 17px; } .home-box-v8__title { font-size: 1.8rem; } .home-box-v8__link { width: 60px; margin: 0 0 0 30px; } .home-box-v9 { margin: 3.8125em 0 0; padding: 0 30px; } .home-box-v9__inner { max-width: 1300px; margin: 0 auto; padding: 0 30px; border-radius: 30px; } .home-box-v9__item { padding: 25px 0; } .home-box-v9__head { padding: 0 38px 0 0; } .home-box-v9__body { flex: 1 1; } .home-box-v9__foot { width: 60px; margin: 0 0 0 30px; } .home-box-v9__title { font-size: 1.8rem; } .home-box-v9__icon--important { padding: 0 0 0 40px; } .home-box-v9__icon--important:before { top: 0.0625em; width: 27px; height: 23px; } .home-box-v10 { display: flex; margin: 2.4375em 0 0; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .home-box-v10 [class*=__item--] { padding: 13px 16px 12px; } .home-box-v10 [class*=__item--] + [class*=__item--] { border-left: 1px solid #ddd; } .home-box-v10__item--sns { width: 174px; } .home-box-v10__item--song { width: 156px; } .home-box-v10__item--av { width: 203px; } .home-box-v10__item--app { flex: 1 1; } .home-box-v10__body { margin: 0.75em 0 0; } .home-box-v10__head, .home-box-v10__body { display: flex; align-items: center; justify-content: center; } .home-box-v10__title { font-size: 1.5rem; } .home-content { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 30px; } .home-card__item { width: calc((100% - 10px) / 2); } .home-card__inner { padding: 23.5294117647% 0 0; } .home-card__body { margin: 0.9375em 0 0; } .home-card__image img { max-width: 59px; } .home-card-v2 { z-index: 0; position: relative; overflow: hidden; border-radius: 30px; background: #fff; } .home-card-v2__body { position: absolute; top: 27.6666666667%; right: 0; padding: 0 51px 0 0; } .home-card-v2__title { font-size: 2.4rem; } .home-card-v2__text { margin: 0.5em 0 0; } .home-card-v2__name { top: 0.0625em; } .home-card-v2__post + .home-card-v2__name { margin-left: 0.875em; } .home-card-v2__link { margin: 0.125em 0 0; padding: 0 0 0 18px; } .home-card-v2__link:before { top: 0.4375em; width: 10px; height: 10px; margin: 0 0 0 -4px; } .home-card-v3__inner { justify-content: space-between; } .home-card-v3__item { width: calc((100% - 36px) / 2); } .home-card-v3__body { margin: 0.9375em 0 0; } .home-card-v4 { width: 100%; max-width: 922px; margin: 0 auto; } .home-card-v4__item { width: calc((100% - 96px) / 4); } .home-card-v4 [class*=__type]:not([class*=__type--nolink]) .home-card-v4__title { padding: 0 0 0 16px; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]) .home-card-v4__title:before { top: 0.4375em; width: 10px; height: 10px; margin: 0 0 0 -4px; } .home-card-v4__type--blank .home-card-v4__title:after, .home-card-v4__type--pdf .home-card-v4__title:after { margin: 0 0 0 10px; } .home-card-v4__type--blank .home-card-v4__title:after { top: -0.0625em; } .home-card-v4__type--pdf .home-card-v4__title:after { top: -0.125em; } .home-card-v4__body { margin: 0.3125em 0 0; } .home-card-v4__text { font-size: 1.2rem; } .home-card-v4__image { width: 50px; margin: 0 16px 0 0; } .home-card-v4__title { font-size: 1.5rem; } .home-banner { margin: 0.9375em 0 0; } .home-banner > li { width: calc((100% - 32px) / 2); } .home-banner-v2 > li { width: 40px; margin: 0 3px; } .home-table-list { width: 324px; border-radius: 20px; } .home-table-list__matrix > li { width: 50%; padding: 9px 0; font-size: 2rem; } .home-navi { max-width: 690px; } .home-navi__button > a { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); font-size: 2.4rem; } .home-navi__list > li > a { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); font-size: 2.4rem; } .home-tab { display: flex; } .home-tab__head { position: relative; width: 160px; margin: 0 40px 0 0; padding: 80px 0 24px; } .home-tab__body { flex: 1 1; padding: 60px 0 24px 60px; border-radius: 30px 0 0 0; } .home-tab__title { position: absolute; top: -17px; left: 0; width: 100%; font-size: 6rem; } .home-tab__list > li:before, .home-tab__list > li:after { -webkit-transform: translateY(-50%); top: 50%; left: 100%; transform: translateY(-50%); } .home-tab__list > li:before { width: 40px; height: 1px; } .home-tab__list > li:after { margin: 0 0 0 37px; } .home-tab__list > li + li { margin-top: 16px; } .home-tab__button { min-height: 44px; font-size: 1.4rem; } .home-news [class*=__type] { padding: 26px 0 23px; } .home-news [class*=__type]:not([class*=__type--nolink]) .home-news__title { padding: 0 0 0 19px; } .home-news [class*=__type]:not([class*=__type--nolink]) .home-news__title:before { top: 0.4375em; width: 10px; height: 10px; margin: 0 0 0 -4px; } .home-news__type--blank .home-news__title:after, .home-news__type--pdf .home-news__title:after { margin: 0 0 0 10px; } .home-news__type--blank .home-news__title:after { top: -0.0625em; } .home-news__type--pdf .home-news__title:after { top: -0.125em; } .home-news__property { min-height: 23px; } .home-news__date { width: 8.9166666667em; } .home-news__category { position: relative; top: -0.125em; margin: 0 -10px -10px 0; } .home-news__category [class*=__badge] { min-height: 23px; margin: 0 10px 10px 0; font-size: 1.4rem; } .home-news__caption { margin: 0.3125em 0 0; } .home-news__title { font-weight: 500; font-size: 1.6rem; } .home-news__filesize { margin: 0 0 0 0.5em; } .home-heading3 { margin: 7.5em 0 0; } .home-heading3__title { font-size: 2rem; } } @media only screen and (max-width: 768.98px) { .header-gnav-top > [class*=__type]:before, .header-gnav__title > [class*=__type]:before, .header-gnav__title__type:after, .header-gnav__list > li > [class*=__type]:before, .header-link-text > [class*=__type]:before, .header-category__list > li > [class*=__type]:before, .main-breadcrumb > li + li:before, .main-market__title > [class*=__type]:before, .main-market__link > [class*=__type]:before, .main-login__box__link > [class*=__type]:before, .main-lnav__title > [class*=__type]:before, .main-lnav__stage1__wrap > .main-lnav__stage1__title > [class*=__type]:after, .main-lnav__stage1__detail > .main-lnav__stage1__title > [class*=__type]:before, .main-lnav__stage2 > li > [class*=__type]:before, .main-attention__text:after, .footer-sitemap__title > [class*=__type]:before, .footer-sitemap__list > li > [class*=__type]:before, .heading2__link .heading2__title:after, .heading2--center__link .heading2--center__title:after { width: 7px; height: 7px; } .main-attention__text:after, .heading2__link .heading2__title:after, .heading2--center__link .heading2--center__title:after { top: -1px; } .heading2__link--blank .heading2__title:after, .heading2__link--pdf .heading2__title:after, .heading2__link--excel .heading2__title:after, .heading2__link--word .heading2__title:after, .heading2__link--powerpoint .heading2__title:after, .heading2__link--zip .heading2__title:after, .heading2__link--modal .heading2__title:after, .heading2__link--rss .heading2__title:after, .heading2__link--freedial .heading2__title:after, .heading2--center__link--blank .heading2--center__title:after, .heading2--center__link--pdf .heading2--center__title:after, .heading2--center__link--excel .heading2--center__title:after, .heading2--center__link--word .heading2--center__title:after, .heading2--center__link--powerpoint .heading2--center__title:after, .heading2--center__link--zip .heading2--center__title:after, .heading2--center__link--modal .heading2--center__title:after, .heading2--center__link--rss .heading2--center__title:after, .heading2--center__link--freedial .heading2--center__title:after { top: -1px; margin-left: 8px; } body { font-weight: 400; font-size: 1.4rem; line-height: 1.6; font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } input, select, textarea, button, pre { font-size: 1.6rem; line-height: 1.6; font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .type-iframe { padding: 0 1px; } .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--sub7 { font-weight: 700 !important; } .util-highlight--sub8 { font-weight: 700 !important; } .util-highlight--sub9 { font-weight: 700 !important; } .util-highlight--sub10 { font-weight: 700 !important; } .util-highlight--sub11 { font-weight: 700 !important; } .util-highlight--sub12 { font-weight: 700 !important; } .util-highlight--sub13 { font-weight: 700 !important; } .util-highlight--accent { font-weight: 700 !important; } .util-highlight--accent2 { font-weight: 700 !important; } .util-highlight--accent3 { 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: 20px; padding: 3px 11px; font-weight: 700; font-size: 1.2rem; line-height: 1.2em; } [data-col-sp]:not([data-col-sp="1"]) { display: flex; flex-flow: row wrap; } [data-col-sp]:not([data-col-sp=auto]) > * { margin-top: 1em; margin-left: 15px; } [data-col-sp="1"] > *:nth-child(-n+1) { margin-top: 0 !important; } [data-col-sp="1"] > *:nth-child(1n+1) { margin-left: 0 !important; } [data-col-sp="1"] > * { width: 100%; } [data-col-sp="2"] > *:nth-child(-n+2) { margin-top: 0 !important; } [data-col-sp="2"] > *:nth-child(2n+1) { margin-left: 0 !important; } [data-col-sp="2"] > * { width: calc((100% - 15px) / 2); } [data-col-sp="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); } [data-size-sp="2col"] > * { width: 100%; } [data-size-sp="3col"] { width: calc((100% - 30px) / 3); } [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-gnav__icon { margin-left: 10px; padding: 0 5px 1px; } .header-gnav__icon__label { font-weight: 700; font-size: 1rem; } .Main { display: flex; position: relative; flex-direction: column; } .Main__inner { order: 1; } .Main__inner[data-read=true] { padding-top: 48px; } .Main__guide { order: 2; } .main-read { position: absolute; top: 0; left: 0; padding: 10px 15px; } .main-breadcrumb { padding: 0.714em 0 0.642em 1.071em; overflow-x: auto; } .main-breadcrumb > li { flex-shrink: 0; } .main-breadcrumb > li + li { margin-left: 0.7em; padding-left: 1.3em; } .main-breadcrumb > li + li:before { top: 7px; left: -3px; } .main-breadcrumb > li:last-child { margin-right: 1.071em; font-weight: 700; } .Main__content { width: 100%; padding: 1.6em 15px 6em; } .Main__sidebar { display: none; } .main-modal [class*=main-modal__lead--] + .main-modal__check { margin-top: 0.785em; } .main-modal__lead--app .main-modal__lead__icon { top: 2px; width: 15px; } .main-modal__lead--app .main-modal__lead__text { padding-left: 26px; } .main-modal__lead--noapp .main-modal__lead__icon { width: 22px; } .main-modal__lead--noapp .main-modal__lead__text { padding-left: 27px; } .main-modal__lead__text { font-weight: 700; font-size: 1.7rem; } .main-modal__text { margin-top: 0.714em; font-weight: 700; } .main-modal__text + .main-modal__check { margin-top: 1em; } .main-modal__check { margin: 1.928em 0 0; } .main-modal__check > li { margin-right: 1.428em; padding-left: 2.071em; font-weight: 700; } .main-modal__check > li:last-child { margin-right: 0; } .main-modal__check > li:before { top: 1px; left: 0; width: 20px; height: 20px; border-radius: 20px; } .main-modal__check > li:after { top: -1px; left: 8px; width: 7px; height: 17px; } #rs-controlpanel, #rsmpl_container { bottom: 210px !important; } .footer-utility__text + .footer-utility__text { margin-top: 1.3em; } .bottom-fixed__button__type, .bottom-fixed__button .bottom-fixed__button__type--blank, .bottom-fixed__button .bottom-fixed__button__type--pdf, .bottom-fixed__button .bottom-fixed__button__type--excel, .bottom-fixed__button .bottom-fixed__button__type--word, .bottom-fixed__button .bottom-fixed__button__type--powerpoint, .bottom-fixed__button .bottom-fixed__button__type--zip, .bottom-fixed__button .bottom-fixed__button__type--modal, .bottom-fixed__button .bottom-fixed__button__type--rss, .bottom-fixed__button .bottom-fixed__button__type--freedial { padding: 0.9em 1.2em; border-radius: 22px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 1.2rem; } .bottom-fixed__button-v2__type, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--pdf, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--excel, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--word, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--powerpoint, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--rss, .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--freedial { padding: 0.9em 1.2em; border-radius: 22px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 1.2rem; } .bottom-fixed__button { width: calc((100% - 45px) / 2); } .bottom-fixed__button .bottom-fixed__button__type--blank { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button .bottom-fixed__button__type--pdf { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button .bottom-fixed__button__type--excel { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button .bottom-fixed__button__type--word { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button .bottom-fixed__button__type--powerpoint { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button .bottom-fixed__button__type--zip { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button .bottom-fixed__button__type--modal { padding-right: 2.9em; padding-left: 2.9em; } [class*=modal--].modaal-wrapper .modaal-container { padding: 20px; } [class*=modal--].modaal-wrapper .modaal-inner-wrapper { padding-right: 14px; padding-left: 14px; } [class*=modal--].modaal-wrapper .modaal-close { top: -50px; width: 36px; height: 36px; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 23px; margin: -1px 0 0 -12px; } [class*=modal--].modaal-wrapper .modaal-video-wrap { margin: auto; } .bottom-fixed__button .bottom-fixed__button__type--rss { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button .bottom-fixed__button__type--freedial { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button .bottom-fixed__button__type--blank { padding-right: 2.4em; padding-left: 2.4em; } .bottom-fixed__button .bottom-fixed__button__type--zip { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button .bottom-fixed__button__type--modal { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button__filesize { font-weight: 400; font-size: 1.4rem; } .bottom-fixed__button-v2 { width: calc((100% - 45px) / 2); } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--pdf { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--excel { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--word { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--powerpoint { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal { padding-right: 2.9em; padding-left: 2.9em; } [class*=modal--].modaal-wrapper .modaal-container { padding: 20px; } [class*=modal--].modaal-wrapper .modaal-inner-wrapper { padding-right: 14px; padding-left: 14px; } [class*=modal--].modaal-wrapper .modaal-close { top: -50px; width: 36px; height: 36px; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 23px; margin: -1px 0 0 -12px; } [class*=modal--].modaal-wrapper .modaal-video-wrap { margin: auto; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--rss { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--freedial { padding-right: 2.9em; padding-left: 2.9em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--blank { padding-right: 2.4em; padding-left: 2.4em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--zip { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button-v2 .bottom-fixed__button-v2__type--modal { padding-right: 2.6em; padding-left: 2.6em; } .bottom-fixed__button-v2__filesize { font-weight: 400; font-size: 1.4rem; } .is-bottom-ride { margin-bottom: 58px; } .heading2 { margin: 2.6em 0 0; } .Main .heading2 + * { margin-top: 1.4em; } .heading2__link .heading2__title:after { top: -2px; margin-left: 9px; } .heading2__link--blank .heading2__title:after { margin-left: 11px; } .heading2__link--pdf .heading2__title:after { margin-left: 11px; } .heading2__link--excel .heading2__title:after { margin-left: 11px; } .heading2__link--word .heading2__title:after { margin-left: 11px; } .heading2__link--powerpoint .heading2__title:after { margin-left: 11px; } .heading2__link--zip .heading2__title:after { margin-left: 11px; } .heading2__link--modal .heading2__title:after { margin-left: 11px; } .heading2__link--rss .heading2__title:after { margin-left: 11px; } .heading2__link--freedial .heading2__title:after { margin-left: 11px; } .heading2__title { font-size: 2rem; } .heading2__subtitle { margin: 0 0 0.4em; font-weight: 700; font-size: 1.4rem; } .heading2__filesize { font-weight: 400; font-size: 1.4rem; line-height: 2; } .heading2--center { margin: 2.6em 0 0; } .Main .heading2--center + * { margin-top: 1.4em; } .heading2--center__link .heading2--center__title:after { top: -2px; margin-left: 9px; } .heading2--center__link--blank .heading2--center__title:after { margin-left: 11px; } .heading2--center__link--pdf .heading2--center__title:after { margin-left: 11px; } .heading2--center__link--excel .heading2--center__title:after { margin-left: 11px; } .heading2--center__link--word .heading2--center__title:after { margin-left: 11px; } .heading2--center__link--powerpoint .heading2--center__title:after { margin-left: 11px; } .heading2--center__link--zip .heading2--center__title:after { margin-left: 11px; } .heading2--center__link--modal .heading2--center__title:after { margin-left: 11px; } .heading2--center__link--rss .heading2--center__title:after { margin-left: 11px; } .heading2--center__link--freedial .heading2--center__title:after { margin-left: 11px; } .heading2--center__title { font-size: 2rem; } .heading2--center__subtitle { margin: 0 0 0.4em; font-weight: 700; font-size: 1.4rem; } .heading2--center__filesize { font-weight: 400; font-size: 1.4rem; line-height: 2; } .heading2__inner { padding-left: 1em; } .heading2__title { font-weight: 700; } .heading2--center__inner { padding-left: 1em; } .heading2--center__title { font-weight: 700; } .note-list-v2 > li { font-size: 1.4rem; } .note-list-v2__nest { margin: 0.4em 0 0; } [class*=list__nest] .note-list-v2[data-col-sp] > li { margin-top: 0.4em; } [class*=list__nest] .note-list-v2[data-col-sp=auto] > li { margin: 0 15px 0.4em 0; } [class*=list-v2__nest] .note-list-v2[data-col-sp] > li { margin-top: 0.2em; } [class*=list-v2__nest] .note-list-v2[data-col-sp=auto] > li { margin: 0 15px 0.2em 0; } .note-list-v2[data-col-sp] > li:first-child { margin-top: 0; } .note-list-v2 > li { margin: 0.5em 0 0; font-size: 1.2rem; } [class*=list__nest] .note-list-v2[data-col-sp] > li { margin-top: 0.5em; } [class*=list__nest] .note-list-v2[data-col-sp=auto] > li { margin: 0 15px 0.5em 0; } .note-list-v2[data-col-sp] > li { margin-top: 0.5em; } .note-list-v2[data-col-sp=auto] > li { margin: 0 15px 0.5em 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, .button .button__type--rss, .button .button__type--freedial { padding: 0.7em 1.2em; border-radius: 22px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 1.6rem; } .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: 1em 0 0; } .button-wrap[data-col-sp]:not([data-col-sp=auto]) > * { margin-top: 1em; } [class*=button-wrap][data-col-sp]:not([data-col-sp="1"]) > .button > [class*=__type] { width: 100%; } .button .button__type--blank { padding-right: 2.9em; } .button .button__type--pdf { padding-right: 2.9em; } .button .button__type--excel { padding-right: 2.9em; } .button .button__type--word { padding-right: 2.9em; } .button .button__type--powerpoint { padding-right: 2.9em; } .button .button__type--zip { padding-right: 2.9em; } .button .button__type--modal { padding-right: 2.9em; } [class*=modal--].modaal-wrapper .modaal-container { padding: 20px; } [class*=modal--].modaal-wrapper .modaal-inner-wrapper { padding-right: 14px; padding-left: 14px; } [class*=modal--].modaal-wrapper .modaal-close { top: -50px; width: 36px; height: 36px; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 23px; margin: -1px 0 0 -12px; } [class*=modal--].modaal-wrapper .modaal-video-wrap { margin: auto; } .button .button__type--rss { padding-right: 2.9em; } .button .button__type--freedial { padding-right: 2.9em; } .button .button__type--blank { padding-right: 2.4em; } .button .button__type--zip { padding-right: 2.6em; } .button .button__type--modal { padding-right: 2.6em; } .button__filesize { font-weight: 400; font-size: 1.4rem; } .button-v2 .button-v2__type, .button-v2 .button-v2__type--blank, .button-v2 .button-v2__type--pdf, .button-v2 .button-v2__type--excel, .button-v2 .button-v2__type--word, .button-v2 .button-v2__type--powerpoint, .button-v2 .button-v2__type--zip, .button-v2 .button-v2__type--modal, .button-v2 .button-v2__type--rss, .button-v2 .button-v2__type--freedial { padding: 0.8em 1.4em; border-radius: 22px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 1.4rem; } .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: 1em 0 0; } .button-wrap[data-col-sp]:not([data-col-sp=auto]) > * { margin-top: 1em; } [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.3em; } .button-v2 .button-v2__type--blank:after { right: 1.2em; } .button-v2 .button-v2__type--pdf { padding-right: 3.3em; } .button-v2 .button-v2__type--pdf:after { right: 1.2em; } .button-v2 .button-v2__type--excel { padding-right: 3.3em; } .button-v2 .button-v2__type--excel:after { right: 1.2em; } .button-v2 .button-v2__type--word { padding-right: 3.3em; } .button-v2 .button-v2__type--word:after { right: 1.2em; } .button-v2 .button-v2__type--powerpoint { padding-right: 3.3em; } .button-v2 .button-v2__type--powerpoint:after { right: 1.2em; } .button-v2 .button-v2__type--zip { padding-right: 3.3em; } .button-v2 .button-v2__type--zip:after { right: 1.2em; } .button-v2 .button-v2__type--modal { padding-right: 3.3em; } .button-v2 .button-v2__type--modal:after { right: 1.2em; } .button-v2 .button-v2__type--rss { padding-right: 3.3em; } .button-v2 .button-v2__type--rss:after { right: 1.2em; } .button-v2 .button-v2__type--freedial { padding-right: 3.3em; } .button-v2 .button-v2__type--freedial:after { right: 1.2em; } .button-v2 .button-v2__type--blank { padding-right: 2.7em; } .button-v2__filesize { 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, .button-v3 .button-v3__type--rss, .button-v3 .button-v3__type--freedial { padding: 0.7em 1.2em; border-radius: 22px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 1.6rem; } .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: 1em 0 0; } .button-wrap[data-col-sp]:not([data-col-sp=auto]) > * { margin-top: 1em; } [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--pdf { padding-right: 2.9em; } .button-v3 .button-v3__type--excel { padding-right: 2.9em; } .button-v3 .button-v3__type--word { padding-right: 2.9em; } .button-v3 .button-v3__type--powerpoint { padding-right: 2.9em; } .button-v3 .button-v3__type--zip { padding-right: 2.9em; } .button-v3 .button-v3__type--modal { padding-right: 2.9em; } [class*=modal--].modaal-wrapper .modaal-container { padding: 20px; } [class*=modal--].modaal-wrapper .modaal-inner-wrapper { padding-right: 14px; padding-left: 14px; } [class*=modal--].modaal-wrapper .modaal-close { top: -50px; width: 36px; height: 36px; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 23px; margin: -1px 0 0 -12px; } [class*=modal--].modaal-wrapper .modaal-video-wrap { margin: auto; } .button-v3 .button-v3__type--rss { padding-right: 2.9em; } .button-v3 .button-v3__type--freedial { padding-right: 2.9em; } .button-v3 .button-v3__type--blank { padding-right: 2.4em; } .button-v3 .button-v3__type--zip { padding-right: 2.6em; } .button-v3 .button-v3__type--modal { padding-right: 2.6em; } .button-v3__filesize { font-weight: 400; font-size: 1.4rem; } [class*=modal--].modaal-wrapper .modaal-close { top: -50px; width: 36px; height: 36px; } [class*=modal--].modaal-wrapper .modaal-close > span:before, [class*=modal--].modaal-wrapper .modaal-close > span:after { width: 23px; margin: -1px 0 0 -12px; } .modal--image.modaal-wrapper .modaal-container { padding: 20px; } .Main__content { padding-top: 0; padding-bottom: 2.8571428571em; } .home-media { margin-right: -15px; margin-left: -15px; } .home-media__head { position: relative; padding: 0 0 27px; } .home-media__head:before { z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; padding: 90.8% 0 0; background: url(/img/index_ex02_sp.png) no-repeat 0 0; background-size: cover; content: ""; } .home-media__body { margin: -5px 0 0; padding: 0 15px; } .home-media-v2 [class*=home-link-list__type] { font-size: 1.2rem; } .home-media-v3__body { position: relative; min-height: 214px; margin: 1.0714285714em 0 0; padding: 0 122px 0 15px; } .home-media-v3__foot { margin: 0.8571428571em 0 0; } .home-media-v3__image { top: 2px; right: 0; width: 110px; } .home-media-v3__title { font-size: 2.1rem; } .home-media-v3__label:before { bottom: 0; height: 5px; } .home-media-v4__head { padding: 0 15px; } .home-media-v4__body { margin: 0.7142857143em 0 0; } .home-media-v4__image img { border-radius: 15px; } .home-media-v5__body { margin: 0.3571428571em 0 0; } .home-media-v5__image img { width: 100%; max-width: 57px; } .home-media-v5__title { padding: 0 0 10px; font-size: 1.5rem; } .home-media-v5__title:before { height: 3px; } .home-media-v5__highlight { display: block; font-size: 2rem; } .home-media-v6 { margin: 1.3571428571em 0 0; } .home-media-v6__body { margin: 1.4285714286em 0 0; } .home-media-v7__body { margin: 0.3571428571em 0 0; } .home-media-v7__image { text-align: center; } .home-media-v7__image img { max-width: 240px; } .home-media-v8 { margin: 4.5em 0 0; } .home-media-v8__head:before { top: -41px; left: -15px; width: 185px; height: 292px; background-image: url(/img/index_ex04_sp.png); background-size: cover; } .home-media-v8__body { margin: 1.0714285714em 0 0; } .home-media-v8__foot { margin: 2em 0 0; } .home-media-v8__inner { margin: 0 -15px; padding: 0 15px; } .home-media-v8__inner:before { bottom: 87px; left: 0; width: 100%; height: 0; padding: 124.6666666667% 0 0; background-image: url(/img/index_ex05_sp.png); background-size: 100% 100%; } .home-media-v8__title { font-size: 3.6rem; } .home-media-v9 { margin: 1.7857142857em 0 0; padding: 19px 20px 15px; } .home-media-v9__body { margin: 1.0714285714em 0 0; } .home-media-v9__text { font-size: 1.5rem; } .home-media-v10 { margin: 0.3571428571em 0 0; } .home-media-v10__body { margin: 1.4285714286em 0 0; } .home-control__pager + .home-control__navi { margin-left: 22px; } .home-control__navi + .home-control__switch { margin-left: 22px; } .home-control__dot { margin: 0 -11px; } .home-control__dot > li { margin: 0 11px; } .home-control__dot > li > button { width: 8px; height: 8px; background: #1f7c5a; } .home-control__dot > li.slick-active > button { background-color: #fff; } .home-control__arrow--prev, .home-control__arrow--next { width: 10px; height: 15px; } .home-control__arrow--prev:before, .home-control__arrow--next:before { width: 10px; height: 10px; margin-top: 2px; border-top-color: #fff; border-right-color: #fff; } .home-control__arrow--prev:before { margin-left: 2px; } .home-control__arrow--next:before { margin-left: -2px; } .home-control__arrow--prev + .home-control__arrow--next { margin-left: 22px; } .home-control__button--pause, .home-control__button--play { width: 10px; height: 15px; } .home-control__button--pause:before, .home-control__button--pause:after { width: 3px; background: #fff; } .home-control__button--play:before { border-width: 7.5px 0 7.5px 10px; border-left-color: #fff; } .home-control-v2__arrow--prev, .home-control-v2__arrow--next { width: 45px; height: 28px; } .home-control-v4 { margin: 11px 0 0; } .home-control-v4__pager + .home-control-v4__navi { margin-left: 22px; } .home-control-v4__navi + .home-control-v4__switch { margin-left: 22px; } .home-control-v4__dot { margin: 0 -11px; } .home-control-v4__dot > li { margin: 0 11px; } .home-control-v4__dot > li > button { width: 8px; height: 8px; } .home-control-v4__arrow--prev, .home-control-v4__arrow--next { width: 10px; height: 15px; } .home-control-v4__arrow--prev:before, .home-control-v4__arrow--next:before { width: 10px; height: 10px; margin-top: 2px; } .home-control-v4__arrow--prev:before { margin-left: 2px; } .home-control-v4__arrow--next:before { margin-left: -2px; } .home-control-v4__arrow--prev + .home-control-v4__arrow--next { margin-left: 22px; } .home-control-v4__button--pause, .home-control-v4__button--play { width: 10px; height: 15px; } .home-control-v4__button--pause:before, .home-control-v4__button--pause:after { width: 3px; } .home-control-v4__button--play:before { border-width: 7.5px 0 7.5px 10px; } .home-carousel-v2__list { position: relative; margin: -52px 30px 0 0; padding: 15px; border-radius: 0 15px 15px 0; background: #fff; } .home-carousel-v2__title { font-size: 2.1rem; } .home-carousel-v2__title + .home-link-list { margin-top: 0.3571428571em; } .home-carousel-v2 .home-control { margin-top: 17px; padding: 0 15px; } .home-carousel-v3 .home-control-v2 { position: absolute; top: 20px; right: 0; } .home-carousel-v4__item { padding: 20px 0 6px; } .home-carousel-v4 .home-control-v3__arrow--prev, .home-carousel-v4 .home-control-v3__arrow--next { margin-top: -8px; } .home-carousel-v5 { margin: 1.1428571429em -15px 0; padding: 0 38px; overflow: hidden; } .home-carousel-v5__list .slick-list { overflow: visible !important; } .home-carousel-v5__item { padding: 4px 8px 6px; } .home-carousel-v5 [class*=__type] { border-radius: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-carousel-v5__type .home-carousel-v5__title:after { width: 7px; height: 7px; } .home-carousel-v5__type--blank .home-carousel-v5__title:after, .home-carousel-v5__type--pdf .home-carousel-v5__title:after { margin: 0 0 0 8px; } .home-carousel-v5__type--blank .home-carousel-v5__title:after { top: -0.0714285714em; } .home-carousel-v5__type--pdf .home-carousel-v5__title:after { top: -0.0714285714em; } .home-carousel-v5__body { padding: 15px 20px; } .home-carousel-v5__filesize { margin: 0 0 0 0.5em; font-weight: 400; } .home-carousel-v6 { margin: 2.5714285714em 0 0; } .home-carousel-v6__item { padding: 4px 30px 6px; } .home-carousel-v6 [class*=__type] { border-radius: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-carousel-v6__type .home-carousel-v6__title:after { width: 7px; height: 7px; } .home-carousel-v6__type--blank .home-carousel-v6__title:after, .home-carousel-v6__type--pdf .home-carousel-v6__title:after { margin: 0 0 0 8px; } .home-carousel-v6__type--blank .home-carousel-v6__title:after { top: -0.0714285714em; } .home-carousel-v6__type--pdf .home-carousel-v6__title:after { top: -0.0714285714em; } .home-carousel-v6__body { padding: 15px 20px; } .home-carousel-v6__text { margin: 0.7142857143em 0 0; } .home-carousel-v6__filesize { margin: 0 0 0 0.5em; font-weight: 400; } .home-carousel-v7 { margin: 0.7142857143em -15px 0; padding: 0 15px 6px; overflow: hidden; } .home-carousel-v7__list { margin: 0 19px; } .home-carousel-v7__list .slick-list { overflow: visible !important; } .home-carousel-v7__item { padding: 4px 8px 6px; } .home-carousel-v7 [class*=__type] { border-radius: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]) .home-carousel-v7__link { padding: 0 0 0 14px; } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]) .home-carousel-v7__link:before { top: 0.5384615385em; width: 7px; height: 7px; margin: 0 0 0 -2px; } .home-carousel-v7__type--blank .home-carousel-v7__link:after, .home-carousel-v7__type--pdf .home-carousel-v7__link:after { margin: 0 0 0 8px; } .home-carousel-v7__type--blank .home-carousel-v7__link:after { top: -0.0769230769em; } .home-carousel-v7__type--pdf .home-carousel-v7__link:after { top: -0.0769230769em; } .home-carousel-v7__body { padding: 15px 20px; } .home-carousel-v7__icon { width: 50px; height: 50px; } .home-carousel-v7__link { margin: 0.3571428571em 0 0; font-size: 1.3rem; } .home-carousel-v7__filesize { margin: 0 0 0 0.5em; } .home-carousel-v8 { margin: 2.7857142857em -15px 0; padding: 0 15px; overflow: hidden; } .home-carousel-v8__list { padding: 0 51px; } .home-carousel-v8__list li { width: 50%; padding: 0 5px; } .home-carousel-v8__list .slick-list { overflow: visible !important; } .home-carousel-v8 .home-control-v4 { margin-top: 17px; } .home-link-list { margin: 1.0714285714em 0 0; } .home-link-list > li + li { margin-top: 1em; } .home-link-list [class*=__type]:not([class*=__type--nolink]) { padding: 0 0 0 15px; } .home-link-list [class*=__type]:not([class*=__type--nolink]):before { top: 0.5em; width: 7px; height: 7px; margin: 0 0 0 -2px; } .home-link-list__type--blank:after, .home-link-list__type--pdf:after { margin: 0 0 0 8px; } .home-link-list__type--blank:after { top: -0.0714285714em; } .home-link-list__type--pdf:after { top: -0.0714285714em; } .home-link-list__filesize { margin: 0 0 0 0.5em; } .home-link-list-v2 > li + li { margin-top: 1em; } .home-link-list-v2 [class*=__type]:not([class*=__type--nolink]) { padding: 0 0 0 10px; } .home-link-list-v2 [class*=__type]:not([class*=__type--nolink]):before { top: 0.4285714286em; width: 7px; height: 7px; } .home-link-list-v2__type--blank:after, .home-link-list-v2__type--pdf:after { margin: 0 0 0 8px; } .home-link-list-v2__type--blank:after { top: -0.0714285714em; } .home-link-list-v2__type--pdf:after { top: -0.0714285714em; } .home-link-list-v2__filesize { margin: 0 0 0 0.5em; } .home-link-list-v3 { margin: 1.0714285714em 0 0; } .home-link-list-v3 [class*=__type]:not([class*=__type--nolink]) { padding: 0 0 0 22px; } .home-link-list-v3 [class*=__type]:not([class*=__type--nolink]):before { width: 13px; height: 13px; } .home-link-list-v4 [class*=__type] { min-height: 44px; } .home-link-list-v4 [class*=__type]:not([class*=__type--nolink]) .home-link-list-v4__label > dd { padding-left: 14px; } .home-link-list-v4 [class*=__type]:not([class*=__type--nolink]) .home-link-list-v4__label > dd:before { width: 7px; height: 7px; margin: 0 0 0 -2px; } .home-link-list-v4__label > dt { width: 4.4166666667em; font-size: 1.2rem; } .home-link-list-v4__index { top: 0.125em; font-size: 1.6rem; } .home-link-list-v5 { padding: 8px 20px; border-radius: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-link-list-v5__inner { display: flex; justify-content: center; overflow: hidden; } .home-link-list-v5__list > li { min-height: 44px; } .home-link-list-v5__list > li + li:before { -webkit-transform: translateX(-50%); left: 50%; width: 1000%; transform: translateX(-50%); } .home-link-list-v5 [class*=__type]:not([class*=__type--nolink]) { padding: 0 0 0 14px; } .home-link-list-v5 [class*=__type]:not([class*=__type--nolink]):before { top: 0.5em; width: 7px; height: 7px; margin: 0 0 0 -2px; } .home-button { margin: 1.5714285714em 0 0; } .home-button [class*=__type] { min-height: 54px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); font-size: 2rem; } .home-button-v2 [class*=__type] { min-height: 52px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-button-v2__sublabel { font-size: 1rem; } .home-button-v2__label { margin: 0.3125em 0 0; font-size: 1.6rem; } .home-button-v3 { margin: 0.7142857143em 0 0; } .home-button-v3 [class*=__type] { min-height: 52px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); font-size: 1.5rem; line-height: 1.3; } .home-button-v4 { margin: 2em 0 0; padding: 0 17px; border-radius: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-button-v4__item { width: calc((100% - 34px) / 3); margin-left: 17px; } .home-button-v4 [class*=__type] { padding: 14px 0 10px; } .home-button-v4__body { margin: 0.3571428571em 0 0; } .home-button-v4__image img { max-width: 24px; } .home-button-v4__title { font-size: 1.3rem; } .home-button-v5 [class*=__type] { min-height: 32px; font-size: 1.2rem; } .home-button-v6__item { width: calc((100% - 17px) / 2); } .home-button-v6 [class*=__type] { min-height: 53px; padding: 11px 0; } .home-button-v6__head { width: 31px; margin: 0 7px 0 0; } .home-button-v7 { margin: 1.3571428571em 0 0; } .home-button-v7 > li { width: calc((100% - 17px) / 2); } .home-button-v7 [class*=__type] { min-height: 53px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); font-size: 1.3rem; } .home-button-v8 { margin: 1.4285714286em 0 0; } .home-button-v8 [class*=__type] { max-width: 285px; min-height: 44px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-button-v8__type--blank .home-button-v8__label:after, .home-button-v8__type--pdf .home-button-v8__label:after { margin: 0 0 0 8px; } .home-button-v8__type--blank .home-button-v8__label:after { top: -0.0714285714em; } .home-button-v8__type--pdf .home-button-v8__label:after { top: -0.0714285714em; } .home-button-v8__filesize { margin: 0 0 0 0.5em; font-weight: 400; } .home-button-v9 [class*=__type] { min-height: 47px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); font-size: 1.6rem; letter-spacing: 0.05em; } .home-button-v9__type--blank .home-button-v9__label:after, .home-button-v9__type--pdf .home-button-v9__label:after { margin: 0 0 0 8px; } .home-button-v9__type--blank .home-button-v9__label:after { top: -0.0714285714em; } .home-button-v9__type--pdf .home-button-v9__label:after { top: -0.0714285714em; } .home-button-v10 [class*=__type] { min-height: 47px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); font-size: 1.6rem; letter-spacing: 0.05em; } .home-button-v11 { width: 100%; max-width: 285px; margin: 1.4285714286em auto 0; } .home-button-v11 > li + li { margin-top: 1em; } .home-button-v11 [class*=__type] { min-height: 44px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-button-v11__type--blank .home-button-v11__label:after, .home-button-v11__type--pdf .home-button-v11__label:after { margin: 0 0 0 8px; } .home-button-v11__type--blank .home-button-v11__label:after { top: -0.0714285714em; } .home-button-v11__type--pdf .home-button-v11__label:after { top: -0.0714285714em; } .home-button-v11__filesize { margin: 0 0 0 0.5em; font-weight: 400; } .home-column { margin: 1.5714285714em 0 0; } .home-column__item { width: calc((100% - 15px) / 2); } .home-column__body { margin: 1.0714285714em 0 0; } .home-column-v2 { margin: 5.1428571429em 0 0; } .home-column-v2__item--app { margin: 2.7857142857em 0 0; } .home-column-v3__item { display: flex; justify-content: center; margin: 0.7142857143em 0 0; } .home-column-v4 { width: 100%; max-width: 285px; margin: 0 auto; } .home-column-v4__item + .home-column-v4__item { margin-top: 1.0714285714em; } .home-column-v4__body { margin: 1.0714285714em 0 0; } .home-column-v5 { margin: 2.3571428571em 0 0; } .home-column-v5__item--news { z-index: 0; position: relative; padding: 30px 0 0; } .home-column-v5__item--news:before { z-index: -1; position: absolute; top: 0; left: -15px; width: calc(100% + 30px); height: calc(100% - 1px); background: linear-gradient(to right, #00a469 1%, #50c8a6 100%); content: ""; } .home-column-v5__item--information { margin: 2.5em 0 0; } .home-column-v6 { margin: 0.72em 0 0; } .home-column-v6__item { width: calc((100% - 15px) / 2); } .home-column-v6__body { margin: 0.72em 0 0; } .home-lead { margin: 0.7142857143em 0 0; } .home-lead__text { font-size: 1.5rem; } .home-lead-v2 { font-size: 1.5rem; } .home-lead-v3 { font-size: 1.5rem; } .home-box { margin: 1.4285714286em 0 0; } .home-box__inner { padding: 0 15px; border-radius: 15px; } .home-box__item { position: relative; flex-wrap: wrap; } .home-box__item.is-initialized .home-box__head { padding-right: 107px; } .home-box__head { flex: 1 1; order: 1; } .home-box__body { order: 3; width: 100%; margin: 1.0714285714em 0 0; } .home-box__foot { order: 2; width: 55px; margin: 0 0 0 15px; } .home-box__title { display: flex; align-items: center; min-height: 30px; font-size: 1.4rem; } .home-box__icon--important { padding: 0 0 0 27px; font-size: 1.5rem; } .home-box__icon--important:before { top: 0.2em; width: 18px; height: 16px; } .home-box-v2:before { top: -72px; left: -15px; width: 185px; height: 292px; background-image: url(/img/index_ex03_sp.png); background-size: cover; } .home-box-v2__head { margin: 0 0 -0.2857142857em; } .home-box-v2__body { padding: 6px 17px 15px; border-radius: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-box-v2__title { font-size: 3.6rem; } .home-box-v3 { margin: 0 -15px; padding: 0 15px; } .home-box-v3:before { width: 100%; height: calc(100% - 16px); } .home-box-v4__foot { margin: 1.0714285714em 0 0; } .home-box-v5 { margin: 2.3571428571em -15px 0; padding: 0 15px; background-image: url(/img/index_bg01_sp.png); background-size: 100% auto; } .home-box-v5:before { bottom: 0; height: 0; padding: 72% 0 0; } .home-box-v5__inner { padding: 16px 0 0; } .home-box-v6 { padding: 20px 20px 13px; border-radius: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-box-v7 { margin: 2em 0 0; border-radius: 15px; } .home-box-v7:before { width: 100px; height: 30px; background-size: cover; } .home-box-v7__head { min-height: 110px; padding: 50px 0 0; background-image: url(/img/index_bg02_01_sp.jpg), url(/img/index_bg02_02_sp.jpg); background-position: 0 0, 100% 0; background-size: auto 100%; background-repeat: no-repeat; } .home-box-v7__body { padding: 20px 30px 19px; } .home-box-v7__title { font-size: 1.8rem; } .home-box-v8__head { padding: 0 0 13px; } .home-box-v8__title { font-size: 1.5rem; } .home-box-v8__link { width: 55px; margin: 0 0 0 15px; } .home-box-v9 { margin: 2em 0 0; } .home-box-v9__inner { padding: 0 15px; border-radius: 15px; } .home-box-v9__item { position: relative; flex-wrap: wrap; padding: 18px 0; } .home-box-v9__head { flex: 1 1; order: 1; } .home-box-v9__body { order: 3; width: 100%; margin: 1.0714285714em 0 0; } .home-box-v9__foot { order: 2; width: 55px; margin: 0 0 0 15px; } .home-box-v9__title { display: flex; align-items: center; min-height: 30px; font-size: 1.4rem; } .home-box-v9__icon--important { padding: 0 0 0 27px; font-size: 1.5rem; } .home-box-v9__icon--important:before { top: 0.2em; width: 18px; height: 16px; } .home-box-v10 { margin: 2.7142857143em 0 0; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-box-v10 [class*=__item--] { padding: 15px; } .home-box-v10 [class*=__item--] + [class*=__item--] { border-top: 1px solid #ddd; } .home-box-v10__body { margin: 0.3571428571em 0 0; } .home-box-v10__title { font-size: 1.3rem; } .home-card { width: 100%; max-width: 208px; margin: 0 auto; } .home-card__item { width: calc((100% - 8px) / 2); } .home-card__inner { padding: 21% 0 0; } .home-card__body { margin: 0.3571428571em 0 0; } .home-card__image img { max-width: 36px; } .home-card__title { font-size: 1.2rem; } .home-card-v2__body { margin: 1.0714285714em 0 0; padding: 0 20px; } .home-card-v2__image { overflow: hidden; border-radius: 15px; } .home-card-v2__title { font-size: 1.6rem; } .home-card-v2__text { margin: 0.3571428571em 0 0; } .home-card-v2__name { top: 0.0714285714em; } .home-card-v2__post + .home-card-v2__name { margin-left: 1em; } .home-card-v2__link { margin: 0.3571428571em 0 0; padding: 0 0 0 14px; } .home-card-v2__link:before { top: 0.5em; width: 7px; height: 7px; margin: 0 0 0 -2px; } .home-card-v3__inner { margin: -4px -15px -6px -5px; padding: 4px 0 6px 5px; overflow-x: auto; } .home-card-v3__inner:after { flex: 0 0 auto; width: 15px; content: ""; } .home-card-v3__item { flex: 0 0 auto; width: calc(100% - 45px); } .home-card-v3__item + .home-card-v3__item { margin-left: 15px; } .home-card-v3__body { margin: 0.7142857143em 0 0; padding: 14px; border-radius: 15px; background: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .home-card-v4 { flex-wrap: wrap; } .home-card-v4__item { width: calc((100% - 15px) / 2); margin: 15px 0 0; } .home-card-v4__item:nth-child(-n+2) { margin-top: 0; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]) .home-card-v4__title { padding: 0 0 0 14px; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]) .home-card-v4__title:before { top: 0.2857142857em; width: 7px; height: 7px; margin: 0 0 0 -2px; } .home-card-v4__type--blank .home-card-v4__title:after, .home-card-v4__type--pdf .home-card-v4__title:after { margin: 0 0 0 8px; } .home-card-v4__type--blank .home-card-v4__title:after { top: -0.0714285714em; } .home-card-v4__type--pdf .home-card-v4__title:after { top: -0.0714285714em; } .home-card-v4__body { margin: 0.3571428571em 0 0; } .home-card-v4__text { font-size: 1rem; } .home-card-v4__image { width: 35px; margin: 0 8px 0 0; } .home-card-v4__title { font-size: 1.3rem; line-height: 1.3; } .home-banner { margin: 0.8571428571em 0 0; padding: 0 30px; } .home-banner > li { width: calc((100% - 16px) / 2); } .home-banner-v2 > li { width: 30px; margin: 0 4px; } .home-table-list { width: 100%; max-width: 242px; border-radius: 10px; } .home-table-list__matrix > li { width: 33.3333333333%; padding: 4px 0; font-size: 1rem; } .home-navi { max-width: 345px; margin: 0 auto; } .home-navi__button > a { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); font-size: 1.2rem; } .home-navi__list > li > a { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); font-size: 1.2rem; } .home-tab__body { margin: 14px -15px 0 0; padding: 20px 15px 17px 20px; border-radius: 15px 0 0 0; } .home-tab__title { font-size: 3.6rem; } .home-tab__navi { margin: 0.7142857143em 0 0; } .home-tab__list { display: flex; justify-content: space-between; } .home-tab__list > li { display: flex; width: calc((100% - 22px) / 3); } .home-tab__list > li:before, .home-tab__list > li:after { -webkit-transform: translateX(-50%); top: 100%; left: 50%; transform: translateX(-50%); } .home-tab__list > li:before { width: 1px; height: 14px; } .home-tab__list > li:after { margin: 11px 0 0; } .home-tab__button { width: 100%; min-height: 43px; font-size: 1.2rem; } .home-news [class*=__type] { padding: 14px 0; } .home-news [class*=__type]:not([class*=__type--nolink]) .home-news__title { padding: 0 0 0 15px; } .home-news [class*=__type]:not([class*=__type--nolink]) .home-news__title:before { top: 0.5em; width: 7px; height: 7px; margin: 0 0 0 -2px; } .home-news__type--blank .home-news__title:after, .home-news__type--pdf .home-news__title:after { margin: 0 0 0 8px; } .home-news__type--blank .home-news__title:after { top: -0.0714285714em; } .home-news__type--pdf .home-news__title:after { top: -0.0714285714em; } .home-news__property { min-height: 21px; } .home-news__date { width: 9.75em; } .home-news__category { margin: 0 -8px -8px 0; } .home-news__category [class*=__badge] { min-height: 21px; margin: 0 8px 8px 0; font-size: 1.2rem; } .home-news__caption { margin: 0.3571428571em 0 0; } .home-news__title { font-weight: 400; font-size: 1.4rem; } .home-news__filesize { margin: 0 0 0 0.5em; } .home-heading3 { margin: 2.8571428571em 0 0; } .home-heading3__title { font-size: 1.5rem; } } @media print { body { width: 1280px !important; margin: 0 auto !important; page: print-width; } 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: 0.85; } .Header .Header__body { display: none !important; } .Header { position: absolute !important; } body.is-header-fixed .Header { height: 100px !important; } .Assist { display: none !important; } .Footer .Footer__guide { display: none !important; } .Footer .Footer__head { display: none !important; } .Footer .Footer__body { display: none !important; } .bottom-fixed-wrap { display: none !important; } body { width: 1260px !important; } .Main__body { width: 1260px !important; } .Main__assist { display: none !important; } .home-control-v2__navi { flex-shrink: 0 !important; } .home-media-v6__head { width: calc(600px + 105 * (100% - 1260px) / 240) !important; } .home-media-v6__body { width: calc(564px + 112 * (100% - 1260px) / 240) !important; } .home-column-v5__item--news { width: calc(664px + 96 * (100% - 1260px) / 240) !important; } .home-column-v5__item--information { width: calc(500px + 100 * (100% - 1260px) / 240) !important; } .home-column-v5:before { width: calc(664px + 96 * (100% - 1260px) / 240 + 30px) !important; } .home-box-v3:before { width: 100%; height: calc(100% - 39px) !important; } .home-media-v7__head { width: calc(154px + 74 * (100% - 1260px) / 240) !important; } .home-box-v10__item--sns { width: calc(182px + 41 * (100% - 1260px) / 240) !important; } .home-box-v10__item--song { width: calc(182px + 41 * (100% - 1260px) / 240) !important; } .home-box-v10__item--av { width: calc(182px + 41 * (100% - 1260px) / 240) !important; } } @media print, screen and (min-width: 1261px) { .Header { min-width: 1260px; height: 100px; } body.is-header-fixed .Header { height: 70px; } .Header__inner { align-items: center; min-width: 1260px; max-width: 1500px; height: 100%; margin: 0 auto; padding: 6px 30px 13px; } body.is-header-fixed .Header__inner { padding-top: 10px; } .Header__head { margin-top: 10px; } body.is-header-fixed .Header__head { width: 149px; } body.is-header-fixed .Header__body { display: flex; align-items: center; } .header-utility { display: flex; align-items: center; justify-content: flex-end; } body.is-header-fixed .header-utility { order: 2; margin-top: 5px; } .header-utility-list { display: flex; margin: 5px 0 10px; } body.is-header-fixed .header-utility-list { display: none; } .header-utility-list > li { padding: 0 1.1875em 0 1.125em; border-left: 1px solid #ccc; line-height: 1.4; } .header-utility-list > li:last-child { border-right: 1px solid #ccc; } .header-utility-list > li > [class*=__type] { color: #333 !important; font-weight: 700; font-size: 1.3rem; } .header-utility-list > li > [class*=__type]:hover { color: #007238 !important; text-decoration: underline; } .header-utility-chat { margin-left: 14px; } .header-utility-chat > [class*=__type] { padding-top: 33px; } .header-utility-chat > [class*=__type]:before { top: 7px; width: 22px; height: 22px; margin-left: -11px; } .header-utility-chat > [class*=__type]:hover:before { background-image: url("/app-files/img/sprite/icon.svg#chat2-usage"); } [class*=__type]:hover > .header-utility-chat__text { color: #007238; } .header-utility-search { z-index: 998; position: relative; margin-left: 5px; } .header-utility-search.is-active { z-index: 999; } .header-utility-search > [class*=__type] { width: 40px; padding: 33px 5px 6px; } .header-utility-search.is-active > [class*=__type]:after, .header-utility-search.is-active > [class*=__type]:before { width: 20px; margin-top: -10px; margin-left: -10px; } [class*=__type]:hover > .header-utility-search__text { color: #007238; } [class*=__type]:hover > .header-utility-search__text:before { background-image: url("/app-files/img/sprite/icon.svg#search2-usage"); } .header-utility-search__text:before { width: 22px; height: 21px; margin-left: -11px; } .header-search { top: 55px; right: 0; width: 860px; padding: 20px 30px; } .header-search__inner { height: 52px; border-radius: 52px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); } .header-search__text { width: calc(100% - 66px); height: 52px; margin-right: 10px; padding: 0 0 0 30px; border-radius: 52px 0 0 52px; } .header-search__submit { width: 26px; height: 52px; } .header-utility-menu { z-index: 998; position: relative; } .header-utility-menu.is-active { z-index: 999; } .header-utility-menu > [class*=__type] { padding: 33px 2px 6px; } .header-utility-menu > [class*=__type]:after, .header-utility-menu > [class*=__type]:before { width: 20px; margin-left: -10px; } .header-utility-menu > [class*=__type]:before { top: 11px; } .header-utility-menu > [class*=__type]:hover:after, .header-utility-menu > [class*=__type]:hover:before { background-color: #007238; } [class*=__type]:hover > .header-utility-menu__text { color: #007238; } .header-utility-menu__text:before { top: 17px; width: 20px; margin-left: -10px; } [class*=__type]:hover > .header-utility-menu__text:before { background-color: #007238; } .header-menu { top: 55px; right: 0; width: 1440px; padding-bottom: 30px; } .header-menu__inner { max-width: 1260px; margin: 0 auto; padding: 40px 30px 29px; } .header-menu__close { width: 236px; margin: 0 auto; } .header-menu__close__link { padding: 19px 20px 16px; font-weight: 700; } .header-menu__close__link:hover { background-color: #eee !important; } .header-tab__list > li { padding: 0 5px; } .header-tab .header-tab__button, .header-tab .header-tab__button--nolink { min-height: 84px; padding: 0.7em 1.2em; border-radius: 15px 15px 0 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 1.8rem; } .header-tab__body { height: calc(100vh - 40px - 29px - 87px - 60px - 30px - 100px); padding: 26px 0; } .header-tab__detail { height: 100%; padding: 0 30px; overflow-y: auto; } .header-tab__detail.is-scroll { padding: 0 13px 0 30px; } .header-tab__list > li:not(.is-current) .header-tab__button:hover { background-color: #004120; color: #fff; } .header-gnav-top { display: none; } .header-column { display: flex; flex-wrap: wrap; } .header-column__item { width: calc((100% - 111px) / 4 - 0.1px); margin-top: 1.5625em; margin-left: 37px; } .header-column__item:nth-child(-n+4) { margin-top: 0; } .header-column__item:nth-child(4n+1) { margin-left: 0; } .header-accordion__head { display: none; } .header-gnav__title > [class*=__type] { padding-left: 11px; border-left: 3px solid #00a469; font-weight: 700; font-size: 1.8rem; line-height: 1.4; } .header-gnav__title > [class*=__type]:hover { color: #007238 !important; text-decoration: underline; } .header-gnav__title > [class*=__type]:before { display: none; } .header-gnav__title__type:after { left: 4px; } .header-gnav__title + .header-gnav__list { margin-top: 0.8125em; } .header-gnav__title + .header-gnav__title { margin-top: 25px; } .header-gnav__list > li { line-height: 1.65; } .header-gnav__list > li > [class*=__type] { padding-left: 20px; } .header-gnav__list > li > [class*=__type]:hover { color: #007238 !important; text-decoration: underline; } .header-gnav__list > li > [class*=__type]:before { top: 8px; left: -4px; } .header-gnav__list > li + li { margin-top: 1em; } .header-menu-button { display: none; } .header-menu-box { display: none; } .header-category { min-height: 25px; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s; } body.is-header-fixed .header-category { order: 1; margin-right: 13px; } .header-category__list { display: none; justify-content: flex-end; margin: 2px 2px 0 0; } .header-category__list.is-current { display: flex; } .header-category__list > li { margin-left: 1.625em; } .header-category__list > li > [class*=__type] { position: relative; padding-left: 19px; color: #333 !important; font-weight: 700; } .header-category__list > li > [class*=__type]:hover { color: #007238 !important; text-decoration: underline; } .header-category__list > li > [class*=__type]:before { position: absolute; top: 5px; left: -4px; } .header-overlay { top: 0; height: 100%; } .Main { margin-top: 100px; } .Main__assist { bottom: 0; } .main-banner__close__link { right: 10px; } .main-banner__box { width: 280px; height: 139px; padding: 14px 20px 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); } .main-banner__lead { font-weight: 700; } .main-banner__button { margin-top: 5px; } .main-banner__button > [class*=__type] { padding: 1em 10px 0.6875em; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); font-weight: 700; } .main-banner__button > [class*=__type]:hover { background-color: #eee; } .Assist { z-index: 996; top: 213px; right: 0; width: 68px; overflow: hidden; border-radius: 10px 0 0 10px; background-color: #00a469; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); } .assist-fnav__list > li { border-top: 1px solid rgba(255, 255, 255, 0.2); } .assist-fnav__list > li:first-child { border-top: none; } .assist-fnav__list > li > [class*=__type] { height: 64px; } .assist-fnav__list > li > [class*=__type]:hover { background-color: #007238; } .assist-fnav__list__type--store .assist-fnav__list__icon { width: 31px; padding: 11px 0 4px; } .assist-fnav__list__type--reserve .assist-fnav__list__icon { width: 28px; padding: 12px 0 1px; } .assist-fnav__list__type--faq .assist-fnav__list__icon { width: 28px; padding: 11px 0 3px; } .assist-fnav__list__type--contact .assist-fnav__list__icon { width: 29px; padding: 11px 0 4px; } .assist-fnav__list__text { padding-bottom: 5px; font-weight: 700; } .Footer { min-width: 1260px; } .Footer__guide .footer-pagetop { z-index: 995; } .Footer__guide .footer-pagetop.is-banner-ride { bottom: 192px !important; } .Footer__guide .footer-pagetop > a { width: 60px; height: 60px; } .Footer__guide .footer-pagetop > a:hover { background-color: #ffe100; } .Footer__guide .footer-pagetop > a:before { top: 22px; width: 20px; margin-left: -10px; } .Footer__guide .footer-pagetop > a:hover:before { background-color: #000000; } .Footer__guide .footer-pagetop > a:after { top: 31px; width: 13px; height: 13px; margin-left: -6px; } .Footer__guide .footer-pagetop > a:hover:after { border-top: 2px solid #000000; border-right: 2px solid #000000; } .Footer__head { border-top: 1px solid #ccc; } .Footer__head__inner { min-width: 1260px; max-width: 1500px; margin: 0 auto; padding: 30px 30px 28px; } .footer-column { display: flex; flex-wrap: wrap; } .footer-column__item { width: calc((100% - 185px) / 6 - 0.1px); margin-left: 37px; } .footer-column__item:nth-child(6n+1) { margin-left: 0; } .footer-accordion__head { display: none; } .footer-sitemap__title > [class*=__type] { padding-left: 20px; font-weight: 700; font-size: 1.8rem; } .footer-sitemap__title > [class*=__type]:hover { color: #007238 !important; text-decoration: underline; } .footer-sitemap__title > [class*=__type]:before { top: 8px; left: -4px; } .footer-sitemap__title + .footer-sitemap__list { margin-top: 0.8125em; } .footer-sitemap__title + .footer-sitemap__title { margin-top: 0.9375em; } .footer-sitemap__list > li { line-height: 1.65; } .footer-sitemap__list > li > [class*=__type] { padding-left: 20px; } .footer-sitemap__list > li > [class*=__type]:hover { color: #007238 !important; text-decoration: underline; } .footer-sitemap__list > li > [class*=__type]:before { top: 8px; left: -4px; } .footer-sitemap__list > li + li { margin-top: 1em; } .Footer__body { min-width: 1260px; max-width: 1500px; margin: 0 auto; padding: 0 30px; } .Footer__body__inner { padding: 34px 0 33px; border-top: 1px solid #ddd; } .footer-snav { margin: 0 0 -1.25em; } .footer-snav > li { margin-right: 1.25em; margin-bottom: 1.25em; padding-right: 1.25em; border-right: 1px solid #ccc; line-height: 1.2; } .footer-snav > li:last-child { margin-right: 0; padding-right: 0; border-right: none; } .footer-snav > li > [class*=__type] { font-size: 1.3rem; } .footer-snav > li > [class*=__type]:hover { text-decoration: none; } .Footer__foot__inner { display: flex; justify-content: space-between; min-width: 1260px; max-width: 1500px; margin: 0 auto; padding: 42px 30px; } .footer-utility__list { display: flex; } .footer-utility__list > li { margin-right: 1.25em; padding-right: 1.25em; border-right: 1px solid #fff; line-height: 1.2; } .footer-utility__list > li:last-child { margin-right: 0; padding-right: 0; border-right: none; } .footer-utility__list > li > [class*=__type]:hover { text-decoration: none; } .footer-utility__list + .footer-utility__text { margin-top: 2.083em; } .footer-utility__text { font-size: 1.2rem; } .footer-copyright__label { font-size: 1.2rem; } } @media only screen and (max-width: 1260.98px) { .Header { left: 0 !important; height: 50px; } .Header__inner { padding: 0 12px 0 15px; } .Header__head { width: 105px; margin-top: 8px; } .header-logo { line-height: 0; } .header-utility-list { display: none; } .header-utility-chat > [class*=__type] { padding: 30px 0 4px; } .header-utility-chat > [class*=__type]:before { top: 8px; width: 20px; height: 20px; margin-left: -10px; } .header-utility-search { margin-left: 4px; } .header-utility-search > [class*=__type] { width: 42px; padding: 31px 3px 3px; } .header-utility-search.is-active > [class*=__type]:after, .header-utility-search.is-active > [class*=__type]:before { width: 18px; margin-top: -6px; margin-left: -9px; } .header-utility-search__text:before { width: 20px; height: 19px; margin-left: -10px; } .header-search { top: 50px; left: 0; width: 100vw; padding: 15px; } .header-search__inner { height: 47px; border-radius: 47px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); } .header-search__text { width: calc(100% - 50px); height: 47px; margin-right: 10px; padding: 0 0 0 19px; border-radius: 47px 0 0 47px; font-size: 1.6rem; } .header-search__submit { width: 20px; height: 47px; } .header-utility-menu > [class*=__type] { padding: 30px 0 4px; } .header-utility-menu > [class*=__type]:after, .header-utility-menu > [class*=__type]:before { width: 18px; margin-left: -9px; } .header-utility-menu > [class*=__type]:before { top: 12px; } .header-utility-menu__text:before { top: 18px; width: 18px; margin-left: -9px; } .header-menu { top: 50px; left: 0; width: 100vw; height: calc(100vh - 50px); padding: 15px 15px 100px; overflow-y: auto; } .header-menu__close { display: none; } .header-tab__list > li { padding: 0 3px; } .header-tab .header-tab__button, .header-tab .header-tab__button--nolink { padding: 0.9em 0.5em 0.65em; border-radius: 5px 5px 0 0; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 1.3rem; line-height: 1.65; } .header-tab__body { padding: 1.7em 15px 15px; border-radius: 0 0 15px 15px; } .header-gnav-top > [class*=__type] { display: inline-block; position: relative; padding-left: 15px; color: #333 !important; font-weight: 700; font-size: 1.5rem; } .header-gnav-top > [class*=__type]:before { position: absolute; top: 0.45em; left: -2px; } .header-column { margin-top: 7px; overflow: hidden; border-radius: 7px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); } .header-column__item { border-bottom: 1px solid #ddd; } .header-column__item:last-child { border-bottom: none; } .header-accordion__head { display: block; position: relative; width: 100%; padding: 1.142em 33px 0.857em 15px; color: #333 !important; font-weight: 700; font-size: 1.4rem; line-height: 1.2; } .header-accordion__head:before, .header-accordion__head:after { position: absolute; top: 22px; right: 14px; width: 18px; height: 2px; background-color: #007238; content: ""; } .header-accordion__head:after { transform: rotate(90deg); } .header-accordion__head.is-active { background-color: #eee; } .header-accordion__head.is-active:after { transform: rotate(0); } .header-accordion__body { display: none; padding: 12px 15px 15px; } .header-gnav__title > [class*=__type] { padding-left: 15px; font-weight: 700; } .header-gnav__title > [class*=__type]:before { position: absolute; top: 0.45em; left: -2px; } .header-gnav__title__type:after { display: none; } .header-gnav__title + .header-gnav__list { margin-top: 0.642em; } .header-column__item > .header-gnav .header-gnav__title + .header-gnav__title { border-top: 1px solid #ddd; } .header-column__item > .header-gnav .header-gnav__title > [class*=__type] { display: block; padding: 1.142em 33px 0.857em 15px; line-height: 1.2; } .header-column__item > .header-gnav .header-gnav__title > [class*=__type]:before { top: 18px; left: calc(100% - 31px); width: 10px; height: 10px; } .header-gnav__list > li > [class*=__type] { padding-left: 15px; } .header-gnav__list > li > [class*=__type]:before { top: 0.45em; left: -2px; } .header-gnav__list > li + li { margin-top: 0.714em; } .header-menu-button { display: flex; flex-wrap: wrap; margin-top: 15px; } .header-menu-button__item { width: calc((100% - 15px) / 2 - 0.1px); margin-left: 15px; } .header-menu-button__item:nth-child(2n+1) { margin-left: 0; } .header-menu-button__item > [class*=__type] { display: block; width: 100%; padding: 0.857em 12px 0.642em; border-radius: 99px; background-color: #fff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); color: #333 !important; font-weight: 700; text-align: center; } .header-menu-box { margin-top: 20px; padding: 20px 15px; border-radius: 15px; background-color: #fff; } .header-button > [class*=__type] { display: block; width: 100%; padding: 0.65em 13px 0.4em; border-radius: 99px; background-color: #fff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); color: #333 !important; font-weight: 700; font-size: 2rem; text-align: center; } .header-button-v2 > [class*=__type] { display: block; width: 100%; padding: 0 10px 0.5em; border-radius: 99px; background-color: #007238; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); color: #fff !important; font-weight: 700; font-size: 1.6rem; line-height: 1.4; text-align: center; } .header-button-v2__subtext { font-size: 1rem; } .header-button-v3 { margin-top: 0.428em; } .header-button-v3 > [class*=__type] { display: block; width: 100%; padding: 0.875em 14px 0.625em; border-radius: 99px; background-color: #ffe100; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); color: #000000 !important; font-weight: 700; font-size: 1.6rem; text-align: center; } .header-column-v2 { display: flex; flex-wrap: wrap; margin-top: 1.714em; } .header-column-v2__item { width: calc((100% - 15px) / 2 - 0.1px); margin-left: 15px; text-align: center; } .header-column-v2__item:nth-child(2n+1) { margin-left: 0; } .header-link-text { margin-top: 1.142em; } .header-link-text > [class*=__type] { display: inline-block; position: relative; padding-left: 15px; text-decoration: underline; } .header-link-text > [class*=__type]:before { position: absolute; top: 0.45em; left: -2px; } .header-lead { margin: 0.933em -15px 0; font-weight: 700; font-size: 1.5rem; text-align: center; } .header-snav { display: flex; flex-wrap: wrap; margin-top: 20px; padding: 15px 15px 9px; border-radius: 15px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); } .header-snav__item { width: calc((100% - 20px) / 3 - 0.1px); margin-top: 1.071em; margin-left: 10px; border-bottom: 1px solid #ddd; } .header-snav__item:nth-child(-n+3) { margin-top: 0; } .header-snav__item:nth-last-child(-n+3) { border-bottom: none; } .header-snav__item:nth-child(3n+1) { margin-left: 0; } .header-snav__item > [class*=__type] { display: block; height: 100%; padding-bottom: 0.538em; text-align: center; } .header-snav__icon { display: block; width: 23px; margin: 0 auto; } .header-snav__text { display: block; margin-top: 0.153em; font-weight: 700; font-size: 1.3rem; text-decoration: underline; } .header-snav__subtext { display: block; font-weight: 700; font-size: 1rem; text-decoration: underline; } .header-category { display: none; } .header-overlay { top: 50px; height: calc(100% - 50px); } .Main { margin-top: 50px; } .Main__assist { bottom: 75px; width: 100%; } .Main__assist .util-sp-hidden { display: none; } .main-banner { width: calc(100% - 30px); margin: 0 auto; } .main-banner__close__link { right: 29px; } .main-banner__box { width: 100%; padding: 17px 15px 19px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); } .main-banner__lead { font-weight: 700; } .main-banner__button { width: 244px; margin: 5px auto 0; } .main-banner__button > [class*=__type] { padding: 0.928em 0.428em 0.714em; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); font-weight: 700; } .Assist { z-index: 995; bottom: 0; left: 0; width: calc(100% - 47px); height: 50px; background-color: #33b687; } .Assist:before { z-index: 1; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); content: ""; } .Assist__inner { z-index: 2; position: relative; } .assist-fnav__list { display: flex; } .assist-fnav__list > li { width: calc((100% - 3px) / 4 - 0.1px); margin-left: 1px; background-color: #00a469; } .assist-fnav__list > li:first-child { margin-left: 0; } .assist-fnav__list > li > [class*=__type] { height: 50px; } .assist-fnav__list__icon { width: 24px; padding: 5px 0 2px; } .Footer { padding-bottom: 50px; background-color: #00a469; } .Footer .util-sp-hidden { display: none; } .Footer__inner { background-color: #fff; } .Footer__guide .footer-pagetop { display: block !important; z-index: 996; bottom: 0 !important; } .Footer__guide .footer-pagetop > a { width: 47px; height: 50px; } .Footer__guide .footer-pagetop > a:before { top: 19px; width: 15px; margin-left: -7px; } .Footer__guide .footer-pagetop > a:after { top: 26px; width: 10px; height: 10px; margin-left: -4px; } .footer-column__item { border-bottom: 1px solid #ddd; } .footer-column__item:first-child { border-top: 1px solid #ddd; } .footer-accordion__head { display: block; position: relative; width: 100%; padding: 1.071em 30px 0.928em 15px; color: #333 !important; font-weight: 700; font-size: 1.4rem; } .footer-accordion__head:before, .footer-accordion__head:after { position: absolute; top: 24px; right: 15px; width: 12px; height: 1px; background-color: #007238; content: ""; } .footer-accordion__head:after { transform: rotate(90deg); } .footer-accordion__head.is-active { background-color: #eee; } .footer-accordion__head.is-active:after { transform: rotate(0); } .footer-accordion__body { display: none; padding: 21px 15px 17px; } .footer-sitemap__title > [class*=__type] { padding-left: 15px; font-weight: 700; } .footer-sitemap__title > [class*=__type]:before { top: 0.45em; left: -3px; } .footer-sitemap__title + .footer-sitemap__list { margin-top: 1.3571428571em; } .footer-column__item > .footer-sitemap .footer-sitemap__title:not(.util-sp-hidden) + .footer-sitemap__title { border-top: 1px solid #ddd; } .footer-column__item > .footer-sitemap .footer-sitemap__title > [class*=__type] { display: block; padding: 1.071em 30px 0.928em 15px; } .footer-column__item > .footer-sitemap .footer-sitemap__title > [class*=__type]:before { top: 22px; left: calc(100% - 26px); } .footer-sitemap__list > li > [class*=__type] { padding-left: 15px; } .footer-sitemap__list > li > [class*=__type]:before { top: 0.45em; left: -2px; } .footer-sitemap__list > li + li { margin-top: 1.4285714286em; } .Footer__body { padding: 25px 15px 20px; } .footer-snav { margin: 0; } .footer-snav > li { width: calc((100% - 15px) / 2 - 0.1px); margin-top: 17px; margin-left: 15px; } .footer-snav > li:nth-child(-n+2) { margin-top: 0; } .footer-snav > li:nth-child(2n+1) { margin-left: 0; } .footer-snav > li > [class*=__type] { font-size: 1.2rem; } .Footer__foot { padding: 29px 15px 12px; } .footer-utility__list > li { margin-top: 18px; } .footer-utility__list > li:first-child { margin-top: 0; } .footer-utility__list + .footer-utility__text { margin-top: 27px; } .footer-utility__text { font-size: 1.1rem; } .footer-copyright { margin-top: 27px; } .footer-copyright__label { font-size: 1.1rem; } .bottom-fixed-wrap { bottom: 50px; padding: 0.7em 0; } .bottom-fixed-wrap > * { margin-left: 1em; } .bottom-fixed-wrap > *:first-child { margin-left: 0; } .is-toppage-banner-ride { margin-bottom: 136px; } } @media print, screen and (min-width: 769px) and (max-width: 1200px) { .Header .util-pc-hidden { display: inline-block !important; } .Footer { width: 1260px; } } @media print, screen and (min-width: 769px) and (max-width: 1261px) { .Footer .util-pc-hidden { display: inline-block !important; } } @media print, screen and (min-width: 769px) and (max-width: 1420px) { .home-media__head { width: calc(100% - 440px); } } @media print, screen and (min-width: 769px) and (max-width: 1660px) { .home-media__body:before { right: calc(420px + 80 * (100vw - 1260px) / 400); } } @media print, screen and (min-width: 769px) and (max-width: 1260px) { .home-media__body:before { right: 420px; } .home-media-v6__head { width: 600px; } .home-media-v6__body { width: 564px; } .home-media-v7__head { width: 154px; } .home-column-v5:before { width: 694px; } .home-column-v5__item--news { width: 664px; } .home-column-v5__item--information { width: 500px; } .home-box-v10__item--sns { width: 154px; } .home-box-v10__item--song { width: 132px; } .home-box-v10__item--av { width: 182px; } .home-card-v2__title { font-size: 2.1rem; } .home-navi__button > a { font-size: 2.1rem; } .home-navi__list > li > a { font-size: 2.1rem; } } @media print, screen and (min-width: 769px) and (max-width: 1500px) { .home-media-v6__head { width: calc(600px + 105 * (100vw - 1260px) / 240); } .home-media-v6__body { width: calc(564px + 112 * (100vw - 1260px) / 240); } .home-media-v7__head { width: calc(154px + 74 * (100vw - 1260px) / 240); } .home-column-v5:before { width: calc(664px + 96 * (100vw - 1260px) / 240 + 30px); } .home-column-v5__item--news { width: calc(664px + 96 * (100vw - 1260px) / 240); } .home-column-v5__item--information { width: calc(500px + 100 * (100vw - 1260px) / 240); } .home-box-v10__item--sns { width: calc(152px + 30 * (100vw - 1260px) / 240); } .home-box-v10__item--song { width: calc(142px + 30 * (100vw - 1260px) / 240); } .home-box-v10__item--av { width: calc(142px + 30 * (100vw - 1260px) / 240); } } @media (hover: none) { .home-control__dot > li > button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-control__dot > li > button:active { background-color: #004120; } .home-control__arrow--prev, .home-control__arrow--next { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-control__arrow--prev:active:before, .home-control__arrow--next:active:before { border-top-color: #004120; border-right-color: #004120; } .home-control__button--pause { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-control__button--pause:active:before, .home-control__button--pause:active:after { background: #004120; } .home-control__button--play { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-control__button--play:active:before { border-left-color: #004120; } .home-control-v2__arrow--prev, .home-control-v2__arrow--next { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-control-v2__arrow--prev:active, .home-control-v2__arrow--next:active { background-color: #eee; } .home-control-v3__arrow--prev, .home-control-v3__arrow--next { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-control-v3__arrow--prev:active, .home-control-v3__arrow--next:active { background-color: #004120; } .home-control-v4__dot > li > button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-control-v4__dot > li > button:active { background-color: #004120; } .home-control-v4__arrow--prev, .home-control-v4__arrow--next { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-control-v4__arrow--prev:active:before, .home-control-v4__arrow--next:active:before { border-top-color: #004120; border-right-color: #004120; } .home-control-v4__button--pause { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-control-v4__button--pause:active:before, .home-control-v4__button--pause:active:after { background: #004120; } .home-control-v4__button--play { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-control-v4__button--play:active:before { border-left-color: #004120; } .home-carousel-v5 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-carousel-v5 [class*=__type]:not([class*=__type--nolink]):active .home-carousel-v5__image img { opacity: 0.7; } .home-carousel-v5 [class*=__type]:not([class*=__type--nolink]):active .home-carousel-v5__title { color: #007238; } .home-carousel-v6 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-carousel-v6 [class*=__type]:not([class*=__type--nolink]):active .home-carousel-v6__image img { opacity: 0.7; } .home-carousel-v6 [class*=__type]:not([class*=__type--nolink]):active .home-carousel-v6__title { color: #007238; } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]):active .home-carousel-v7__image img { opacity: 0.7; } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]):active .home-carousel-v7__link { text-decoration: none; } .home-carousel-v8 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-carousel-v8 [class*=__type]:not([class*=__type--nolink]):active img { opacity: 0.7; } .home-link-list [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-link-list [class*=__type]:not([class*=__type--nolink]):active { text-decoration: none; } .home-link-list-v2 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-link-list-v2 [class*=__type]:not([class*=__type--nolink]):active { text-decoration: none; } .home-link-list-v3 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-link-list-v3 [class*=__type]:not([class*=__type--nolink]):active { text-decoration: none; } .home-link-list-v4 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-link-list-v4 [class*=__type]:not([class*=__type--nolink]):active .home-link-list-v4__label > dd { text-decoration: none; } .home-link-list-v5 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-link-list-v5 [class*=__type]:not([class*=__type--nolink]):active { text-decoration: none !important; } .home-button [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-button [class*=__type]:not([class*=__type--nolink]):active { background-color: #eee; } .home-button-v2 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-button-v2 [class*=__type]:not([class*=__type--nolink]):active { background-color: #004120; } .home-button-v3 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-button-v3 [class*=__type]:not([class*=__type--nolink]):active { background-color: #d9bf00; } .home-button-v4 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-button-v4 [class*=__type]:not([class*=__type--nolink]):active { text-decoration: none !important; } .home-button-v4 [class*=__type]:not([class*=__type--nolink]):active .home-button-v4__image img { opacity: 0; } .home-button-v4 [class*=__type]:not([class*=__type--nolink]):active .home-button-v4__image img + img { opacity: 1; } .home-button-v5 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-button-v5 [class*=__type]:not([class*=__type--nolink]):active { background-color: #eee; } .home-button-v6 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-button-v6 [class*=__type]:not([class*=__type--nolink]):active { text-decoration: none !important; } .home-button-v7 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-button-v7 [class*=__type]:not([class*=__type--nolink]):active { background-color: #fff; } .home-button-v8 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-button-v8 [class*=__type]:not([class*=__type--nolink]):active { background-color: #eee; } .home-button-v9 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-button-v9 [class*=__type]:not([class*=__type--nolink]):active { background-color: #d9bf00; } .home-button-v10 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-button-v10 [class*=__type]:not([class*=__type--nolink]):active { background-color: #004120; } .home-button-v11 [class*=__type] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-button-v11 [class*=__type]:active { background-color: #eee; } .home-card-v2 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-card-v2 [class*=__type]:not([class*=__type--nolink]):active .home-card-v2__image img { opacity: 0.7; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-card-v4 [class*=__type]:not([class*=__type--nolink]):active .home-card-v4__image img { opacity: 0.7; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]):active .home-card-v4__title { color: #007238 !important; } .home-banner [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-banner [class*=__type]:not([class*=__type--nolink]):active img { opacity: 0.7; } .home-banner-v2 > li > a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-banner-v2 > li > a:active { opacity: 0.7; } .home-banner-v3 > li > a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-banner-v3 > li > a:active { opacity: 0.7; } .home-navi__button > a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-navi__button > a:active { background-color: #eee; } .home-navi__list > li > a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-navi__list > li > a:active { background-color: #007238; color: #fff !important; } .home-tab__list > li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-tab__list > li:active .home-tab__button { background-color: #fff; color: #007238 !important; } .home-news [class*=__type]:not([class*=__type--nolink]) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-news [class*=__type]:not([class*=__type--nolink]):active .home-news__title { text-decoration: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) { .home-control__dot > li > button:hover { background-color: #004120; } .home-control__arrow--prev:hover:before, .home-control__arrow--next:hover:before { border-top-color: #004120; border-right-color: #004120; } .home-control__button--pause:hover:before, .home-control__button--pause:hover:after { background: #004120; } .home-control__button--play:hover:before { border-left-color: #004120; } .home-control-v2__arrow--prev:hover, .home-control-v2__arrow--next:hover { background-color: #eee; } .home-control-v3__arrow--prev:hover, .home-control-v3__arrow--next:hover { background-color: #004120; } .home-control-v4__dot > li > button:hover { background-color: #004120; } .home-control-v4__arrow--prev:hover:before, .home-control-v4__arrow--next:hover:before { border-top-color: #004120; border-right-color: #004120; } .home-control-v4__button--pause:hover:before, .home-control-v4__button--pause:hover:after { background: #004120; } .home-control-v4__button--play:hover:before { border-left-color: #004120; } .home-carousel-v5 [class*=__type]:not([class*=__type--nolink]):hover .home-carousel-v5__image img { opacity: 0.7; } .home-carousel-v5 [class*=__type]:not([class*=__type--nolink]):hover .home-carousel-v5__title { color: #007238; } .home-carousel-v6 [class*=__type]:not([class*=__type--nolink]):hover .home-carousel-v6__image img { opacity: 0.7; } .home-carousel-v6 [class*=__type]:not([class*=__type--nolink]):hover .home-carousel-v6__title { color: #007238; } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]):hover .home-carousel-v7__image img { opacity: 0.7; } .home-carousel-v7 [class*=__type]:not([class*=__type--nolink]):hover .home-carousel-v7__link { text-decoration: none; } .home-carousel-v8 [class*=__type]:not([class*=__type--nolink]):hover img { opacity: 0.7; } .home-link-list [class*=__type]:not([class*=__type--nolink]):hover { text-decoration: none; } .home-link-list-v2 [class*=__type]:not([class*=__type--nolink]):hover { text-decoration: none; } .home-link-list-v3 [class*=__type]:not([class*=__type--nolink]):hover { text-decoration: none; } .home-link-list-v4 [class*=__type]:not([class*=__type--nolink]):hover .home-link-list-v4__label > dd { text-decoration: none; } .home-link-list-v5 [class*=__type]:not([class*=__type--nolink]):hover { text-decoration: none !important; } .home-button [class*=__type]:not([class*=__type--nolink]):hover { background-color: #eee; } .home-button-v2 [class*=__type]:not([class*=__type--nolink]):hover { background-color: #004120; } .home-button-v3 [class*=__type]:not([class*=__type--nolink]):hover { background-color: #d9bf00; } .home-button-v4 [class*=__type]:not([class*=__type--nolink]):hover { text-decoration: none !important; } .home-button-v4 [class*=__type]:not([class*=__type--nolink]):hover .home-button-v4__image img { opacity: 0; } .home-button-v4 [class*=__type]:not([class*=__type--nolink]):hover .home-button-v4__image img + img { opacity: 1; } .home-button-v5 [class*=__type]:not([class*=__type--nolink]):hover { background-color: #eee; } .home-button-v6 [class*=__type]:not([class*=__type--nolink]):hover { text-decoration: none !important; } .home-button-v7 [class*=__type]:not([class*=__type--nolink]):hover { background-color: #fff; } .home-button-v8 [class*=__type]:not([class*=__type--nolink]):hover { background-color: #eee; } .home-button-v9 [class*=__type]:not([class*=__type--nolink]):hover { background-color: #d9bf00; } .home-button-v10 [class*=__type]:not([class*=__type--nolink]):hover { background-color: #004120; } .home-button-v11 [class*=__type]:hover { background-color: #eee; } .home-card-v2 [class*=__type]:not([class*=__type--nolink]):hover .home-card-v2__image img { opacity: 0.7; } .home-card-v2 [class*=__type]:not([class*=__type--nolink]):hover .home-card-v2__link { text-decoration: none !important; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]):hover .home-card-v4__title { text-decoration: none; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]):hover .home-card-v4__image img { opacity: 0.7; } .home-card-v4 [class*=__type]:not([class*=__type--nolink]):hover .home-card-v4__title { color: #007238 !important; } .home-banner [class*=__type]:not([class*=__type--nolink]):hover img { opacity: 0.7; } .home-banner-v2 > li > a:hover { opacity: 0.7; } .home-banner-v3 > li > a:hover { opacity: 0.7; } .home-navi__button > a:hover { background-color: #eee; } .home-navi__list > li > a:hover { background-color: #007238; color: #fff !important; } .home-tab__list > li:hover .home-tab__button { background-color: #fff; color: #007238 !important; } .home-news [class*=__type]:not([class*=__type--nolink]):hover .home-news__title { text-decoration: none; } } @media print, screen and (min-width: 769px) and (max-width: 1386px) { .home-card-v2__title { font-size: calc(2.1rem + (1vw - 1.26rem) * 2.380952381); } } @media print, screen and (min-width: 769px) and (max-width: 1485px) { .home-navi__button > a { font-size: calc(2.1rem + (1vw - 1.26rem) * 1.3333333333); } .home-navi__list > li > a { font-size: calc(2.1rem + (1vw - 1.26rem) * 1.3333333333); } }