@charset "UTF-8";

:root {
    font-size: 62.5%;
    --colorpallet-name: "ミッドナイトブルー主彩＆ライトブルー";
    --p-image-def: inherit;
    --p-image-wh: none;
    --txt-head-light: #ffffff;
    --txt-head-dark: #333;
    --txt-body-light: #ffffff;
    --txt-body-dark: #333;
    --txt-link: #0033cc;
    --txt-linkhover: #0033cc;
    --headlineColor: #00196e;
    --accentColor: #00196e;
    --emphasisColor: #004196;
    --infoColor: #eaefff;
    --border-lightColor: #ffffff;
    --border-darkColor: #333;
    --shadowColor: rgba(51, 51, 51, 0.20);
    --whiteColor: #ffffff;
    --white-txt-headColor: #333;
    --white-txt-bodyColor: #333;
    --white-txt-linkColor: #0033cc;
    --white-txt-linkhoverColor: #0033cc;
    --white-borderColor: #333;
    --white-headlineColor: #00196e;
    --white-headline-txtColor: #ffffff;
    --white-accentColor: #00196e;
    --white-accent-txtColor: #ffffff;
    --white-emphasisColor: #004196;
    --white-emphasis-txtColor: #ffffff;
    --white-infoColor: #eaefff;
    --white-info-txtColor: #333;
    --white-lightColor: #cccccc;
    --white-darkColor: #999999;
    --white-monoColor: #ffffff;
    --blackColor: #000000;
    --black-txt-headColor: #ffffff;
    --black-txt-bodyColor: #ffffff;
    --black-txt-linkColor: #ffffff;
    --black-txt-linkhoverColor: #ffffff;
    --black-borderColor: #ffffff;
    --black-headlineColor: #ffffff;
    --black-headline-txtColor: #333;
    --black-accentColor: #ffffff;
    --black-accent-txtColor: #333;
    --black-emphasisColor: #ffffff;
    --black-emphasis-txtColor: #333;
    --black-infoColor: #eaefff;
    --black-info-txtColor: #333;
    --black-lightColor: #cccccc;
    --black-darkColor: #999999;
    --black-monoColor: #000000;
    --baseColor: #ffffff;
    --base-txt-headColor: #333;
    --base-txt-bodyColor: #333;
    --base-txt-linkColor: #0033cc;
    --base-txt-linkhoverColor: #0033cc;
    --base-borderColor: #333;
    --base-headlineColor: #00196e;
    --base-headline-txtColor: #ffffff;
    --base-accentColor: #00196e;
    --base-accent-txtColor: #ffffff;
    --base-emphasisColor: #004196;
    --base-emphasis-txtColor: #ffffff;
    --base-infoColor: #eaefff;
    --base-info-txtColor: #333;
    --base-lightColor: #cccccc;
    --base-darkColor: #999999;
    --base-monoColor: #ffffff;
    --base-mono-txt-headColor: #333;
    --base-mono-txt-bodyColor: #333;
    --base-mono-txt-linkColor: #0033cc;
    --base-mono-txt-linkhoverColor: #0033cc;
    --base-mono-borderColor: #333;
    --base-mono-headlineColor: #00196e;
    --base-mono-headline-txtColor: #ffffff;
    --base-mono-accentColor: #00196e;
    --base-mono-accent-txtColor: #ffffff;
    --base-mono-emphasisColor: #004196;
    --base-mono-emphasis-txtColor: #ffffff;
    --base-mono-infoColor: #eaefff;
    --base-mono-info-txtColor: #333;
    --base-mono-lightColor: #cccccc;
    --base-mono-darkColor: #999999;
    --base-mono-monoColor: #ffffff;
    --mainColor: #00196e;
    --main-txt-headColor: #ffffff;
    --main-txt-bodyColor: #ffffff;
    --main-txt-linkColor: #ffffff;
    --main-txt-linkhoverColor: #ffffff;
    --main-borderColor: #ffffff;
    --main-headlineColor: #ffffff;
    --main-headline-txtColor: #333;
    --main-accentColor: #ffffff;
    --main-accent-txtColor: #333;
    --main-emphasisColor: #ffffff;
    --main-emphasis-txtColor: #333;
    --main-infoColor: #eaefff;
    --main-info-txtColor: #333;
    --main-lightColor: #001358;
    --main-darkColor: #000e41;
    --main-monoColor: #00196e;
    --main-mono-txt-headColor: #ffffff;
    --main-mono-txt-bodyColor: #ffffff;
    --main-mono-txt-linkColor: #ffffff;
    --main-mono-txt-linkhoverColor: #ffffff;
    --main-mono-borderColor: #ffffff;
    --main-mono-headlineColor: #ffffff;
    --main-mono-headline-txtColor: #333;
    --main-mono-accentColor: #ffffff;
    --main-mono-accent-txtColor: #333;
    --main-mono-emphasisColor: #ffffff;
    --main-mono-emphasis-txtColor: #333;
    --main-mono-infoColor: #eaefff;
    --main-mono-info-txtColor: #333;
    --main-mono-lightColor: #001358;
    --main-mono-darkColor: #000e41;
    --main-mono-monoColor: #00196e;
    --primaryColor: #004196;
    --primary-txt-headColor: #ffffff;
    --primary-txt-bodyColor: #ffffff;
    --primary-txt-linkColor: #ffffff;
    --primary-txt-linkhoverColor: #ffffff;
    --primary-borderColor: #ffffff;
    --primary-headlineColor: #ffffff;
    --primary-headline-txtColor: #333;
    --primary-accentColor: #ffffff;
    --primary-accent-txtColor: #333;
    --primary-emphasisColor: #ffffff;
    --primary-emphasis-txtColor: #333;
    --primary-infoColor: #eaefff;
    --primary-info-txtColor: #333;
    --primary-lightColor: #003378;
    --primary-darkColor: #002659;
    --primary-monoColor: #004196;
    --primary-defColor: #004196;
    --primary-def-txt-headColor: #ffffff;
    --primary-def-txt-bodyColor: #ffffff;
    --primary-def-txt-linkColor: #ffffff;
    --primary-def-txt-linkhoverColor: #ffffff;
    --primary-def-borderColor: #ffffff;
    --primary-def-headlineColor: #ffffff;
    --primary-def-headline-txtColor: #333;
    --primary-def-accentColor: #ffffff;
    --primary-def-accent-txtColor: #333;
    --primary-def-emphasisColor: #ffffff;
    --primary-def-emphasis-txtColor: #333;
    --primary-def-infoColor: #eaefff;
    --primary-def-info-txtColor: #333;
    --primary-def-lightColor: #003378;
    --primary-def-darkColor: #002659;
    --primary-def-monoColor: #004196;
    --subColor: #00196e;
    --sub-txt-headColor: #ffffff;
    --sub-txt-bodyColor: #ffffff;
    --sub-txt-linkColor: #ffffff;
    --sub-txt-linkhoverColor: #ffffff;
    --sub-borderColor: #ffffff;
    --sub-headlineColor: #ffffff;
    --sub-headline-txtColor: #333;
    --sub-accentColor: #ffffff;
    --sub-accent-txtColor: #333;
    --sub-emphasisColor: #ffffff;
    --sub-emphasis-txtColor: #333;
    --sub-infoColor: #eaefff;
    --sub-info-txtColor: #333;
    --sub-lightColor: #001358;
    --sub-darkColor: #000e41;
    --sub-monoColor: #00196e;
    --sub-defColor: #00196e;
    --sub-def-txt-headColor: #ffffff;
    --sub-def-txt-bodyColor: #ffffff;
    --sub-def-txt-linkColor: #ffffff;
    --sub-def-txt-linkhoverColor: #ffffff;
    --sub-def-borderColor: #ffffff;
    --sub-def-headlineColor: #ffffff;
    --sub-def-headline-txtColor: #333;
    --sub-def-accentColor: #ffffff;
    --sub-def-accent-txtColor: #333;
    --sub-def-emphasisColor: #ffffff;
    --sub-def-emphasis-txtColor: #333;
    --sub-def-infoColor: #eaefff;
    --sub-def-info-txtColor: #333;
    --sub-def-lightColor: #001358;
    --sub-def-darkColor: #000e41;
    --sub-def-monoColor: #00196e;
    --gray-defColor: #97999b;
    --gray-def-txt-headColor: #ffffff;
    --gray-def-txt-bodyColor: #ffffff;
    --gray-def-txt-linkColor: #0033cc;
    --gray-def-txt-linkhoverColor: #0033cc;
    --gray-def-borderColor: #ffffff;
    --gray-def-headlineColor: #00196e;
    --gray-def-headline-txtColor: #ffffff;
    --gray-def-accentColor: #00196e;
    --gray-def-accent-txtColor: #ffffff;
    --gray-def-emphasisColor: #004196;
    --gray-def-emphasis-txtColor: #ffffff;
    --gray-def-infoColor: #ffffff;
    --gray-def-info-txtColor: #333;
    --gray-def-lightColor: #787a7c;
    --gray-def-darkColor: #5a5b5d;
    --gray-def-monoColor: #97999b;
    --secondaryColor: #00196e;
    --secondary-txt-headColor: #ffffff;
    --secondary-txt-bodyColor: #ffffff;
    --secondary-txt-linkColor: #ffffff;
    --secondary-txt-linkhoverColor: #ffffff;
    --secondary-borderColor: #ffffff;
    --secondary-headlineColor: #ffffff;
    --secondary-headline-txtColor: #333;
    --secondary-accentColor: #ffffff;
    --secondary-accent-txtColor: #333;
    --secondary-emphasisColor: #ffffff;
    --secondary-emphasis-txtColor: #333;
    --secondary-infoColor: #eaefff;
    --secondary-info-txtColor: #333;
    --secondary-lightColor: #001358;
    --secondary-darkColor: #000e41;
    --secondary-monoColor: #00196e;
    --headline-txt-headColor: #ffffff;
    --headline-txt-bodyColor: #ffffff;
    --headline-txt-linkColor: #ffffff;
    --headline-txt-linkhoverColor: #ffffff;
    --headline-borderColor: #ffffff;
    --headline-headlineColor: #ffffff;
    --headline-headline-txtColor: #333;
    --headline-accentColor: #ffffff;
    --headline-accent-txtColor: #333;
    --headline-emphasisColor: #ffffff;
    --headline-emphasis-txtColor: #333;
    --headline-infoColor: #eaefff;
    --headline-info-txtColor: #333;
    --headline-lightColor: #001358;
    --headline-darkColor: #000e41;
    --headline-monoColor: #00196e;
    --alertColor: #d9534f;
    --alert-txt-headColor: #ffffff;
    --alert-txt-bodyColor: #ffffff;
    --alert-txt-linkColor: #ffffff;
    --alert-txt-linkhoverColor: #ffffff;
    --alert-borderColor: #ffffff;
    --alert-headlineColor: #00196e;
    --alert-headline-txtColor: #ffffff;
    --alert-accentColor: #00196e;
    --alert-accent-txtColor: #ffffff;
    --alert-emphasisColor: #ffffff;
    --alert-emphasis-txtColor: #333;
    --alert-infoColor: #eaefff;
    --alert-info-txtColor: #333;
    --alert-lightColor: #c22e2a;
    --alert-darkColor: #92221f;
    --alert-monoColor: #d9534f;
    --accent-txt-headColor: #ffffff;
    --accent-txt-bodyColor: #ffffff;
    --accent-txt-linkColor: #ffffff;
    --accent-txt-linkhoverColor: #ffffff;
    --accent-borderColor: #ffffff;
    --accent-headlineColor: #ffffff;
    --accent-headline-txtColor: #333;
    --accent-accentColor: #ffffff;
    --accent-accent-txtColor: #333;
    --accent-emphasisColor: #ffffff;
    --accent-emphasis-txtColor: #333;
    --accent-infoColor: #eaefff;
    --accent-info-txtColor: #333;
    --accent-lightColor: #001358;
    --accent-darkColor: #000e41;
    --accent-monoColor: #00196e;
    --emphasis-txt-headColor: #ffffff;
    --emphasis-txt-bodyColor: #ffffff;
    --emphasis-txt-linkColor: #ffffff;
    --emphasis-txt-linkhoverColor: #ffffff;
    --emphasis-borderColor: #ffffff;
    --emphasis-headlineColor: #ffffff;
    --emphasis-headline-txtColor: #333;
    --emphasis-accentColor: #ffffff;
    --emphasis-accent-txtColor: #333;
    --emphasis-emphasisColor: #ffffff;
    --emphasis-emphasis-txtColor: #333;
    --emphasis-infoColor: #eaefff;
    --emphasis-info-txtColor: #333;
    --emphasis-lightColor: #003378;
    --emphasis-darkColor: #002659;
    --emphasis-monoColor: #004196;
    --info-txt-headColor: #333;
    --info-txt-bodyColor: #333;
    --info-txt-linkColor: #0033cc;
    --info-txt-linkhoverColor: #0033cc;
    --info-borderColor: #333;
    --info-headlineColor: #00196e;
    --info-headline-txtColor: #ffffff;
    --info-accentColor: #00196e;
    --info-accent-txtColor: #ffffff;
    --info-emphasisColor: #004196;
    --info-emphasis-txtColor: #ffffff;
    --info-infoColor: #333;
    --info-info-txtColor: #ffffff;
    --info-lightColor: #88a4ff;
    --info-darkColor: #2659ff;
    --info-monoColor: #eaefff;
    --shadow-txt-headColor: #ffffff;
    --shadow-txt-bodyColor: #ffffff;
    --shadow-txt-linkColor: #ffffff;
    --shadow-txt-linkhoverColor: #ffffff;
    --shadow-borderColor: #ffffff;
    --shadow-headlineColor: #ffffff;
    --shadow-headline-txtColor: #333;
    --shadow-accentColor: #ffffff;
    --shadow-accent-txtColor: #333;
    --shadow-emphasisColor: #ffffff;
    --shadow-emphasis-txtColor: #333;
    --shadow-infoColor: #eaefff;
    --shadow-info-txtColor: #333;
    --shadow-lightColor: #282828;
    --shadow-darkColor: #1e1e1e;
    --shadow-monoColor: rgba(51, 51, 51, 0.20);
    --btn-defColor: #004196;
    --btn-def-txt-headColor: #ffffff;
    --btn-def-txt-bodyColor: #ffffff;
    --btn-def-txt-linkColor: #ffffff;
    --btn-def-txt-linkhoverColor: #ffffff;
    --btn-def-borderColor: #ffffff;
    --btn-def-headlineColor: #ffffff;
    --btn-def-headline-txtColor: #333;
    --btn-def-accentColor: #ffffff;
    --btn-def-accent-txtColor: #333;
    --btn-def-emphasisColor: #ffffff;
    --btn-def-emphasis-txtColor: #333;
    --btn-def-infoColor: #eaefff;
    --btn-def-info-txtColor: #333;
    --btn-def-lightColor: #003378;
    --btn-def-darkColor: #002659;
    --btn-def-monoColor: #004196;
    --btn-backColor: #999999;
    --btn-back-txt-headColor: #ffffff;
    --btn-back-txt-bodyColor: #ffffff;
    --btn-back-txt-linkColor: #0033cc;
    --btn-back-txt-linkhoverColor: #0033cc;
    --btn-back-borderColor: #ffffff;
    --btn-back-headlineColor: #00196e;
    --btn-back-headline-txtColor: #ffffff;
    --btn-back-accentColor: #00196e;
    --btn-back-accent-txtColor: #ffffff;
    --btn-back-emphasisColor: #004196;
    --btn-back-emphasis-txtColor: #ffffff;
    --btn-back-infoColor: #ffffff;
    --btn-back-info-txtColor: #333;
    --btn-back-lightColor: #7a7a7a;
    --btn-back-darkColor: #5b5b5b;
    --btn-back-monoColor: #999999;
    --btn-primaryColor: #004196;
    --btn-primary-txt-headColor: #ffffff;
    --btn-primary-txt-bodyColor: #ffffff;
    --btn-primary-txt-linkColor: #ffffff;
    --btn-primary-txt-linkhoverColor: #ffffff;
    --btn-primary-borderColor: #ffffff;
    --btn-primary-headlineColor: #ffffff;
    --btn-primary-headline-txtColor: #333;
    --btn-primary-accentColor: #ffffff;
    --btn-primary-accent-txtColor: #333;
    --btn-primary-emphasisColor: #ffffff;
    --btn-primary-emphasis-txtColor: #333;
    --btn-primary-infoColor: #eaefff;
    --btn-primary-info-txtColor: #333;
    --btn-primary-lightColor: #003378;
    --btn-primary-darkColor: #002659;
    --btn-primary-monoColor: #004196;
    --btn-disabledColor: #e9e9e9;
    --btn-disabled-txt-headColor: #333;
    --btn-disabled-txt-bodyColor: #333;
    --btn-disabled-txt-linkColor: #0033cc;
    --btn-disabled-txt-linkhoverColor: #0033cc;
    --btn-disabled-borderColor: #333;
    --btn-disabled-headlineColor: #00196e;
    --btn-disabled-headline-txtColor: #ffffff;
    --btn-disabled-accentColor: #00196e;
    --btn-disabled-accent-txtColor: #ffffff;
    --btn-disabled-emphasisColor: #004196;
    --btn-disabled-emphasis-txtColor: #ffffff;
    --btn-disabled-infoColor: #333;
    --btn-disabled-info-txtColor: #ffffff;
    --btn-disabled-lightColor: #bababa;
    --btn-disabled-darkColor: #8b8b8b;
    --btn-disabled-monoColor: #e9e9e9;
    --bg-defColor: #ffffff;
    --bg-def-txt-headColor: #333;
    --bg-def-txt-bodyColor: #333;
    --bg-def-txt-linkColor: #0033cc;
    --bg-def-txt-linkhoverColor: #0033cc;
    --bg-def-borderColor: #333;
    --bg-def-headlineColor: #00196e;
    --bg-def-headline-txtColor: #ffffff;
    --bg-def-accentColor: #00196e;
    --bg-def-accent-txtColor: #ffffff;
    --bg-def-emphasisColor: #004196;
    --bg-def-emphasis-txtColor: #ffffff;
    --bg-def-infoColor: #eaefff;
    --bg-def-info-txtColor: #333;
    --bg-def-lightColor: #cccccc;
    --bg-def-darkColor: #999999;
    --bg-def-monoColor: #ffffff;
    --bg-secondColor: #f6f6f6;
    --bg-second-txt-headColor: #333;
    --bg-second-txt-bodyColor: #333;
    --bg-second-txt-linkColor: #0033cc;
    --bg-second-txt-linkhoverColor: #0033cc;
    --bg-second-borderColor: #333;
    --bg-second-headlineColor: #00196e;
    --bg-second-headline-txtColor: #ffffff;
    --bg-second-accentColor: #00196e;
    --bg-second-accent-txtColor: #ffffff;
    --bg-second-emphasisColor: #004196;
    --bg-second-emphasis-txtColor: #ffffff;
    --bg-second-infoColor: #333;
    --bg-second-info-txtColor: #ffffff;
    --bg-second-lightColor: #c4c4c4;
    --bg-second-darkColor: #939393;
    --bg-second-monoColor: #f6f6f6;
    --bg-thirdColor: #f6f6f6;
    --bg-third-txt-headColor: #333;
    --bg-third-txt-bodyColor: #333;
    --bg-third-txt-linkColor: #0033cc;
    --bg-third-txt-linkhoverColor: #0033cc;
    --bg-third-borderColor: #333;
    --bg-third-headlineColor: #00196e;
    --bg-third-headline-txtColor: #ffffff;
    --bg-third-accentColor: #00196e;
    --bg-third-accent-txtColor: #ffffff;
    --bg-third-emphasisColor: #004196;
    --bg-third-emphasis-txtColor: #ffffff;
    --bg-third-infoColor: #333;
    --bg-third-info-txtColor: #ffffff;
    --bg-third-lightColor: #c4c4c4;
    --bg-third-darkColor: #939393;
    --bg-third-monoColor: #f6f6f6;
    --bg-mainColor: #00196e;
    --bg-main-txt-headColor: #ffffff;
    --bg-main-txt-bodyColor: #ffffff;
    --bg-main-txt-linkColor: #ffffff;
    --bg-main-txt-linkhoverColor: #ffffff;
    --bg-main-borderColor: #ffffff;
    --bg-main-headlineColor: #ffffff;
    --bg-main-headline-txtColor: #333;
    --bg-main-accentColor: #ffffff;
    --bg-main-accent-txtColor: #333;
    --bg-main-emphasisColor: #ffffff;
    --bg-main-emphasis-txtColor: #333;
    --bg-main-infoColor: #eaefff;
    --bg-main-info-txtColor: #333;
    --bg-main-lightColor: #001358;
    --bg-main-darkColor: #000e41;
    --bg-main-monoColor: #00196e;
    --bg-primaryColor: #aaaaaa;
    --bg-primary-txt-headColor: #ffffff;
    --bg-primary-txt-bodyColor: #ffffff;
    --bg-primary-txt-linkColor: #0033cc;
    --bg-primary-txt-linkhoverColor: #0033cc;
    --bg-primary-borderColor: #ffffff;
    --bg-primary-headlineColor: #00196e;
    --bg-primary-headline-txtColor: #ffffff;
    --bg-primary-accentColor: #00196e;
    --bg-primary-accent-txtColor: #ffffff;
    --bg-primary-emphasisColor: #004196;
    --bg-primary-emphasis-txtColor: #ffffff;
    --bg-primary-infoColor: #ffffff;
    --bg-primary-info-txtColor: #333;
    --bg-primary-lightColor: #888888;
    --bg-primary-darkColor: #656565;
    --bg-primary-monoColor: #aaaaaa;
    --bg-infoColor: #eaefff;
    --bg-info-txt-headColor: #333;
    --bg-info-txt-bodyColor: #333;
    --bg-info-txt-linkColor: #0033cc;
    --bg-info-txt-linkhoverColor: #0033cc;
    --bg-info-borderColor: #333;
    --bg-info-headlineColor: #00196e;
    --bg-info-headline-txtColor: #ffffff;
    --bg-info-accentColor: #00196e;
    --bg-info-accent-txtColor: #ffffff;
    --bg-info-emphasisColor: #004196;
    --bg-info-emphasis-txtColor: #ffffff;
    --bg-info-infoColor: #333;
    --bg-info-info-txtColor: #ffffff;
    --bg-info-lightColor: #88a4ff;
    --bg-info-darkColor: #2659ff;
    --bg-info-monoColor: #eaefff;
    --bg-alertColor: #f7dcdb;
    --bg-alert-txt-headColor: #333;
    --bg-alert-txt-bodyColor: #333;
    --bg-alert-txt-linkColor: #0033cc;
    --bg-alert-txt-linkhoverColor: #0033cc;
    --bg-alert-borderColor: #333;
    --bg-alert-headlineColor: #00196e;
    --bg-alert-headline-txtColor: #ffffff;
    --bg-alert-accentColor: #00196e;
    --bg-alert-accent-txtColor: #ffffff;
    --bg-alert-emphasisColor: #004196;
    --bg-alert-emphasis-txtColor: #ffffff;
    --bg-alert-infoColor: #333;
    --bg-alert-info-txtColor: #ffffff;
    --bg-alert-lightColor: #e6918e;
    --bg-alert-darkColor: #d54742;
    --bg-alert-monoColor: #f7dcdb;
    --bg-annotationColor: #e9e9e9;
    --bg-annotation-txt-headColor: #333;
    --bg-annotation-txt-bodyColor: #333;
    --bg-annotation-txt-linkColor: #0033cc;
    --bg-annotation-txt-linkhoverColor: #0033cc;
    --bg-annotation-borderColor: #333;
    --bg-annotation-headlineColor: #00196e;
    --bg-annotation-headline-txtColor: #ffffff;
    --bg-annotation-accentColor: #00196e;
    --bg-annotation-accent-txtColor: #ffffff;
    --bg-annotation-emphasisColor: #004196;
    --bg-annotation-emphasis-txtColor: #ffffff;
    --bg-annotation-infoColor: #333;
    --bg-annotation-info-txtColor: #ffffff;
    --bg-annotation-lightColor: #bababa;
    --bg-annotation-darkColor: #8b8b8b;
    --bg-annotation-monoColor: #e9e9e9;
    --bg-breadcrumbColor: #f6f6f6;
    --bg-breadcrumb-txt-headColor: #333;
    --bg-breadcrumb-txt-bodyColor: #333;
    --bg-breadcrumb-txt-linkColor: #0033cc;
    --bg-breadcrumb-txt-linkhoverColor: #0033cc;
    --bg-breadcrumb-borderColor: #333;
    --bg-breadcrumb-headlineColor: #00196e;
    --bg-breadcrumb-headline-txtColor: #ffffff;
    --bg-breadcrumb-accentColor: #00196e;
    --bg-breadcrumb-accent-txtColor: #ffffff;
    --bg-breadcrumb-emphasisColor: #004196;
    --bg-breadcrumb-emphasis-txtColor: #ffffff;
    --bg-breadcrumb-infoColor: #333;
    --bg-breadcrumb-info-txtColor: #ffffff;
    --bg-breadcrumb-lightColor: #c4c4c4;
    --bg-breadcrumb-darkColor: #939393;
    --bg-breadcrumb-monoColor: #f6f6f6;
    --bg-col-theadColor: #0034e6;
    --bg-col-thead-txt-headColor: #ffffff;
    --bg-col-thead-txt-bodyColor: #ffffff;
    --bg-col-thead-txt-linkColor: #ffffff;
    --bg-col-thead-txt-linkhoverColor: #ffffff;
    --bg-col-thead-borderColor: #ffffff;
    --bg-col-thead-headlineColor: #ffffff;
    --bg-col-thead-headline-txtColor: #333;
    --bg-col-thead-accentColor: #ffffff;
    --bg-col-thead-accent-txtColor: #333;
    --bg-col-thead-emphasisColor: #ffffff;
    --bg-col-thead-emphasis-txtColor: #333;
    --bg-col-thead-infoColor: #eaefff;
    --bg-col-thead-info-txtColor: #333;
    --bg-col-thead-lightColor: #0029b8;
    --bg-col-thead-darkColor: #001f8a;
    --bg-col-thead-monoColor: #0034e6;
    --bg-col-head1Color: #d6e0ff;
    --bg-col-head1-txt-headColor: #333;
    --bg-col-head1-txt-bodyColor: #333;
    --bg-col-head1-txt-linkColor: #0033cc;
    --bg-col-head1-txt-linkhoverColor: #0033cc;
    --bg-col-head1-borderColor: #333;
    --bg-col-head1-headlineColor: #00196e;
    --bg-col-head1-headline-txtColor: #ffffff;
    --bg-col-head1-accentColor: #00196e;
    --bg-col-head1-accent-txtColor: #ffffff;
    --bg-col-head1-emphasisColor: #004196;
    --bg-col-head1-emphasis-txtColor: #ffffff;
    --bg-col-head1-infoColor: #333;
    --bg-col-head1-info-txtColor: #ffffff;
    --bg-col-head1-lightColor: #7899ff;
    --bg-col-head1-darkColor: #1a52ff;
    --bg-col-head1-monoColor: #d6e0ff;
    --bg-col-head2Color: #afc1ff;
    --bg-col-head2-txt-headColor: #333;
    --bg-col-head2-txt-bodyColor: #333;
    --bg-col-head2-txt-linkColor: #0033cc;
    --bg-col-head2-txt-linkhoverColor: #0033cc;
    --bg-col-head2-borderColor: #333;
    --bg-col-head2-headlineColor: #00196e;
    --bg-col-head2-headline-txtColor: #ffffff;
    --bg-col-head2-accentColor: #00196e;
    --bg-col-head2-accent-txtColor: #ffffff;
    --bg-col-head2-emphasisColor: #004196;
    --bg-col-head2-emphasis-txtColor: #ffffff;
    --bg-col-head2-infoColor: #333;
    --bg-col-head2-info-txtColor: #ffffff;
    --bg-col-head2-lightColor: #597eff;
    --bg-col-head2-darkColor: #023bff;
    --bg-col-head2-monoColor: #afc1ff;
    --bg-col-body1Color: #FFFFFF;
    --bg-col-body1-txt-headColor: #333;
    --bg-col-body1-txt-bodyColor: #333;
    --bg-col-body1-txt-linkColor: #0033cc;
    --bg-col-body1-txt-linkhoverColor: #0033cc;
    --bg-col-body1-borderColor: #333;
    --bg-col-body1-headlineColor: #00196e;
    --bg-col-body1-headline-txtColor: #ffffff;
    --bg-col-body1-accentColor: #00196e;
    --bg-col-body1-accent-txtColor: #ffffff;
    --bg-col-body1-emphasisColor: #004196;
    --bg-col-body1-emphasis-txtColor: #ffffff;
    --bg-col-body1-infoColor: #eaefff;
    --bg-col-body1-info-txtColor: #333;
    --bg-col-body1-lightColor: #cccccc;
    --bg-col-body1-darkColor: #999999;
    --bg-col-body1-monoColor: #FFFFFF;
    --bg-col-body2Color: #f0f0f0;
    --bg-col-body2-txt-headColor: #333;
    --bg-col-body2-txt-bodyColor: #333;
    --bg-col-body2-txt-linkColor: #0033cc;
    --bg-col-body2-txt-linkhoverColor: #0033cc;
    --bg-col-body2-borderColor: #333;
    --bg-col-body2-headlineColor: #00196e;
    --bg-col-body2-headline-txtColor: #ffffff;
    --bg-col-body2-accentColor: #00196e;
    --bg-col-body2-accent-txtColor: #ffffff;
    --bg-col-body2-emphasisColor: #004196;
    --bg-col-body2-emphasis-txtColor: #ffffff;
    --bg-col-body2-infoColor: #333;
    --bg-col-body2-info-txtColor: #ffffff;
    --bg-col-body2-lightColor: #c0c0c0;
    --bg-col-body2-darkColor: #909090;
    --bg-col-body2-monoColor: #f0f0f0;
    --bg-inputColor: #EEEEEE;
    --bg-input-txt-headColor: #333;
    --bg-input-txt-bodyColor: #333;
    --bg-input-txt-linkColor: #0033cc;
    --bg-input-txt-linkhoverColor: #0033cc;
    --bg-input-borderColor: #333;
    --bg-input-headlineColor: #00196e;
    --bg-input-headline-txtColor: #ffffff;
    --bg-input-accentColor: #00196e;
    --bg-input-accent-txtColor: #ffffff;
    --bg-input-emphasisColor: #004196;
    --bg-input-emphasis-txtColor: #ffffff;
    --bg-input-infoColor: #333;
    --bg-input-info-txtColor: #ffffff;
    --bg-input-lightColor: #bebebe;
    --bg-input-darkColor: #8e8e8e;
    --bg-input-monoColor: #EEEEEE;
    --label-defColor: #00196e;
    --label-def-txt-headColor: #ffffff;
    --label-def-txt-bodyColor: #ffffff;
    --label-def-txt-linkColor: #ffffff;
    --label-def-txt-linkhoverColor: #ffffff;
    --label-def-borderColor: #ffffff;
    --label-def-headlineColor: #ffffff;
    --label-def-headline-txtColor: #333;
    --label-def-accentColor: #ffffff;
    --label-def-accent-txtColor: #333;
    --label-def-emphasisColor: #ffffff;
    --label-def-emphasis-txtColor: #333;
    --label-def-infoColor: #eaefff;
    --label-def-info-txtColor: #333;
    --label-def-lightColor: #001358;
    --label-def-darkColor: #000e41;
    --label-def-monoColor: #00196e;
    --label-primaryColor: #004196;
    --label-primary-txt-headColor: #ffffff;
    --label-primary-txt-bodyColor: #ffffff;
    --label-primary-txt-linkColor: #ffffff;
    --label-primary-txt-linkhoverColor: #ffffff;
    --label-primary-borderColor: #ffffff;
    --label-primary-headlineColor: #ffffff;
    --label-primary-headline-txtColor: #333;
    --label-primary-accentColor: #ffffff;
    --label-primary-accent-txtColor: #333;
    --label-primary-emphasisColor: #ffffff;
    --label-primary-emphasis-txtColor: #333;
    --label-primary-infoColor: #eaefff;
    --label-primary-info-txtColor: #333;
    --label-primary-lightColor: #003378;
    --label-primary-darkColor: #002659;
    --label-primary-monoColor: #004196;
    --label-alertColor: #d9534f;
    --label-alert-txt-headColor: #ffffff;
    --label-alert-txt-bodyColor: #ffffff;
    --label-alert-txt-linkColor: #ffffff;
    --label-alert-txt-linkhoverColor: #ffffff;
    --label-alert-borderColor: #ffffff;
    --label-alert-headlineColor: #00196e;
    --label-alert-headline-txtColor: #ffffff;
    --label-alert-accentColor: #00196e;
    --label-alert-accent-txtColor: #ffffff;
    --label-alert-emphasisColor: #ffffff;
    --label-alert-emphasis-txtColor: #333;
    --label-alert-infoColor: #eaefff;
    --label-alert-info-txtColor: #333;
    --label-alert-lightColor: #c22e2a;
    --label-alert-darkColor: #92221f;
    --label-alert-monoColor: #d9534f;
    --bg-headerColor: #ffffff;
    --bg-header-txt-headColor: #333;
    --bg-header-txt-bodyColor: #333;
    --bg-header-txt-linkColor: #0033cc;
    --bg-header-txt-linkhoverColor: #0033cc;
    --bg-header-borderColor: #333;
    --bg-header-headlineColor: #00196e;
    --bg-header-headline-txtColor: #ffffff;
    --bg-header-accentColor: #00196e;
    --bg-header-accent-txtColor: #ffffff;
    --bg-header-emphasisColor: #004196;
    --bg-header-emphasis-txtColor: #ffffff;
    --bg-header-infoColor: #eaefff;
    --bg-header-info-txtColor: #333;
    --bg-header-lightColor: #cccccc;
    --bg-header-darkColor: #999999;
    --bg-header-monoColor: #ffffff;
    --bg-heroColor: #00196e;
    --bg-hero-txt-headColor: #ffffff;
    --bg-hero-txt-bodyColor: #ffffff;
    --bg-hero-txt-linkColor: #ffffff;
    --bg-hero-txt-linkhoverColor: #ffffff;
    --bg-hero-borderColor: #ffffff;
    --bg-hero-headlineColor: #ffffff;
    --bg-hero-headline-txtColor: #333;
    --bg-hero-accentColor: #ffffff;
    --bg-hero-accent-txtColor: #333;
    --bg-hero-emphasisColor: #ffffff;
    --bg-hero-emphasis-txtColor: #333;
    --bg-hero-infoColor: #eaefff;
    --bg-hero-info-txtColor: #333;
    --bg-hero-lightColor: #001358;
    --bg-hero-darkColor: #000e41;
    --bg-hero-monoColor: #00196e;
    --bg-footerColor: #323232;
    --bg-footer-txt-headColor: #ffffff;
    --bg-footer-txt-bodyColor: #ffffff;
    --bg-footer-txt-linkColor: #ffffff;
    --bg-footer-txt-linkhoverColor: #ffffff;
    --bg-footer-borderColor: #ffffff;
    --bg-footer-headlineColor: #ffffff;
    --bg-footer-headline-txtColor: #333;
    --bg-footer-accentColor: #ffffff;
    --bg-footer-accent-txtColor: #333;
    --bg-footer-emphasisColor: #ffffff;
    --bg-footer-emphasis-txtColor: #333;
    --bg-footer-infoColor: #eaefff;
    --bg-footer-info-txtColor: #333;
    --bg-footer-lightColor: #282828;
    --bg-footer-darkColor: #1e1e1e;
    --bg-footer-monoColor: #323232;
    --bg-gmenuColor: #00196e;
    --bg-gmenu-txt-headColor: #ffffff;
    --bg-gmenu-txt-bodyColor: #ffffff;
    --bg-gmenu-txt-linkColor: #ffffff;
    --bg-gmenu-txt-linkhoverColor: #ffffff;
    --bg-gmenu-borderColor: #ffffff;
    --bg-gmenu-headlineColor: #ffffff;
    --bg-gmenu-headline-txtColor: #333;
    --bg-gmenu-accentColor: #ffffff;
    --bg-gmenu-accent-txtColor: #333;
    --bg-gmenu-emphasisColor: #ffffff;
    --bg-gmenu-emphasis-txtColor: #333;
    --bg-gmenu-infoColor: #eaefff;
    --bg-gmenu-info-txtColor: #333;
    --bg-gmenu-lightColor: #001358;
    --bg-gmenu-darkColor: #000e41;
    --bg-gmenu-monoColor: #00196e;
    --bg-gmenu-activeColor: #000415;
    --bg-gmenu-active-txt-headColor: #ffffff;
    --bg-gmenu-active-txt-bodyColor: #ffffff;
    --bg-gmenu-active-txt-linkColor: #ffffff;
    --bg-gmenu-active-txt-linkhoverColor: #ffffff;
    --bg-gmenu-active-borderColor: #ffffff;
    --bg-gmenu-active-headlineColor: #ffffff;
    --bg-gmenu-active-headline-txtColor: #333;
    --bg-gmenu-active-accentColor: #ffffff;
    --bg-gmenu-active-accent-txtColor: #333;
    --bg-gmenu-active-emphasisColor: #ffffff;
    --bg-gmenu-active-emphasis-txtColor: #333;
    --bg-gmenu-active-infoColor: #eaefff;
    --bg-gmenu-active-info-txtColor: #333;
    --bg-gmenu-active-lightColor: #000310;
    --bg-gmenu-active-darkColor: #00020c;
    --bg-gmenu-active-monoColor: #000415;
    --bg-gmenu-subColor: #afc1ff;
    --bg-gmenu-sub-txt-headColor: #333;
    --bg-gmenu-sub-txt-bodyColor: #333;
    --bg-gmenu-sub-txt-linkColor: #0033cc;
    --bg-gmenu-sub-txt-linkhoverColor: #0033cc;
    --bg-gmenu-sub-borderColor: #333;
    --bg-gmenu-sub-headlineColor: #00196e;
    --bg-gmenu-sub-headline-txtColor: #ffffff;
    --bg-gmenu-sub-accentColor: #00196e;
    --bg-gmenu-sub-accent-txtColor: #ffffff;
    --bg-gmenu-sub-emphasisColor: #004196;
    --bg-gmenu-sub-emphasis-txtColor: #ffffff;
    --bg-gmenu-sub-infoColor: #333;
    --bg-gmenu-sub-info-txtColor: #ffffff;
    --bg-gmenu-sub-lightColor: #597eff;
    --bg-gmenu-sub-darkColor: #023bff;
    --bg-gmenu-sub-monoColor: #afc1ff;
    --gmenu-btn-defColor: #004196;
    --gmenu-btn-def-txt-headColor: #ffffff;
    --gmenu-btn-def-txt-bodyColor: #ffffff;
    --gmenu-btn-def-txt-linkColor: #ffffff;
    --gmenu-btn-def-txt-linkhoverColor: #ffffff;
    --gmenu-btn-def-borderColor: #ffffff;
    --gmenu-btn-def-headlineColor: #ffffff;
    --gmenu-btn-def-headline-txtColor: #333;
    --gmenu-btn-def-accentColor: #ffffff;
    --gmenu-btn-def-accent-txtColor: #333;
    --gmenu-btn-def-emphasisColor: #ffffff;
    --gmenu-btn-def-emphasis-txtColor: #333;
    --gmenu-btn-def-infoColor: #eaefff;
    --gmenu-btn-def-info-txtColor: #333;
    --gmenu-btn-def-lightColor: #003378;
    --gmenu-btn-def-darkColor: #002659;
    --gmenu-btn-def-monoColor: #004196;
    --gmenu-btn-primaryColor: #004196;
    --gmenu-btn-primary-txt-headColor: #ffffff;
    --gmenu-btn-primary-txt-bodyColor: #ffffff;
    --gmenu-btn-primary-txt-linkColor: #ffffff;
    --gmenu-btn-primary-txt-linkhoverColor: #ffffff;
    --gmenu-btn-primary-borderColor: #ffffff;
    --gmenu-btn-primary-headlineColor: #ffffff;
    --gmenu-btn-primary-headline-txtColor: #333;
    --gmenu-btn-primary-accentColor: #ffffff;
    --gmenu-btn-primary-accent-txtColor: #333;
    --gmenu-btn-primary-emphasisColor: #ffffff;
    --gmenu-btn-primary-emphasis-txtColor: #333;
    --gmenu-btn-primary-infoColor: #eaefff;
    --gmenu-btn-primary-info-txtColor: #333;
    --gmenu-btn-primary-lightColor: #003378;
    --gmenu-btn-primary-darkColor: #002659;
    --gmenu-btn-primary-monoColor: #004196;
    --root-content-width: var(--s-content-width);
    --parent-content-width: var(--s-content-width);
    --header-top-line-height: 4px;
    --header-logo-max-width: 30rem;
    --header-comp-logo-max-width: 20rem;
    --header-height-pc: 7.6rem;
    --header-height-sp: 6rem;
    --header-scroll-height-pc: 7.6rem;
    --header-scroll-height-sp: 6rem;
    --header-height: var(--header-height-pc);
    --header-vertical-margin: 1rem;
    --header-vertical-gap: 2rem;
    --header-fsize-base: var(--fsize-gmenu-base);
    --header-ffamily-base: var(--ffamily-gmenu);
    --header-fweight-base: var(--fweight-gmenu);
    --header-flineheight-base: var(--flineheight-gmenu);
    --header-fletterspacing-base: var(--fletterspacing-gmenu);
    --header-fsize-base-sp: var(--fsize-base-sp);
    --header-fsize-btn: var(--fsize-gmenu-base);
    --header-ffamily-btn: var(--ffamily-gmenu);
    --header-fweight-btn: var(--fweight-gmenu);
    --header-flineheight-btn: var(--flineheight-gmenu);
    --header-fletterspacing-btn: var(--fletterspacing-gmenu);
    --header-fsize-btn-sp: var(--fsize-gmenu-sp);
    --header-gap-btn: 1rem
}

.s-black-color {
    --bgColor: var(--blackColor);
    --txt-headColor: var(--black-txt-headColor);
    --txt-bodyColor: var(--black-txt-bodyColor);
    --txt-linkColor: var(--black-txt-linkColor);
    --txt-linkhoverColor: var(--black-txt-linkhoverColor);
    --borderColor: var(--black-borderColor);
    --headlineColor: var(--black-headlineColor);
    --headline-txtColor: var(--black-headline-txtColor);
    --accentColor: var(--black-accentColor);
    --accent-txtColor: var(--black-accent-txtColor);
    --emphasisColor: var(--black-emphasisColor);
    --emphasis-txtColor: var(--black-emphasis-txtColor);
    --infoColor: var(--black-infoColor);
    --info-txtColor: var(--black-info-txtColor);
    --lightColor: var(--black-lightColor);
    --darkColor: var(--black-darkColor);
    --monoColor: var(--black-monoColor)
}

.s-base-color {
    --bgColor: var(--baseColor);
    --txt-headColor: var(--base-txt-headColor);
    --txt-bodyColor: var(--base-txt-bodyColor);
    --txt-linkColor: var(--base-txt-linkColor);
    --txt-linkhoverColor: var(--base-txt-linkhoverColor);
    --borderColor: var(--base-borderColor);
    --headlineColor: var(--base-headlineColor);
    --headline-txtColor: var(--base-headline-txtColor);
    --accentColor: var(--base-accentColor);
    --accent-txtColor: var(--base-accent-txtColor);
    --emphasisColor: var(--base-emphasisColor);
    --emphasis-txtColor: var(--base-emphasis-txtColor);
    --infoColor: var(--base-infoColor);
    --info-txtColor: var(--base-info-txtColor);
    --lightColor: var(--base-lightColor);
    --darkColor: var(--base-darkColor);
    --monoColor: var(--base-monoColor)
}

.s-btn-def-color {
    --bgColor: var(--btn-defColor);
    --txt-headColor: var(--btn-def-txt-headColor);
    --txt-bodyColor: var(--btn-def-txt-bodyColor);
    --txt-linkColor: var(--btn-def-txt-linkColor);
    --txt-linkhoverColor: var(--btn-def-txt-linkhoverColor);
    --borderColor: var(--btn-def-borderColor);
    --headlineColor: var(--btn-def-headlineColor);
    --headline-txtColor: var(--btn-def-headline-txtColor);
    --accentColor: var(--btn-def-accentColor);
    --accent-txtColor: var(--btn-def-accent-txtColor);
    --emphasisColor: var(--btn-def-emphasisColor);
    --emphasis-txtColor: var(--btn-def-emphasis-txtColor);
    --infoColor: var(--btn-def-infoColor);
    --info-txtColor: var(--btn-def-info-txtColor);
    --lightColor: var(--btn-def-lightColor);
    --darkColor: var(--btn-def-darkColor);
    --monoColor: var(--btn-def-monoColor)
}

.s-bg-def-color {
    --bgColor: var(--bg-defColor);
    --txt-headColor: var(--bg-def-txt-headColor);
    --txt-bodyColor: var(--bg-def-txt-bodyColor);
    --txt-linkColor: var(--bg-def-txt-linkColor);
    --txt-linkhoverColor: var(--bg-def-txt-linkhoverColor);
    --borderColor: var(--bg-def-borderColor);
    --headlineColor: var(--bg-def-headlineColor);
    --headline-txtColor: var(--bg-def-headline-txtColor);
    --accentColor: var(--bg-def-accentColor);
    --accent-txtColor: var(--bg-def-accent-txtColor);
    --emphasisColor: var(--bg-def-emphasisColor);
    --emphasis-txtColor: var(--bg-def-emphasis-txtColor);
    --infoColor: var(--bg-def-infoColor);
    --info-txtColor: var(--bg-def-info-txtColor);
    --lightColor: var(--bg-def-lightColor);
    --darkColor: var(--bg-def-darkColor);
    --monoColor: var(--bg-def-monoColor)
}

.s-bg-second-color {
    --bgColor: var(--bg-secondColor);
    --txt-headColor: var(--bg-second-txt-headColor);
    --txt-bodyColor: var(--bg-second-txt-bodyColor);
    --txt-linkColor: var(--bg-second-txt-linkColor);
    --txt-linkhoverColor: var(--bg-second-txt-linkhoverColor);
    --borderColor: var(--bg-second-borderColor);
    --headlineColor: var(--bg-second-headlineColor);
    --headline-txtColor: var(--bg-second-headline-txtColor);
    --accentColor: var(--bg-second-accentColor);
    --accent-txtColor: var(--bg-second-accent-txtColor);
    --emphasisColor: var(--bg-second-emphasisColor);
    --emphasis-txtColor: var(--bg-second-emphasis-txtColor);
    --infoColor: var(--bg-second-infoColor);
    --info-txtColor: var(--bg-second-info-txtColor);
    --lightColor: var(--bg-second-lightColor);
    --darkColor: var(--bg-second-darkColor);
    --monoColor: var(--bg-second-monoColor)
}

.s-bg-breadcrumb-color {
    --bgColor: var(--bg-breadcrumbColor);
    --txt-headColor: var(--bg-breadcrumb-txt-headColor);
    --txt-bodyColor: var(--bg-breadcrumb-txt-bodyColor);
    --txt-linkColor: var(--bg-breadcrumb-txt-linkColor);
    --txt-linkhoverColor: var(--bg-breadcrumb-txt-linkhoverColor);
    --borderColor: var(--bg-breadcrumb-borderColor);
    --headlineColor: var(--bg-breadcrumb-headlineColor);
    --headline-txtColor: var(--bg-breadcrumb-headline-txtColor);
    --accentColor: var(--bg-breadcrumb-accentColor);
    --accent-txtColor: var(--bg-breadcrumb-accent-txtColor);
    --emphasisColor: var(--bg-breadcrumb-emphasisColor);
    --emphasis-txtColor: var(--bg-breadcrumb-emphasis-txtColor);
    --infoColor: var(--bg-breadcrumb-infoColor);
    --info-txtColor: var(--bg-breadcrumb-info-txtColor);
    --lightColor: var(--bg-breadcrumb-lightColor);
    --darkColor: var(--bg-breadcrumb-darkColor);
    --monoColor: var(--bg-breadcrumb-monoColor)
}

.s-label-def-color {
    --bgColor: var(--label-defColor);
    --txt-headColor: var(--label-def-txt-headColor);
    --txt-bodyColor: var(--label-def-txt-bodyColor);
    --txt-linkColor: var(--label-def-txt-linkColor);
    --txt-linkhoverColor: var(--label-def-txt-linkhoverColor);
    --borderColor: var(--label-def-borderColor);
    --headlineColor: var(--label-def-headlineColor);
    --headline-txtColor: var(--label-def-headline-txtColor);
    --accentColor: var(--label-def-accentColor);
    --accent-txtColor: var(--label-def-accent-txtColor);
    --emphasisColor: var(--label-def-emphasisColor);
    --emphasis-txtColor: var(--label-def-emphasis-txtColor);
    --infoColor: var(--label-def-infoColor);
    --info-txtColor: var(--label-def-info-txtColor);
    --lightColor: var(--label-def-lightColor);
    --darkColor: var(--label-def-darkColor);
    --monoColor: var(--label-def-monoColor)
}

.s-bg-footer-color {
    --bgColor: var(--bg-footerColor);
    --txt-headColor: var(--bg-footer-txt-headColor);
    --txt-bodyColor: var(--bg-footer-txt-bodyColor);
    --txt-linkColor: var(--bg-footer-txt-linkColor);
    --txt-linkhoverColor: var(--bg-footer-txt-linkhoverColor);
    --borderColor: var(--bg-footer-borderColor);
    --headlineColor: var(--bg-footer-headlineColor);
    --headline-txtColor: var(--bg-footer-headline-txtColor);
    --accentColor: var(--bg-footer-accentColor);
    --accent-txtColor: var(--bg-footer-accent-txtColor);
    --emphasisColor: var(--bg-footer-emphasisColor);
    --emphasis-txtColor: var(--bg-footer-emphasis-txtColor);
    --infoColor: var(--bg-footer-infoColor);
    --info-txtColor: var(--bg-footer-info-txtColor);
    --lightColor: var(--bg-footer-lightColor);
    --darkColor: var(--bg-footer-darkColor);
    --monoColor: var(--bg-footer-monoColor)
}

*, ::before, ::after {
    box-sizing: border-box
}

::before, ::after {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    cursor: default;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    word-break: break-word
}

body {
    margin: 0;
    counter-reset: number 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

main {
    display: block
}

nav ol, nav ul {
    list-style: none;
    padding: 0
}

a {
    background-color: transparent;
    transition: all .3s;
    color: inherit
}

iframe {
    border-style: none
}

img {
    border-style: none;
    width: 100%;
    height: auto;
    display: block
}

table {
    border-collapse: collapse;
    margin: 0 auto 1.875rem;
    border-left: solid 1px #7f7f7f;
    border-top: solid 1px #7f7f7f
}

a, area, button, input, label, select, summary, textarea, [tabindex] {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.fas.fa-chevron-up::before {
    content: "";
    display: inline-block;
    background: #000;
    mask-image: url(/_assets_/icon/fa-chevron-up.svg);
    width: 1em;
    height: 1em
}

.p-btn.s-animation-001[href] {
    transition: all .2s
}

.p-btn.s-animation-001[href]:hover {
    transform: scale(1.05)
}

.p-btn.s-animation-001[href]::after {
    transition: all .2s
}

.p-btn.s-animation-001[href]:hover::after {
    transform: translateX(.3em)
}

.p-btn.s-animation-002[href] {
    transition: all .2s
}

.p-btn.s-animation-002[href]:hover {
    transform: scale(1.1)
}

.p-btn.s-animation-002[href]::after {
    transition: all .2s
}

.p-btn.s-animation-002[href]:hover::after {
    transform: translateX(.3em)
}

h1, h2, h3, .h1>div, .h2>div, .h3>div {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0
}

p {
    margin-top: 0;
    margin: 0
}

figure {
    margin: 0
}

table:not(:first-child) {
    margin-top: .75rem
}

body.highlightBlock #app main .l-body-wrapper>.l-section-wrapper:not(.highlightBlock-active) {
    opacity: 0.3 !important
}

body.highlightBlock #app main .l-side-wrapper>.l-side-content-wrapper:not(.highlightBlock-active) {
    opacity: 0.3 !important
}

html, body {
    background-color: var(--bg-defColor);
    color: var(--base-txt-bodyColor);
    --ffamily: var(--ffamily-base);
    --fsize: var(--fsize-base);
    --fweight: var(--fweight-base);
    --flineheight: var(--flineheight-base);
    --fletterspacing: var(--fletterspacing-base);
    font-family: var(--ffamily);
    font-size: var(--fsize);
    font-weight: var(--fweight);
    line-height: var(--flineheight);
    letter-spacing: var(--fletterspacing)
}

.page-wrapper {}

.page-wrapper>main {
    background-size: 100% auto;
    position: relative;
    background-blend-mode: normal;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 1
}

.page-wrapper>main>.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: .2
}

.p-subtext {
    display: block
}

.l-body-wrapper {
    overflow: hidden;
    position: relative
}

.l-section-wrapper {
    position: relative;
    color: var(--base-txt-bodyColor);
    color: var(--txt-bodyColor)
}

.l-section-wrapper>.l-section-bg {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100%);
    background-position: left bottom;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    /* top: calc(var(--header-height) + var(--gmenu-height));*/
    /* height: calc(100% - (var(--header-height) + var(--gmenu-height)));*/
    /* top: calc(var(--header-height) + var(--gmenu-height));*/
    /* height: calc(100% - (var(--header-height) + var(--gmenu-height)));*/
    /* top: calc(var(--header-height) + var(--gmenu-height));*/
    /* height: calc(100% - (var(--header-height) + var(--gmenu-height)));*/
}

.breadcrumb.s-primary-bgcolor, .l-section-wrapper.s-primary-bgcolor {
    --bgColor: var(--bg-primaryColor);
    --txt-headColor: var(--bg-primary-txt-headColor);
    --txt-bodyColor: var(--bg-primary-txt-bodyColor);
    --txt-linkColor: var(--bg-primary-txt-linkColor);
    --txt-linkhoverColor: var(--bg-primary-txt-linkhoverColor);
    --borderColor: var(--bg-primary-borderColor);
    --headlineColor: var(--bg-primary-headlineColor);
    --headline-txtColor: var(--bg-primary-headline-txtColor);
    --accentColor: var(--bg-primary-accentColor);
    --accent-txtColor: var(--bg-primary-accent-txtColor);
    --emphasisColor: var(--bg-primary-emphasisColor);
    --emphasis-txtColor: var(--bg-primary-emphasis-txtColor);
    --infoColor: var(--bg-primary-infoColor);
    --info-txtColor: var(--bg-primary-info-txtColor);
    --lightColor: var(--bg-primary-lightColor);
    --darkColor: var(--bg-primary-darkColor);
    --monoColor: var(--bg-primary-monoColor)
}

.l-section-wrapper.s-bgcolor>.l-section-bg, .l-section-wrapper.s-def-bgcolor>.l-section-bg, .l-section-wrapper.s-second-bgcolor>.l-section-bg, .l-section-wrapper.s-third-bgcolor>.l-section-bg, .l-section-wrapper.s-main-bgcolor>.l-section-bg, .l-section-wrapper.s-primary-bgcolor>.l-section-bg, .l-section-wrapper.s-alert-bgcolor>.l-section-bg {
    background: var(--bgColor)
}

.l-section-wrapper .l-section-container {
    padding-top: calc(var(--block--margin) * var(--block--margin-diff));
    padding-bottom: calc(var(--block--margin) * var(--block--margin-diff))
}

.l-section-container {
    position: relative;
    z-index: 2;
    max-width: none;
    text-align: var(--s-align, left)
}

.l-section-container>*+* {
    margin-top: var(--gap-section-vertical)
}

.l-section-wrapper .p-container-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.l-section-wrapper .p-container-bg .p-bgimage-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover
}

.l-section-wrapper.s-bgpos-left>.l-section-container>*>.p-bgimage, .l-section-wrapper.s-bgpos-right>.l-section-container>*>.p-bgimage {
    left: 0;
    box-sizing: content-box;
    overflow: hidden
}

.s-headline-bgsubtext .p-subtext {
    position: absolute;
    opacity: .1;
    font-size: 5rem !important;
    line-height: 1;
    bottom: 1rem;
    left: auto;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: uppercase
}

.l-section-container>*>.p-container, .l-section-container>*>.p-group.box>.p-group-container {
    position: relative
}

.l-section-container>*>.p-container.box, .l-section-container>*>.p-group.box>.p-group-container {
    background-color: var(--baseColor);
    color: var(--base-txt-bodyColor);
    border-style: solid;
    border-color: var(--base-txt-bodyColor);
    border-width: calc(2px * var(--s-border, 0));
    overflow: hidden
}

.l-section-container>*>.p-container.box.s-border {
    border: 1px solid #F8F8F8;
    padding: 3rem;
    padding: 3rem 1rem
}

.l-section-container>*>.p-container.s-concept-header-right>.p-container-items {
    padding-left: 0
}

.l-section-container>*>.p-container.s-concept-header-left>.p-container-items {
    padding-right: 0
}

.l-section-container>*>.p-group.box>.p-group-container>.p-group-items {
    padding: calc(1rem * 1.5 * var(--s-margin, 1)) 0;
    text-align: left
}

.l-section-container>*>.p-group.box.image-fit-cover>.p-group-container>.p-group-header+.p-group-items {
    padding: var(--s-vertical-box-gap) 0 0
}

#app.s-shadow-middle .l-section-container>*>.p-group.box>.p-group-container>.p-group-items, .s-main-bgcolor>.l-section-container>*>.p-group.box>.p-group-container>.p-group-items, .s-main-light-bgcolor>.l-section-container>*>.p-group.box>.p-group-container>.p-group-items {
    padding: var(--s-vertical-box-gap)
}

.l-section-container>*>.p-container.row>.p-container-items, .l-section-container>*>.p-group.row>.p-group-container>.p-group-items {
    padding: 0
}

.l-section-container>*>.p-container.row>.p-container-items {
    align-items: self-start;
    text-align: left
}

#app.s-shadow-middle .l-section-container>*>.p-container.row>.p-container-items, .s-main-bgcolor .l-section-container>*>.p-container.row>.p-container-items {
    padding: 3.5rem
}

.l-section-container>*>.p-container.row>.p-container-items>*+.p-buttons, .l-section-container>*>.p-group.row>.p-group-container>.p-group-items>*+.p-buttons {
    margin-top: 2.7rem
}

.l-section-container>*>.p-container.row>.p-container-items>*+.p-links, .l-section-container>*>.p-group.row>.p-group-container>.p-group-items>*+.p-links {
    margin-top: 2.7rem
}

.p-group.box>.p-group-container>.p-group-items>.p-headline>.p-headline-container {
    padding: 0;
    display: block;
    font-weight: 600;
    text-align: var(--s-align, left);
    line-height: 1.25
}

.p-group.box>.p-group-container>.p-group-header>.p-headline>.p-headline-container {
    margin: calc(1rem * 1.5 * var(--s-margin, 1));
    margin-bottom: 0;
    font-size: 1.5rem
}

.p-group.row>.p-group-container>.p-group-header>.p-headline>.p-headline-container {
    margin: calc(1rem * 1.5 * 1.5 * var(--s-margin, 1));
    margin-bottom: 0
}

.p-group.p-box-point>.p-group-container>.p-group-header>.p-headline>.p-headline-container {
    display: flex;
    margin: 0;
    align-items: center;
    gap: 1rem
}

.p-group.p-box-point>.p-group-container>.p-group-header>.p-headline>.p-headline-container>.p-headline-header>.p-label {
    background-color: unset;
    color: var(--primary-defColor);
    font-size: 2.5rem;
    padding: 0;
    padding-right: 1rem;
    border-right: 1px solid var(--des-main-defColor);
    white-space: nowrap
}

.p-group.p-box-point>.p-group-container>.p-group-header>.p-headline>.p-headline-container>.p-headline-items {
    line-height: 1.5
}

.p-group.p-box-point>.p-group-container>.p-group-header>.p-headline>.p-headline-container>.p-headline-items>.p-textarea {
    opacity: 0.7;
    font-weight: 400
}

.s-align-left>.p-headline-container {
    text-align: left !important
}

.s-align-center>.p-headline-container {
    text-align: center !important
}

.s-align-right>.p-headline-container {
    text-align: right !important
}

.l-side-content-wrapper>.l-section-container {
    padding-top: 0;
    padding-bottom: 0
}

.l-section-container>*>.p-container.s-concept-header-left>.p-container-items, .l-section-container>*>.p-container.s-concept-header-right>.p-container-items {
    padding: calc(1.5rem * var(--s-margin, 1))
}

.l-section-container>*>.p-container.s-concept-header-left>.p-container-header+.p-container-items, .l-section-container>*>.p-container.s-concept-header-right>.p-container-header+.p-container-items {
    padding-top: 0
}

.p-container.row>.p-container-items {
    flex: 1 1 auto;
    align-self: center
}

.p-container.header-col-1>.p-container-header {
    flex: 0 0 calc(100% / 12 * 1)
}

.p-container.header-col-2>.p-container-header {
    flex: 0 0 calc(100% / 12 * 2)
}

.p-container.header-col-3>.p-container-header {
    flex: 0 0 calc(100% / 12 * 3)
}

.p-container.header-col-4>.p-container-header {
    flex: 0 0 calc(100% / 12 * 4)
}

.p-container.header-col-5>.p-container-header {
    flex: 0 0 calc(100% / 12 * 5)
}

.p-container.header-col-6>.p-container-header {
    flex: 0 0 calc(100% / 12 * 6)
}

.p-container.header-col-7>.p-container-header {
    flex: 0 0 calc(100% / 12 * 7)
}

.p-container.header-col-8>.p-container-header {
    flex: 0 0 calc(100% / 12 * 8)
}

.p-container.header-col-9>.p-container-header {
    flex: 0 0 calc(100% / 12 * 9)
}

.p-container.header-col-10>.p-container-header {
    flex: 0 0 calc(100% / 12 * 10)
}

.p-container.header-col-11>.p-container-header {
    flex: 0 0 calc(100% / 12 * 11)
}

.p-container.header-col-12>.p-container-header {
    flex: 0 0 calc(100%)
}

.p-container>.p-container-header {
    position: relative;
    z-index: 1
}

.p-container>.p-container-items {
    position: relative;
    z-index: 2
}

.p-container>.p-container-footer {
    position: relative;
    z-index: 3
}

.p-container.column>.p-container-items {
    display: flex;
    flex: 1 1 auto;
    align-self: center;
    gap: 1rem;
    flex-direction: column
}

.p-container.column>.p-container-items>*+.p-buttons {
    margin-top: 2rem
}

.p-container.row-items>.p-container-items {
    flex-direction: row;
    text-align: left;
    justify-content: flex-start;
    width: 100%
}

.l-section-wrapper.column .l-content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
    flex-direction: column
}

.l-section-footer-container .p-btn-container {
    margin-top: var(--size-md)
}

.l-content-wrapper {
    position: relative
}

.s-container-fix-100 .p-group.grid.grid-2 .bg-inner-group .p-group-items {
    max-width: 543px
}

.l-footer-wrapper {}

.l-section-container>*+.l-footer-wrapper {
    margin-top: var(--gap-section-vertical)
}

.l-section-wrapper.s-block-bg-image>.l-section-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--block-bg-image-style);
    background-image: var(--block-bg-image)
}

.l-section-wrapper.s-bg-def-color>.l-section-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-def-image-style);
    background-image: var(--bg-def-image);
    background-color: var(--bgColor)
}

.l-section-wrapper.s-bg-second-color>.l-section-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-second-image-style);
    background-image: var(--bg-second-image);
    background-color: var(--bgColor)
}

.l-section-wrapper.s-primary-color>.l-section-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-primary-image-style);
    background-image: var(--bg-primary-image);
    background-color: var(--bgColor)
}

.l-section-wrapper.bg-primary>.l-section-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-block-subColor);
    background-image: var(--bg-primary-image);
    background-size: 100% auto;
    background-color: var(--bgColor)
}

.l-section-wrapper.bg-inner-section.bg-baseDark2-Opacity060::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background-image: linear-gradient(to bottom, transparent 10%, var(--base-baseColor-dark2));
    z-index: 1
}

.l-section-wrapper.bg-inner-section.bg-baseDark3-baseLight2::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-image: linear-gradient(to bottom, transparent, var(--base-defColor));
    z-index: 1
}

.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-left-opacity020>.p-figure {
    height: 100%
}

.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-left-opacity020>.p-figure>img {
    height: 100%;
    width: auto;
    opacity: .2
}

.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-right-opacity020>.p-figure {
    height: 100%
}

.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-right-opacity020>.p-figure>img {
    height: 100%;
    width: auto;
    opacity: .2
}

.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-leftBottom-opacity030>.p-figure {
    height: 100%
}

.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-leftBottom-opacity030>.p-figure>img {
    height: 100%;
    width: auto;
    opacity: .2
}

.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-right-opacity030>.p-figure {
    height: 100%
}

.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-right-opacity030>.p-figure>img {
    height: 100%;
    width: auto;
    opacity: .2
}

.p-group.grid.grid-2>.p-group-container>.p-group-items>* {
    flex: 0 0 calc(50% - 3rem);
    margin: 0 1.5rem 1rem
}

.p-group.grid.grid-2.grid-marginNone>.p-group-container>.p-group-items>* {
    flex: 0 0 calc(50%);
    margin: 0;
    overflow: hidden;
    flex: 0 0 100%
}

.p-group.grid.grid-3>.p-group-container>.p-group-items>*.box>.p-container-items {
    padding: calc(1rem * var(--s-margin, 1))
}

.p-group.grid.grid-2>.p-group-container>.p-group-items>*, .p-group.grid.grid-3>.p-group-container>.p-group-items>* {
    flex: 0 0 100%;
    margin: 0
}

.grid-height-100.p-image>.p-figure {
    height: 100%;
    height: auto
}

.grid-height-100.p-image>.p-figure>img {
    width: auto;
    height: 100%;
    width: 100%;
    height: auto
}

.p-contatiner.grid.grid-2>.p-contatiner-items>* {
    flex: 0 0 calc(50% - 2rem);
    margin: 0 1rem 1rem
}

.p-contatiner.grid.grid-2>.p-contatiner-items>*, .p-contatiner.grid.grid-3>.p-contatiner-items>* {
    flex: 0 0 100%;
    margin: 0
}

.h2-headlineTextarea-white>.p-headline-container>*>.p-textarea>.p-text-inner {
    color: var(--base-baseColor-opp)
}

.h2-headlineTextarea-white>.p-headline-container::after {
    background-color: var(--base-baseColor-opp) !important
}

.p-subtext-colorBg.p-subtext {
    display: block
}

.p-subtext-colorBg.p-subtext>.p-text-inner.color-default {
    color: var(--base-subColor-opp);
    background-color: var(--base-baseColor-light1);
    padding: 3px 24px;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
    padding: 0.2rem 2rem;
    font-size: 1.3rem
}

.p-subtext-white.p-subtext {
    display: block
}

.p-subtext-white.p-subtext>.p-text-inner {
    color: var(--base-baseColor-opp);
    padding: .2rem 1.5rem;
    border: 2px solid var(--base-baseColor-opp);
    font-size: 0.9rem;
    display: inline-block
}

.p-subtext-colorBg.p-subtext>.p-text-inner {
    padding: 0.2rem 2rem;
    font-size: 1.3rem
}

.s-container-fix {
    max-width: var(--block-contents-max-width);
    margin-left: auto;
    margin-right: auto
}

.p-buttons.s-justify-between {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.s-align-right.p-buttons, .s-align-left.p-buttons {
    text-align: center
}

.p-body-container {}

.p-copyright-container {}

.p-image-container.s-align-left .p-figure {
    align-items: flex-start
}

.p-image-container.s-align-right .p-figure {
    align-items: flex-end
}

.p-row-container>.p-image-container .p-figure {
    height: 100%
}

.p-row-container>.p-image-wrapper {
    min-width: 20%
}

.p-text-wrapper .p-text-container .p-title {
    margin-bottom: var(--size-xs)
}

.p-image-wrapper {}

.p-image-wrapper .p-image-container {
    padding: 0;
    margin-bottom: var(--size-xs)
}

.l-section-bg {}

.block__breadcrumb.breadcrumb>ul:after {
    content: "";
    flex-shrink: 0;
    flex-basis: 1.5rem
}

.block__breadcrumb.breadcrumb>ul>li+li:last-child:before {}

#app.des-main-def-gradient .block__breadcrumb.breadcrumb>ul>li+li:last-child:before {
    background: var(--des-main-def-gradient)
}

.block__breadcrumb.breadcrumb>ul>li>a[href]:not([aria-current=page]):hover {
    color: var(--base-baseColor)
}

.block__breadcrumb.breadcrumb>ul>li>a[aria-current=page] {
    color: #333
}

.l-section-wrapper .l-content-wrapper .p-container-items .p-group {
    width: 100%
}

.l-section-wrapper .l-content-wrapper .p-container-items .p-group .p-group-container>.p-group-items {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--s-text-gap)
}

.l-section-wrapper.s-container-gap-normal .l-content-wrapper .p-container {
    padding: var(--s-grid-gap)
}

.bd-oneColumn .p-container-items {
    text-align: var(--s-align, left)
}

.l-section-wrapper.bd-verticalList .l-content-wrapper>.p-container+.p-container {
    margin-top: 3.5rem
}

.l-section-wrapper.bd-verticalList .l-content-wrapper>.p-container>* {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--s-grid-gap);
    width: 100%;
    flex-wrap: wrap
}

.l-section-wrapper.bd-verticalList .l-content-wrapper>.p-container a {
    text-decoration: none;
    text-align: left
}

.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container-header {
    width: calc(var(--s-content-width) * 5 / 12 - 1.5rem);
    display: flex;
    justify-content: center;
    align-items: center
}

.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container .p-container-header {
    width: calc(var(--s-content-width) * 2 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container .p-container-items {
    width: calc(var(--s-content-width) * 10 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-3-9 .p-container-header {
    width: calc(var(--s-content-width) * 3 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-3-9 .p-container-items {
    width: calc(var(--s-content-width) * 9 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-4-8 .p-container-header {
    width: calc(var(--s-content-width) * 4 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-4-8 .p-container-items {
    width: calc(var(--s-content-width) * 8 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-5-7 .p-container-header {
    width: calc(var(--s-content-width) * 5 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-5-7 .p-container-items {
    width: calc(var(--s-content-width) * 7 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-6-6 .p-container-header {
    width: calc(var(--s-content-width) * 6 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-6-6 .p-container-items {
    width: calc(var(--s-content-width) * 6 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper>.p-container>* {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--s-grid-gap);
    width: 100%;
    flex-wrap: wrap
}

.l-section-wrapper.bd-conceptInfo.s-main-light-bgcolor .l-content-wrapper>.p-container {
    padding: var(--s-grid-gap)
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper>.p-container a {
    text-decoration: none
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper>.p-container+.p-container {
    margin-top: 3.5rem
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container .p-container-items {
    display: flex;
    flex-direction: column;
    gap: var(--s-text-box-gap)
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container .p-container-items .p-buttons.p-btn-container {
    justify-content: flex-start;
    margin-top: var(--gap-container);
    justify-content: center
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container .p-container-header {
    width: calc(var(--s-content-width) * 5 / 12 - 1.5rem);
    display: flex;
    justify-content: center;
    align-items: center
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.s-header-right .p-container-header {
    order: 2
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.s-header-right .p-container-items {
    order: 1
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-3-9 .p-container-header {
    width: calc(var(--s-content-width) * 3 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-3-9 .p-container-items {
    width: calc(var(--s-content-width) * 9 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-4-8 .p-container-header {
    width: calc(var(--s-content-width) * 4 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-4-8 .p-container-items {
    width: calc(var(--s-content-width) * 8 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-5-7 .p-container-header {
    width: calc(var(--s-content-width) * 5 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-5-7 .p-container-items {
    width: calc(var(--s-content-width) * 7 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-6-6 .p-container-header {
    width: calc(var(--s-content-width) * 6 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-6-6 .p-container-items {
    width: calc(var(--s-content-width) * 6 / 12 - 1.5rem);
    width: 100%
}

.l-section-wrapper.bd-gridInfo .l-content-wrapper .p-container-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--s-text-gap)
}

.l-section-wrapper.bd-gridInfo .l-content-wrapper>.p-container .p-container-header+.p-container-items {
    margin-top: var(--s-text-box-gap)
}

.l-section-wrapper.bd-gridInfo .l-content-wrapper>.p-container a {
    text-decoration: none
}

.l-section-wrapper.bd-gridInfo .l-content-wrapper .p-container-items .p-buttons.p-btn-container {
    margin-top: var(--s-button-gap)
}

.l-section-wrapper.bd-gridInfo .l-content-wrapper>.p-container>* {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.l-section-wrapper.bd-explanationInfo.s-bgimagepos-right>.l-section-container>*>.p-bgimage+* {
    margin-left: calc(100% * (4 / 12) + var(--gap-container));
    margin-left: auto
}

.l-section-wrapper.bd-explanationInfo .l-content-wrapper .p-container .p-container-items {
    display: flex;
    flex-direction: column;
    gap: var(--gap-container-items)
}

.l-section-wrapper.bd-explanationInfo.s-bgimagepos-right>.l-section-container>*>.p-bgimage {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% * (4 / 12));
    height: 100%;
    width: 100%;
    opacity: .2
}

body.is-scroll {
    --header-height: var(--header-scroll-height-pc)
}

header {
    --header-fsize: 1.6rem;
    --fsize-gmenu-main: 1.4rem;
    --fweight-gmenu-main: 600;
    --fsize-gmenu-btn: 1.4rem;
    --fweight-gmenu-btn: 600;
    --header-border: 1px solid #bbbcbc;
    --header-accent: var(--mainColor);
    position: sticky;
    width: 100%;
    z-index: 4;
    top: 0;
    transition: all .5s;
    border-bottom: var(--header-border);
    --bgColor: var(--bg-headerColor);
    --txt-headColor: var(--bg-header-txt-headColor);
    --txt-bodyColor: var(--bg-header-txt-bodyColor);
    --borderColor: var(--bg-header-borderColor);
    --accentColor: var(--bg-header-accentColor);
    --accent-txtColor: var(--bg-header-accent-txtColor);
    --emphasisColor: var(--bg-header-emphasisColor);
    --emphasis-txtColor: var(--bg-header-emphasis-txtColor);
    --infoColor: var(--bg-header-infoColor);
    --info-txtColor: var(--bg-header-info-txtColor);
    --lightColor: var(--bg-header-lightColor);
    --darkColor: var(--bg-header-darkColor);
    --monoColor: var(--bg-header-monoColor)
}

header .l-header-wapper {
    position: relative;
    height: var(--header-height);
    transition: all .3s
}

header .l-header-wapper::before {
    content: "";
    display: block;
    width: 100%;
    height: var(--header-top-line-height);
    position: absolute;
    z-index: 1002;
    background: var(--accentColor)
}

header .l-header-container {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    z-index: 1;
    justify-self: auto;
    width: var(--s-content-width);
    height: var(--header-height);
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap
}

header .l-header-container .l-gmenu-fix {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: var(--header-height)
}

.l-header-container .l-header-logo-container {
    height: var(--header-height);
    transition: all .3s
}

.l-header-container .l-header-logo-container>* {
    height: 100%
}

.l-header-container .l-header-logo-container>.p-title {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.l-header-logo-container .p-image a.p-image-wrapper {
    text-decoration: none;
    height: 100%
}

header .l-header-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--bgColor)
}

header .l-header-top-container {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    justify-self: auto;
    width: auto;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

header .l-header-top-container>p::before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    background: var(--bgColor);
    box-shadow: 0 0 3px 0px var(--lightColor);
    transform: skewX(-17deg);
    background-size: auto 100%;
    background-position: right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

body.is-gmenu-active header .l-header-wapper {
    filter: drop-shadow(0 0 3px var(--header-txt-bodyColor))
}

.l-header-container .l-header-logo-container .p-image {
    max-width: var(--header-logo-max-width);
    max-height: 100%;
    padding: 0.5em 0;
    margin-right: 1.5em;
    display: inline-block;
    box-sizing: border-box
}

.l-header-container .l-header-logo-container .p-image .p-image-wrapper {
    display: block;
    height: calc(var(--header-height) - 2.5rem)
}

.l-header-container .l-header-logo-container .p-image>img {
    width: auto;
    height: calc(var(--header-height) - 1em);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.l-header-container .l-header-logo-container .p-image .p-figure {
    width: 100%;
    height: 100%;
    padding: 0;
    align-items: flex-start
}

.l-header-container .l-header-logo-container .p-image a {
    text-decoration: none
}

.l-header-container .l-header-logo-container .p-image.p-image-caption .p-figure figcaption {
    order: 1
}

.l-header-container .l-header-logo-container .p-image.p-image-caption .p-figure img {
    height: calc(100% - 1.5rem);
    order: 2
}

header.is-scroll .l-header-container .l-header-logo-container .p-image .p-figure {
    padding: 0
}

header .l-header-container .l-header-logo-container .p-subtitle {
    font-size: var(--fsize-gmenu-sub)
}

.l-header-container .l-header-logo-container .p-image .p-figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left
}

.l-header-container .p-title .p-logo .p-text {
    padding: 0 1rem
}

.l-header-complogo-container {
    margin-left: 2em
}

.l-header-complogo-container>.p-company-logo>.p-image {
    height: 4.5rem;
    transition: all .3s;
    display: flex;
    align-items: center
}

.l-header-complogo-container>.p-company-logo>.p-image .p-figure {
    width: 100%;
    height: 100%;
    padding: 1.5rem 0
}

.l-header-complogo-container>.p-company-logo>.p-image .p-figure img {
    width: 100%;
    height: 3rem;
    object-fit: contain;
    object-position: right
}

header .l-header-top-container>form>button::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://files.cmssv.awsv.jp/_assets_/head/gmenu_search.svg) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    background: url(https://files.cmssv.awsv.jp/_assets_/agtax/gmenu_search.svg) no-repeat
}

.l-header-container .l-gmenu-sub-wrapper {
    flex-direction: column;
    gap: 0.5em;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center;*/
    align-items: flex-end;
    gap: var(--header-vertical-gap);
    max-width: 60%;
    /* justify-content: center;*/
    /* justify-content: center;*/
}

.l-gmenu-cta-container {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 2em;
    display: flex;
    gap: 1em;
    flex-wrap: wrap
}

.l-gmenu-cta-container .p-btn {
    padding: .7em 2em;
    border-radius: 4rem
}

.l-gmenu-cta-container>li>.p-link {
    font-size: var(--fsize-gmenu-btn);
    font-weight: var(--fweight-gmenu-btn);
    line-height: var(--flineheight-gmenu-btn);
    letter-spacing: var(--fletterspacing-gmenu-btn);
    min-width: var(--s-width-gmenu-btn);
    border: 0;
    border-bottom: 1px solid var(--primary-defColor);
    color: var(--header-txt-bodyColor);
    position: relative;
    background: inherit;
    padding: 0 2.3em 1em;
    flex-wrap: wrap
}

.l-gmenu-cta-container>li>.p-link::before {
    content: "";
    display: block;
    height: 0.5rem;
    width: 1px;
    background-color: var(--primary-defColor);
    position: absolute;
    left: 0;
    bottom: 0
}

.l-gmenu-cta-container>li:last-child>.p-link::after {
    content: "";
    display: block;
    height: 0.5rem;
    width: 1px;
    background-color: var(--primary-defColor);
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto 0 0
}

.l-header-container .l-gmenu-sub-container li:nth-child(1) {
    border-left: var(--header-border)
}

.l-hero-wrapper {
    --hero-height: 150px;
    --bgColor: var(--bg-heroColor);
    --txt-headColor: var(--bg-hero-txt-headColor);
    --txt-bodyColor: var(--bg-hero-txt-bodyColor);
    --borderColor: var(--bg-hero-borderColor);
    --accentColor: var(--bg-hero-accentColor);
    --accent-txtColor: var(--bg-hero-accent-txtColor);
    --emphasisColor: var(--bg-hero-emphasisColor);
    --emphasis-txtColor: var(--bg-hero-emphasis-txtColor);
    --infoColor: var(--bg-hero-infoColor);
    --info-txtColor: var(--bg-hero-info-txtColor);
    --lightColor: var(--bg-hero-lightColor);
    --darkColor: var(--bg-hero-darkColor);
    --monoColor: var(--bg-hero-monoColor);
    --hero-txt-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF;
    background-size: cover;
    position: relative;
    z-index: 3;
    overflow: hidden
}

.l-hero-container {
    padding: 0;
    background-image: var(--main-gradation);
    background-blend-mode: multiply;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin: 0;
    position: relative;
    color: var(--txt-bodyColor)
}

.l-hero-bg-container {
    margin: 0 auto
}

.l-hero-wrapper .l-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bgColor)
}

.l-hero-wrapper .l-hero-bg-after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 0
}

.l-hero-wrapper .l-hero-bg-image {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--bg-hero);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center
}

.l-hero-content {
    width: 100%;
    padding: 1.5rem 1rem;
    z-index: 10;
    position: relative
}

.l-hero-main {
    display: flex;
    flex-direction: column;
    color: var(--txt-bodyColor);
    max-width: var(--s-content-width)
}

.l-hero-main .p-headline {
    display: inline-block;
    width: 100%;
    font-size: var(--fsize-1head);
    font-family: var(--ffamily-1head);
    font-weight: var(--fweight-1head);
    line-height: var(--flineheight-1head);
    padding: 1rem 0
}

.l-hero-wrapper .l-hero-main-container {
    display: flex;
    flex-direction: column;
    gap: var(--gap-hero);
    font-size: var(--fsize-base);
    letter-spacing: var(--fletterspacing-base);
    font-weight: var(--fweight-base);
    line-height: var(--flineheight-base)
}

.l-hero-wrapper .p-group .p-group-container {
    color: var(--des-main-defColor);
    padding: 0.5em 0
}

.s-border-small .l-hero-wrapper .p-group .p-group-container {
    border-top: 1px solid var(--des-main-defColor);
    border-bottom: 1px solid var(--des-main-defColor)
}

.head__form .l-hero-content>*>*+.p-buttons {
    margin-top: calc(1.5rem * 1.5);
    text-align: left;
    gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--s-align-flex, flex-start)
}

.head__form .head__form-headline-bg-light .p-headline-container .p-headline-header+.p-headline-items {
    margin-top: 1.5rem
}

.head__form .head__form-headline-bg-light .p-headline-container>*>*+* {
    margin-top: 1.25rem
}

.head__form .head__form-headline-bg-light .p-textarea {
    line-height: calc(1.5rem * 2)
}

.head__form.l-hero-wrapper .l-hero-content .p-headline>.p-headline-container>*>.p-subtext {
    background-color: var(--faccent-1head);
    color: var(--faccent-1head-txt)
}

.head__form.l-hero-wrapper .l-hero-content .p-headline>.p-headline-container>*>.p-textarea {}

.l-hero-content .p-blockquote .p-blockquote-container {
    padding: var(--padding-container);
    background-color: rgb(255 255 255 / 80%)
}

.p-headline.s-headline-h1 .p-headline-items {
    display: flex;
    flex-direction: column;
    gap: var(--gap-hero-text);
    margin: 0
}

.p-headline.s-headline-h1 .p-headline-items .p-label.s-label-003 {
    position: relative;
    border: 0;
    padding: 0 1.5em 0 2em;
    font-size: var(--fsize-1head-label);
    font-weight: var(--fweight-1head-label);
    line-height: var(--flineheight-1head-label);
    color: var(--des-main-defColor);
    background: none;
    letter-spacing: .2em;
    width: fit-content;
    margin: auto
}

.p-headline.s-headline-h1>.p-headline-container em {
    color: var(--faccent-1head)
}

.p-headline.s-headline-h1 .p-headline-items .p-label.s-label-003::before, .p-headline.s-headline-h1 .p-headline-items .p-label.s-label-003::after {
    position: absolute;
    top: .3em;
    height: 1em;
    content: ''
}

.p-headline.s-headline-h1 .p-headline-items .p-label.s-label-003::before {
    border-left: solid 2px;
    left: 0;
    transform: rotate(-30deg)
}

.p-headline.s-headline-h1 .p-headline-items .p-label.s-label-003::after {
    border-right: solid 2px;
    right: 0;
    transform: rotate(30deg)
}

.p-headline.s-headline-h1 .p-headline-items .p-label.s-label-004 {
    width: fit-content;
    letter-spacing: .02em;
    padding-left: 2rem;
    padding-right: 2rem
}

.l-hero-content .p-blockquote .p-blockquote-container .p-blockquote-items {
    align-items: center
}

/* safelist-keep: patterns matched */
.s-bg-info-color {
    --bgColor: var(--bg-infoColor);
    --txt-headColor: var(--bg-info-txt-headColor);
    --txt-bodyColor: var(--bg-info-txt-bodyColor);
    --txt-linkColor: var(--bg-info-txt-linkColor);
    --txt-linkhoverColor: var(--bg-info-txt-linkhoverColor);
    --borderColor: var(--bg-info-borderColor);
    --headlineColor: var(--bg-info-headlineColor);
    --headline-txtColor: var(--bg-info-headline-txtColor);
    --accentColor: var(--bg-info-accentColor);
    --accent-txtColor: var(--bg-info-accent-txtColor);
    --emphasisColor: var(--bg-info-emphasisColor);
    --emphasis-txtColor: var(--bg-info-emphasis-txtColor);
    --infoColor: var(--bg-info-infoColor);
    --info-txtColor: var(--bg-info-info-txtColor);
    --lightColor: var(--bg-info-lightColor);
    --darkColor: var(--bg-info-darkColor);
    --monoColor: var(--bg-info-monoColor)
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%;
    font-weight: var(--fweight-small);
    font-size: var(--fsize-small);
    line-height: var(--flineheight-small);
    letter-spacing: var(--fletterspacing-small)
}

strong {
    font-weight: normal;
    font-weight: var(--fweight-strong);
    font-size: var(--fsize-strong);
    line-height: var(--flineheight-strong);
    letter-spacing: var(--fletterspacing-strong);
    color: var(--txt-body-primary)
}

th *:last-child, td *:last-child {
    margin-bottom: 0
}

th, thead td {
    text-align: left;
    background: var(--secondary-bg-color);
    color: var(--secondary-text-color)
}

td {
    background: var(--bg-section-box)
}

th, td {
    border-right: solid 1px #7f7f7f;
    border-bottom: solid 1px #7f7f7f;
    vertical-align: top
}

.l-content-container {}

/* safelist-keep: patterns matched */
.l-header-wrapper {
    display: flex;
    flex-direction: column
}

/* safelist-keep: patterns matched */
@media only screen and (max-width: 1024px) {
    :root {
        font-size: 42.5%
    }

    html, body {
        --fsize: var(--fsize-base-sp);
        --flineheight: var(--flineheight-base-sp);
        --s-align: var(--s-align-sp);
        --s-align-flex: var(--s-align-sp-flex)
    }

    .l-section-wrapper.s-bgpos-left>.l-section-container>*>.p-bgimage, .l-section-wrapper.s-bgpos-right>.l-section-container>*>.p-bgimage {
        position: relative;
        width: 100%;
        height: 25rem;
        order: 2
    }

    .l-section-wrapper.s-bgpos-left>.l-section-container>*>.p-bgimage>*, .l-section-wrapper.s-bgpos-right>.l-section-container>*>.p-bgimage>* {
        background-size: cover
    }

    .l-body-wrapper {
        margin-top: 0
    }

    .l-section-wrapper.s-bgimagepos-right>.l-section-container>*>.p-bgimage+*, .l-section-wrapper.s-bgpos-right>.l-section-container>*>.p-bgimage+* {
        margin-right: auto;
        padding: calc(1.5rem * var(--s-margin, 1))
    }

    .l-section-wrapper.s-bgimagepos-left>.l-section-container>*>.p-bgimage, .l-section-wrapper.s-bgimagepos-right>.l-section-container>*>.p-bgimage, .l-section-wrapper.s-bgpos-left>.l-section-container>*>.p-bgimage, .l-section-wrapper.s-bgpos-right>.l-section-container>*>.p-bgimage {
        width: 100%
    }

    .l-section-container>*>.p-container.box.s-border {
        padding: 3rem 1rem
    }

    .l-section-container>*>.p-container.s-concept-header-left>.p-container-items, .l-section-container>*>.p-container.s-concept-header-right>.p-container-items {
        padding: calc(1.5rem * var(--s-margin, 1))
    }

    .l-section-container>*>.p-container.s-concept-header-left>.p-container-header+.p-container-items, .l-section-container>*>.p-container.s-concept-header-right>.p-container-header+.p-container-items {
        padding-top: 0
    }

    .l-section-wrapper.bg-inner-section.bg-baseDark2-Opacity060::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 75%;
        background-image: linear-gradient(to bottom, transparent 10%, var(--base-baseColor-dark2));
        z-index: 1
    }

    .l-section-wrapper.bg-inner-section.bg-baseDark3-baseLight2::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30%;
        background-image: linear-gradient(to bottom, transparent, var(--base-defColor));
        z-index: 1
    }

    .p-group.grid.grid-wrapNone>.p-group-container>.p-group-items {
        flex-wrap: wrap
    }

    .p-group.grid.grid-2>.p-group-container>.p-group-items>*, .p-group.grid.grid-3>.p-group-container>.p-group-items>* {
        flex: 0 0 100%;
        margin: 0
    }

    .p-group.grid.grid-2.grid-marginNone>.p-group-container>.p-group-items>* {
        flex: 0 0 100%
    }

    .grid-height-100.p-image>.p-figure {
        height: auto
    }

    .grid-height-100.p-image>.p-figure>img {
        width: 100%;
        height: auto
    }

    .grid-height-100.p-group>.p-group-container {
        height: auto
    }

    .p-contatiner.grid.grid-2>.p-contatiner-items>*, .p-contatiner.grid.grid-3>.p-contatiner-items>* {
        flex: 0 0 100%;
        margin: 0
    }

    .p-subtext-colorBg.p-subtext>.p-text-inner.color-default {
        padding: 0.2rem 2rem;
        font-size: 1.3rem
    }

    .p-subtext-colorBg.p-subtext>.p-text-inner {
        padding: 0.2rem 2rem;
        font-size: 1.3rem
    }

    .s-align-right.p-buttons, .s-align-left.p-buttons {
        text-align: center
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper>* {
        flex-wrap: wrap
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper>.p-container>* {
        flex-wrap: wrap
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper .p-container .p-container-header {
        width: 100%
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper .p-container .p-container-items {
        width: 100%
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-3-9 .p-container-header {
        width: 100%
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-3-9 .p-container-items {
        width: 100%
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-4-8 .p-container-header {
        width: 100%
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-4-8 .p-container-items {
        width: 100%
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-5-7 .p-container-header {
        width: 100%
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-5-7 .p-container-items {
        width: 100%
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-6-6 .p-container-header {
        width: 100%
    }

    .l-section-wrapper.bd-verticalList .l-content-wrapper .p-container.wid-6-6 .p-container-items {
        width: 100%
    }

    .l-section-wrapper.bd-conceptInfo .l-content-wrapper>* {
        flex-wrap: wrap
    }

    .l-section-wrapper.bd-conceptInfo .l-content-wrapper>.p-container>* {
        flex-wrap: wrap
    }

    .l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-3-9 .p-container-header {
        width: 100%
    }

    .l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-3-9 .p-container-items {
        width: 100%
    }

    .l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-4-8 .p-container-header {
        width: 100%
    }

    .l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-4-8 .p-container-items {
        width: 100%
    }

    .l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-5-7 .p-container-header {
        width: 100%
    }

    .l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-5-7 .p-container-items {
        width: 100%
    }

    .l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-6-6 .p-container-header {
        width: 100%
    }

    .l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container.wid-6-6 .p-container-items {
        width: 100%
    }

    .l-section-wrapper.bd-conceptInfo .l-content-wrapper .p-container .p-container-items .p-buttons.p-btn-container {
        justify-content: center
    }

    .l-section-wrapper.bd-gridInfo .l-content-wrapper {
        flex-direction: column
    }

    .l-section-wrapper.bd-gridInfo .l-content-wrapper .p-container-items {
        flex-direction: column
    }

    .l-section-wrapper.bd-gridInfo.grid-2 .l-content-wrapper>* {
        flex: 0 0 100%;
        width: 100%
    }

    .l-section-wrapper.bd-gridInfo.grid-3 .l-content-wrapper>* {
        flex: 0 0 100%;
        width: 100%
    }

    .l-section-wrapper.bd-gridInfo.grid-4 .l-content-wrapper>* {
        flex: 0 0 100%;
        width: 100%
    }

    .l-section-wrapper.bd-gridInfo.grid-5 .l-content-wrapper>* {
        flex: 0 0 100%;
        width: 100%
    }

    .l-section-wrapper.bd-gridInfo.grid-6 .l-content-wrapper>* {
        flex: 0 0 100%;
        width: 100%
    }

    .l-section-wrapper.bd-explanationInfo.s-bgimagepos-right>.l-section-container>*>.p-bgimage+* {
        margin-left: auto
    }

    .l-section-wrapper.bd-explanationInfo.s-bgimagepos-right>.l-section-container>*>.p-bgimage {
        width: 100%;
        opacity: .2
    }

    .l-hero-main .p-headline {
        font-size: var(--fsize-1head-sp)
    }

    .l-hero-content {
        flex-direction: column
    }

    .l-hero-main {
        text-align: center;
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .sponly, .spOnly, .sp_only {
        display: none !important
    }
}

@media screen and (max-width: 1024px) {
    .pconly, .pcOnly, .pc_only {
        display: none !important
    }

    .l-section-wrapper {
        --block--margin: var(--block--margin-sp);
        --gap-section-vertical: var(--gap-section-vertical-sp)
    }

    .l-gheader-pc {
        display: none
    }

    :root {
        --header-height: var(--header-height-sp);
        --header-fsize-base: var(--header-fsize-base-sp);
        --header-fsize-btn: var(--header-fsize-btn-sp)
    }

    body.is-scroll {
        --header-height: var(--header-scroll-height-sp)
    }
}

@media only screen and (min-width: 1024px) {
    table {
        max-width: 57.75rem;
        margin: 0 auto 3.75rem;
        max-width: 48.75rem
    }

    .l-hero-content {
        margin: 0 auto;
        max-width: 1240px;
        padding: 0;
        display: flex;
        justify-content: var(--s-align-flex);
        align-items: center
    }
}

@media only screen and (max-width: 1240px) {
    .l-section-container {
        padding-left: var(--page-side--margin-sp);
        padding-right: var(--page-side--margin-sp)
    }

    .s-container-fix {
        max-width: calc(100vw - (var(--page-side--margin-sp) * 2))
    }
}

@media print, screen and (max-width: 1240px) {
    :root {
        --root-content-width: calc(var(--s-content-width) - (var(--page-side--margin-sp) * 2));
        --parent-content-width: calc(100vw - (var(--page-side--margin-sp) * 2))
    }
}

@media(hover:hover) {
    .block__breadcrumb.breadcrumb>ul>li>a[href]:not([aria-current=page]):hover {
        color: var(--base-baseColor)
    }
}

@media print, screen and (max-width: 1024px) {
    body.is-gmenu-active header .l-header-wapper {
        filter: drop-shadow(0 0 3px var(--header-txt-bodyColor))
    }

    body.is-gmenu-active header {
        z-index: 9999
    }

    header .l-header-top-container>p {
        padding-left: 2rem;
        padding-right: 1rem
    }

    .l-header-container .l-header-logo-container .p-image {
        margin-left: 1.5em
    }
}

@media only screen and (min-width:1023px) {
    .l-gmenu-cta-container>li>.p-link {
        font-size: var(--fsize-gmenu-btn);
        font-weight: var(--fweight-gmenu-btn);
        line-height: var(--flineheight-gmenu-btn);
        letter-spacing: var(--fletterspacing-gmenu-btn);
        min-width: var(--s-width-gmenu-btn);
        border: 0;
        border-bottom: 1px solid var(--primary-defColor);
        color: var(--header-txt-bodyColor);
        position: relative;
        background: inherit;
        padding: 0 2.3em 1em;
        flex-wrap: wrap
    }

    .l-gmenu-cta-container>li>.p-link::before {
        content: "";
        display: block;
        height: 0.5rem;
        width: 1px;
        background-color: var(--primary-defColor);
        position: absolute;
        left: 0;
        bottom: 0
    }
}

@media only screen and (max-width:1024px) {
    body.is-gmenu-active {
        overflow: hidden;
    }

    .l-gmenu-cta-container {
        margin-left: 0;
        display: flex;
        gap: 2rem;
        justify-content: center
    }

    .l-gmenu-cta-container>li>.p-link {
        padding: 1em 2.3em;
        border-bottom: 0
    }

    .l-gmenu-cta-container>li>.p-link::before {
        display: none
    }

    .l-gmenu-cta-container>li>.p-link::after {
        display: none
    }

    .l-gmenu-cta-container>li:last-child>.p-btn::after {
        display: none
    }

    .l-gmenu-cta-container .p-btn i {
        margin-right: 1rem
    }
}