@charset "UTF-8";
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,100,0,0');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,100,1,0');

@font-face {
  font-family: 'icomoon';
  src:  url('/_build_/common/lib/icon/external/fonts/icomoon.eot?dowp03');
  src:  url('/_build_/common/lib/icon/external/fonts/icomoon.eot?dowp03#iefix') format('embedded-opentype'),
    url('/_build_/common/lib/icon/external/fonts/icomoon.ttf?dowp03') format('truetype'),
    url('/_build_/common/lib/icon/external/fonts/icomoon.woff?dowp03') format('woff'),
    url('/_build_/common/lib/icon/external/fonts/icomoon.svg?dowp03#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--external01:before {
  content: "\e900";
}
/* koyou-003 */
:root {
--colorpallet-name: "KOYOU003";

--p-image-def: inherit;
--p-image-wh: none;

--txt-head-light: #fff;
--txt-head-dark: #1C1C1C;
--txt-body-light: #fff;
--txt-body-dark: #1C1C1C;
--txt-link: #0033cc;
--txt-linkhover: #0033cc;

--headlineColor: #FFB409;
--accentColor: #FFB409;
--emphasisColor: #C60013;
--infoColor: #ffd983;
--border-lightColor: #fff;
--border-darkColor: #1C1C1C;
--shadowColor: rgba(28,28,28,0.20);

--baseColor: #ffffff;
--base-txt-headColor: #1C1C1C;
--base-txt-bodyColor: #1C1C1C;
--base-txt-linkColor: #0033cc;
--base-txt-linkhoverColor: #0033cc;
--base-borderColor: #1C1C1C;
--base-headlineColor: #FFB409;
--base-headline-txtColor: #1C1C1C;
--base-accentColor: #FFB409;
--base-accent-txtColor: #1C1C1C;
--base-emphasisColor: #C60013;
--base-emphasis-txtColor: #fff;
--base-infoColor: #ffd983;
--base-info-txtColor: #1C1C1C;
--base-lightColor: #cccccc;
--base-darkColor: #999999;
--base-monoColor: #ffffff;

--base-monoColor: #ffffff;
--base-mono-txt-headColor: #1C1C1C;
--base-mono-txt-bodyColor: #1C1C1C;
--base-mono-txt-linkColor: #0033cc;
--base-mono-txt-linkhoverColor: #0033cc;
--base-mono-borderColor: #1C1C1C;
--base-mono-headlineColor: #FFB409;
--base-mono-headline-txtColor: #1C1C1C;
--base-mono-accentColor: #FFB409;
--base-mono-accent-txtColor: #1C1C1C;
--base-mono-emphasisColor: #C60013;
--base-mono-emphasis-txtColor: #fff;
--base-mono-infoColor: #ffd983;
--base-mono-info-txtColor: #1C1C1C;
--base-mono-lightColor: #cccccc;
--base-mono-darkColor: #999999;
--base-mono-monoColor: #ffffff;

--mainColor: #FFB409;
--main-txt-headColor: #1C1C1C;
--main-txt-bodyColor: #1C1C1C;
--main-txt-linkColor: #0033cc;
--main-txt-linkhoverColor: #0033cc;
--main-borderColor: #1C1C1C;
--main-headlineColor: #1C1C1C;
--main-headline-txtColor: #fff;
--main-accentColor: #1C1C1C;
--main-accent-txtColor: #fff;
--main-emphasisColor: #C60013;
--main-emphasis-txtColor: #fff;
--main-infoColor: #1C1C1C;
--main-info-txtColor: #fff;
--main-lightColor: #d39200;
--main-darkColor: #9e6e00;
--main-monoColor: #FFB409;

--main-monoColor: #FFB409;
--main-mono-txt-headColor: #1C1C1C;
--main-mono-txt-bodyColor: #1C1C1C;
--main-mono-txt-linkColor: #0033cc;
--main-mono-txt-linkhoverColor: #0033cc;
--main-mono-borderColor: #1C1C1C;
--main-mono-headlineColor: #1C1C1C;
--main-mono-headline-txtColor: #fff;
--main-mono-accentColor: #1C1C1C;
--main-mono-accent-txtColor: #fff;
--main-mono-emphasisColor: #C60013;
--main-mono-emphasis-txtColor: #fff;
--main-mono-infoColor: #1C1C1C;
--main-mono-info-txtColor: #fff;
--main-mono-lightColor: #d39200;
--main-mono-darkColor: #9e6e00;
--main-mono-monoColor: #FFB409;

--primaryColor: #C60013;
--primary-txt-headColor: #fff;
--primary-txt-bodyColor: #fff;
--primary-txt-linkColor: #fff;
--primary-txt-linkhoverColor: #fff;
--primary-borderColor: #fff;
--primary-headlineColor: #FFB409;
--primary-headline-txtColor: #1C1C1C;
--primary-accentColor: #FFB409;
--primary-accent-txtColor: #1C1C1C;
--primary-emphasisColor: #fff;
--primary-emphasis-txtColor: #1C1C1C;
--primary-infoColor: #ffd983;
--primary-info-txtColor: #1C1C1C;
--primary-lightColor: #9e000f;
--primary-darkColor: #76000b;
--primary-monoColor: #C60013;

--primary-defColor: #C60013;
--primary-def-txt-headColor: #fff;
--primary-def-txt-bodyColor: #fff;
--primary-def-txt-linkColor: #fff;
--primary-def-txt-linkhoverColor: #fff;
--primary-def-borderColor: #fff;
--primary-def-headlineColor: #FFB409;
--primary-def-headline-txtColor: #1C1C1C;
--primary-def-accentColor: #FFB409;
--primary-def-accent-txtColor: #1C1C1C;
--primary-def-emphasisColor: #fff;
--primary-def-emphasis-txtColor: #1C1C1C;
--primary-def-infoColor: #ffd983;
--primary-def-info-txtColor: #1C1C1C;
--primary-def-lightColor: #9e000f;
--primary-def-darkColor: #76000b;
--primary-def-monoColor: #C60013;

--subColor: #FFB409;
--sub-txt-headColor: #1C1C1C;
--sub-txt-bodyColor: #1C1C1C;
--sub-txt-linkColor: #0033cc;
--sub-txt-linkhoverColor: #0033cc;
--sub-borderColor: #1C1C1C;
--sub-headlineColor: #1C1C1C;
--sub-headline-txtColor: #fff;
--sub-accentColor: #1C1C1C;
--sub-accent-txtColor: #fff;
--sub-emphasisColor: #C60013;
--sub-emphasis-txtColor: #fff;
--sub-infoColor: #1C1C1C;
--sub-info-txtColor: #fff;
--sub-lightColor: #d39200;
--sub-darkColor: #9e6e00;
--sub-monoColor: #FFB409;

--sub-defColor: #FFB409;
--sub-def-txt-headColor: #1C1C1C;
--sub-def-txt-bodyColor: #1C1C1C;
--sub-def-txt-linkColor: #0033cc;
--sub-def-txt-linkhoverColor: #0033cc;
--sub-def-borderColor: #1C1C1C;
--sub-def-headlineColor: #1C1C1C;
--sub-def-headline-txtColor: #fff;
--sub-def-accentColor: #1C1C1C;
--sub-def-accent-txtColor: #fff;
--sub-def-emphasisColor: #C60013;
--sub-def-emphasis-txtColor: #fff;
--sub-def-infoColor: #1C1C1C;
--sub-def-info-txtColor: #fff;
--sub-def-lightColor: #d39200;
--sub-def-darkColor: #9e6e00;
--sub-def-monoColor: #FFB409;

--gray-defColor: #97999b;
--gray-def-txt-headColor: #fff;
--gray-def-txt-bodyColor: #fff;
--gray-def-txt-linkColor: #0033cc;
--gray-def-txt-linkhoverColor: #0033cc;
--gray-def-borderColor: #fff;
--gray-def-headlineColor: #fff;
--gray-def-headline-txtColor: #1C1C1C;
--gray-def-accentColor: #fff;
--gray-def-accent-txtColor: #1C1C1C;
--gray-def-emphasisColor: #fff;
--gray-def-emphasis-txtColor: #1C1C1C;
--gray-def-infoColor: #fff;
--gray-def-info-txtColor: #1C1C1C;
--gray-def-lightColor: #787a7c;
--gray-def-darkColor: #5a5b5d;
--gray-def-monoColor: #97999b;

--secondaryColor: #FFB409;
--secondary-txt-headColor: #1C1C1C;
--secondary-txt-bodyColor: #1C1C1C;
--secondary-txt-linkColor: #0033cc;
--secondary-txt-linkhoverColor: #0033cc;
--secondary-borderColor: #1C1C1C;
--secondary-headlineColor: #1C1C1C;
--secondary-headline-txtColor: #fff;
--secondary-accentColor: #1C1C1C;
--secondary-accent-txtColor: #fff;
--secondary-emphasisColor: #C60013;
--secondary-emphasis-txtColor: #fff;
--secondary-infoColor: #1C1C1C;
--secondary-info-txtColor: #fff;
--secondary-lightColor: #d39200;
--secondary-darkColor: #9e6e00;
--secondary-monoColor: #FFB409;

--headlineColor: #FFB409;
--headline-txt-headColor: #1C1C1C;
--headline-txt-bodyColor: #1C1C1C;
--headline-txt-linkColor: #0033cc;
--headline-txt-linkhoverColor: #0033cc;
--headline-borderColor: #1C1C1C;
--headline-headlineColor: #1C1C1C;
--headline-headline-txtColor: #fff;
--headline-accentColor: #1C1C1C;
--headline-accent-txtColor: #fff;
--headline-emphasisColor: #C60013;
--headline-emphasis-txtColor: #fff;
--headline-infoColor: #1C1C1C;
--headline-info-txtColor: #fff;
--headline-lightColor: #d39200;
--headline-darkColor: #9e6e00;
--headline-monoColor: #FFB409;

--alertColor: #d9534f;
--alert-txt-headColor: #fff;
--alert-txt-bodyColor: #fff;
--alert-txt-linkColor: #fff;
--alert-txt-linkhoverColor: #fff;
--alert-borderColor: #fff;
--alert-headlineColor: #fff;
--alert-headline-txtColor: #1C1C1C;
--alert-accentColor: #fff;
--alert-accent-txtColor: #1C1C1C;
--alert-emphasisColor: #fff;
--alert-emphasis-txtColor: #1C1C1C;
--alert-infoColor: #fff;
--alert-info-txtColor: #1C1C1C;
--alert-lightColor: #c22e2a;
--alert-darkColor: #92221f;
--alert-monoColor: #d9534f;

--accentColor: #FFB409;
--accent-txt-headColor: #1C1C1C;
--accent-txt-bodyColor: #1C1C1C;
--accent-txt-linkColor: #0033cc;
--accent-txt-linkhoverColor: #0033cc;
--accent-borderColor: #1C1C1C;
--accent-headlineColor: #1C1C1C;
--accent-headline-txtColor: #fff;
--accent-accentColor: #1C1C1C;
--accent-accent-txtColor: #fff;
--accent-emphasisColor: #C60013;
--accent-emphasis-txtColor: #fff;
--accent-infoColor: #1C1C1C;
--accent-info-txtColor: #fff;
--accent-lightColor: #d39200;
--accent-darkColor: #9e6e00;
--accent-monoColor: #FFB409;

--emphasisColor: #C60013;
--emphasis-txt-headColor: #fff;
--emphasis-txt-bodyColor: #fff;
--emphasis-txt-linkColor: #fff;
--emphasis-txt-linkhoverColor: #fff;
--emphasis-borderColor: #fff;
--emphasis-headlineColor: #FFB409;
--emphasis-headline-txtColor: #1C1C1C;
--emphasis-accentColor: #FFB409;
--emphasis-accent-txtColor: #1C1C1C;
--emphasis-emphasisColor: #fff;
--emphasis-emphasis-txtColor: #1C1C1C;
--emphasis-infoColor: #ffd983;
--emphasis-info-txtColor: #1C1C1C;
--emphasis-lightColor: #9e000f;
--emphasis-darkColor: #76000b;
--emphasis-monoColor: #C60013;

--infoColor: #ffd983;
--info-txt-headColor: #1C1C1C;
--info-txt-bodyColor: #1C1C1C;
--info-txt-linkColor: #0033cc;
--info-txt-linkhoverColor: #0033cc;
--info-borderColor: #1C1C1C;
--info-headlineColor: #1C1C1C;
--info-headline-txtColor: #fff;
--info-accentColor: #1C1C1C;
--info-accent-txtColor: #fff;
--info-emphasisColor: #C60013;
--info-emphasis-txtColor: #fff;
--info-infoColor: #1C1C1C;
--info-info-txtColor: #fff;
--info-lightColor: #ffc135;
--info-darkColor: #e7a000;
--info-monoColor: #ffd983;

--shadowColor: rgba(28,28,28,0.20);
--shadow-txt-headColor: #1C1C1C;
--shadow-txt-bodyColor: #1C1C1C;
--shadow-txt-linkColor: #0033cc;
--shadow-txt-linkhoverColor: #0033cc;
--shadow-borderColor: #1C1C1C;
--shadow-headlineColor: #1C1C1C;
--shadow-headline-txtColor: #fff;
--shadow-accentColor: #1C1C1C;
--shadow-accent-txtColor: #fff;
--shadow-emphasisColor: #C60013;
--shadow-emphasis-txtColor: #fff;
--shadow-infoColor: #1C1C1C;
--shadow-info-txtColor: #fff;
--shadow-lightColor: #161616;
--shadow-darkColor: #101010;
--shadow-monoColor: rgba(28,28,28,0.20);

--btn-defColor: #1C1C1C;
--btn-def-txt-headColor: #fff;
--btn-def-txt-bodyColor: #fff;
--btn-def-txt-linkColor: #fff;
--btn-def-txt-linkhoverColor: #fff;
--btn-def-borderColor: #fff;
--btn-def-headlineColor: #FFB409;
--btn-def-headline-txtColor: #1C1C1C;
--btn-def-accentColor: #FFB409;
--btn-def-accent-txtColor: #1C1C1C;
--btn-def-emphasisColor: #fff;
--btn-def-emphasis-txtColor: #1C1C1C;
--btn-def-infoColor: #ffd983;
--btn-def-info-txtColor: #1C1C1C;
--btn-def-lightColor: #161616;
--btn-def-darkColor: #101010;
--btn-def-monoColor: #1C1C1C;

--btn-backColor: #999999;
--btn-back-txt-headColor: #fff;
--btn-back-txt-bodyColor: #fff;
--btn-back-txt-linkColor: #0033cc;
--btn-back-txt-linkhoverColor: #0033cc;
--btn-back-borderColor: #fff;
--btn-back-headlineColor: #fff;
--btn-back-headline-txtColor: #1C1C1C;
--btn-back-accentColor: #fff;
--btn-back-accent-txtColor: #1C1C1C;
--btn-back-emphasisColor: #fff;
--btn-back-emphasis-txtColor: #1C1C1C;
--btn-back-infoColor: #fff;
--btn-back-info-txtColor: #1C1C1C;
--btn-back-lightColor: #7a7a7a;
--btn-back-darkColor: #5b5b5b;
--btn-back-monoColor: #999999;

--btn-primaryColor: #C60013;
--btn-primary-txt-headColor: #fff;
--btn-primary-txt-bodyColor: #fff;
--btn-primary-txt-linkColor: #fff;
--btn-primary-txt-linkhoverColor: #fff;
--btn-primary-borderColor: #fff;
--btn-primary-headlineColor: #FFB409;
--btn-primary-headline-txtColor: #1C1C1C;
--btn-primary-accentColor: #FFB409;
--btn-primary-accent-txtColor: #1C1C1C;
--btn-primary-emphasisColor: #fff;
--btn-primary-emphasis-txtColor: #1C1C1C;
--btn-primary-infoColor: #ffd983;
--btn-primary-info-txtColor: #1C1C1C;
--btn-primary-lightColor: #9e000f;
--btn-primary-darkColor: #76000b;
--btn-primary-monoColor: #C60013;

--btn-disabledColor: #e9e9e9;
--btn-disabled-txt-headColor: #1C1C1C;
--btn-disabled-txt-bodyColor: #1C1C1C;
--btn-disabled-txt-linkColor: #0033cc;
--btn-disabled-txt-linkhoverColor: #0033cc;
--btn-disabled-borderColor: #1C1C1C;
--btn-disabled-headlineColor: #1C1C1C;
--btn-disabled-headline-txtColor: #fff;
--btn-disabled-accentColor: #1C1C1C;
--btn-disabled-accent-txtColor: #fff;
--btn-disabled-emphasisColor: #C60013;
--btn-disabled-emphasis-txtColor: #fff;
--btn-disabled-infoColor: #1C1C1C;
--btn-disabled-info-txtColor: #fff;
--btn-disabled-lightColor: #bababa;
--btn-disabled-darkColor: #8b8b8b;
--btn-disabled-monoColor: #e9e9e9;

--bg-defColor: #ffffff;
--bg-def-txt-headColor: #1C1C1C;
--bg-def-txt-bodyColor: #1C1C1C;
--bg-def-txt-linkColor: #0033cc;
--bg-def-txt-linkhoverColor: #0033cc;
--bg-def-borderColor: #1C1C1C;
--bg-def-headlineColor: #FFB409;
--bg-def-headline-txtColor: #1C1C1C;
--bg-def-accentColor: #FFB409;
--bg-def-accent-txtColor: #1C1C1C;
--bg-def-emphasisColor: #C60013;
--bg-def-emphasis-txtColor: #fff;
--bg-def-infoColor: #ffd983;
--bg-def-info-txtColor: #1C1C1C;
--bg-def-lightColor: #cccccc;
--bg-def-darkColor: #999999;
--bg-def-monoColor: #ffffff;

--bg-secondColor: #f6f6f6;
--bg-second-txt-headColor: #1C1C1C;
--bg-second-txt-bodyColor: #1C1C1C;
--bg-second-txt-linkColor: #0033cc;
--bg-second-txt-linkhoverColor: #0033cc;
--bg-second-borderColor: #1C1C1C;
--bg-second-headlineColor: #1C1C1C;
--bg-second-headline-txtColor: #fff;
--bg-second-accentColor: #1C1C1C;
--bg-second-accent-txtColor: #fff;
--bg-second-emphasisColor: #C60013;
--bg-second-emphasis-txtColor: #fff;
--bg-second-infoColor: #1C1C1C;
--bg-second-info-txtColor: #fff;
--bg-second-lightColor: #c4c4c4;
--bg-second-darkColor: #939393;
--bg-second-monoColor: #f6f6f6;

--bg-thirdColor: #f6f6f6;
--bg-third-txt-headColor: #1C1C1C;
--bg-third-txt-bodyColor: #1C1C1C;
--bg-third-txt-linkColor: #0033cc;
--bg-third-txt-linkhoverColor: #0033cc;
--bg-third-borderColor: #1C1C1C;
--bg-third-headlineColor: #1C1C1C;
--bg-third-headline-txtColor: #fff;
--bg-third-accentColor: #1C1C1C;
--bg-third-accent-txtColor: #fff;
--bg-third-emphasisColor: #C60013;
--bg-third-emphasis-txtColor: #fff;
--bg-third-infoColor: #1C1C1C;
--bg-third-info-txtColor: #fff;
--bg-third-lightColor: #c4c4c4;
--bg-third-darkColor: #939393;
--bg-third-monoColor: #f6f6f6;

--bg-mainColor: #FFB409;
--bg-main-txt-headColor: #1C1C1C;
--bg-main-txt-bodyColor: #1C1C1C;
--bg-main-txt-linkColor: #0033cc;
--bg-main-txt-linkhoverColor: #0033cc;
--bg-main-borderColor: #1C1C1C;
--bg-main-headlineColor: #1C1C1C;
--bg-main-headline-txtColor: #fff;
--bg-main-accentColor: #1C1C1C;
--bg-main-accent-txtColor: #fff;
--bg-main-emphasisColor: #C60013;
--bg-main-emphasis-txtColor: #fff;
--bg-main-infoColor: #1C1C1C;
--bg-main-info-txtColor: #fff;
--bg-main-lightColor: #d39200;
--bg-main-darkColor: #9e6e00;
--bg-main-monoColor: #FFB409;

--bg-primaryColor: #aaaaaa;
--bg-primary-txt-headColor: #1C1C1C;
--bg-primary-txt-bodyColor: #1C1C1C;
--bg-primary-txt-linkColor: #0033cc;
--bg-primary-txt-linkhoverColor: #0033cc;
--bg-primary-borderColor: #1C1C1C;
--bg-primary-headlineColor: #1C1C1C;
--bg-primary-headline-txtColor: #fff;
--bg-primary-accentColor: #1C1C1C;
--bg-primary-accent-txtColor: #fff;
--bg-primary-emphasisColor: #1C1C1C;
--bg-primary-emphasis-txtColor: #fff;
--bg-primary-infoColor: #1C1C1C;
--bg-primary-info-txtColor: #fff;
--bg-primary-lightColor: #888888;
--bg-primary-darkColor: #656565;
--bg-primary-monoColor: #aaaaaa;

--bg-infoColor: #ffd983;
--bg-info-txt-headColor: #1C1C1C;
--bg-info-txt-bodyColor: #1C1C1C;
--bg-info-txt-linkColor: #0033cc;
--bg-info-txt-linkhoverColor: #0033cc;
--bg-info-borderColor: #1C1C1C;
--bg-info-headlineColor: #1C1C1C;
--bg-info-headline-txtColor: #fff;
--bg-info-accentColor: #1C1C1C;
--bg-info-accent-txtColor: #fff;
--bg-info-emphasisColor: #C60013;
--bg-info-emphasis-txtColor: #fff;
--bg-info-infoColor: #1C1C1C;
--bg-info-info-txtColor: #fff;
--bg-info-lightColor: #ffc135;
--bg-info-darkColor: #e7a000;
--bg-info-monoColor: #ffd983;

--bg-alertColor: #f7dcdb;
--bg-alert-txt-headColor: #1C1C1C;
--bg-alert-txt-bodyColor: #1C1C1C;
--bg-alert-txt-linkColor: #0033cc;
--bg-alert-txt-linkhoverColor: #0033cc;
--bg-alert-borderColor: #1C1C1C;
--bg-alert-headlineColor: #1C1C1C;
--bg-alert-headline-txtColor: #fff;
--bg-alert-accentColor: #1C1C1C;
--bg-alert-accent-txtColor: #fff;
--bg-alert-emphasisColor: #C60013;
--bg-alert-emphasis-txtColor: #fff;
--bg-alert-infoColor: #1C1C1C;
--bg-alert-info-txtColor: #fff;
--bg-alert-lightColor: #e6918e;
--bg-alert-darkColor: #d54742;
--bg-alert-monoColor: #f7dcdb;

--bg-annotationColor: #e9e9e9;
--bg-annotation-txt-headColor: #1C1C1C;
--bg-annotation-txt-bodyColor: #1C1C1C;
--bg-annotation-txt-linkColor: #0033cc;
--bg-annotation-txt-linkhoverColor: #0033cc;
--bg-annotation-borderColor: #1C1C1C;
--bg-annotation-headlineColor: #1C1C1C;
--bg-annotation-headline-txtColor: #fff;
--bg-annotation-accentColor: #1C1C1C;
--bg-annotation-accent-txtColor: #fff;
--bg-annotation-emphasisColor: #C60013;
--bg-annotation-emphasis-txtColor: #fff;
--bg-annotation-infoColor: #1C1C1C;
--bg-annotation-info-txtColor: #fff;
--bg-annotation-lightColor: #bababa;
--bg-annotation-darkColor: #8b8b8b;
--bg-annotation-monoColor: #e9e9e9;

--bg-breadcrumbColor: #f6f6f6;
--bg-breadcrumb-txt-headColor: #1C1C1C;
--bg-breadcrumb-txt-bodyColor: #1C1C1C;
--bg-breadcrumb-txt-linkColor: #0033cc;
--bg-breadcrumb-txt-linkhoverColor: #0033cc;
--bg-breadcrumb-borderColor: #1C1C1C;
--bg-breadcrumb-headlineColor: #1C1C1C;
--bg-breadcrumb-headline-txtColor: #fff;
--bg-breadcrumb-accentColor: #1C1C1C;
--bg-breadcrumb-accent-txtColor: #fff;
--bg-breadcrumb-emphasisColor: #C60013;
--bg-breadcrumb-emphasis-txtColor: #fff;
--bg-breadcrumb-infoColor: #1C1C1C;
--bg-breadcrumb-info-txtColor: #fff;
--bg-breadcrumb-lightColor: #c4c4c4;
--bg-breadcrumb-darkColor: #939393;
--bg-breadcrumb-monoColor: #f6f6f6;

--bg-col-theadColor: #ffca52;
--bg-col-thead-txt-headColor: #1C1C1C;
--bg-col-thead-txt-bodyColor: #1C1C1C;
--bg-col-thead-txt-linkColor: #0033cc;
--bg-col-thead-txt-linkhoverColor: #0033cc;
--bg-col-thead-borderColor: #1C1C1C;
--bg-col-thead-headlineColor: #1C1C1C;
--bg-col-thead-headline-txtColor: #fff;
--bg-col-thead-accentColor: #1C1C1C;
--bg-col-thead-accent-txtColor: #fff;
--bg-col-thead-emphasisColor: #C60013;
--bg-col-thead-emphasis-txtColor: #fff;
--bg-col-thead-infoColor: #1C1C1C;
--bg-col-thead-info-txtColor: #fff;
--bg-col-thead-lightColor: #ffb50e;
--bg-col-thead-darkColor: #ca8c00;
--bg-col-thead-monoColor: #ffca52;

--bg-col-head1Color: #fff7e6;
--bg-col-head1-txt-headColor: #1C1C1C;
--bg-col-head1-txt-bodyColor: #1C1C1C;
--bg-col-head1-txt-linkColor: #0033cc;
--bg-col-head1-txt-linkhoverColor: #0033cc;
--bg-col-head1-borderColor: #1C1C1C;
--bg-col-head1-headlineColor: #1C1C1C;
--bg-col-head1-headline-txtColor: #fff;
--bg-col-head1-accentColor: #1C1C1C;
--bg-col-head1-accent-txtColor: #fff;
--bg-col-head1-emphasisColor: #C60013;
--bg-col-head1-emphasis-txtColor: #fff;
--bg-col-head1-infoColor: #1C1C1C;
--bg-col-head1-info-txtColor: #fff;
--bg-col-head1-lightColor: #ffd784;
--bg-col-head1-darkColor: #ffb823;
--bg-col-head1-monoColor: #fff7e6;

--bg-col-head2Color: #fff0cd;
--bg-col-head2-txt-headColor: #1C1C1C;
--bg-col-head2-txt-bodyColor: #1C1C1C;
--bg-col-head2-txt-linkColor: #0033cc;
--bg-col-head2-txt-linkhoverColor: #0033cc;
--bg-col-head2-borderColor: #1C1C1C;
--bg-col-head2-headlineColor: #1C1C1C;
--bg-col-head2-headline-txtColor: #fff;
--bg-col-head2-accentColor: #1C1C1C;
--bg-col-head2-accent-txtColor: #fff;
--bg-col-head2-emphasisColor: #C60013;
--bg-col-head2-emphasis-txtColor: #fff;
--bg-col-head2-infoColor: #1C1C1C;
--bg-col-head2-info-txtColor: #fff;
--bg-col-head2-lightColor: #ffd471;
--bg-col-head2-darkColor: #ffb814;
--bg-col-head2-monoColor: #fff0cd;

--bg-col-body1Color: #FFFFFF;
--bg-col-body1-txt-headColor: #1C1C1C;
--bg-col-body1-txt-bodyColor: #1C1C1C;
--bg-col-body1-txt-linkColor: #0033cc;
--bg-col-body1-txt-linkhoverColor: #0033cc;
--bg-col-body1-borderColor: #1C1C1C;
--bg-col-body1-headlineColor: #FFB409;
--bg-col-body1-headline-txtColor: #1C1C1C;
--bg-col-body1-accentColor: #FFB409;
--bg-col-body1-accent-txtColor: #1C1C1C;
--bg-col-body1-emphasisColor: #C60013;
--bg-col-body1-emphasis-txtColor: #fff;
--bg-col-body1-infoColor: #ffd983;
--bg-col-body1-info-txtColor: #1C1C1C;
--bg-col-body1-lightColor: #cccccc;
--bg-col-body1-darkColor: #999999;
--bg-col-body1-monoColor: #FFFFFF;

--bg-col-body2Color: #f0f0f0;
--bg-col-body2-txt-headColor: #1C1C1C;
--bg-col-body2-txt-bodyColor: #1C1C1C;
--bg-col-body2-txt-linkColor: #0033cc;
--bg-col-body2-txt-linkhoverColor: #0033cc;
--bg-col-body2-borderColor: #1C1C1C;
--bg-col-body2-headlineColor: #1C1C1C;
--bg-col-body2-headline-txtColor: #fff;
--bg-col-body2-accentColor: #1C1C1C;
--bg-col-body2-accent-txtColor: #fff;
--bg-col-body2-emphasisColor: #C60013;
--bg-col-body2-emphasis-txtColor: #fff;
--bg-col-body2-infoColor: #1C1C1C;
--bg-col-body2-info-txtColor: #fff;
--bg-col-body2-lightColor: #c0c0c0;
--bg-col-body2-darkColor: #909090;
--bg-col-body2-monoColor: #f0f0f0;

--bg-inputColor: #EEEEEE;
--bg-input-txt-headColor: #1C1C1C;
--bg-input-txt-bodyColor: #1C1C1C;
--bg-input-txt-linkColor: #0033cc;
--bg-input-txt-linkhoverColor: #0033cc;
--bg-input-borderColor: #1C1C1C;
--bg-input-headlineColor: #1C1C1C;
--bg-input-headline-txtColor: #fff;
--bg-input-accentColor: #1C1C1C;
--bg-input-accent-txtColor: #fff;
--bg-input-emphasisColor: #C60013;
--bg-input-emphasis-txtColor: #fff;
--bg-input-infoColor: #1C1C1C;
--bg-input-info-txtColor: #fff;
--bg-input-lightColor: #bebebe;
--bg-input-darkColor: #8e8e8e;
--bg-input-monoColor: #EEEEEE;

--label-defColor: #FFB409;
--label-def-txt-headColor: #1C1C1C;
--label-def-txt-bodyColor: #1C1C1C;
--label-def-txt-linkColor: #0033cc;
--label-def-txt-linkhoverColor: #0033cc;
--label-def-borderColor: #1C1C1C;
--label-def-headlineColor: #1C1C1C;
--label-def-headline-txtColor: #fff;
--label-def-accentColor: #1C1C1C;
--label-def-accent-txtColor: #fff;
--label-def-emphasisColor: #C60013;
--label-def-emphasis-txtColor: #fff;
--label-def-infoColor: #1C1C1C;
--label-def-info-txtColor: #fff;
--label-def-lightColor: #d39200;
--label-def-darkColor: #9e6e00;
--label-def-monoColor: #FFB409;

--label-primaryColor: #C60013;
--label-primary-txt-headColor: #fff;
--label-primary-txt-bodyColor: #fff;
--label-primary-txt-linkColor: #fff;
--label-primary-txt-linkhoverColor: #fff;
--label-primary-borderColor: #fff;
--label-primary-headlineColor: #FFB409;
--label-primary-headline-txtColor: #1C1C1C;
--label-primary-accentColor: #FFB409;
--label-primary-accent-txtColor: #1C1C1C;
--label-primary-emphasisColor: #fff;
--label-primary-emphasis-txtColor: #1C1C1C;
--label-primary-infoColor: #ffd983;
--label-primary-info-txtColor: #1C1C1C;
--label-primary-lightColor: #9e000f;
--label-primary-darkColor: #76000b;
--label-primary-monoColor: #C60013;

--label-alertColor: #d9534f;
--label-alert-txt-headColor: #fff;
--label-alert-txt-bodyColor: #fff;
--label-alert-txt-linkColor: #fff;
--label-alert-txt-linkhoverColor: #fff;
--label-alert-borderColor: #fff;
--label-alert-headlineColor: #fff;
--label-alert-headline-txtColor: #1C1C1C;
--label-alert-accentColor: #fff;
--label-alert-accent-txtColor: #1C1C1C;
--label-alert-emphasisColor: #fff;
--label-alert-emphasis-txtColor: #1C1C1C;
--label-alert-infoColor: #fff;
--label-alert-info-txtColor: #1C1C1C;
--label-alert-lightColor: #c22e2a;
--label-alert-darkColor: #92221f;
--label-alert-monoColor: #d9534f;

--bg-headerColor: #ffffff;
--bg-header-txt-headColor: #1C1C1C;
--bg-header-txt-bodyColor: #1C1C1C;
--bg-header-txt-linkColor: #0033cc;
--bg-header-txt-linkhoverColor: #0033cc;
--bg-header-borderColor: #1C1C1C;
--bg-header-headlineColor: #FFB409;
--bg-header-headline-txtColor: #1C1C1C;
--bg-header-accentColor: #FFB409;
--bg-header-accent-txtColor: #1C1C1C;
--bg-header-emphasisColor: #C60013;
--bg-header-emphasis-txtColor: #fff;
--bg-header-infoColor: #ffd983;
--bg-header-info-txtColor: #1C1C1C;
--bg-header-lightColor: #cccccc;
--bg-header-darkColor: #999999;
--bg-header-monoColor: #ffffff;

--bg-heroColor: #FFB409;
--bg-hero-txt-headColor: #1C1C1C;
--bg-hero-txt-bodyColor: #1C1C1C;
--bg-hero-txt-linkColor: #0033cc;
--bg-hero-txt-linkhoverColor: #0033cc;
--bg-hero-borderColor: #1C1C1C;
--bg-hero-headlineColor: #1C1C1C;
--bg-hero-headline-txtColor: #fff;
--bg-hero-accentColor: #1C1C1C;
--bg-hero-accent-txtColor: #fff;
--bg-hero-emphasisColor: #C60013;
--bg-hero-emphasis-txtColor: #fff;
--bg-hero-infoColor: #1C1C1C;
--bg-hero-info-txtColor: #fff;
--bg-hero-lightColor: #d39200;
--bg-hero-darkColor: #9e6e00;
--bg-hero-monoColor: #FFB409;

--bg-footerColor: #323232;
--bg-footer-txt-headColor: #fff;
--bg-footer-txt-bodyColor: #fff;
--bg-footer-txt-linkColor: #fff;
--bg-footer-txt-linkhoverColor: #fff;
--bg-footer-borderColor: #fff;
--bg-footer-headlineColor: #FFB409;
--bg-footer-headline-txtColor: #1C1C1C;
--bg-footer-accentColor: #FFB409;
--bg-footer-accent-txtColor: #1C1C1C;
--bg-footer-emphasisColor: #fff;
--bg-footer-emphasis-txtColor: #1C1C1C;
--bg-footer-infoColor: #ffd983;
--bg-footer-info-txtColor: #1C1C1C;
--bg-footer-lightColor: #282828;
--bg-footer-darkColor: #1e1e1e;
--bg-footer-monoColor: #323232;

--bg-gmenuColor: #FFB409;
--bg-gmenu-txt-headColor: #1C1C1C;
--bg-gmenu-txt-bodyColor: #1C1C1C;
--bg-gmenu-txt-linkColor: #0033cc;
--bg-gmenu-txt-linkhoverColor: #0033cc;
--bg-gmenu-borderColor: #1C1C1C;
--bg-gmenu-headlineColor: #1C1C1C;
--bg-gmenu-headline-txtColor: #fff;
--bg-gmenu-accentColor: #1C1C1C;
--bg-gmenu-accent-txtColor: #fff;
--bg-gmenu-emphasisColor: #C60013;
--bg-gmenu-emphasis-txtColor: #fff;
--bg-gmenu-infoColor: #1C1C1C;
--bg-gmenu-info-txtColor: #fff;
--bg-gmenu-lightColor: #d39200;
--bg-gmenu-darkColor: #9e6e00;
--bg-gmenu-monoColor: #FFB409;

--bg-gmenu-activeColor: #342400;
--bg-gmenu-active-txt-headColor: #fff;
--bg-gmenu-active-txt-bodyColor: #fff;
--bg-gmenu-active-txt-linkColor: #fff;
--bg-gmenu-active-txt-linkhoverColor: #fff;
--bg-gmenu-active-borderColor: #fff;
--bg-gmenu-active-headlineColor: #FFB409;
--bg-gmenu-active-headline-txtColor: #1C1C1C;
--bg-gmenu-active-accentColor: #FFB409;
--bg-gmenu-active-accent-txtColor: #1C1C1C;
--bg-gmenu-active-emphasisColor: #fff;
--bg-gmenu-active-emphasis-txtColor: #1C1C1C;
--bg-gmenu-active-infoColor: #ffd983;
--bg-gmenu-active-info-txtColor: #1C1C1C;
--bg-gmenu-active-lightColor: #291c00;
--bg-gmenu-active-darkColor: #1f1500;
--bg-gmenu-active-monoColor: #342400;

--bg-gmenu-subColor: #fff0cd;
--bg-gmenu-sub-txt-headColor: #1C1C1C;
--bg-gmenu-sub-txt-bodyColor: #1C1C1C;
--bg-gmenu-sub-txt-linkColor: #0033cc;
--bg-gmenu-sub-txt-linkhoverColor: #0033cc;
--bg-gmenu-sub-borderColor: #1C1C1C;
--bg-gmenu-sub-headlineColor: #1C1C1C;
--bg-gmenu-sub-headline-txtColor: #fff;
--bg-gmenu-sub-accentColor: #1C1C1C;
--bg-gmenu-sub-accent-txtColor: #fff;
--bg-gmenu-sub-emphasisColor: #C60013;
--bg-gmenu-sub-emphasis-txtColor: #fff;
--bg-gmenu-sub-infoColor: #1C1C1C;
--bg-gmenu-sub-info-txtColor: #fff;
--bg-gmenu-sub-lightColor: #ffd471;
--bg-gmenu-sub-darkColor: #ffb814;
--bg-gmenu-sub-monoColor: #fff0cd;

--gmenu-btn-defColor: #1C1C1C;
--gmenu-btn-def-txt-headColor: #fff;
--gmenu-btn-def-txt-bodyColor: #fff;
--gmenu-btn-def-txt-linkColor: #fff;
--gmenu-btn-def-txt-linkhoverColor: #fff;
--gmenu-btn-def-borderColor: #fff;
--gmenu-btn-def-headlineColor: #FFB409;
--gmenu-btn-def-headline-txtColor: #1C1C1C;
--gmenu-btn-def-accentColor: #FFB409;
--gmenu-btn-def-accent-txtColor: #1C1C1C;
--gmenu-btn-def-emphasisColor: #fff;
--gmenu-btn-def-emphasis-txtColor: #1C1C1C;
--gmenu-btn-def-infoColor: #ffd983;
--gmenu-btn-def-info-txtColor: #1C1C1C;
--gmenu-btn-def-lightColor: #161616;
--gmenu-btn-def-darkColor: #101010;
--gmenu-btn-def-monoColor: #1C1C1C;

--gmenu-btn-primaryColor: #C60013;
--gmenu-btn-primary-txt-headColor: #fff;
--gmenu-btn-primary-txt-bodyColor: #fff;
--gmenu-btn-primary-txt-linkColor: #fff;
--gmenu-btn-primary-txt-linkhoverColor: #fff;
--gmenu-btn-primary-borderColor: #fff;
--gmenu-btn-primary-headlineColor: #FFB409;
--gmenu-btn-primary-headline-txtColor: #1C1C1C;
--gmenu-btn-primary-accentColor: #FFB409;
--gmenu-btn-primary-accent-txtColor: #1C1C1C;
--gmenu-btn-primary-emphasisColor: #fff;
--gmenu-btn-primary-emphasis-txtColor: #1C1C1C;
--gmenu-btn-primary-infoColor: #ffd983;
--gmenu-btn-primary-info-txtColor: #1C1C1C;
--gmenu-btn-primary-lightColor: #9e000f;
--gmenu-btn-primary-darkColor: #76000b;
--gmenu-btn-primary-monoColor: #C60013;

--bg-000000Color: #000000;
--bg-000000-txt-headColor: #fff;
--bg-000000-txt-bodyColor: #fff;
--bg-000000-txt-linkColor: #fff;
--bg-000000-txt-linkhoverColor: #fff;
--bg-000000-borderColor: #fff;
--bg-000000-headlineColor: #FFB409;
--bg-000000-headline-txtColor: #1C1C1C;
--bg-000000-accentColor: #FFB409;
--bg-000000-accent-txtColor: #1C1C1C;
--bg-000000-emphasisColor: #C60013;
--bg-000000-emphasis-txtColor: #fff;
--bg-000000-infoColor: #ffd983;
--bg-000000-info-txtColor: #1C1C1C;
--bg-000000-lightColor: #cccccc;
--bg-000000-darkColor: #999999;
--bg-000000-monoColor: #000000;

--bg-FFFFFFColor: #FFFFFF;
--bg-FFFFFF-txt-headColor: #1C1C1C;
--bg-FFFFFF-txt-bodyColor: #1C1C1C;
--bg-FFFFFF-txt-linkColor: #0033cc;
--bg-FFFFFF-txt-linkhoverColor: #0033cc;
--bg-FFFFFF-borderColor: #1C1C1C;
--bg-FFFFFF-headlineColor: #FFB409;
--bg-FFFFFF-headline-txtColor: #1C1C1C;
--bg-FFFFFF-accentColor: #FFB409;
--bg-FFFFFF-accent-txtColor: #1C1C1C;
--bg-FFFFFF-emphasisColor: #C60013;
--bg-FFFFFF-emphasis-txtColor: #fff;
--bg-FFFFFF-infoColor: #ffd983;
--bg-FFFFFF-info-txtColor: #1C1C1C;
--bg-FFFFFF-lightColor: #cccccc;
--bg-FFFFFF-darkColor: #999999;
--bg-FFFFFF-monoColor: #FFFFFF;

--bg-FFB409Color: #FFB409;
--bg-FFB409-txt-headColor: #1C1C1C;
--bg-FFB409-txt-bodyColor: #1C1C1C;
--bg-FFB409-txt-linkColor: #0033cc;
--bg-FFB409-txt-linkhoverColor: #0033cc;
--bg-FFB409-borderColor: #1C1C1C;
--bg-FFB409-headlineColor: #1C1C1C;
--bg-FFB409-headline-txtColor: #fff;
--bg-FFB409-accentColor: #1C1C1C;
--bg-FFB409-accent-txtColor: #fff;
--bg-FFB409-emphasisColor: #C60013;
--bg-FFB409-emphasis-txtColor: #fff;
--bg-FFB409-infoColor: #1C1C1C;
--bg-FFB409-info-txtColor: #fff;
--bg-FFB409-lightColor: #d39200;
--bg-FFB409-darkColor: #9e6e00;
--bg-FFB409-monoColor: #FFB409;

}
.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-base-mono-color {
	--bgColor: var(--base-monoColor);
	--txt-headColor: var(--base-mono-txt-headColor);
	--txt-bodyColor: var(--base-mono-txt-bodyColor);
	--txt-linkColor: var(--base-mono-txt-linkColor);
	--txt-linkhoverColor: var(--base-mono-txt-linkhoverColor);
	--borderColor: var(--base-mono-borderColor);
	--headlineColor: var(--base-mono-headlineColor);
	--headline-txtColor: var(--base-mono-headline-txtColor);
	--accentColor: var(--base-mono-accentColor);
	--accent-txtColor: var(--base-mono-accent-txtColor);
	--emphasisColor: var(--base-mono-emphasisColor);
	--emphasis-txtColor: var(--base-mono-emphasis-txtColor);
	--infoColor: var(--base-mono-infoColor);
	--info-txtColor: var(--base-mono-info-txtColor);
	--lightColor: var(--base-mono-lightColor);
	--darkColor: var(--base-mono-darkColor);
	--monoColor: var(--base-mono-monoColor);
}
.s-main-color {
	--bgColor: var(--mainColor);
	--txt-headColor: var(--main-txt-headColor);
	--txt-bodyColor: var(--main-txt-bodyColor);
	--txt-linkColor: var(--main-txt-linkColor);
	--txt-linkhoverColor: var(--main-txt-linkhoverColor);
	--borderColor: var(--main-borderColor);
	--headlineColor: var(--main-headlineColor);
	--headline-txtColor: var(--main-headline-txtColor);
	--accentColor: var(--main-accentColor);
	--accent-txtColor: var(--main-accent-txtColor);
	--emphasisColor: var(--main-emphasisColor);
	--emphasis-txtColor: var(--main-emphasis-txtColor);
	--infoColor: var(--main-infoColor);
	--info-txtColor: var(--main-info-txtColor);
	--lightColor: var(--main-lightColor);
	--darkColor: var(--main-darkColor);
	--monoColor: var(--main-monoColor);
}
.s-main-mono-color {
	--bgColor: var(--main-monoColor);
	--txt-headColor: var(--main-mono-txt-headColor);
	--txt-bodyColor: var(--main-mono-txt-bodyColor);
	--txt-linkColor: var(--main-mono-txt-linkColor);
	--txt-linkhoverColor: var(--main-mono-txt-linkhoverColor);
	--borderColor: var(--main-mono-borderColor);
	--headlineColor: var(--main-mono-headlineColor);
	--headline-txtColor: var(--main-mono-headline-txtColor);
	--accentColor: var(--main-mono-accentColor);
	--accent-txtColor: var(--main-mono-accent-txtColor);
	--emphasisColor: var(--main-mono-emphasisColor);
	--emphasis-txtColor: var(--main-mono-emphasis-txtColor);
	--infoColor: var(--main-mono-infoColor);
	--info-txtColor: var(--main-mono-info-txtColor);
	--lightColor: var(--main-mono-lightColor);
	--darkColor: var(--main-mono-darkColor);
	--monoColor: var(--main-mono-monoColor);
}
.s-primary-color {
	--bgColor: var(--primaryColor);
	--txt-headColor: var(--primary-txt-headColor);
	--txt-bodyColor: var(--primary-txt-bodyColor);
	--txt-linkColor: var(--primary-txt-linkColor);
	--txt-linkhoverColor: var(--primary-txt-linkhoverColor);
	--borderColor: var(--primary-borderColor);
	--headlineColor: var(--primary-headlineColor);
	--headline-txtColor: var(--primary-headline-txtColor);
	--accentColor: var(--primary-accentColor);
	--accent-txtColor: var(--primary-accent-txtColor);
	--emphasisColor: var(--primary-emphasisColor);
	--emphasis-txtColor: var(--primary-emphasis-txtColor);
	--infoColor: var(--primary-infoColor);
	--info-txtColor: var(--primary-info-txtColor);
	--lightColor: var(--primary-lightColor);
	--darkColor: var(--primary-darkColor);
	--monoColor: var(--primary-monoColor);
}
.s-primary-def-color {
	--bgColor: var(--primary-defColor);
	--txt-headColor: var(--primary-def-txt-headColor);
	--txt-bodyColor: var(--primary-def-txt-bodyColor);
	--txt-linkColor: var(--primary-def-txt-linkColor);
	--txt-linkhoverColor: var(--primary-def-txt-linkhoverColor);
	--borderColor: var(--primary-def-borderColor);
	--headlineColor: var(--primary-def-headlineColor);
	--headline-txtColor: var(--primary-def-headline-txtColor);
	--accentColor: var(--primary-def-accentColor);
	--accent-txtColor: var(--primary-def-accent-txtColor);
	--emphasisColor: var(--primary-def-emphasisColor);
	--emphasis-txtColor: var(--primary-def-emphasis-txtColor);
	--infoColor: var(--primary-def-infoColor);
	--info-txtColor: var(--primary-def-info-txtColor);
	--lightColor: var(--primary-def-lightColor);
	--darkColor: var(--primary-def-darkColor);
	--monoColor: var(--primary-def-monoColor);
}
.s-sub-color {
	--bgColor: var(--subColor);
	--txt-headColor: var(--sub-txt-headColor);
	--txt-bodyColor: var(--sub-txt-bodyColor);
	--txt-linkColor: var(--sub-txt-linkColor);
	--txt-linkhoverColor: var(--sub-txt-linkhoverColor);
	--borderColor: var(--sub-borderColor);
	--headlineColor: var(--sub-headlineColor);
	--headline-txtColor: var(--sub-headline-txtColor);
	--accentColor: var(--sub-accentColor);
	--accent-txtColor: var(--sub-accent-txtColor);
	--emphasisColor: var(--sub-emphasisColor);
	--emphasis-txtColor: var(--sub-emphasis-txtColor);
	--infoColor: var(--sub-infoColor);
	--info-txtColor: var(--sub-info-txtColor);
	--lightColor: var(--sub-lightColor);
	--darkColor: var(--sub-darkColor);
	--monoColor: var(--sub-monoColor);
}
.s-sub-def-color {
	--bgColor: var(--sub-defColor);
	--txt-headColor: var(--sub-def-txt-headColor);
	--txt-bodyColor: var(--sub-def-txt-bodyColor);
	--txt-linkColor: var(--sub-def-txt-linkColor);
	--txt-linkhoverColor: var(--sub-def-txt-linkhoverColor);
	--borderColor: var(--sub-def-borderColor);
	--headlineColor: var(--sub-def-headlineColor);
	--headline-txtColor: var(--sub-def-headline-txtColor);
	--accentColor: var(--sub-def-accentColor);
	--accent-txtColor: var(--sub-def-accent-txtColor);
	--emphasisColor: var(--sub-def-emphasisColor);
	--emphasis-txtColor: var(--sub-def-emphasis-txtColor);
	--infoColor: var(--sub-def-infoColor);
	--info-txtColor: var(--sub-def-info-txtColor);
	--lightColor: var(--sub-def-lightColor);
	--darkColor: var(--sub-def-darkColor);
	--monoColor: var(--sub-def-monoColor);
}
.s-gray-def-color {
	--bgColor: var(--gray-defColor);
	--txt-headColor: var(--gray-def-txt-headColor);
	--txt-bodyColor: var(--gray-def-txt-bodyColor);
	--txt-linkColor: var(--gray-def-txt-linkColor);
	--txt-linkhoverColor: var(--gray-def-txt-linkhoverColor);
	--borderColor: var(--gray-def-borderColor);
	--headlineColor: var(--gray-def-headlineColor);
	--headline-txtColor: var(--gray-def-headline-txtColor);
	--accentColor: var(--gray-def-accentColor);
	--accent-txtColor: var(--gray-def-accent-txtColor);
	--emphasisColor: var(--gray-def-emphasisColor);
	--emphasis-txtColor: var(--gray-def-emphasis-txtColor);
	--infoColor: var(--gray-def-infoColor);
	--info-txtColor: var(--gray-def-info-txtColor);
	--lightColor: var(--gray-def-lightColor);
	--darkColor: var(--gray-def-darkColor);
	--monoColor: var(--gray-def-monoColor);
}
.s-secondary-color {
	--bgColor: var(--secondaryColor);
	--txt-headColor: var(--secondary-txt-headColor);
	--txt-bodyColor: var(--secondary-txt-bodyColor);
	--txt-linkColor: var(--secondary-txt-linkColor);
	--txt-linkhoverColor: var(--secondary-txt-linkhoverColor);
	--borderColor: var(--secondary-borderColor);
	--headlineColor: var(--secondary-headlineColor);
	--headline-txtColor: var(--secondary-headline-txtColor);
	--accentColor: var(--secondary-accentColor);
	--accent-txtColor: var(--secondary-accent-txtColor);
	--emphasisColor: var(--secondary-emphasisColor);
	--emphasis-txtColor: var(--secondary-emphasis-txtColor);
	--infoColor: var(--secondary-infoColor);
	--info-txtColor: var(--secondary-info-txtColor);
	--lightColor: var(--secondary-lightColor);
	--darkColor: var(--secondary-darkColor);
	--monoColor: var(--secondary-monoColor);
}
.s-headline-color {
	--bgColor: var(--headlineColor);
	--txt-headColor: var(--headline-txt-headColor);
	--txt-bodyColor: var(--headline-txt-bodyColor);
	--txt-linkColor: var(--headline-txt-linkColor);
	--txt-linkhoverColor: var(--headline-txt-linkhoverColor);
	--borderColor: var(--headline-borderColor);
	--headlineColor: var(--headline-headlineColor);
	--headline-txtColor: var(--headline-headline-txtColor);
	--accentColor: var(--headline-accentColor);
	--accent-txtColor: var(--headline-accent-txtColor);
	--emphasisColor: var(--headline-emphasisColor);
	--emphasis-txtColor: var(--headline-emphasis-txtColor);
	--infoColor: var(--headline-infoColor);
	--info-txtColor: var(--headline-info-txtColor);
	--lightColor: var(--headline-lightColor);
	--darkColor: var(--headline-darkColor);
	--monoColor: var(--headline-monoColor);
}
.s-alert-color {
	--bgColor: var(--alertColor);
	--txt-headColor: var(--alert-txt-headColor);
	--txt-bodyColor: var(--alert-txt-bodyColor);
	--txt-linkColor: var(--alert-txt-linkColor);
	--txt-linkhoverColor: var(--alert-txt-linkhoverColor);
	--borderColor: var(--alert-borderColor);
	--headlineColor: var(--alert-headlineColor);
	--headline-txtColor: var(--alert-headline-txtColor);
	--accentColor: var(--alert-accentColor);
	--accent-txtColor: var(--alert-accent-txtColor);
	--emphasisColor: var(--alert-emphasisColor);
	--emphasis-txtColor: var(--alert-emphasis-txtColor);
	--infoColor: var(--alert-infoColor);
	--info-txtColor: var(--alert-info-txtColor);
	--lightColor: var(--alert-lightColor);
	--darkColor: var(--alert-darkColor);
	--monoColor: var(--alert-monoColor);
}
.s-accent-color {
	--bgColor: var(--accentColor);
	--txt-headColor: var(--accent-txt-headColor);
	--txt-bodyColor: var(--accent-txt-bodyColor);
	--txt-linkColor: var(--accent-txt-linkColor);
	--txt-linkhoverColor: var(--accent-txt-linkhoverColor);
	--borderColor: var(--accent-borderColor);
	--headlineColor: var(--accent-headlineColor);
	--headline-txtColor: var(--accent-headline-txtColor);
	--accentColor: var(--accent-accentColor);
	--accent-txtColor: var(--accent-accent-txtColor);
	--emphasisColor: var(--accent-emphasisColor);
	--emphasis-txtColor: var(--accent-emphasis-txtColor);
	--infoColor: var(--accent-infoColor);
	--info-txtColor: var(--accent-info-txtColor);
	--lightColor: var(--accent-lightColor);
	--darkColor: var(--accent-darkColor);
	--monoColor: var(--accent-monoColor);
}
.s-emphasis-color {
	--bgColor: var(--emphasisColor);
	--txt-headColor: var(--emphasis-txt-headColor);
	--txt-bodyColor: var(--emphasis-txt-bodyColor);
	--txt-linkColor: var(--emphasis-txt-linkColor);
	--txt-linkhoverColor: var(--emphasis-txt-linkhoverColor);
	--borderColor: var(--emphasis-borderColor);
	--headlineColor: var(--emphasis-headlineColor);
	--headline-txtColor: var(--emphasis-headline-txtColor);
	--accentColor: var(--emphasis-accentColor);
	--accent-txtColor: var(--emphasis-accent-txtColor);
	--emphasisColor: var(--emphasis-emphasisColor);
	--emphasis-txtColor: var(--emphasis-emphasis-txtColor);
	--infoColor: var(--emphasis-infoColor);
	--info-txtColor: var(--emphasis-info-txtColor);
	--lightColor: var(--emphasis-lightColor);
	--darkColor: var(--emphasis-darkColor);
	--monoColor: var(--emphasis-monoColor);
}
.s-info-color {
	--bgColor: var(--infoColor);
	--txt-headColor: var(--info-txt-headColor);
	--txt-bodyColor: var(--info-txt-bodyColor);
	--txt-linkColor: var(--info-txt-linkColor);
	--txt-linkhoverColor: var(--info-txt-linkhoverColor);
	--borderColor: var(--info-borderColor);
	--headlineColor: var(--info-headlineColor);
	--headline-txtColor: var(--info-headline-txtColor);
	--accentColor: var(--info-accentColor);
	--accent-txtColor: var(--info-accent-txtColor);
	--emphasisColor: var(--info-emphasisColor);
	--emphasis-txtColor: var(--info-emphasis-txtColor);
	--infoColor: var(--info-infoColor);
	--info-txtColor: var(--info-info-txtColor);
	--lightColor: var(--info-lightColor);
	--darkColor: var(--info-darkColor);
	--monoColor: var(--info-monoColor);
}
.s-shadow-color {
	--bgColor: var(--shadowColor);
	--txt-headColor: var(--shadow-txt-headColor);
	--txt-bodyColor: var(--shadow-txt-bodyColor);
	--txt-linkColor: var(--shadow-txt-linkColor);
	--txt-linkhoverColor: var(--shadow-txt-linkhoverColor);
	--borderColor: var(--shadow-borderColor);
	--headlineColor: var(--shadow-headlineColor);
	--headline-txtColor: var(--shadow-headline-txtColor);
	--accentColor: var(--shadow-accentColor);
	--accent-txtColor: var(--shadow-accent-txtColor);
	--emphasisColor: var(--shadow-emphasisColor);
	--emphasis-txtColor: var(--shadow-emphasis-txtColor);
	--infoColor: var(--shadow-infoColor);
	--info-txtColor: var(--shadow-info-txtColor);
	--lightColor: var(--shadow-lightColor);
	--darkColor: var(--shadow-darkColor);
	--monoColor: var(--shadow-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-btn-back-color {
	--bgColor: var(--btn-backColor);
	--txt-headColor: var(--btn-back-txt-headColor);
	--txt-bodyColor: var(--btn-back-txt-bodyColor);
	--txt-linkColor: var(--btn-back-txt-linkColor);
	--txt-linkhoverColor: var(--btn-back-txt-linkhoverColor);
	--borderColor: var(--btn-back-borderColor);
	--headlineColor: var(--btn-back-headlineColor);
	--headline-txtColor: var(--btn-back-headline-txtColor);
	--accentColor: var(--btn-back-accentColor);
	--accent-txtColor: var(--btn-back-accent-txtColor);
	--emphasisColor: var(--btn-back-emphasisColor);
	--emphasis-txtColor: var(--btn-back-emphasis-txtColor);
	--infoColor: var(--btn-back-infoColor);
	--info-txtColor: var(--btn-back-info-txtColor);
	--lightColor: var(--btn-back-lightColor);
	--darkColor: var(--btn-back-darkColor);
	--monoColor: var(--btn-back-monoColor);
}
.s-btn-primary-color {
	--bgColor: var(--btn-primaryColor);
	--txt-headColor: var(--btn-primary-txt-headColor);
	--txt-bodyColor: var(--btn-primary-txt-bodyColor);
	--txt-linkColor: var(--btn-primary-txt-linkColor);
	--txt-linkhoverColor: var(--btn-primary-txt-linkhoverColor);
	--borderColor: var(--btn-primary-borderColor);
	--headlineColor: var(--btn-primary-headlineColor);
	--headline-txtColor: var(--btn-primary-headline-txtColor);
	--accentColor: var(--btn-primary-accentColor);
	--accent-txtColor: var(--btn-primary-accent-txtColor);
	--emphasisColor: var(--btn-primary-emphasisColor);
	--emphasis-txtColor: var(--btn-primary-emphasis-txtColor);
	--infoColor: var(--btn-primary-infoColor);
	--info-txtColor: var(--btn-primary-info-txtColor);
	--lightColor: var(--btn-primary-lightColor);
	--darkColor: var(--btn-primary-darkColor);
	--monoColor: var(--btn-primary-monoColor);
}
.s-btn-disabled-color {
	--bgColor: var(--btn-disabledColor);
	--txt-headColor: var(--btn-disabled-txt-headColor);
	--txt-bodyColor: var(--btn-disabled-txt-bodyColor);
	--txt-linkColor: var(--btn-disabled-txt-linkColor);
	--txt-linkhoverColor: var(--btn-disabled-txt-linkhoverColor);
	--borderColor: var(--btn-disabled-borderColor);
	--headlineColor: var(--btn-disabled-headlineColor);
	--headline-txtColor: var(--btn-disabled-headline-txtColor);
	--accentColor: var(--btn-disabled-accentColor);
	--accent-txtColor: var(--btn-disabled-accent-txtColor);
	--emphasisColor: var(--btn-disabled-emphasisColor);
	--emphasis-txtColor: var(--btn-disabled-emphasis-txtColor);
	--infoColor: var(--btn-disabled-infoColor);
	--info-txtColor: var(--btn-disabled-info-txtColor);
	--lightColor: var(--btn-disabled-lightColor);
	--darkColor: var(--btn-disabled-darkColor);
	--monoColor: var(--btn-disabled-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-third-color {
	--bgColor: var(--bg-thirdColor);
	--txt-headColor: var(--bg-third-txt-headColor);
	--txt-bodyColor: var(--bg-third-txt-bodyColor);
	--txt-linkColor: var(--bg-third-txt-linkColor);
	--txt-linkhoverColor: var(--bg-third-txt-linkhoverColor);
	--borderColor: var(--bg-third-borderColor);
	--headlineColor: var(--bg-third-headlineColor);
	--headline-txtColor: var(--bg-third-headline-txtColor);
	--accentColor: var(--bg-third-accentColor);
	--accent-txtColor: var(--bg-third-accent-txtColor);
	--emphasisColor: var(--bg-third-emphasisColor);
	--emphasis-txtColor: var(--bg-third-emphasis-txtColor);
	--infoColor: var(--bg-third-infoColor);
	--info-txtColor: var(--bg-third-info-txtColor);
	--lightColor: var(--bg-third-lightColor);
	--darkColor: var(--bg-third-darkColor);
	--monoColor: var(--bg-third-monoColor);
}
.s-bg-main-color {
	--bgColor: var(--bg-mainColor);
	--txt-headColor: var(--bg-main-txt-headColor);
	--txt-bodyColor: var(--bg-main-txt-bodyColor);
	--txt-linkColor: var(--bg-main-txt-linkColor);
	--txt-linkhoverColor: var(--bg-main-txt-linkhoverColor);
	--borderColor: var(--bg-main-borderColor);
	--headlineColor: var(--bg-main-headlineColor);
	--headline-txtColor: var(--bg-main-headline-txtColor);
	--accentColor: var(--bg-main-accentColor);
	--accent-txtColor: var(--bg-main-accent-txtColor);
	--emphasisColor: var(--bg-main-emphasisColor);
	--emphasis-txtColor: var(--bg-main-emphasis-txtColor);
	--infoColor: var(--bg-main-infoColor);
	--info-txtColor: var(--bg-main-info-txtColor);
	--lightColor: var(--bg-main-lightColor);
	--darkColor: var(--bg-main-darkColor);
	--monoColor: var(--bg-main-monoColor);
}
.s-bg-primary-color {
	--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);
}
.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);
}
.s-bg-alert-color {
	--bgColor: var(--bg-alertColor);
	--txt-headColor: var(--bg-alert-txt-headColor);
	--txt-bodyColor: var(--bg-alert-txt-bodyColor);
	--txt-linkColor: var(--bg-alert-txt-linkColor);
	--txt-linkhoverColor: var(--bg-alert-txt-linkhoverColor);
	--borderColor: var(--bg-alert-borderColor);
	--headlineColor: var(--bg-alert-headlineColor);
	--headline-txtColor: var(--bg-alert-headline-txtColor);
	--accentColor: var(--bg-alert-accentColor);
	--accent-txtColor: var(--bg-alert-accent-txtColor);
	--emphasisColor: var(--bg-alert-emphasisColor);
	--emphasis-txtColor: var(--bg-alert-emphasis-txtColor);
	--infoColor: var(--bg-alert-infoColor);
	--info-txtColor: var(--bg-alert-info-txtColor);
	--lightColor: var(--bg-alert-lightColor);
	--darkColor: var(--bg-alert-darkColor);
	--monoColor: var(--bg-alert-monoColor);
}
.s-bg-annotation-color {
	--bgColor: var(--bg-annotationColor);
	--txt-headColor: var(--bg-annotation-txt-headColor);
	--txt-bodyColor: var(--bg-annotation-txt-bodyColor);
	--txt-linkColor: var(--bg-annotation-txt-linkColor);
	--txt-linkhoverColor: var(--bg-annotation-txt-linkhoverColor);
	--borderColor: var(--bg-annotation-borderColor);
	--headlineColor: var(--bg-annotation-headlineColor);
	--headline-txtColor: var(--bg-annotation-headline-txtColor);
	--accentColor: var(--bg-annotation-accentColor);
	--accent-txtColor: var(--bg-annotation-accent-txtColor);
	--emphasisColor: var(--bg-annotation-emphasisColor);
	--emphasis-txtColor: var(--bg-annotation-emphasis-txtColor);
	--infoColor: var(--bg-annotation-infoColor);
	--info-txtColor: var(--bg-annotation-info-txtColor);
	--lightColor: var(--bg-annotation-lightColor);
	--darkColor: var(--bg-annotation-darkColor);
	--monoColor: var(--bg-annotation-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-bg-col-thead-color {
	--bgColor: var(--bg-col-theadColor);
	--txt-headColor: var(--bg-col-thead-txt-headColor);
	--txt-bodyColor: var(--bg-col-thead-txt-bodyColor);
	--txt-linkColor: var(--bg-col-thead-txt-linkColor);
	--txt-linkhoverColor: var(--bg-col-thead-txt-linkhoverColor);
	--borderColor: var(--bg-col-thead-borderColor);
	--headlineColor: var(--bg-col-thead-headlineColor);
	--headline-txtColor: var(--bg-col-thead-headline-txtColor);
	--accentColor: var(--bg-col-thead-accentColor);
	--accent-txtColor: var(--bg-col-thead-accent-txtColor);
	--emphasisColor: var(--bg-col-thead-emphasisColor);
	--emphasis-txtColor: var(--bg-col-thead-emphasis-txtColor);
	--infoColor: var(--bg-col-thead-infoColor);
	--info-txtColor: var(--bg-col-thead-info-txtColor);
	--lightColor: var(--bg-col-thead-lightColor);
	--darkColor: var(--bg-col-thead-darkColor);
	--monoColor: var(--bg-col-thead-monoColor);
}
.s-bg-col-head1-color {
	--bgColor: var(--bg-col-head1Color);
	--txt-headColor: var(--bg-col-head1-txt-headColor);
	--txt-bodyColor: var(--bg-col-head1-txt-bodyColor);
	--txt-linkColor: var(--bg-col-head1-txt-linkColor);
	--txt-linkhoverColor: var(--bg-col-head1-txt-linkhoverColor);
	--borderColor: var(--bg-col-head1-borderColor);
	--headlineColor: var(--bg-col-head1-headlineColor);
	--headline-txtColor: var(--bg-col-head1-headline-txtColor);
	--accentColor: var(--bg-col-head1-accentColor);
	--accent-txtColor: var(--bg-col-head1-accent-txtColor);
	--emphasisColor: var(--bg-col-head1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-head1-emphasis-txtColor);
	--infoColor: var(--bg-col-head1-infoColor);
	--info-txtColor: var(--bg-col-head1-info-txtColor);
	--lightColor: var(--bg-col-head1-lightColor);
	--darkColor: var(--bg-col-head1-darkColor);
	--monoColor: var(--bg-col-head1-monoColor);
}
.s-bg-col-head2-color {
	--bgColor: var(--bg-col-head2Color);
	--txt-headColor: var(--bg-col-head2-txt-headColor);
	--txt-bodyColor: var(--bg-col-head2-txt-bodyColor);
	--txt-linkColor: var(--bg-col-head2-txt-linkColor);
	--txt-linkhoverColor: var(--bg-col-head2-txt-linkhoverColor);
	--borderColor: var(--bg-col-head2-borderColor);
	--headlineColor: var(--bg-col-head2-headlineColor);
	--headline-txtColor: var(--bg-col-head2-headline-txtColor);
	--accentColor: var(--bg-col-head2-accentColor);
	--accent-txtColor: var(--bg-col-head2-accent-txtColor);
	--emphasisColor: var(--bg-col-head2-emphasisColor);
	--emphasis-txtColor: var(--bg-col-head2-emphasis-txtColor);
	--infoColor: var(--bg-col-head2-infoColor);
	--info-txtColor: var(--bg-col-head2-info-txtColor);
	--lightColor: var(--bg-col-head2-lightColor);
	--darkColor: var(--bg-col-head2-darkColor);
	--monoColor: var(--bg-col-head2-monoColor);
}
.s-bg-col-body1-color {
	--bgColor: var(--bg-col-body1Color);
	--txt-headColor: var(--bg-col-body1-txt-headColor);
	--txt-bodyColor: var(--bg-col-body1-txt-bodyColor);
	--txt-linkColor: var(--bg-col-body1-txt-linkColor);
	--txt-linkhoverColor: var(--bg-col-body1-txt-linkhoverColor);
	--borderColor: var(--bg-col-body1-borderColor);
	--headlineColor: var(--bg-col-body1-headlineColor);
	--headline-txtColor: var(--bg-col-body1-headline-txtColor);
	--accentColor: var(--bg-col-body1-accentColor);
	--accent-txtColor: var(--bg-col-body1-accent-txtColor);
	--emphasisColor: var(--bg-col-body1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-body1-emphasis-txtColor);
	--infoColor: var(--bg-col-body1-infoColor);
	--info-txtColor: var(--bg-col-body1-info-txtColor);
	--lightColor: var(--bg-col-body1-lightColor);
	--darkColor: var(--bg-col-body1-darkColor);
	--monoColor: var(--bg-col-body1-monoColor);
}
.s-bg-col-body2-color {
	--bgColor: var(--bg-col-body2Color);
	--txt-headColor: var(--bg-col-body2-txt-headColor);
	--txt-bodyColor: var(--bg-col-body2-txt-bodyColor);
	--txt-linkColor: var(--bg-col-body2-txt-linkColor);
	--txt-linkhoverColor: var(--bg-col-body2-txt-linkhoverColor);
	--borderColor: var(--bg-col-body2-borderColor);
	--headlineColor: var(--bg-col-body2-headlineColor);
	--headline-txtColor: var(--bg-col-body2-headline-txtColor);
	--accentColor: var(--bg-col-body2-accentColor);
	--accent-txtColor: var(--bg-col-body2-accent-txtColor);
	--emphasisColor: var(--bg-col-body2-emphasisColor);
	--emphasis-txtColor: var(--bg-col-body2-emphasis-txtColor);
	--infoColor: var(--bg-col-body2-infoColor);
	--info-txtColor: var(--bg-col-body2-info-txtColor);
	--lightColor: var(--bg-col-body2-lightColor);
	--darkColor: var(--bg-col-body2-darkColor);
	--monoColor: var(--bg-col-body2-monoColor);
}
.s-bg-input-color {
	--bgColor: var(--bg-inputColor);
	--txt-headColor: var(--bg-input-txt-headColor);
	--txt-bodyColor: var(--bg-input-txt-bodyColor);
	--txt-linkColor: var(--bg-input-txt-linkColor);
	--txt-linkhoverColor: var(--bg-input-txt-linkhoverColor);
	--borderColor: var(--bg-input-borderColor);
	--headlineColor: var(--bg-input-headlineColor);
	--headline-txtColor: var(--bg-input-headline-txtColor);
	--accentColor: var(--bg-input-accentColor);
	--accent-txtColor: var(--bg-input-accent-txtColor);
	--emphasisColor: var(--bg-input-emphasisColor);
	--emphasis-txtColor: var(--bg-input-emphasis-txtColor);
	--infoColor: var(--bg-input-infoColor);
	--info-txtColor: var(--bg-input-info-txtColor);
	--lightColor: var(--bg-input-lightColor);
	--darkColor: var(--bg-input-darkColor);
	--monoColor: var(--bg-input-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-label-primary-color {
	--bgColor: var(--label-primaryColor);
	--txt-headColor: var(--label-primary-txt-headColor);
	--txt-bodyColor: var(--label-primary-txt-bodyColor);
	--txt-linkColor: var(--label-primary-txt-linkColor);
	--txt-linkhoverColor: var(--label-primary-txt-linkhoverColor);
	--borderColor: var(--label-primary-borderColor);
	--headlineColor: var(--label-primary-headlineColor);
	--headline-txtColor: var(--label-primary-headline-txtColor);
	--accentColor: var(--label-primary-accentColor);
	--accent-txtColor: var(--label-primary-accent-txtColor);
	--emphasisColor: var(--label-primary-emphasisColor);
	--emphasis-txtColor: var(--label-primary-emphasis-txtColor);
	--infoColor: var(--label-primary-infoColor);
	--info-txtColor: var(--label-primary-info-txtColor);
	--lightColor: var(--label-primary-lightColor);
	--darkColor: var(--label-primary-darkColor);
	--monoColor: var(--label-primary-monoColor);
}
.s-label-alert-color {
	--bgColor: var(--label-alertColor);
	--txt-headColor: var(--label-alert-txt-headColor);
	--txt-bodyColor: var(--label-alert-txt-bodyColor);
	--txt-linkColor: var(--label-alert-txt-linkColor);
	--txt-linkhoverColor: var(--label-alert-txt-linkhoverColor);
	--borderColor: var(--label-alert-borderColor);
	--headlineColor: var(--label-alert-headlineColor);
	--headline-txtColor: var(--label-alert-headline-txtColor);
	--accentColor: var(--label-alert-accentColor);
	--accent-txtColor: var(--label-alert-accent-txtColor);
	--emphasisColor: var(--label-alert-emphasisColor);
	--emphasis-txtColor: var(--label-alert-emphasis-txtColor);
	--infoColor: var(--label-alert-infoColor);
	--info-txtColor: var(--label-alert-info-txtColor);
	--lightColor: var(--label-alert-lightColor);
	--darkColor: var(--label-alert-darkColor);
	--monoColor: var(--label-alert-monoColor);
}
.s-bg-header-color {
	--bgColor: var(--bg-headerColor);
	--txt-headColor: var(--bg-header-txt-headColor);
	--txt-bodyColor: var(--bg-header-txt-bodyColor);
	--txt-linkColor: var(--bg-header-txt-linkColor);
	--txt-linkhoverColor: var(--bg-header-txt-linkhoverColor);
	--borderColor: var(--bg-header-borderColor);
	--headlineColor: var(--bg-header-headlineColor);
	--headline-txtColor: var(--bg-header-headline-txtColor);
	--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);
}
.s-bg-hero-color {
	--bgColor: var(--bg-heroColor);
	--txt-headColor: var(--bg-hero-txt-headColor);
	--txt-bodyColor: var(--bg-hero-txt-bodyColor);
	--txt-linkColor: var(--bg-hero-txt-linkColor);
	--txt-linkhoverColor: var(--bg-hero-txt-linkhoverColor);
	--borderColor: var(--bg-hero-borderColor);
	--headlineColor: var(--bg-hero-headlineColor);
	--headline-txtColor: var(--bg-hero-headline-txtColor);
	--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);
}
.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);
}
.s-bg-gmenu-color {
	--bgColor: var(--bg-gmenuColor);
	--txt-headColor: var(--bg-gmenu-txt-headColor);
	--txt-bodyColor: var(--bg-gmenu-txt-bodyColor);
	--txt-linkColor: var(--bg-gmenu-txt-linkColor);
	--txt-linkhoverColor: var(--bg-gmenu-txt-linkhoverColor);
	--borderColor: var(--bg-gmenu-borderColor);
	--headlineColor: var(--bg-gmenu-headlineColor);
	--headline-txtColor: var(--bg-gmenu-headline-txtColor);
	--accentColor: var(--bg-gmenu-accentColor);
	--accent-txtColor: var(--bg-gmenu-accent-txtColor);
	--emphasisColor: var(--bg-gmenu-emphasisColor);
	--emphasis-txtColor: var(--bg-gmenu-emphasis-txtColor);
	--infoColor: var(--bg-gmenu-infoColor);
	--info-txtColor: var(--bg-gmenu-info-txtColor);
	--lightColor: var(--bg-gmenu-lightColor);
	--darkColor: var(--bg-gmenu-darkColor);
	--monoColor: var(--bg-gmenu-monoColor);
}
.s-bg-gmenu-active-color {
	--bgColor: var(--bg-gmenu-activeColor);
	--txt-headColor: var(--bg-gmenu-active-txt-headColor);
	--txt-bodyColor: var(--bg-gmenu-active-txt-bodyColor);
	--txt-linkColor: var(--bg-gmenu-active-txt-linkColor);
	--txt-linkhoverColor: var(--bg-gmenu-active-txt-linkhoverColor);
	--borderColor: var(--bg-gmenu-active-borderColor);
	--headlineColor: var(--bg-gmenu-active-headlineColor);
	--headline-txtColor: var(--bg-gmenu-active-headline-txtColor);
	--accentColor: var(--bg-gmenu-active-accentColor);
	--accent-txtColor: var(--bg-gmenu-active-accent-txtColor);
	--emphasisColor: var(--bg-gmenu-active-emphasisColor);
	--emphasis-txtColor: var(--bg-gmenu-active-emphasis-txtColor);
	--infoColor: var(--bg-gmenu-active-infoColor);
	--info-txtColor: var(--bg-gmenu-active-info-txtColor);
	--lightColor: var(--bg-gmenu-active-lightColor);
	--darkColor: var(--bg-gmenu-active-darkColor);
	--monoColor: var(--bg-gmenu-active-monoColor);
}
.s-bg-gmenu-sub-color {
	--bgColor: var(--bg-gmenu-subColor);
	--txt-headColor: var(--bg-gmenu-sub-txt-headColor);
	--txt-bodyColor: var(--bg-gmenu-sub-txt-bodyColor);
	--txt-linkColor: var(--bg-gmenu-sub-txt-linkColor);
	--txt-linkhoverColor: var(--bg-gmenu-sub-txt-linkhoverColor);
	--borderColor: var(--bg-gmenu-sub-borderColor);
	--headlineColor: var(--bg-gmenu-sub-headlineColor);
	--headline-txtColor: var(--bg-gmenu-sub-headline-txtColor);
	--accentColor: var(--bg-gmenu-sub-accentColor);
	--accent-txtColor: var(--bg-gmenu-sub-accent-txtColor);
	--emphasisColor: var(--bg-gmenu-sub-emphasisColor);
	--emphasis-txtColor: var(--bg-gmenu-sub-emphasis-txtColor);
	--infoColor: var(--bg-gmenu-sub-infoColor);
	--info-txtColor: var(--bg-gmenu-sub-info-txtColor);
	--lightColor: var(--bg-gmenu-sub-lightColor);
	--darkColor: var(--bg-gmenu-sub-darkColor);
	--monoColor: var(--bg-gmenu-sub-monoColor);
}
.s-gmenu-btn-def-color {
	--bgColor: var(--gmenu-btn-defColor);
	--txt-headColor: var(--gmenu-btn-def-txt-headColor);
	--txt-bodyColor: var(--gmenu-btn-def-txt-bodyColor);
	--txt-linkColor: var(--gmenu-btn-def-txt-linkColor);
	--txt-linkhoverColor: var(--gmenu-btn-def-txt-linkhoverColor);
	--borderColor: var(--gmenu-btn-def-borderColor);
	--headlineColor: var(--gmenu-btn-def-headlineColor);
	--headline-txtColor: var(--gmenu-btn-def-headline-txtColor);
	--accentColor: var(--gmenu-btn-def-accentColor);
	--accent-txtColor: var(--gmenu-btn-def-accent-txtColor);
	--emphasisColor: var(--gmenu-btn-def-emphasisColor);
	--emphasis-txtColor: var(--gmenu-btn-def-emphasis-txtColor);
	--infoColor: var(--gmenu-btn-def-infoColor);
	--info-txtColor: var(--gmenu-btn-def-info-txtColor);
	--lightColor: var(--gmenu-btn-def-lightColor);
	--darkColor: var(--gmenu-btn-def-darkColor);
	--monoColor: var(--gmenu-btn-def-monoColor);
}
.s-gmenu-btn-primary-color {
	--bgColor: var(--gmenu-btn-primaryColor);
	--txt-headColor: var(--gmenu-btn-primary-txt-headColor);
	--txt-bodyColor: var(--gmenu-btn-primary-txt-bodyColor);
	--txt-linkColor: var(--gmenu-btn-primary-txt-linkColor);
	--txt-linkhoverColor: var(--gmenu-btn-primary-txt-linkhoverColor);
	--borderColor: var(--gmenu-btn-primary-borderColor);
	--headlineColor: var(--gmenu-btn-primary-headlineColor);
	--headline-txtColor: var(--gmenu-btn-primary-headline-txtColor);
	--accentColor: var(--gmenu-btn-primary-accentColor);
	--accent-txtColor: var(--gmenu-btn-primary-accent-txtColor);
	--emphasisColor: var(--gmenu-btn-primary-emphasisColor);
	--emphasis-txtColor: var(--gmenu-btn-primary-emphasis-txtColor);
	--infoColor: var(--gmenu-btn-primary-infoColor);
	--info-txtColor: var(--gmenu-btn-primary-info-txtColor);
	--lightColor: var(--gmenu-btn-primary-lightColor);
	--darkColor: var(--gmenu-btn-primary-darkColor);
	--monoColor: var(--gmenu-btn-primary-monoColor);
}
.s-bg-000000-color {
	--bgColor: var(--bg-000000Color);
	--txt-headColor: var(--bg-000000-txt-headColor);
	--txt-bodyColor: var(--bg-000000-txt-bodyColor);
	--txt-linkColor: var(--bg-000000-txt-linkColor);
	--txt-linkhoverColor: var(--bg-000000-txt-linkhoverColor);
	--borderColor: var(--bg-000000-borderColor);
	--headlineColor: var(--bg-000000-headlineColor);
	--headline-txtColor: var(--bg-000000-headline-txtColor);
	--accentColor: var(--bg-000000-accentColor);
	--accent-txtColor: var(--bg-000000-accent-txtColor);
	--emphasisColor: var(--bg-000000-emphasisColor);
	--emphasis-txtColor: var(--bg-000000-emphasis-txtColor);
	--infoColor: var(--bg-000000-infoColor);
	--info-txtColor: var(--bg-000000-info-txtColor);
	--lightColor: var(--bg-000000-lightColor);
	--darkColor: var(--bg-000000-darkColor);
	--monoColor: var(--bg-000000-monoColor);
}
.s-bg-FFFFFF-color {
	--bgColor: var(--bg-FFFFFFColor);
	--txt-headColor: var(--bg-FFFFFF-txt-headColor);
	--txt-bodyColor: var(--bg-FFFFFF-txt-bodyColor);
	--txt-linkColor: var(--bg-FFFFFF-txt-linkColor);
	--txt-linkhoverColor: var(--bg-FFFFFF-txt-linkhoverColor);
	--borderColor: var(--bg-FFFFFF-borderColor);
	--headlineColor: var(--bg-FFFFFF-headlineColor);
	--headline-txtColor: var(--bg-FFFFFF-headline-txtColor);
	--accentColor: var(--bg-FFFFFF-accentColor);
	--accent-txtColor: var(--bg-FFFFFF-accent-txtColor);
	--emphasisColor: var(--bg-FFFFFF-emphasisColor);
	--emphasis-txtColor: var(--bg-FFFFFF-emphasis-txtColor);
	--infoColor: var(--bg-FFFFFF-infoColor);
	--info-txtColor: var(--bg-FFFFFF-info-txtColor);
	--lightColor: var(--bg-FFFFFF-lightColor);
	--darkColor: var(--bg-FFFFFF-darkColor);
	--monoColor: var(--bg-FFFFFF-monoColor);
}
.s-bg-FFB409-color {
	--bgColor: var(--bg-FFB409Color);
	--txt-headColor: var(--bg-FFB409-txt-headColor);
	--txt-bodyColor: var(--bg-FFB409-txt-bodyColor);
	--txt-linkColor: var(--bg-FFB409-txt-linkColor);
	--txt-linkhoverColor: var(--bg-FFB409-txt-linkhoverColor);
	--borderColor: var(--bg-FFB409-borderColor);
	--headlineColor: var(--bg-FFB409-headlineColor);
	--headline-txtColor: var(--bg-FFB409-headline-txtColor);
	--accentColor: var(--bg-FFB409-accentColor);
	--accent-txtColor: var(--bg-FFB409-accent-txtColor);
	--emphasisColor: var(--bg-FFB409-emphasisColor);
	--emphasis-txtColor: var(--bg-FFB409-emphasis-txtColor);
	--infoColor: var(--bg-FFB409-infoColor);
	--info-txtColor: var(--bg-FFB409-info-txtColor);
	--lightColor: var(--bg-FFB409-lightColor);
	--darkColor: var(--bg-FFB409-darkColor);
	--monoColor: var(--bg-FFB409-monoColor);
}

:root { font-size: 62.5%; }
@media only screen and (max-width: 1024px) {
	:root { font-size: 62.5%; }
}
:root {
	--header-top-line-height: 5px;
	--header-logo-max-width: 30rem;
	--header-comp-logo-max-width: 20rem;
	--header-fsize: 1.6rem;
	--header-fsize-base: var(--fsize-gmenu-base);
	--header-fsize-main: var(--fsize-gmenu-main);
	--header-fsize-sub: var(--fsize-gmenu-sub);
	--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-gmenu-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-height-append: calc(var(--gmenu-fsize-base) * 3);
	--header-height-before: calc(var(--gmenu-fsize-base) * 5);
	--header-height-after: calc(var(--gmenu-fsize-base) * 5);
	--header-height: 6.5rem;
	--header-border: 1px solid #bbbcbc;
	--header-accent: var(--mainColor);
	--spheader-top-line-height: 5px;
	--spheader-logo-max-width: 30rem;
	--spheader-comp-logo-max-width: 20rem;
	--spheader-height: 8.7rem;
	--spheader-border: 1px solid #bbbcbc;
	--spheader-accent: var(--mainColor);
	--spheader-main-bg: "s-bg-header-color";
	--spheader-fsize-base: var(--fsize-gmenu-base-sp);
	--spheader-ffamily-base: var(--ffamily-gmenu);
	--spheader-fweight-base: var(--fweight-gmenu);
	--spheader-flineheight-base: var(--flineheight-gmenu);
	--spheader-fletterspacing-base: var(--fletterspacing-gmenu);
	--spheader-fsize-btn: var(--fsize-gmenu-base-sp);
	--spheader-ffamily-btn: var(--ffamily-gmenu);
	--spheader-fweight-btn: var(--fweight-gmenu);
	--spheader-flineheight-btn: var(--flineheight-gmenu);
	--spheader-fletterspacing-btn: var(--fletterspacing-gmenu);
	--gmenu-height-pc: 7rem;
	--gmenu-scroll-height-pc: 5rem;
	--gmenu-child-gap: 1.5em;
	--gmenu-child-num: 3;
	--gmenu-child-parent-width: 150px;
	--gmenu-main-bg: "s-bg-gmenu-color";
	--gmenu-child-bg: "s-bg-header-color";
	--gmenu-head1-bg: "s-main-color";
	--gmenu-fsize-base: var(--fsize-gmenu-base);
	--gmenu-fsize-main: var(--fsize-gmenu-main);
	--gmenu-fsize-head1: var(--fsize-gmenu-head1);
	--gmenu-fsize-head2: var(--fsize-gmenu-head2);
	--gmenu-fsize-sub: var(--fsize-gmenu-sub);
	--gmenu-ffamily-base: var(--ffamily-gmenu);
	--gmenu-fweight-base: var(--fweight-gmenu);
	--gmenu-flineheight-base: var(--flineheight-gmenu);
	--gmenu-fletterspacing-base: var(--fletterspacing-gmenu);
	--gmenu-down-icon-type: "Material Symbols Outlined";
	--gmenu-down-icon-content: "\e313";
	--spgmenu-menu-padding: 3rem;
	--spgmenu-submenu-padding: 2rem;
	--spgmenu-bg: "s-bg-gmenu-color";
	--spgmenu-fsize-base: var(--fsize-gmenu-sp);
	--spgmenu-ffamily-base: var(--ffamily-gmenu);
	--spgmenu-fweight-base: var(--fweight-gmenu);
	--spgmenu-flineheight-base: var(--flineheight-gmenu);
	--spgmenu-fletterspacing-base: var(--fletterspacing-gmenu);
	--spgmenu-fsize-btn: var(--fsize-gmenu-sp);
	--spgmenu-ffamily-btn: var(--ffamily-gmenu);
	--spgmenu-fweight-btn: var(--fweight-gmenu);
	--spgmenu-flineheight-btn: var(--flineheight-gmenu);
	--spgmenu-fletterspacing-btn: var(--fletterspacing-gmenu);
	--comp__container-horizontal__size: "size-5-7";
	--comp__container-horizontal__vertical-justify: "flex-start";
	--comp__container-horizontal__container-width: 100%;
	--comp__container-vertical__vertical-justify: "flex-start";
	--comp__container-vertical__image-padding: 1rem 1rem 0;
	--comp__container-vertical__grid-num: 4;
	--comp__container-vertical__gap: 1.0rem;
	--comp__conversion-horizontal__vertical-justify: "flex-start";
	--comp__headline__h4-rate: 1.0;
	--comp__headline__h5-rate: 0.9;
	--comp__headline__h2-txt-color: var(--txt-headColor);
	--comp__headline__h2-subtxt-color: var(--txt-headColor);
	--comp__image__size-fit: "size-cover";
	--comp__image__size-position: "position-center";
	--comp__images__grid-num: 4;
	--comp__images__gap: 1.0rem;
	--comp__taglist__list-bg-color: "s-main-mono-color";
	--comp__ullist__list-bg-color: "s-base-color";
	--block-bg-image: none;
	--block-bg-image-style: center;
	--block-bg-color: var(--bgColor);
	--block-sphide: "'false'";
	--block--margin-diff: 1;
	--block--margin-sp-diff: var(--block--margin-diff);
	--gap-section-vertical-diff: 1;
	--gap-section-vertical-sp-diff: var(--gap-section-vertical-diff);
	--block-content-width-type: "def";
	--template_version: "v4";
	--id: "thema_koyou03";
	--name: "広友物産03（オフィスLP）";
	--workflow: "public";
	--fsize-pc: 62.5%;
	--fsize-sp: 42.5%;
	--s-align: center;
	--s-hero-align: center;
	--s-hero-bg-positioin: right center;
	--s-content-width: 1200px;
	--s-content-width-small: 980px;
	--s-break-point: 1024px;
	--block-contents-max-width: var(--s-content-width);
	--block--margin-sp: 4.0rem;
	--gap-section-vertical-sp: 3rem;
	--fsize-breadcrumb: calc(var(--fsize-base) * 0.8);
	--fsize-base-sp: 1.6rem;
	--fsize-breadcrumb-sp: calc(var(--fsize-breadcrumb) * 1.4);
	--fsize-headline-sp: 3.1rem;
	--fsize-container-headline-sp: 1.8rem;
	--fsize-container-headline-h4: calc(var(fsize-container-headline) * 1.0);
	--fsize-container-headline-h5: calc(var(fsize-container-headline) * 0.9);
	--bg-first-image: none;
	--bg-first-image-style: none;
	--bg-second-image: none;
	--bg-second-image-style: none;
	--bg-primary-image: none;
	--bg-primary-image-style: none;
	--frame-container-shadow: none;
	--frame-container-hover-shadow: 0 3px 6px;
	--hero-autoplay-delay: 7000;
	--reference: "https://koyou.cms01-stage.wit-inc.jp/sample-koyou03/lp01";
	--s-content-bg: "s-content-bg-alternate";
	--link-icon: "link-icon-fontawsome";
	--link-icon-content: "\f138";
	--link-icon-btn: "link-icon-btn-fontawsome";
	--link-icon-btn-content: "\f078";
	--link-icon-container: "link-icon-container-fontawsome";
	--link-icon-container-content: "\f138";
	--link-external: "link-external-fontawsome";
	--link-external-content: "\f061";
	--link-text: "link-text-icon-right";
	--link-text-hover: "link-text-hover-underline01";
	--link-btn: "link-btn-rightside-icon";
	--link-btn-hover: "link-btn-hover-scaledown01";
	--link-container: "link-container-none";
	--link-container-hover: "link-container-hover-scaledown01";
	--link-header-text: "link-text-none";
	--link-header-text-hover: "link-text-hover-underline01";
	--link-header-btn: "link-btn-none";
	--link-header-btn-hover: "link-btn-hover-scaledown01";
	--link-header-icon: "link-icon-none";
	--link-header-icon-content: none;
	--link-header-icon-btn: "link-icon-none";
	--link-header-icon-btn-content: none;
	--link-footer-text: "link-text-none";
	--link-footer-text-hover: "link-text-hover-underline01";
	--link-footer-btn: "link-btn-arrow01";
	--link-footer-btn-hover: "link-btn-hover-scaleup01";
	--link-footer-icon: "link-icon-none";
	--link-footer-icon-content: none;
	--link-footer-icon-btn: "link-icon-none";
	--link-footer-icon-btn-content: none;
	--frame-btn: "frame-btn-none";
	--frame-btn-radius: none;
	--frame-btn-shadow: none;
	--frame-container: "frame-container-none";
	--frame-container-radius: none;
	--decoration-em: "decoration-em-underline01";
	--decoration-strong: "decoration-strong-scaleup01";
	--ffamily-english: Futura PT;
	--fsize-base: 1.6rem;
	--ffamily-base-1: "";
	--ffamily-base-2: "";
	--ffamily-base-3: 'Noto Sans JP',sans-serif;
	--fweight-base: 400;
	--flineheight-base: 1.8;
	--fletterspacing-base: 0;
	--fsize-gmenu-base: 1.2rem;
	--fsize-gmenu-main: 1.6rem;
	--fsize-gmenu-sub: 1.4rem;
	--ffamily-gmenu-1: inherit;
	--ffamily-gmenu-2: "";
	--ffamily-gmenu-3: "";
	--fweight-gmenu: 400;
	--flineheight-gmenu: 2;
	--fletterspacing-gmenu: 0;
	--fsize-gmenu-sp: 1.7rem;
	--fsize-1head: 4.5rem;
	--ffamily-1head-1: "";
	--ffamily-1head-2: "";
	--ffamily-1head-3: '游明朝体','Yu Mincho',YuMincho,serif;
	--fweight-1head: 600;
	--flineheight-1head: 1.5;
	--fletterspacing-1head: 0.05em;
	--fsize-1head-sp: 8vw;
	--fsize-headline: 3.1rem;
	--ffamily-headline-1: 'Corporate Logo Ver2', 'コーポレート・ロゴ ver2', sans-serif;
	--ffamily-headline-2: "";
	--ffamily-headline-3: 'Noto Sans JP',sans-serif;
	--fweight-headline: 900;
	--flineheight-headline: inherit;
	--fletterspacing-headline: .06rem;
	--fsize-container-headline: 2.0rem;
	--ffamily-container-headline-1: 'Corporate Logo Ver2', 'コーポレート・ロゴ ver2', sans-serif;
	--ffamily-container-headline-2: "";
	--ffamily-container-headline-3: 'Noto Sans JP',sans-serif;
	--fweight-container-headline: 900;
	--flineheight-container-headline: 1.2;
	--fletterspacing-container-headline: 0.04rem;
	--block--margin: 7.0rem;
	--gap-section-vertical: 4.0rem;
	--page-side--margin-sp: 3rem;
	--block-container-padding: 2rem;
	--block-bg-container-color: "s-base-color";
	--s-breadcrumb: "s-breadcrumb-def";
	--s-headline: "s-headline-bottom-subtext";
	--s-container-vertical: "s-container-vertical-koyou03";
	--s-container-horizontal: "s-container-horizontal-default";
	--s-container-list: "s-container-list-koyou03";
	--s-text-link: "s-text-link-002";
	--s-btn: "s-btn-koyou03";
	--s-label: "s-label-koyou03";
	--s-badge: "s-badge-003";
	--s-table: "s-table-koyou03";
	--s-remarks: "s-remarks-koyou03";
	--s-point: "s-point-koyou03";
	--s-dl: "s-dl-koyou03";
	--s-ullist: "s-ullist-def";
	--s-ullist-icon: "s-ullist-icon-materialoutlined";
	--s-ullist-icon-content: "\e15b";
	--s-blockquote: "s-blockquote-koyou03";
	--b-explanationInfo: "b-explanationInfo-Info";
	--b-newsList: "b-newsList-vertical";
	--b-historyInfo: "b-historyInfo-table";
	--b-accessInfo: "b-accessInfo-vertical";
	--ffamily-base: 'Noto Sans JP',sans-serif;
	--ffamily-gmenu: inherit;
	--ffamily-1head: var(--s-font-family-1head);
	--ffamily-headline: 'Corporate Logo Ver2', 'コーポレート・ロゴ ver2', sans-serif,'Noto Sans JP',sans-serif;
	--ffamily-container-headline: 'Corporate Logo Ver2', 'コーポレート・ロゴ ver2', sans-serif,'Noto Sans JP',sans-serif;
	--s-font-family: 'Montserrat', Yu Gothic, sans-serif;
	--s-font-family-english: inherit;
	--s-font-family-1head: YuMincho,'Yu Mincho', serif;
	--s-font-family-headline: YuMincho,'Yu Mincho', serif;
	--hero--margin: 6.0rem;
	--gap-container: 1.5rem;
	--gap-icon: .8em;
	--border-container: 1px  solid  var(--border-defColor);
	--border-container-items: 1px  dotted  var(--border-defColor);
	--gap-section-horizontal: 6.0rem;
	--bg-primary: none;
	--gap-container-vertical: 3.0rem;
	--gap-container-horizontal: 1.0rem;
	--gap-container-horizontal-col02: 4.0rem;
	--gap-container-horizontal-col03: 3.0rem;
	--gap-container-horizontal-col04: 2.0rem;
	--gap-container-horizontal-col05: 1.0rem;
	--gap-container-horizontal-col06: 1.0rem;
	--container-padding: 2.5rem;
	--gap-container-items: 1em;
	--gap-container-text: 0.5em;
	--gap-hero: 1.5rem;
	--gap-hero-text: 0.5rem;
	--ffamily-message: inherit;
	--fsize-message: 1.8rem;
	--fweight-message: 400;
	--flineheight-message: 1.8;
	--fletterspacing-message: 0.05em;
	--ffamily-note: inherit;
	--fsize-note: 1.4rem;
	--fweight-note: 400;
	--flineheight-note: 1.5;
	--fletterspacing-note: 0.05em;
	--fsize-strong: 1.5em;
	--fweight-strong: inherit;
	--flineheight-strong: inherit;
	--fletterspacing-strong: inherit;
	--fcolor-strong: inherit;
	--fbg-strong: inherit;
	--fsize-em: inherit;
	--fweight-em: inherit;
	--flineheight-em: inherit;
	--fletterspacing-em: inherit;
	--fcolor-em: inherit;
	--fbg-em: linear-gradient(transparent 70%, var(--txt-body-sub) 70%, var(--txt-body-sub) 90%, transparent 90%, transparent 100%);
	--fsize-small: 0.6em;
	--fweight-small: inherit;
	--flineheight-small: inherit;
	--fletterspacing-small: inherit;
	--fcolor-small: inherit;
	--fbg-small: inherit;
	--fcolor-1head: inherit;
	--faccent-1head: var(--primary-defColor);
	--faccent-1head-txt: var(--primary-def-txt-bodyColor);
	--fbg-1head: inherit;
	--ffamily-2head: inherit;
	--fsize-2head: 2.8rem;
	--fweight-2head: 600;
	--flineheight-2head: 1.4;
	--fletterspacing-2head: 0.01em;
	--fcolor-2head: inherit;
	--faccent-2head: var(--primary-defColor);
	--fbg-2head: inherit;
	--gap-2head: 1em;
	--ffamily-3head: inherit;
	--fsize-3head: 2.4rem;
	--fweight-3head: 400;
	--flineheight-3head: 1.4;
	--fletterspacing-3head: 0.01em;
	--fcolor-3head: inherit;
	--faccent-3head: var(--primary-defColor);
	--fbg-3head: inherit;
	--ffamily-4head: inherit;
	--fsize-4head: 1.8rem;
	--fweight-4head: 700;
	--flineheight-4head: 1.4;
	--fletterspacing-4head: 0.01em;
	--fcolor-4head: inherit;
	--faccent-4head: var(--primary-defColor);
	--fbg-4head: inherit;
	--ffamily-5head: inherit;
	--fsize-5head: 1.8rem;
	--fweight-5head: 500;
	--flineheight-5head: 1.4;
	--fletterspacing-5head: 0.01em;
	--fcolor-5head: inherit;
	--faccent-5head: var(--primary-defColor);
	--fbg-5head: inherit;
	--ffamily-head-sub: inherit;
	--fsize-head-sub: 0.5em;
	--fweight-head-sub: inherit;
	--flineheight-head-sub: inherit;
	--fletterspacing-head-sub: inherit;
	--fcolor-head-sub: inherit;
	--faccent-head-sub: inherit;
	--fbg-head-sub: inherit;
	--fsize-btn-def: 1.6rem;
	--fweight-btn-def: 400;
	--flineheight-btn-def: inherit;
	--fletterspacing-btn-def: inherit;
	--s-width-btn-def: 27rem;
	--fsize-btn-large: 1.8rem;
	--fweight-btn-large: 400;
	--flineheight-btn-large: inherit;
	--fletterspacing-btn-large: inherit;
	--s-width-btn-large: 35rem;
	--fsize-btn-small: 1.4rem;
	--fweight-btn-small: 400;
	--flineheight-btn-small: inherit;
	--fletterspacing-btn-small: inherit;
	--s-width-btn-small: none;
	--fweight-gmenu-main: 400;
	--flineheight-gmenu-main: 1.4;
	--fletterspacing-gmenu-main: 0;
	--fweight-gmenu-sub: inherit;
	--flineheight-gmenu-sub: inherit;
	--fletterspacing-gmenu-sub: inherit;
	--fsize-gmenu-btn: 1.2rem;
	--fweight-gmenu-btn: inherit;
	--flineheight-gmenu-btn: inherit;
	--fletterspacing-gmenu-btn: inherit;
	--s-width-gmenu-btn: 15rem;
	--gap-hero-top: var(--hero--margin);
	--block--paddingT: var(--block--margin);
	--block--paddingB: var(--block--margin);
	--block--gap: var(--block--padding);
	--padding-container: var(--container-padding);
	--col02-gap-container: var(--gap-container-horizontal-col02);
	--col03-gap-container: var(--gap-container-horizontal-col03);
	--col04-gap-container: var(--gap-container-horizontal-col04);
	--s-align-flex: center;
	--s-align-opp: center;
	--s-hero-align-flex: center;
	--s-hero-align-opp: center;
}
.before-content--header-top-line-height::before { content: "5px"; }
.before-content--header-logo-max-width::before { content: "30rem"; }
.before-content--header-comp-logo-max-width::before { content: "20rem"; }
.before-content--header-fsize::before { content: "1.6rem"; }
.before-content--header-fsize-base::before { content: "var(--fsize-gmenu-base)"; }
.before-content--header-fsize-main::before { content: "var(--fsize-gmenu-main)"; }
.before-content--header-fsize-sub::before { content: "var(--fsize-gmenu-sub)"; }
.before-content--header-ffamily-base::before { content: "var(--ffamily-gmenu)"; }
.before-content--header-fweight-base::before { content: "var(--fweight-gmenu)"; }
.before-content--header-flineheight-base::before { content: "var(--flineheight-gmenu)"; }
.before-content--header-fletterspacing-base::before { content: "var(--fletterspacing-gmenu)"; }
.before-content--header-fsize-base-sp::before { content: "var(--fsize-gmenu-sp)"; }
.before-content--header-fsize-btn::before { content: "var(--fsize-gmenu-base)"; }
.before-content--header-ffamily-btn::before { content: "var(--ffamily-gmenu)"; }
.before-content--header-fweight-btn::before { content: "var(--fweight-gmenu)"; }
.before-content--header-flineheight-btn::before { content: "var(--flineheight-gmenu)"; }
.before-content--header-fletterspacing-btn::before { content: "var(--fletterspacing-gmenu)"; }
.before-content--header-fsize-btn-sp::before { content: "var(--fsize-gmenu-sp)"; }
.before-content--header-height-append::before { content: "calc(var(--gmenu-fsize-base) * 3)"; }
.before-content--header-height-before::before { content: "calc(var(--gmenu-fsize-base) * 5)"; }
.before-content--header-height-after::before { content: "calc(var(--gmenu-fsize-base) * 5)"; }
.before-content--header-height::before { content: "6.5rem"; }
.before-content--header-border::before { content: "1px solid #bbbcbc"; }
.before-content--header-accent::before { content: "var(--mainColor)"; }
.before-content--spheader-top-line-height::before { content: "5px"; }
.before-content--spheader-logo-max-width::before { content: "30rem"; }
.before-content--spheader-comp-logo-max-width::before { content: "20rem"; }
.before-content--spheader-height::before { content: "8.7rem"; }
.before-content--spheader-border::before { content: "1px solid #bbbcbc"; }
.before-content--spheader-accent::before { content: "var(--mainColor)"; }
.before-content--spheader-main-bg::before { content: ""s-bg-header-color""; }
.before-content--spheader-fsize-base::before { content: "var(--fsize-gmenu-base-sp)"; }
.before-content--spheader-ffamily-base::before { content: "var(--ffamily-gmenu)"; }
.before-content--spheader-fweight-base::before { content: "var(--fweight-gmenu)"; }
.before-content--spheader-flineheight-base::before { content: "var(--flineheight-gmenu)"; }
.before-content--spheader-fletterspacing-base::before { content: "var(--fletterspacing-gmenu)"; }
.before-content--spheader-fsize-btn::before { content: "var(--fsize-gmenu-base-sp)"; }
.before-content--spheader-ffamily-btn::before { content: "var(--ffamily-gmenu)"; }
.before-content--spheader-fweight-btn::before { content: "var(--fweight-gmenu)"; }
.before-content--spheader-flineheight-btn::before { content: "var(--flineheight-gmenu)"; }
.before-content--spheader-fletterspacing-btn::before { content: "var(--fletterspacing-gmenu)"; }
.before-content--gmenu-height-pc::before { content: "7rem"; }
.before-content--gmenu-scroll-height-pc::before { content: "5rem"; }
.before-content--gmenu-child-gap::before { content: "1.5em"; }
.before-content--gmenu-child-num::before { content: "3"; }
.before-content--gmenu-child-parent-width::before { content: "150px"; }
.before-content--gmenu-main-bg::before { content: ""s-bg-gmenu-color""; }
.before-content--gmenu-child-bg::before { content: ""s-bg-header-color""; }
.before-content--gmenu-head1-bg::before { content: ""s-main-color""; }
.before-content--gmenu-fsize-base::before { content: "var(--fsize-gmenu-base)"; }
.before-content--gmenu-fsize-main::before { content: "var(--fsize-gmenu-main)"; }
.before-content--gmenu-fsize-head1::before { content: "var(--fsize-gmenu-head1)"; }
.before-content--gmenu-fsize-head2::before { content: "var(--fsize-gmenu-head2)"; }
.before-content--gmenu-fsize-sub::before { content: "var(--fsize-gmenu-sub)"; }
.before-content--gmenu-ffamily-base::before { content: "var(--ffamily-gmenu)"; }
.before-content--gmenu-fweight-base::before { content: "var(--fweight-gmenu)"; }
.before-content--gmenu-flineheight-base::before { content: "var(--flineheight-gmenu)"; }
.before-content--gmenu-fletterspacing-base::before { content: "var(--fletterspacing-gmenu)"; }
.before-content--gmenu-down-icon-type::before { content: ""Material Symbols Outlined""; }
.before-content--gmenu-down-icon-content::before { content: ""\e313""; }
.before-content--spgmenu-menu-padding::before { content: "3rem"; }
.before-content--spgmenu-submenu-padding::before { content: "2rem"; }
.before-content--spgmenu-bg::before { content: ""s-bg-gmenu-color""; }
.before-content--spgmenu-fsize-base::before { content: "var(--fsize-gmenu-sp)"; }
.before-content--spgmenu-ffamily-base::before { content: "var(--ffamily-gmenu)"; }
.before-content--spgmenu-fweight-base::before { content: "var(--fweight-gmenu)"; }
.before-content--spgmenu-flineheight-base::before { content: "var(--flineheight-gmenu)"; }
.before-content--spgmenu-fletterspacing-base::before { content: "var(--fletterspacing-gmenu)"; }
.before-content--spgmenu-fsize-btn::before { content: "var(--fsize-gmenu-sp)"; }
.before-content--spgmenu-ffamily-btn::before { content: "var(--ffamily-gmenu)"; }
.before-content--spgmenu-fweight-btn::before { content: "var(--fweight-gmenu)"; }
.before-content--spgmenu-flineheight-btn::before { content: "var(--flineheight-gmenu)"; }
.before-content--spgmenu-fletterspacing-btn::before { content: "var(--fletterspacing-gmenu)"; }
.before-content--comp__container-horizontal__size::before { content: ""size-5-7""; }
.before-content--comp__container-horizontal__vertical-justify::before { content: ""flex-start""; }
.before-content--comp__container-horizontal__container-width::before { content: "100%"; }
.before-content--comp__container-vertical__vertical-justify::before { content: ""flex-start""; }
.before-content--comp__container-vertical__image-padding::before { content: "1rem 1rem 0"; }
.before-content--comp__container-vertical__grid-num::before { content: "4"; }
.before-content--comp__container-vertical__gap::before { content: "1.0rem"; }
.before-content--comp__conversion-horizontal__vertical-justify::before { content: ""flex-start""; }
.before-content--comp__headline__h4-rate::before { content: "1.0"; }
.before-content--comp__headline__h5-rate::before { content: "0.9"; }
.before-content--comp__headline__h2-txt-color::before { content: "var(--txt-headColor)"; }
.before-content--comp__headline__h2-subtxt-color::before { content: "var(--txt-headColor)"; }
.before-content--comp__image__size-fit::before { content: ""size-cover""; }
.before-content--comp__image__size-position::before { content: ""position-center""; }
.before-content--comp__images__grid-num::before { content: "4"; }
.before-content--comp__images__gap::before { content: "1.0rem"; }
.before-content--comp__taglist__list-bg-color::before { content: ""s-main-mono-color""; }
.before-content--comp__ullist__list-bg-color::before { content: ""s-base-color""; }
.before-content--block-bg-image::before { content: "none"; }
.before-content--block-bg-image-style::before { content: "center"; }
.before-content--block-bg-color::before { content: "var(--bgColor)"; }
.before-content--block-sphide::before { content: ""'false'""; }
.before-content--block--margin-diff::before { content: "1"; }
.before-content--block--margin-sp-diff::before { content: "var(--block--margin-diff)"; }
.before-content--gap-section-vertical-diff::before { content: "1"; }
.before-content--gap-section-vertical-sp-diff::before { content: "var(--gap-section-vertical-diff)"; }
.before-content--block-content-width-type::before { content: ""def""; }
.before-content--template_version::before { content: ""v4""; }
.before-content--id::before { content: ""thema_koyou03""; }
.before-content--name::before { content: ""広友物産03（オフィスLP）""; }
.before-content--workflow::before { content: ""public""; }
.before-content--fsize-pc::before { content: "62.5%"; }
.before-content--fsize-sp::before { content: "42.5%"; }
.before-content--s-align::before { content: "center"; }
.before-content--s-hero-align::before { content: "center"; }
.before-content--s-hero-bg-positioin::before { content: "right center"; }
.before-content--s-content-width::before { content: "1200px"; }
.before-content--s-content-width-small::before { content: "980px"; }
.before-content--s-break-point::before { content: "1024px"; }
.before-content--block-contents-max-width::before { content: "var(--s-content-width)"; }
.before-content--block--margin-sp::before { content: "4.0rem"; }
.before-content--gap-section-vertical-sp::before { content: "3rem"; }
.before-content--fsize-breadcrumb::before { content: "calc(var(--fsize-base) * 0.8)"; }
.before-content--fsize-base-sp::before { content: "1.6rem"; }
.before-content--fsize-breadcrumb-sp::before { content: "calc(var(--fsize-breadcrumb) * 1.4)"; }
.before-content--fsize-headline-sp::before { content: "3.1rem"; }
.before-content--fsize-container-headline-sp::before { content: "1.8rem"; }
.before-content--fsize-container-headline-h4::before { content: "calc(var(fsize-container-headline) * 1.0)"; }
.before-content--fsize-container-headline-h5::before { content: "calc(var(fsize-container-headline) * 0.9)"; }
.before-content--bg-first-image::before { content: "none"; }
.before-content--bg-first-image-style::before { content: "none"; }
.before-content--bg-second-image::before { content: "none"; }
.before-content--bg-second-image-style::before { content: "none"; }
.before-content--bg-primary-image::before { content: "none"; }
.before-content--bg-primary-image-style::before { content: "none"; }
.before-content--frame-container-shadow::before { content: "none"; }
.before-content--frame-container-hover-shadow::before { content: "0 3px 6px"; }
.before-content--hero-autoplay-delay::before { content: "7000"; }
.before-content--reference::before { content: ""https://koyou.cms01-stage.wit-inc.jp/sample-koyou03/lp01""; }
.before-content--s-content-bg::before { content: ""s-content-bg-alternate""; }
.before-content--link-icon::before { content: ""link-icon-fontawsome""; }
.before-content--link-icon-content::before { content: ""\f138""; }
.before-content--link-icon-btn::before { content: ""link-icon-btn-fontawsome""; }
.before-content--link-icon-btn-content::before { content: ""\f078""; }
.before-content--link-icon-container::before { content: ""link-icon-container-fontawsome""; }
.before-content--link-icon-container-content::before { content: ""\f138""; }
.before-content--link-external::before { content: ""link-external-fontawsome""; }
.before-content--link-external-content::before { content: ""\f061""; }
.before-content--link-text::before { content: ""link-text-icon-right""; }
.before-content--link-text-hover::before { content: ""link-text-hover-underline01""; }
.before-content--link-btn::before { content: ""link-btn-rightside-icon""; }
.before-content--link-btn-hover::before { content: ""link-btn-hover-scaledown01""; }
.before-content--link-container::before { content: ""link-container-none""; }
.before-content--link-container-hover::before { content: ""link-container-hover-scaledown01""; }
.before-content--link-header-text::before { content: ""link-text-none""; }
.before-content--link-header-text-hover::before { content: ""link-text-hover-underline01""; }
.before-content--link-header-btn::before { content: ""link-btn-none""; }
.before-content--link-header-btn-hover::before { content: ""link-btn-hover-scaledown01""; }
.before-content--link-header-icon::before { content: ""link-icon-none""; }
.before-content--link-header-icon-content::before { content: "none"; }
.before-content--link-header-icon-btn::before { content: ""link-icon-none""; }
.before-content--link-header-icon-btn-content::before { content: "none"; }
.before-content--link-footer-text::before { content: ""link-text-none""; }
.before-content--link-footer-text-hover::before { content: ""link-text-hover-underline01""; }
.before-content--link-footer-btn::before { content: ""link-btn-arrow01""; }
.before-content--link-footer-btn-hover::before { content: ""link-btn-hover-scaleup01""; }
.before-content--link-footer-icon::before { content: ""link-icon-none""; }
.before-content--link-footer-icon-content::before { content: "none"; }
.before-content--link-footer-icon-btn::before { content: ""link-icon-none""; }
.before-content--link-footer-icon-btn-content::before { content: "none"; }
.before-content--frame-btn::before { content: ""frame-btn-none""; }
.before-content--frame-btn-radius::before { content: "none"; }
.before-content--frame-btn-shadow::before { content: "none"; }
.before-content--frame-container::before { content: ""frame-container-none""; }
.before-content--frame-container-radius::before { content: "none"; }
.before-content--decoration-em::before { content: ""decoration-em-underline01""; }
.before-content--decoration-strong::before { content: ""decoration-strong-scaleup01""; }
.before-content--ffamily-english::before { content: "Futura PT"; }
.before-content--fsize-base::before { content: "1.6rem"; }
.before-content--ffamily-base-1::before { content: """"; }
.before-content--ffamily-base-2::before { content: """"; }
.before-content--ffamily-base-3::before { content: "'Noto Sans JP',sans-serif"; }
.before-content--fweight-base::before { content: "400"; }
.before-content--flineheight-base::before { content: "1.8"; }
.before-content--fletterspacing-base::before { content: "0"; }
.before-content--fsize-gmenu-base::before { content: "1.2rem"; }
.before-content--fsize-gmenu-main::before { content: "1.6rem"; }
.before-content--fsize-gmenu-sub::before { content: "1.4rem"; }
.before-content--ffamily-gmenu-1::before { content: "inherit"; }
.before-content--ffamily-gmenu-2::before { content: """"; }
.before-content--ffamily-gmenu-3::before { content: """"; }
.before-content--fweight-gmenu::before { content: "400"; }
.before-content--flineheight-gmenu::before { content: "2"; }
.before-content--fletterspacing-gmenu::before { content: "0"; }
.before-content--fsize-gmenu-sp::before { content: "1.7rem"; }
.before-content--fsize-1head::before { content: "4.5rem"; }
.before-content--ffamily-1head-1::before { content: """"; }
.before-content--ffamily-1head-2::before { content: """"; }
.before-content--ffamily-1head-3::before { content: "'游明朝体','Yu Mincho',YuMincho,serif"; }
.before-content--fweight-1head::before { content: "600"; }
.before-content--flineheight-1head::before { content: "1.5"; }
.before-content--fletterspacing-1head::before { content: "0.05em"; }
.before-content--fsize-1head-sp::before { content: "8vw"; }
.before-content--fsize-headline::before { content: "3.1rem"; }
.before-content--ffamily-headline-1::before { content: "'Corporate Logo Ver2', 'コーポレート・ロゴ ver2', sans-serif"; }
.before-content--ffamily-headline-2::before { content: """"; }
.before-content--ffamily-headline-3::before { content: "'Noto Sans JP',sans-serif"; }
.before-content--fweight-headline::before { content: "900"; }
.before-content--flineheight-headline::before { content: "inherit"; }
.before-content--fletterspacing-headline::before { content: ".06rem"; }
.before-content--fsize-container-headline::before { content: "2.0rem"; }
.before-content--ffamily-container-headline-1::before { content: "'Corporate Logo Ver2', 'コーポレート・ロゴ ver2', sans-serif"; }
.before-content--ffamily-container-headline-2::before { content: """"; }
.before-content--ffamily-container-headline-3::before { content: "'Noto Sans JP',sans-serif"; }
.before-content--fweight-container-headline::before { content: "900"; }
.before-content--flineheight-container-headline::before { content: "1.2"; }
.before-content--fletterspacing-container-headline::before { content: "0.04rem"; }
.before-content--block--margin::before { content: "7.0rem"; }
.before-content--gap-section-vertical::before { content: "4.0rem"; }
.before-content--page-side--margin-sp::before { content: "3rem"; }
.before-content--block-container-padding::before { content: "2rem"; }
.before-content--block-bg-container-color::before { content: ""s-base-color""; }
.before-content--s-breadcrumb::before { content: ""s-breadcrumb-def""; }
.before-content--s-headline::before { content: ""s-headline-bottom-subtext""; }
.before-content--s-container-vertical::before { content: ""s-container-vertical-koyou03""; }
.before-content--s-container-horizontal::before { content: ""s-container-horizontal-default""; }
.before-content--s-container-list::before { content: ""s-container-list-koyou03""; }
.before-content--s-text-link::before { content: ""s-text-link-002""; }
.before-content--s-btn::before { content: ""s-btn-koyou03""; }
.before-content--s-label::before { content: ""s-label-koyou03""; }
.before-content--s-badge::before { content: ""s-badge-003""; }
.before-content--s-table::before { content: ""s-table-koyou03""; }
.before-content--s-remarks::before { content: ""s-remarks-koyou03""; }
.before-content--s-point::before { content: ""s-point-koyou03""; }
.before-content--s-dl::before { content: ""s-dl-koyou03""; }
.before-content--s-ullist::before { content: ""s-ullist-def""; }
.before-content--s-ullist-icon::before { content: ""s-ullist-icon-materialoutlined""; }
.before-content--s-ullist-icon-content::before { content: ""\e15b""; }
.before-content--s-blockquote::before { content: ""s-blockquote-koyou03""; }
.before-content--b-explanationInfo::before { content: ""b-explanationInfo-Info""; }
.before-content--b-newsList::before { content: ""b-newsList-vertical""; }
.before-content--b-historyInfo::before { content: ""b-historyInfo-table""; }
.before-content--b-accessInfo::before { content: ""b-accessInfo-vertical""; }
.before-content--ffamily-base::before { content: "'Noto Sans JP',sans-serif"; }
.before-content--ffamily-gmenu::before { content: "inherit"; }
.before-content--ffamily-1head::before { content: "var(--s-font-family-1head)"; }
.before-content--ffamily-headline::before { content: "'Corporate Logo Ver2', 'コーポレート・ロゴ ver2', sans-serif,'Noto Sans JP',sans-serif"; }
.before-content--ffamily-container-headline::before { content: "'Corporate Logo Ver2', 'コーポレート・ロゴ ver2', sans-serif,'Noto Sans JP',sans-serif"; }
.before-content--s-font-family::before { content: "'Montserrat', Yu Gothic, sans-serif"; }
.before-content--s-font-family-english::before { content: "inherit"; }
.before-content--s-font-family-1head::before { content: "YuMincho,'Yu Mincho', serif"; }
.before-content--s-font-family-headline::before { content: "YuMincho,'Yu Mincho', serif"; }
.before-content--hero--margin::before { content: "6.0rem"; }
.before-content--gap-container::before { content: "1.5rem"; }
.before-content--gap-icon::before { content: ".8em"; }
.before-content--border-container::before { content: "1px  solid  var(--border-defColor)"; }
.before-content--border-container-items::before { content: "1px  dotted  var(--border-defColor)"; }
.before-content--gap-section-horizontal::before { content: "6.0rem"; }
.before-content--bg-primary::before { content: "none"; }
.before-content--gap-container-vertical::before { content: "3.0rem"; }
.before-content--gap-container-horizontal::before { content: "1.0rem"; }
.before-content--gap-container-horizontal-col02::before { content: "4.0rem"; }
.before-content--gap-container-horizontal-col03::before { content: "3.0rem"; }
.before-content--gap-container-horizontal-col04::before { content: "2.0rem"; }
.before-content--gap-container-horizontal-col05::before { content: "1.0rem"; }
.before-content--gap-container-horizontal-col06::before { content: "1.0rem"; }
.before-content--container-padding::before { content: "2.5rem"; }
.before-content--gap-container-items::before { content: "1em"; }
.before-content--gap-container-text::before { content: "0.5em"; }
.before-content--gap-hero::before { content: "1.5rem"; }
.before-content--gap-hero-text::before { content: "0.5rem"; }
.before-content--ffamily-message::before { content: "inherit"; }
.before-content--fsize-message::before { content: "1.8rem"; }
.before-content--fweight-message::before { content: "400"; }
.before-content--flineheight-message::before { content: "1.8"; }
.before-content--fletterspacing-message::before { content: "0.05em"; }
.before-content--ffamily-note::before { content: "inherit"; }
.before-content--fsize-note::before { content: "1.4rem"; }
.before-content--fweight-note::before { content: "400"; }
.before-content--flineheight-note::before { content: "1.5"; }
.before-content--fletterspacing-note::before { content: "0.05em"; }
.before-content--fsize-strong::before { content: "1.5em"; }
.before-content--fweight-strong::before { content: "inherit"; }
.before-content--flineheight-strong::before { content: "inherit"; }
.before-content--fletterspacing-strong::before { content: "inherit"; }
.before-content--fcolor-strong::before { content: "inherit"; }
.before-content--fbg-strong::before { content: "inherit"; }
.before-content--fsize-em::before { content: "inherit"; }
.before-content--fweight-em::before { content: "inherit"; }
.before-content--flineheight-em::before { content: "inherit"; }
.before-content--fletterspacing-em::before { content: "inherit"; }
.before-content--fcolor-em::before { content: "inherit"; }
.before-content--fbg-em::before { content: "linear-gradient(transparent 70%, var(--txt-body-sub) 70%, var(--txt-body-sub) 90%, transparent 90%, transparent 100%)"; }
.before-content--fsize-small::before { content: "0.6em"; }
.before-content--fweight-small::before { content: "inherit"; }
.before-content--flineheight-small::before { content: "inherit"; }
.before-content--fletterspacing-small::before { content: "inherit"; }
.before-content--fcolor-small::before { content: "inherit"; }
.before-content--fbg-small::before { content: "inherit"; }
.before-content--fcolor-1head::before { content: "inherit"; }
.before-content--faccent-1head::before { content: "var(--primary-defColor)"; }
.before-content--faccent-1head-txt::before { content: "var(--primary-def-txt-bodyColor)"; }
.before-content--fbg-1head::before { content: "inherit"; }
.before-content--ffamily-2head::before { content: "inherit"; }
.before-content--fsize-2head::before { content: "2.8rem"; }
.before-content--fweight-2head::before { content: "600"; }
.before-content--flineheight-2head::before { content: "1.4"; }
.before-content--fletterspacing-2head::before { content: "0.01em"; }
.before-content--fcolor-2head::before { content: "inherit"; }
.before-content--faccent-2head::before { content: "var(--primary-defColor)"; }
.before-content--fbg-2head::before { content: "inherit"; }
.before-content--gap-2head::before { content: "1em"; }
.before-content--ffamily-3head::before { content: "inherit"; }
.before-content--fsize-3head::before { content: "2.4rem"; }
.before-content--fweight-3head::before { content: "400"; }
.before-content--flineheight-3head::before { content: "1.4"; }
.before-content--fletterspacing-3head::before { content: "0.01em"; }
.before-content--fcolor-3head::before { content: "inherit"; }
.before-content--faccent-3head::before { content: "var(--primary-defColor)"; }
.before-content--fbg-3head::before { content: "inherit"; }
.before-content--ffamily-4head::before { content: "inherit"; }
.before-content--fsize-4head::before { content: "1.8rem"; }
.before-content--fweight-4head::before { content: "700"; }
.before-content--flineheight-4head::before { content: "1.4"; }
.before-content--fletterspacing-4head::before { content: "0.01em"; }
.before-content--fcolor-4head::before { content: "inherit"; }
.before-content--faccent-4head::before { content: "var(--primary-defColor)"; }
.before-content--fbg-4head::before { content: "inherit"; }
.before-content--ffamily-5head::before { content: "inherit"; }
.before-content--fsize-5head::before { content: "1.8rem"; }
.before-content--fweight-5head::before { content: "500"; }
.before-content--flineheight-5head::before { content: "1.4"; }
.before-content--fletterspacing-5head::before { content: "0.01em"; }
.before-content--fcolor-5head::before { content: "inherit"; }
.before-content--faccent-5head::before { content: "var(--primary-defColor)"; }
.before-content--fbg-5head::before { content: "inherit"; }
.before-content--ffamily-head-sub::before { content: "inherit"; }
.before-content--fsize-head-sub::before { content: "0.5em"; }
.before-content--fweight-head-sub::before { content: "inherit"; }
.before-content--flineheight-head-sub::before { content: "inherit"; }
.before-content--fletterspacing-head-sub::before { content: "inherit"; }
.before-content--fcolor-head-sub::before { content: "inherit"; }
.before-content--faccent-head-sub::before { content: "inherit"; }
.before-content--fbg-head-sub::before { content: "inherit"; }
.before-content--fsize-btn-def::before { content: "1.6rem"; }
.before-content--fweight-btn-def::before { content: "400"; }
.before-content--flineheight-btn-def::before { content: "inherit"; }
.before-content--fletterspacing-btn-def::before { content: "inherit"; }
.before-content--s-width-btn-def::before { content: "27rem"; }
.before-content--fsize-btn-large::before { content: "1.8rem"; }
.before-content--fweight-btn-large::before { content: "400"; }
.before-content--flineheight-btn-large::before { content: "inherit"; }
.before-content--fletterspacing-btn-large::before { content: "inherit"; }
.before-content--s-width-btn-large::before { content: "35rem"; }
.before-content--fsize-btn-small::before { content: "1.4rem"; }
.before-content--fweight-btn-small::before { content: "400"; }
.before-content--flineheight-btn-small::before { content: "inherit"; }
.before-content--fletterspacing-btn-small::before { content: "inherit"; }
.before-content--s-width-btn-small::before { content: "none"; }
.before-content--fweight-gmenu-main::before { content: "400"; }
.before-content--flineheight-gmenu-main::before { content: "1.4"; }
.before-content--fletterspacing-gmenu-main::before { content: "0"; }
.before-content--fweight-gmenu-sub::before { content: "inherit"; }
.before-content--flineheight-gmenu-sub::before { content: "inherit"; }
.before-content--fletterspacing-gmenu-sub::before { content: "inherit"; }
.before-content--fsize-gmenu-btn::before { content: "1.2rem"; }
.before-content--fweight-gmenu-btn::before { content: "inherit"; }
.before-content--flineheight-gmenu-btn::before { content: "inherit"; }
.before-content--fletterspacing-gmenu-btn::before { content: "inherit"; }
.before-content--s-width-gmenu-btn::before { content: "15rem"; }
.before-content--gap-hero-top::before { content: "var(--hero--margin)"; }
.before-content--block--paddingT::before { content: "var(--block--margin)"; }
.before-content--block--paddingB::before { content: "var(--block--margin)"; }
.before-content--block--gap::before { content: "var(--block--padding)"; }
.before-content--padding-container::before { content: "var(--container-padding)"; }
.before-content--col02-gap-container::before { content: "var(--gap-container-horizontal-col02)"; }
.before-content--col03-gap-container::before { content: "var(--gap-container-horizontal-col03)"; }
.before-content--col04-gap-container::before { content: "var(--gap-container-horizontal-col04)"; }
.before-content--s-align-flex::before { content: "center"; }
.before-content--s-align-opp::before { content: "center"; }
.before-content--s-hero-align-flex::before { content: "center"; }
.before-content--s-hero-align-opp::before { content: "center"; }

*, ::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
}

dl dl, dl ol, dl ul, ol dl, ul dl {
  margin: 0
}

ol ol, ol ul, ul ol, ul ul {
  margin: 0
}

hr {
  height: 0;
  overflow: visible
}

main {
  display: block
}

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

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

audio, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

iframe {
  border-style: none
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

table {
  border-collapse: collapse
}

button, input, select {
  margin: 0
}

button {
  overflow: visible;
  text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button
}

fieldset {
  border: 1px solid #a0a0a0;
  padding: .35em .75em .625em
}

input {
  overflow: visible
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

select {
  text-transform: none
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical
}

[type=checkbox], [type=radio] {
  padding: 0
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

.mb-30 {
  margin-bottom: 30px !important;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

::-moz-focus-inner {
  border-style: none;
  padding: 0
}

:-moz-focusring {
  outline: 1px dotted
}

:-moz-ui-invalid {
  box-shadow: none
}

details {
  display: block
}

dialog {
  background-color: var(--main-bg-color);
  border: solid;
  color: var(--main-text-color);
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content
}

dialog:not([open]) {
  display: none
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

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

[hidden] {
  display: none
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled=true], [disabled] {
  cursor: not-allowed
}

[aria-hidden=false][hidden] {
  display: initial
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute
}
.icon-before--circle-arrow::before,
.icon-after--circle-arrow::after {
	display: none;
	font-family: 'Material Symbols Outlined';
	content: "\eaaa";
	font-weight: 900;
	font-size: 1.3em;
	line-height: 1;
	padding: 0;
	text-align: center;
	margin: 0;
	justify-content: center;
	align-items: center;
	transform: rotate(-90);
	color: var(--txt-body-primary);
}
.icon-before--arrow::before,
.icon-after--arrow::after {
	display: none;
	font-family: 'Material Symbols Rounded';
	content: "\e5e1";
	font-weight: 900;
	font-size: .8em;
	line-height: 1;
	padding: 0;
	text-align: center;
	margin: 0;
	justify-content: center;
	align-items: center;
}

/* animation-001 */
.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);
}
.cx-text-link.s-animation-001[href]::before {
	transition: all .2s;
}
.cx-text-link.s-animation-001[href]:hover::before {
	transform: translateX(.3em);
}

/* animation-002 */
.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);
}
.cx-text-link.s-animation-002[href]::before {
	transition: all .2s;
}
.cx-text-link.s-animation-002[href]:hover::before {
	transform: translateX(.3em);
}

html {
}

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

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

/* headline */
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;
}

a {
	transition: all .3s;
	color: inherit;
}
a:hover {
}

img {
  width: 100%;
  height: auto;
  display: block
}

figure {
  margin: 0
}

em {
	font-style: normal;
	font-weight: normal;
}
strong {
	font-weight: normal;
}

/* table */
table {
  margin: 0 auto 1.875rem;
  border-left: solid 1px #7f7f7f;
  border-top: solid 1px #7f7f7f;
}
table:not(:first-child) {
  margin-top: .75rem
}
table caption {
  text-align: center;
  margin: 0 0 2.125rem
}
table:first-child caption {
  margin-top: 0
}
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
}
@media only screen and (min-width: 1024px) {
  table {
    max-width: 57.75rem
  }
}
@media only screen and (min-width: 830px) {
  table {
    margin: 0 auto 3.75rem;
    max-width: 48.75rem
  }
}

/* class Style */
.text-red { color: #d9534f; }

.text-right { text-align: right; }
.text-center { text-align: center; }
.text-left { text-align: left; }

.text-nowrap { white-space: nowrap; }

.block-fix {
	display: block;
	width: 100%;
}

/** manage-class **/
body.highlightBlock #app > header,
body.highlightBlock #app > .l-hero-wrapper { opacity: 0.3 !important; }
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; }
body.highlightBlock .highlightBlock-active {
	box-shadow: 0 0 10px red !important;
}

.drop-shadow-1 {
	filter: drop-shadow(0px 0px 1px var(--heroColor));
}
.drop-shadow-2 {
	filter: drop-shadow(0px 0px 1px var(--heroColor)) drop-shadow(0px 0px 1px var(--heroColor));
}
.drop-shadow-3 {
	filter: drop-shadow(0px 0px 1px var(--heroColor)) drop-shadow(0px 0px 1px var(--heroColor)) drop-shadow(0px 0px 1px var(--heroColor));
}

/**
	right-float-box
**/
#right-float-box {
	position: fixed;
	bottom: 70px;
	right: 20px;
	transform: translateX(250px);
	transition: .5s;
	opacity: 0;
	z-index: 1000;
}
#right-float-box.scroll-start {
	transform: translateX(0);
	opacity: 1;
	transition: .5s;
}
#right-float-box.scroll-start.scroll-end {
	transform: translateX(250px);
	opacity: 0;
}
.right-float-box-in {
	display: inline-block;
}
.right-float-box-in .right-float-in {
	display: block;
	text-align: right;
}
.right-float-box-in .right-float-in > * {
	display: block;
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.6);
	text-decoration: none;
}
.right-float-box-in .right-float-in img {
	max-width: 500px;
}
.right-float-box-in .upperRight img {
	width: 40px;
}
.right-float-box-in .right-float-in p {
	text-align: left;
	background-color: #FFF;
	padding: .5rem;
	text-decoration: none;
}
.right-float-box-in .upperRight {
	font-size: 25px;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	background: #000;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	z-index: 10;
	transition: all .5s;
}
.right-float-box-in .upperRight:hover {
	transform: scale(1.2);
} 
.right-float-box-in .upperRight::before{
	content: "\f00d";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.right-float-box-in .right-float-in label {
	text-align: center;
	display: inline-block;
	height: auto;
	line-height: 1.7;
	font-size: 15px;
	color: #000;
	margin-top: 5px;
	padding: 5px;
	background: rgb(255 255 255 / 50%);
	border-radius: 3px;
}
.right-float-box-in .right-float-in label input {
  vertical-align: text-top;
  line-height: 1;
  top: 1px;
}
.right-float-box-in .btn-hide input[type="checkbox"] {
  display: none;
}
.right-float-box-in .btn-hide > span {
	position: relative;
	vertical-align: middle;
	font-size: 13px;
	margin-right: 5px;
	border-radius: 3px;
	padding: 2px;
	border: 2px solid #000;
	background: #fff;
	opacity: .2;
	transition: all .3s;
}
.right-float-box-in .btn-hide input[type="checkbox"] + span:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: '\f00c';
  color: #000000;
  opacity: 0;
  transition: all .3s;
}
.right-float-box-in .btn-hide input[type="checkbox"]:checked + span {
	opacity: 1;
}
.right-float-box-in .btn-hide input[type="checkbox"]:checked + span:before {
	opacity: 1;
}
@media only screen and (max-width:678px){
	.right-float-box-in .upperRight img {width:5vw;}
	.right-float-box-in .right-float-in img {max-width: 72vw;}
  #right-float-box.scroll-start{
		right: 0;bottom: 15vw;
		max-width: 50vw;
	}
  .right-float-box-in .right-float-in label {
    font-size: 12px !important;
    display: block;
    margin-top: 0;
    border-radius: 0;
  }
  .right-float-box-in .upperRight {
		top: -30px;
    right: 0;
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width:460px) {
	#right-float-box {bottom: 30vw;}
}


/**
	page-top
**/
#page-top {
	position: fixed;
	display: flex;
	z-index: 999;
	cursor: pointer;
	right: 20px;
	bottom: 10px;
	background: #fff;
	color: #000;
	padding: 7px;
	border-radius: 3px;
	text-decoration: none;
	opacity: .5;
	transition: all .5s;
	font-size: .8rem;
	align-items: center;
	justify-content: center;
}
#page-top:hover {
	transform: scale(1.2);
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.6);
	opacity: 1;
}
#page-top > i {
	font-size: 30px;
}
#page-top > img {
	width: 20px;
	height: 20px;
}
#page-top > span {
	margin-left: 5px;
}
@media only screen and (max-width:678px){
    #page-top {
    	right: 0;
    	bottom: 0;
    	padding: 2vw 3vw;
    }
    #page-top > i {
    	font-size: 7vw;
    }
}


.bgcolor--txt-head-light { background-color: var(--txt-head-light); }
.bgcolor--txt-head-dark { background-color: var(--txt-head-dark); }
.bgcolor--txt-head-primary { background-color: var(--txt-head-primary); }
.bgcolor--txt-head-sub { background-color: var(--txt-head-sub); }
.color--txt-head-light { color: var(--txt-head-light); }
.color--txt-head-dark { color: var(--txt-head-dark); }
.color--txt-head-primary { color: var(--txt-head-primary); }
.color--txt-head-sub { color: var(--txt-head-sub); }

.bgcolor--txt-body-light { background-color: var(--txt-body-light); }
.bgcolor--txt-body-dark { background-color: var(--txt-body-dark); }
.bgcolor--txt-body-primary { background-color: var(--txt-body-primary); }
.bgcolor--txt-body-sub { background-color: var(--txt-body-sub); }
.color--txt-body-light { color: var(--txt-body-light); }
.color--txt-body-dark { color: var(--txt-body-dark); }
.color--txt-body-primary { color: var(--txt-body-primary); }
.color--txt-body-sub { color: var(--txt-body-sub); }

.bgcolor--baseColor { background-color: var(--baseColor); }
.bgcolor--base-txt-headColor { background-color: var(--base-txt-headColor); }
.bgcolor--base-txt-bodyColor { background-color: var(--base-txt-bodyColor); }
.color--base-txt-headColor { color: var(--base-txt-headColor); }
.color--base-txt-bodyColor { color: var(--base-txt-bodyColor); }

.bgcolor--mainColor { background-color: var(--mainColor); }
.bgcolor--main-txt-headColor { background-color: var(--main-txt-headColor); }
.bgcolor--main-txt-bodyColor { background-color: var(--main-txt-bodyColor); }
.color--main-txt-headColor { color: var(--main-txt-headColor); }
.color--main-txt-bodyColor { color: var(--main-txt-bodyColor); }

.bgcolor--subColor { background-color: var(--subColor); }
.bgcolor--sub-txt-headColor { background-color: var(--sub-txt-headColor); }
.bgcolor--sub-txt-bodyColor { background-color: var(--sub-txt-bodyColor); }
.color--sub-txt-headColor { color: var(--sub-txt-headColor); }
.color--sub-txt-bodyColor { color: var(--sub-txt-bodyColor); }

.bgcolor--header-defColor { background-color: var(--header-defColor); }
.bgcolor--header-def-txt-headColor { background-color: var(--header-def-txt-headColor); }
.bgcolor--header-def-txt-bodyColor { background-color: var(--header-def-txt-bodyColor); }
.color--header-def-txt-headColor { color: var(--header-def-txt-headColor); }
.color--header-def-txt-bodyColor { color: var(--header-def-txt-bodyColor); }

.bgcolor--footer-defColor { background-color: var(--footer-defColor); }
.bgcolor--footer-def-txt-headColor { background-color: var(--footer-def-txt-headColor); }
.bgcolor--footer-def-txt-bodyColor { background-color: var(--footer-def-txt-bodyColor); }
.color--footer-def-txt-headColor { color: var(--footer-def-txt-headColor); }
.color--footer-def-txt-bodyColor { color: var(--footer-def-txt-bodyColor); }

.bgcolor--btn-defColor { background-color: var(--btn-defColor); }
.bgcolor--btn-def-txt-headColor { background-color: var(--btn-def-txt-headColor); }
.bgcolor--btn-def-txt-bodyColor { background-color: var(--btn-def-txt-bodyColor); }
.color--btn-def-txt-headColor { color: var(--btn-def-txt-headColor); }
.color--btn-def-txt-bodyColor { color: var(--btn-def-txt-bodyColor); }

.bgcolor--btn-primaryColor { background-color: var(--btn-primaryColor); }
.bgcolor--btn-primary-headColor { background-color: var(--btn-primary-txt-headColor); }
.bgcolor--btn-primary-bodyColor { background-color: var(--btn-primary-txt-bodyColor); }
.color--btn-primary-headColor { color: var(--btn-primary-txt-headColor); }
.color--btn-primary-bodyColor { color: var(--btn-primary-txt-bodyColor); }

.bgcolor--bg-head-defColor { background-color: var(--bg-head-defColor); }
.bgcolor--bg-head-subColor { background-color: var(--bg-head-subColor); }
.bgcolor--bg-head-primaryColor { background-color: var(--bg-head-primaryColor); }
.bgcolor--bg-head-alertColor { background-color: var(--bg-head-alertColor); }
.color--bg-head-defColor { color: var(--bg-head-defColor); }


.bgcolor--border-defColor { background-color: var(--border-defColor); }




/* size */
:root {
}

html,body {
	background-color: var(--baseColor);
	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);
}
@media only screen and (max-width:830px) {
	html,body {
		--fsize: var(--fsize-base-sp);
	}
}

strong {
	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);
}
em {
	font-weight: var(--fweight-em);
	font-size: var(--fsize-em);
	line-height: var(--flineheight-em);
	letter-spacing: var(--fletterspacing-em);
	background: var(--fbg-em);
}
small {
	font-weight: var(--fweight-small);
	font-size: var(--fsize-small);
	line-height: var(--flineheight-small);
	letter-spacing: var(--fletterspacing-small);
}




/* page */
.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;
}


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

/* section */
.l-section-wrapper {
	position: relative;
	color: var(--base-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))); */
}
.breadcrumb.s-def-bgcolor,
.l-section-wrapper.s-def-bgcolor {
	--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);
}
.breadcrumb.s-second-bgcolor,
.l-section-wrapper.s-second-bgcolor {
	--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);
}
.breadcrumb.s-third-bgcolor,
.l-section-wrapper.s-third-bgcolor {
	--bgColor: var(--bg-thirdColor);
	--txt-headColor: var(--bg-third-txt-headColor);
	--txt-bodyColor: var(--bg-third-txt-bodyColor);
	--txt-linkColor: var(--bg-third-txt-linkColor);
	--txt-linkhoverColor: var(--bg-third-txt-linkhoverColor);
	--borderColor: var(--bg-third-borderColor);
	--headlineColor: var(--bg-third-headlineColor);
	--headline-txtColor: var(--bg-third-headline-txtColor);
	--accentColor: var(--bg-third-accentColor);
	--accent-txtColor: var(--bg-third-accent-txtColor);
	--emphasisColor: var(--bg-third-emphasisColor);
	--emphasis-txtColor: var(--bg-third-emphasis-txtColor);
	--infoColor: var(--bg-third-infoColor);
	--info-txtColor: var(--bg-third-info-txtColor);
	--lightColor: var(--bg-third-lightColor);
	--darkColor: var(--bg-third-darkColor);
	--monoColor: var(--bg-third-monoColor);
}
.breadcrumb.s-main-bgcolor,
.l-section-wrapper.s-main-bgcolor {
	--bgColor: var(--bg-mainColor);
	--txt-headColor: var(--bg-main-txt-headColor);
	--txt-bodyColor: var(--bg-main-txt-bodyColor);
	--txt-linkColor: var(--bg-main-txt-linkColor);
	--txt-linkhoverColor: var(--bg-main-txt-linkhoverColor);
	--borderColor: var(--bg-main-borderColor);
	--headlineColor: var(--bg-main-headlineColor);
	--headline-txtColor: var(--bg-main-headline-txtColor);
	--accentColor: var(--bg-main-accentColor);
	--accent-txtColor: var(--bg-main-accent-txtColor);
	--emphasisColor: var(--bg-main-emphasisColor);
	--emphasis-txtColor: var(--bg-main-emphasis-txtColor);
	--infoColor: var(--bg-main-infoColor);
	--info-txtColor: var(--bg-main-info-txtColor);
	--lightColor: var(--bg-main-lightColor);
	--darkColor: var(--bg-main-darkColor);
	--monoColor: var(--bg-main-monoColor);
}
.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);
}
.breadcrumb.s-alert-bgcolor,
.l-section-wrapper.s-alert-bgcolor {
	--bgColor: var(--bg-alertColor);
	--txt-headColor: var(--bg-alert-txt-headColor);
	--txt-bodyColor: var(--bg-alert-txt-bodyColor);
	--txt-linkColor: var(--bg-alert-txt-linkColor);
	--txt-linkhoverColor: var(--bg-alert-txt-linkhoverColor);
	--borderColor: var(--bg-alert-borderColor);
	--headlineColor: var(--bg-alert-headlineColor);
	--headline-txtColor: var(--bg-alert-headline-txtColor);
	--accentColor: var(--bg-alert-accentColor);
	--accent-txtColor: var(--bg-alert-accent-txtColor);
	--emphasisColor: var(--bg-alert-emphasisColor);
	--emphasis-txtColor: var(--bg-alert-emphasis-txtColor);
	--infoColor: var(--bg-alert-infoColor);
	--info-txtColor: var(--bg-alert-info-txtColor);
	--lightColor: var(--bg-alert-lightColor);
	--darkColor: var(--bg-alert-darkColor);
	--monoColor: var(--bg-alert-monoColor);
}
.l-section-wrapper {
	color: var(--txt-bodyColor);
}
.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 {
}
@media screen and (max-width: 830px) {
	.l-section-wrapper {
		--block--margin: var(--block--margin-sp);
		--gap-section-vertical: var(--gap-section-vertical-sp);
	}
}
.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);
}
@media only screen and (max-width:1200px) {
	.l-section-container {
    padding-left: var(--page-side--margin-sp);
    padding-right: var(--page-side--margin-sp);
	}
	.block__form {
    padding-left: var(--page-side--margin-sp);
    padding-right: var(--page-side--margin-sp);
	}
}
@media only screen and (max-width:830px) {
	.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-wrapper.grid .l-content-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-grid-gap);
}
.l-section-wrapper.grid .l-content-wrapper > * {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.l-section-wrapper.grid-1 .l-content-wrapper > * {
	flex: 0 0 100%;
	width: 100%;
}
.l-section-wrapper.grid-2 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 2) - (var(--s-grid-gap) / 2 * 1));
	width: calc(100% / 2);
}
.l-section-wrapper.grid-3 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 3) - (var(--s-grid-gap) / 3 * 2));
	width: calc(100% / 3);
}
.l-section-wrapper.grid-4 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 4) - (var(--s-grid-gap) / 4 * 3));
	width: calc(100% / 4);
}
.l-section-wrapper.grid-5 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 5) - (var(--s-grid-gap) / 5 * 4));
	width: calc(100% / 5);
}
.l-section-wrapper.grid-6 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 6) - (var(--s-grid-gap) / 6 * 5));
	width: calc(100% / 6);
}
.l-section-wrapper.grid-7 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 7) - (var(--s-grid-gap) / 7 * 6));
	width: calc(100% / 7);
}

.col-1 { flex: 0 0 calc(100% / 12 * 1); }
.col-2 { flex: 0 0 calc(100% / 12 * 2); }
.col-3 { flex: 0 0 calc(100% / 12 * 3); }
.col-4 { flex: 0 0 calc(100% / 12 * 4); }
.col-5 { flex: 0 0 calc(100% / 12 * 5); }
.col-6 { flex: 0 0 calc(100% / 12 * 6); }
.col-7 { flex: 0 0 calc(100% / 12 * 7); }
.col-8 { flex: 0 0 calc(100% / 12 * 8); }
.col-9 { flex: 0 0 calc(100% / 12 * 9); }
.col-10 { flex: 0 0 calc(100% / 12 * 10); }
.col-11 { flex: 0 0 calc(100% / 12 * 11); }
.col-12 { flex: 0 0 calc(100%); }

.height-5 { height: 5rem !important; }
.height-10 { height: 10rem !important; }
.height-11 { height: 11rem !important; }
.height-12 { height: 12rem !important; }
.height-13 { height: 13rem !important; }
.height-14 { height: 14rem !important; }
.height-15 { height: 15rem !important; }
.height-20 { height: 20rem !important; }
.height-25 { height: 25rem !important; }
.height-30 { height: 30rem !important; }

.s-max-width-10 { max-width: 10%; }
.s-max-width-20 { max-width: 20%; }
.s-max-width-30 { max-width: 30%; }
.s-max-width-40 { max-width: 40%; }
.s-max-width-50 { max-width: 50%; }
.s-max-width-60 { max-width: 60%; }
.s-max-width-70 { max-width: 70%; }
.s-max-width-80 { max-width: 80%; }
.s-max-width-90 { max-width: 90%; }
.s-max-width-100 { max-width: 100%; }

@media only screen and (max-width:830px) {
	.l-section-wrapper.grid .l-content-wrapper {
		flex-direction: column;
	}
	.l-section-wrapper.grid-2 .l-content-wrapper > * { flex: 0 0 100%; width: 100%; }
	.l-section-wrapper.grid-3 .l-content-wrapper > * { flex: 0 0 100%; width: 100%; }
	.l-section-wrapper.grid-4 .l-content-wrapper > * { flex: 0 0 100%; width: 100%; }
	.l-section-wrapper.grid-5 .l-content-wrapper > * { flex: 0 0 100%; width: 100%; }
	.l-section-wrapper.grid-6 .l-content-wrapper > * { flex: 0 0 100%; width: 100%; }
}





.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-footer-wrapper > * + * {
	margin-top: calc(1rem * 1.5 * var(--s-margin,1));	
}

/* row */
.l-section-wrapper.row .l-content-wrapper {
	display: flex;
	flex-direction: column;
	gap: 4rem;
}


/* p-group */
.p-group.p-group-linkActive > a {
	text-decoration: none;
}
.p-group.p-group-linkActive:hover {
	box-shadow: 0 0 .5rem rgba(0, 0, 0, .16);
	transition: all .3s;
}
.p-group .p-group-container {
	position: relative;
}

.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;
}
.p-container.box > *,
.p-group.box > .p-group-container > * {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	gap: var(--s-text-gap);
}
.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 > * {
	text-align: left;
}
.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 > .p-group-container > .p-group-header {
	position: relative;
	z-index: 1;
}
.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.box > .p-group-container > .p-group-header + .p-group-items {
}
.p-group > .p-group-container > .p-group-items {
	position: relative;
	z-index: 2;
}
.p-group.box > .p-group-container > .p-group-items + .p-group-footer {
}
.p-group > .p-group-container > .p-group-footer {
	position: relative;
	z-index: 3;
}

/** p-box-point **/
.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-group-items {
	margin-top: 0.5rem;
}
.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;
}
@media only screen and (max-width:830px) {
	.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;
	}
}


/* p-container */
.p-container.row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}
.p-container.row-reverse {
	flex-direction: row-reverse;
}
.p-container.row > .p-container-items {
	flex: 1 1 auto;
	align-self: center;
}
.p-container.row > * {
	margin: auto;
}
.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 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	flex-direction: column;
}
.p-container.column-reverse {
	flex-direction: column-reverse;
}
.p-container.column > .p-container-items {
	display: flex;
	flex: 1 1 auto;
	align-self: center;
	gap: 1rem;
	flex-direction: column;
}
.p-container.column > * {
	margin: auto;
}
.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;
}

.s-align-left .l-section-title {
	display: flex;
}
.l-section-title-container.s-align-left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.l-section-title-container.s-align-left::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 1.5em;
	vertical-align: middle;
	background-color: var(--color-head-text);
	margin: 0 10px 0 0;
}
.l-section-message {
	margin-top: .7rem;
}
.l-section-subtitle {
  display: block;
  font-size: var(--fsize-lg);
  margin: .4rem 0;
	color: var(--color-text);
}
.l-section-footer-container {
}
.l-section-footer-container .p-note {
	padding: .7rem;
	margin-top: var(--size-md);
}
.l-section-footer-container .p-btn-container {
	margin-top: var(--size-md);
}

/* content */
.l-header-wrapper {
	display: flex;
	flex-direction: column;
}
.l-content-wrapper {
	position: relative;
}
.l-content-wrapper > * + * {
	margin-top: var(--gap-container-vertical);
}
.l-header-wrapper > * + * {
	margin-top: var(--gap-container-vertical);
}
.l-content-wrapper > .l-content-container {
	margin: 0;
	padding: 0 0 calc(2rem * var(--s-margin,1));
	background-size: cover;
	background-blend-mode: multiply;
}
.s-container-fix-100 .l-content-wrapper.s-container-fix {
	max-width: 100%;
}
.s-container-fix-100 .p-group.grid.grid-2 .bg-inner-group .p-group-items {
	max-width: 543px;
}
.s-container-fix-100 .p-group.grid.grid-reverse .bg-inner-group .p-group-items {
	margin-left: auto;
}
.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);
}
.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);
}
.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);
}
.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;
}

@media only screen and (max-width:830px) {
	.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;
    }
}

.l-Info-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100%);
    display: block;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.bg-inner-group {
	position: relative;
}
.bg-inner-group > .p-group-bg {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100%);
    display: block;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-inner-group.bg-defColor-border {
    border: 1px solid var(--base-defColor);
}
.bg-inner-group.bg-defColor-Opacity100 > .p-group-bg {
    background-color: var(--base-defColor);
}
.bg-inner-group.bg-defColor-Opacity090 > .p-group-bg {
    background-color: var(--base-defColor);
	opacity: .9;
}
.bg-inner-group.bg-defColor-Opacity010 > .p-group-bg {
    background-color: var(--base-defColor);
	opacity: .1;
}
.bg-inner-group.bg-baseOppLight-Opacity050 > .p-group-bg {
    background-color: var(--base-baseColor-oppLight);
	opacity: .5;
}

.p-group-contents-bg {
    position: relative;
}
.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-left-opacity020 {
    position: absolute;
    left: -30%;
    top: -10%;
    height: 100%;
    z-index: 2;
}
.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 {
    position: absolute;
    right: -30%;
    top: -10%;
    height: 100%;
    z-index: 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;
}
@media only screen and (max-width: 830px) {
	.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-left-opacity020 {
		top: 8rem;
		max-height: 308.7px;
		left: -65%;
	}
	.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-right-opacity020 {
		top: 8rem;
		max-height: 308.7px;
		right: -65%;
	}
}

.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-leftBottom-opacity030 {
    position: absolute;
    left: -30%;
    top: 5rem;
    height: 100%;
    z-index: 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 {
    position: absolute;
    right: -30%;
    top: -10%;
    height: 100%;
    z-index: 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;
}
@media only screen and (max-width: 830px) {
	.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-left-opacity030 {
		top: 8rem;
		max-height: 308.7px;
		left: -65%;
	}
	.p-group-contents-bg .p-group-contents-bg-image.p-group-contents-bg-image-right-opacity030 {
		top: 8rem;
		max-height: 308.7px;
		right: -65%;
	}
}


/* grid */
.p-group.grid > .p-group-container > .p-group-items {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.p-group.grid.grid-wrapNone > .p-group-container > .p-group-items {
    flex-wrap: nowrap;
}
.p-group.grid.grid-reverse > .p-group-container > .p-group-items {
	flex-direction: row-reverse;
}
.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;
}
.p-group.grid.grid-2-OneLarger > .p-group-container > .p-group-items > .grid-2-OneLarger-high {
    flex: 0 0 calc(50% - 1.5rem);
	margin: 4rem -4rem 0 0;
	position: relative;
    z-index: 4;
}
.p-group.grid.grid-2-OneLarger > .p-group-container > .p-group-items > .grid-2-OneLarger-low {
	flex: 0 0 calc(50% + 1.5rem);
	margin: 0 -4rem 0 0;
	position: relative;
	z-index: 3;
}
.p-group.grid.grid-2-OneLarger > .p-group-container > .p-group-items > .grid-2-OneLarger-low.p-group.bg-inner-group {
    padding: 4rem 3.5rem 2.5rem 7rem;
}
.p-group.grid.grid-3 > .p-group-container > .p-group-items > * {
	flex: 0 0 calc(33.3% - 2rem);
	margin: 0 1rem 1rem;
}
.p-group.grid.grid-3 > .p-group-container > .p-group-items > *.box {
	box-shadow: var(--s-shadow,none) rgba(0, 0, 0, .16);
	border-radius: calc(var(--s-radius, 0) * 0.3rem);
	overflow: hidden;
}
.p-group.grid.grid-3 > .p-group-container > .p-group-items > *.box > .p-container-items {
	padding: calc(1rem * var(--s-margin,1));
}

@media only screen and (max-width: 830px) {
	.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: 100%;
}
.grid-height-100.p-image > .p-figure > img {
    width: auto;
    height: 100%;
}
.grid-height-100.p-group > .p-group-container {
    height: 100%;
}
@media only screen and (max-width: 830px) {
	.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 > .p-contatiner-items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.p-contatiner.grid.grid-2 > .p-contatiner-items > * {
    flex: 0 0 calc(50% - 2rem);
    margin: 0 1rem 1rem;
}
.p-contatiner.grid.grid-3 > .p-contatiner-items > * {
	flex: 0 0 calc(33.3% - 2rem);
    margin: 0 1rem 1rem;
}
@media only screen and (max-width: 830px) {
	.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-headline */
.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;
}
@media only screen and (max-width: 830px) {
	.p-subtext-colorBg.p-subtext > .p-text-inner.color-default {
		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;
}
@media only screen and (max-width: 830px) {
	.p-subtext-colorBg.p-subtext > .p-text-inner {
        padding: 0.2rem 2rem;
        font-size: 1.3rem;
	}
}




/* base styles */
.s-radius:not(.p-image-container),
.s-radius.p-image-container .image {
	overflow: hidden;
	border-radius: .7rem;
}
.s-btn-radius {
	border-radius: var(--size-lg);
}
.s-shadow:not(.p-image-container),
.s-shadow.p-image-container .image {
	box-shadow: 3px 3px 6px 6px rgba(0, 0, 0, .16);
}
.s-btn-shadow {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .16);
}
.s-align-left { text-align: left !important; }
.s-align-center { text-align: center !important; }
.s-align-right { text-align: right !important; }
.s-bg {

}
.s-container-fix {
	max-width: var(--block-contents-max-width);
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1300px) {
	.s-container-fix {
		max-width: calc(100vw - (var(--page-side--margin-sp) * 2));
	}
}
.s-container-fluid {

}

/* s-border */
.s-border {
	border-width: 1px;
	border-style: solid;
	border-color: var(--des-main-def-txt-bodyColor);
}

/* s-border-topbottom */
.s-border-topbottom {
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: var(--des-main-def-txt-bodyColor);
}



.s-grid {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
/* 3 cols */
.s-grid[col="3"] .s-col {
	width: calc((100% - var(--size-md) - var(--size-md)) / 3);
	margin-left: calc(var(--size-md) / 2);
	margin-right: calc(var(--size-md) / 2);
	margin-bottom: .7rem;
}
.s-grid[col="3"] .s-col:nth-child(3n-2) {
	margin-left: 0;
}
.s-grid[col="3"] .s-col:nth-child(3n) {
	margin-right: 0;
}
/* 4 cols */
.s-grid[col="4"] .s-col {
	width: calc((100% - var(--size-md) - var(--size-md)) / 4);
	margin-left: calc(var(--size-md) / 3);
	margin-right: calc(var(--size-md) / 3);
}
.s-grid[col="4"] .s-col:nth-child(4n-3) {
	margin-left: 0;
}
.s-grid[col="4"] .s-col:nth-child(4n) {
	margin-right: 0;
}
/* 5 cols */
.s-grid[col="5"] .s-col {
	width: calc((100% - var(--size-md) - var(--size-md)) / 5);
	margin-left: calc(var(--size-md) / 4);
	margin-right: calc(var(--size-md) / 4);
}
.s-grid[col="5"] .s-col:nth-child(5n-4) {
	margin-left: 0;
}
.s-grid[col="5"] .s-col:nth-child(5n) {
	margin-right: 0;
}

/* 縦一覧表示 */
.s-vertical-list {
	list-style: none;
}
.s-vertical-list .s-col {
	margin-bottom: .7rem;
}
.s-vertical-list .s-col:nth-last-child(1) {
	margin-bottom: 0;
}

.s-justify-around { justify-content: space-around; }
.s-justify-between { justify-content: space-between; }
.s-justify-evenly { justify-content: space-evenly; }

.s-min-wid-xs { min-width: 15rem; }
.s-min-wid-sm { min-width: 20rem; }
.s-min-wid-md { min-width: 25rem; }
.s-min-wid-lg { min-width: 30rem; }
.s-min-wid-xl { min-width: 35rem; }


/* p-buttons */
.p-buttons.s-justify-between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media only screen and (max-width:830px) {
	.s-align-right.p-buttons,
	.s-align-left.p-buttons
	 {
		text-align: center;
	}
}







.p-body {}

/* p-box */
	.p-box {}
	.p-box-head {
		background-color: var(--box-head-bg);
		border-color: var(--box-head-border);
		color: var(--box-head-text);
	}
	.p-box-def {
		background-color: var(--box-def-bg);
		border-color: var(--box-def-border);
		color: var(--box-def-text);
	}
	.p-box-info {
		background-color: var(--box-info-bg);
		border-color: var(--box-info-border);
		color: var(--box-info-text);
	}

/* p-note */
	.p-note {}
	.p-note-def {
		background-color: var(--note-def-bg);
		border-color: var(--note-def-border);
		color: var(--note-def-text);
	}
	.p-note-head {
		background-color: var(--note-head-bg);
		border-color: var(--note-head-border);
		color: var(--note-head-text);
	}


.p-block-container{
	padding: .7rem;
}
.p-title-container{
}
.p-body-container{
}
.p-text-container {
	padding: .7rem;
}
.p-item-container{}
.p-copyright-container {}
.p-image-container {}

.p-image-container.s-image-width-auto .image {
	width: auto;
}
.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-image-container.s-image-size-contain .image{
	background-size: contain;
}

.p-row-container {
	display: flex;
	flex-direction: row;
}
.p-row-container > * {
	padding-left: var(--size-xs);
	padding-right: var(--size-xs);
}
.p-row-container > :not(.p-block-container):nth-last-child(1) {
	padding-right: 0;
}

.p-row-container > .p-image-container:nth-child(1) {
	padding-left: 0;
	flex: 0 0 25%;
}
.p-row-container > .p-image-container .p-figure {
	height: 100%;
}
.p-row-container > .p-image-wrapper {
	min-width: 20%;
}

.p-text-wrapper {}
.p-text-wrapper .p-text-container {
	padding: 0;
	margin-bottom: .7rem;
}
.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);
}

.p-tag-list {
	list-style: none;
	padding: 0;
	margin-right: -10px;
	margin-bottom: 10px;
}
.p-tag-list > li {
	display: inline-block;
	font-size: .7rem;
	background-color: var(--em-primary-bg);
	color: var(--em-primary-text);
	border-radius: 5px;
	padding: 5px 15px;
	margin: 0 7px 7px 0;
}

.p-file .p-file-name {
	display: inline-block;
	word-break: break-all;
}
.p-file .p-file-caption {
	display: inline-block;
}

/* base contents */
.l-section-wrapper {}
.l-section-bg {}
.l-section-title-container {}
.l-section-title-container .l-section-subtitle {}
.l-section-title-container .l-section-title {}
.l-section-message {
    color: var(--color-text);
}
.l-section-footer-container {}

.l-content-container {}

.l-item-container {}

.l-label-container {}

.l-text-container {}




/* breadcrumb */
.block__breadcrumb {
	position: relative;
	z-index: 3;
}
.block__breadcrumb ul {
	height: 4.57em;
	display: flex;
	align-items: center;
}
.block__breadcrumb ul li a {
	display: inline-block;
	margin-right: 1.75em;
}
.block__breadcrumb ul li:first-child a {
	width: 1em;
	height: 1em;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cg%20id%3D%22%E5%AE%B6%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E7%B4%A0%E6%9D%90%22%20transform%3D%22translate(0%20-7.375)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_485%22%20data-name%3D%22%E3%83%91%E3%82%B9%20485%22%20d%3D%22M7%2C7.375%2C0%2C12.526v8.849H5.513V16.646H8.487v4.729H14V12.526Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%234b4b4b%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
	background-size: 100% auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-right: 1.75em;
}
.block__breadcrumb ul li::after {
	content: '';
	display: inline-block;
	width: 0.5em;
	height: 0.8em;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.229%22%20height%3D%2212.093%22%20viewBox%3D%220%200%208.229%2012.093%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19446%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019446%22%20d%3D%22M-16503.08%2C2017.156l6.051%2C5.294-6.051%2C5.294%22%20transform%3D%22translate(16503.738%20-2016.404)%22%20fill%3D%22none%22%20stroke%3D%22%23d0d0d0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
	background-size: 100% auto;
	margin-right: 1.75em;
}
.block__breadcrumb ul li:last-child::after {
	width: 0;
	background: none;
	margin-right: 0;
}
@media only screen and (max-width:750px){
	.block__breadcrumb .inner {
	width: 100%;
	overflow-x: auto;
}
.block__breadcrumb ul {
	white-space: nowrap;
}
}

.l-breadcrumb-container {
  overflow: auto;
  font-family: var(--font-pri-sans-serif);
  font-weight: 400;
  font-size: calc(1rem * 9 / 13);
  line-height: calc(1em * 65 / 40);
  color: #6e6e6e;
  white-space: nowrap;
  background-color: #fff
}

@media(min-width:48em) {
  .l-breadcrumb-container {
    font-size: calc(1rem * 9 / 12);
    line-height: calc(1em * 60 / 40)
  }
}

.l-breadcrumb-container {
  font-weight: 400;
  font-size: calc(1rem * 9 / 13);
  line-height: calc(1em * 52 / 40);
  background-color: #e6e6e6
}
.block__breadcrumb.breadcrumb {font-size: var(--fsize-base);}
.block__breadcrumb.breadcrumb > ul {
  display: flex;
	max-width: var(--s-content-width);
	margin: auto;
}
.block__breadcrumb.breadcrumb > ul:after {
  content: "";
  flex-shrink: 0;
  flex-basis: 1.5rem
}
.block__breadcrumb.breadcrumb > ul > li {
  display: flex;
  align-items: center
}
.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 {
  padding: .5rem 0;
  text-decoration: none;
}
.block__breadcrumb.breadcrumb > ul {
	padding-left: 1.5rem;
}
@media(min-width:48em) {
	.block__breadcrumb.breadcrumb > ul {
		padding-left: 0;
	}
}
@media(hover:hover) {
  .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);
}



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

/* twoColumn */

/* verticalList */
.l-section-wrapper.bd-verticalList .l-content-wrapper > * {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1.5rem;
	background-color: #FFF;
	box-shadow: var(--s-shadow,none) rgba(0, 0, 0, .16);
	color: var(--des-main-light-txt-bodyColor);
}
.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%;
}
.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); }
.l-section-wrapper.bd-verticalList .l-content-wrapper .p-container .p-container-items { width: calc(var(--s-content-width) * 10 / 12 - 1.5rem); }
.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); }
.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); }
.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); }
.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); }
.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); }
.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); }
.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); }
.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); }
@media only screen and (max-width:830px) {
	.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%; }
}


/* conceptInfo */
.l-section-wrapper.bd-conceptInfo .l-content-wrapper > * {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5rem;
	background-color: var(--baseColor);
	color: var(--base-txt-bodyColor);
	box-shadow: var(--s-shadow,none) rgba(0, 0, 0, .16);
}
.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%;
}
.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);
}
.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); }
.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); }
.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); }
.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); }
.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); }
.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); }
.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); }
.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); }
@media only screen and (max-width:830px) {
	.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;
	}
}

/* gridInfo */
.l-section-wrapper.bd-gridInfo .l-content-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-grid-gap);
}
.l-section-wrapper.bd-gridInfo .l-content-wrapper > * {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--baseColor);
	color: var(--base-txt-bodyColor);
}
.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-gridInfo.grid-2 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 2) - (var(--s-grid-gap) / 2 * 1));
	width: calc(100% / 2);
}
.l-section-wrapper.bd-gridInfo.grid-3 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 3) - (var(--s-grid-gap) / 3 * 2));
	width: calc(100% / 3);
}
.l-section-wrapper.bd-gridInfo.grid-4 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 4) - (var(--s-grid-gap) / 4 * 3));
	width: calc(100% / 4);
}
.l-section-wrapper.bd-gridInfo.grid-5 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 5) - (var(--s-grid-gap) / 5 * 4));
	width: calc(100% / 5);
}
.l-section-wrapper.bd-gridInfo.grid-6 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 6) - (var(--s-grid-gap) / 6 * 5));
	width: calc(100% / 6);
}
.l-section-wrapper.bd-gridInfo.grid-7 .l-content-wrapper > * {
	flex: 0 0 calc((100% / 7) - (var(--s-grid-gap) / 7 * 6));
	width: calc(100% / 7);
}

.col-1 { flex: 0 0 calc(100% / 12 * 1); }
.col-2 { flex: 0 0 calc(100% / 12 * 2); }
.col-3 { flex: 0 0 calc(100% / 12 * 3); }
.col-4 { flex: 0 0 calc(100% / 12 * 4); }
.col-5 { flex: 0 0 calc(100% / 12 * 5); }
.col-6 { flex: 0 0 calc(100% / 12 * 6); }
.col-7 { flex: 0 0 calc(100% / 12 * 7); }
.col-8 { flex: 0 0 calc(100% / 12 * 8); }
.col-9 { flex: 0 0 calc(100% / 12 * 9); }
.col-10 { flex: 0 0 calc(100% / 12 * 10); }
.col-11 { flex: 0 0 calc(100% / 12 * 11); }
.col-12 { flex: 0 0 calc(100%); }

.height-5 { height: 5rem !important; }
.height-10 { height: 10rem !important; }
.height-11 { height: 11rem !important; }
.height-12 { height: 12rem !important; }
.height-13 { height: 13rem !important; }
.height-14 { height: 14rem !important; }
.height-15 { height: 15rem !important; }
.height-20 { height: 20rem !important; }
.height-25 { height: 25rem !important; }
.height-30 { height: 30rem !important; }

.s-max-width-10 { max-width: 10%; }
.s-max-width-20 { max-width: 20%; }
.s-max-width-30 { max-width: 30%; }
.s-max-width-40 { max-width: 40%; }
.s-max-width-50 { max-width: 50%; }
.s-max-width-60 { max-width: 60%; }
.s-max-width-70 { max-width: 70%; }
.s-max-width-80 { max-width: 80%; }
.s-max-width-90 { max-width: 90%; }
.s-max-width-100 { max-width: 100%; }

@media only screen and (max-width:830px) {
	.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%; }
}


/* explanationInfo */
.l-section-wrapper.bd-explanationInfo.s-bgimagepos-right > .l-section-container > * > .p-bgimage + * {
	margin-left: calc(100% * (4 / 12) + var(--gap-container));
}
.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%;
}
@media only screen and (max-width:830px) {
	.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;
	}
}

/* tableInfo */

/* articleInfo */

/* definitionInfo */

/* bannerInfo */

/* flowInfo */

/* faqInfo */

/* conversion */


/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:-webkit-grab;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/**
	right-float-box
**/
#expansionFloatBanner {
	position: fixed;
	bottom: 70px;
	right: 20px;
	transform: translateX(250px);
	transition: .5s;
	opacity: 0;
	z-index: 1000;
	max-width: 20vw;
}
#expansionFloatBanner.scroll-start {
	transform: translateX(0);
	opacity: 1;
	transition: .5s;
}
#expansionFloatBanner.scroll-start.scroll-end {
	transform: translateX(250px);
	opacity: 0;
}
#expansionFloatBanner .floatBannerIn {
	display: inline-block;
}
#expansionFloatBanner .floatBannerIn .right-float-in {
	display: block;
	text-align: right;
}
#expansionFloatBanner .floatBannerIn .right-float-in > * {
	display: block;
	/* box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.6); */
	/* background: var(--baseColor); */
	text-decoration: none;
}
#expansionFloatBanner .floatBannerIn .right-float-in img {
	max-width: 500px;
}
#expansionFloatBanner .floatBannerIn .upperRight img {
	width: 40px;
}
#expansionFloatBanner .floatBannerIn .right-float-in p {
	text-align: left;
	background-color: #FFF;
	padding: .5rem;
	text-decoration: none;
}
#expansionFloatBanner .floatBannerIn .upperRight {
	font-size: 25px;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	background: #000;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	z-index: 10;
	transition: all .5s;
	display: flex;
	justify-content: center;
	align-items: center;
}
#expansionFloatBanner .floatBannerIn .upperRight:hover {
	transform: scale(1.2);
} 
#expansionFloatBanner .floatBannerIn .upperRight::before{
	content: "\f00d";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
#expansionFloatBanner .floatBannerIn .right-float-in label {
	text-align: center;
	display: inline-block;
	height: auto;
	line-height: 1.7;
	font-size: 15px;
	color: #000;
	margin-top: 5px;
	padding: 5px;
	background: rgb(255 255 255 / 50%);
	border-radius: 3px;
}
#expansionFloatBanner .floatBannerIn .right-float-in label input {
  vertical-align: text-top;
  line-height: 1;
  top: 1px;
}
#expansionFloatBanner .floatBannerIn .btn-hide input[type="checkbox"] {
  display: none;
}
#expansionFloatBanner .floatBannerIn .btn-hide > span {
	position: relative;
	vertical-align: middle;
	font-size: 13px;
	margin-right: 5px;
	border-radius: 3px;
	padding: 2px;
	border: 2px solid #000;
	background: #fff;
	opacity: .2;
	transition: all .3s;
}
#expansionFloatBanner .floatBannerIn .btn-hide input[type="checkbox"] + span:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: '\f00c';
  color: #000000;
  opacity: 0;
  transition: all .3s;
}
#expansionFloatBanner .floatBannerIn .btn-hide input[type="checkbox"]:checked + span {
	opacity: 1;
}
#expansionFloatBanner .floatBannerIn .btn-hide input[type="checkbox"]:checked + span:before {
	opacity: 1;
}
@media only screen and (max-width:678px){
	#expansionFloatBanner .floatBannerIn .upperRight img {width:5vw;}
	#expansionFloatBanner .floatBannerIn .right-float-in img {max-width: 72vw;}
  #expansionFloatBanner.scroll-start{
		right: 0;bottom: 15vw;
		max-width: 50vw;
	}
  #expansionFloatBanner .floatBannerIn .right-float-in label {
    font-size: 12px !important;
    display: block;
    margin-top: 0;
    border-radius: 0;
  }
  #expansionFloatBanner .floatBannerIn .upperRight {
		top: -30px;
    right: 0;
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width:460px) {
	#expansionFloatBanner {bottom: 30vw;}
}


#expansionFloatBanner.layout02 .floatBannerIn .upperRight {
}
#expansionFloatBanner.layout02 .floatBannerIn .upperRight::before {
	content: "";
	display: block;
	width: 15.32px;
	height: 15.32px;
	background: url(/_build_/assets/sample/floatbanner_01.svg) no-repeat;
	background-position: center;
	background-size: cover;
	
}
#expansionFloatBanner.layout02 .p-text-container {
	padding: 0;
	border-left: 2px solid var(--des-main-defColor);
	margin: 0 3rem 2rem;
}
#expansionFloatBanner.layout02 .p-text-container > .p-subtitle {
	padding: 0 0 0 1rem;
	background-color: transparent;
}
#expansionFloatBanner.layout02 .p-text-container > .p-title {
	padding: 0 0 0 1rem;
	background-color: transparent;
}
#expansionFloatBanner.layout02 .externalLinkIcon {
	position: relative;
	padding: 0;
}
#expansionFloatBanner.layout02 .externalLinkIcon::before {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: .9;
	background-color: var(--baseColor);
	z-index: -1;
}

/* 共通 */
.p-article {
	--s-grid-num: 1;
	display: flex;
	flex-direction: column;
	gap: var(--gap-container);
}
.p-article + * {
	margin-top: calc(var(--gap-container) * 1.5);
}
.p-article .p-article-items {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-container-vertical);
}
.p-article .p-article-wrapper {
	flex: 0 0 calc((100% - (var(--gap-container-vertical) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
	width: calc(100% / var(--s-grid-num) - (var(--gap-container-vertical) * (var(--s-grid-num) - 1)));
	box-shadow: calc(var(--s-shadow-large,0)*.1rem) calc(var(--s-shadow-large,0)*.2rem) calc(var(--s-shadow-large,0)*.3rem) rgba(0, 0, 0, .16);
	border-radius: calc(var(--s-radius, 0) * 0.3em);
}
.p-article.grid-2 .p-article-wrapper { --s-grid-num: 2; }
.p-article.grid-3 .p-article-wrapper { --s-grid-num: 3; }
@media only screen and (max-width: 830px) {
	.p-article.grid-2 .p-article-wrapper { --s-grid-num: 1; }
	.p-article.grid-3 .p-article-wrapper { --s-grid-num: 1; }
}
.p-article a.p-container-container {
	text-decoration: none;
}
.p-article .p-container-container {
	flex-direction: row;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: var(--gap-container);
}
.p-article .p-article-wrapper > .p-container-container > * {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: var(--gap-container-items);
}
.p-article .p-article-wrapper > .p-container-container > .p-container-wrapper {
	align-items: flex-start;
	text-align: left;
	padding: var(--container-padding);
	--s-align: left;
	--s-align-flex: flex-start;
}
.p-article.cx-article-message .p-article-wrapper > .p-container-container > .p-container-wrapper {
	padding: var(--message--padding);
}
.p-article .p-article-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
	margin-top: var(--gap-container-text);
}
.p-article .p-container-container > .p-container-items {
	padding: var(--s-horizontal-box-gap);
	text-align: left;
}
.p-article.s-bgcolor {
	padding: var(--padding-container);
}
.p-article.s-base-bgcolor { background-color: var(--baseColor); }
.p-article.s-main-bgcolor { background-color: var(--mainColor); }
.p-article.s-sub-bgcolor { background-color: var(--subColor); }

/* .p-article.size-1-11 { --s-grid-num: 1; }
.p-article.size-2-10 { --s-grid-num: 1; }
.p-article.size-3-9  { --s-grid-num: 1; }
.p-article.size-4-8  { --s-grid-num: 1; }
.p-article.size-5-7  { --s-grid-num: 1; }
.p-article.size-6-6  { --s-grid-num: 1; }
.p-article.size-7-5  { --s-grid-num: 1; }
.p-article.size-8-4  { --s-grid-num: 1; }
.p-article.size-9-3  { --s-grid-num: 1; }
.p-article.size-10-2 { --s-grid-num: 1; }
.p-article.size-11-1 { --s-grid-num: 1; } */

.p-article .p-container-container > .p-container-images {
	align-items: center;
}
.p-article .p-container-container > .p-container-images .p-image.size-cover {
	height: 100%;
}
.p-article .p-container-container > .p-container-images .p-image.size-cover img {
	height: 100%;
	object-fit: cover;
}
.p-article .p-container-container > .p-container-images .p-embed iframe {
	width: 100%;
}
.p-article .p-container-container > .p-container-images .p-embed {
	width: 100%;
}
.p-article.size-1-11 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 1/12); }
.p-article.size-1-11 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 11/12); }
.p-article.size-2-10 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 2/12); }
.p-article.size-2-10 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 10/12); }
.p-article.size-3-9 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 3/12); }
.p-article.size-3-9 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 9/12); }
.p-article.size-4-8 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 4/12); }
.p-article.size-4-8 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 8/12); }
.p-article.size-5-7 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 5/12); }
.p-article.size-5-7 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 7/12); }
.p-article.size-6-6 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 6/12); }
.p-article.size-6-6 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 6/12); }
.p-article.size-7-5 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 7/12); }
.p-article.size-7-5 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 5/12); }
.p-article.size-8-4 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 8/12); }
.p-article.size-8-4 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 4/12); }
.p-article.size-9-3 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 9/12); }
.p-article.size-9-3 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-article.size-10-2 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 10/12); }
.p-article.size-10-2 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 2/12); }
.p-article.size-11-1 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 11/12); }
.p-article.size-11-1 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 1/12); }

.p-article.layout-image-left .p-container-images { order: inherit; }
.p-article.layout-image-right .p-container-images { order: 3; }

@media only screen and (max-width: 830px) {
}
@media only screen and (max-width: 520px) {
	.p-article .p-container-container {
		flex-direction: column;
	}
	.p-article.size-1-11 .p-container-container > .p-container-images  { width: 100%; }
	.p-article.size-1-11 .p-container-container > .p-container-wrapper { width: 100%; }
	.p-article.size-2-10 .p-container-container > .p-container-images  { width: 100%; }
	.p-article.size-2-10 .p-container-container > .p-container-wrapper { width: 100%; }
	.p-article.size-3-9 .p-container-container > .p-container-images   { width: 100%; }
	.p-article.size-3-9 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-article.size-4-8 .p-container-container > .p-container-images   { width: 100%; }
	.p-article.size-4-8 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-article.size-5-7 .p-container-container > .p-container-images   { width: 100%; }
	.p-article.size-5-7 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-article.size-6-6 .p-container-container > .p-container-images   { width: 100%; }
	.p-article.size-6-6 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-article.size-7-5 .p-container-container > .p-container-images   { width: 100%; }
	.p-article.size-7-5 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-article.size-8-4 .p-container-container > .p-container-images   { width: 100%; }
	.p-article.size-8-4 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-article.size-9-3 .p-container-container > .p-container-images   { width: 100%; }
	.p-article.size-9-3 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-article.size-10-2 .p-container-container > .p-container-images  { width: 100%; }
	.p-article.size-10-2 .p-container-container > .p-container-wrapper { width: 100%; }
	.p-article.size-11-1 .p-container-container > .p-container-images  { width: 100%; }
	.p-article.size-11-1 .p-container-container > .p-container-wrapper { width: 100%; }
}
.p-attention {
	--gap-container-items: 2rem;
	--bgColor: var(--bg-alertColor);
	--txt-headColor: var(--bg-alert-txt-headColor);
	--txt-bodyColor: var(--bg-alert-txt-bodyColor);
	--borderColor: var(--bg-alert-borderColor);
	--accentColor: var(--bg-alert-accentColor);
	--accent-txtColor: var(--bg-alert-accent-txtColor);
	--emphasisColor: var(--bg-alert-emphasisColor);
	--emphasis-txtColor: var(--bg-alert-emphasis-txtColor);
	--infoColor: var(--bg-alert-infoColor);
	--info-txtColor: var(--bg-alert-info-txtColor);
	--lightColor: var(--bg-alert-lightColor);
	--darkColor: var(--bg-alert-darkColor);
	--monoColor: var(--bg-alert-monoColor);

	background: var(--bgColor);
	color: var(--txt-bodyColor);
}
.p-attention .p-attention-container {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;

	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-attention .p-attention-container .p-attention-items {
	gap: var(--gap-container-items);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: var(--s-align-flex, flex-start);
}
.p-attention .p-attention-header {
	width: 100%;
}
.p-attention .p-attention-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}

/* p-badge */
.p-badge > span {
	display: block;
	line-height: 1;
	text-align: center;
}
/* ../../components_v4/comp__badge/s-badge-003.css */
/* s-badge-003 */
.p-badge {
	background: var(--primary-defColor);
	color: var(--primary-def-txt-bodyColor);
	font-size: 14px;
	font-weight: var(--fweight-btn);
	line-height: var(--flineheight-btn);
	box-shadow: none;
	border: 0;
	border-radius: 4.5em;
	height: 4.5em;
	width: 4.5em;
	display: flex;
	justify-content: center;
	align-items: center;
}
#app.primary-def-gradient .p-badge {
	background: linear-gradient(-90deg, var(--primary-def-gradient-st) 0%, var(--primary-def-gradient-en) 100%);
}
.p-bgimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.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;
}
@media only screen and (max-width:830px) {
	.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;
	}
}

.p-blockquote {
	--gap-container-items: 2rem;
	--bgColor: var(--bg-infoColor);
	--txt-headColor: var(--bg-info-txt-headColor);
	--txt-bodyColor: var(--bg-info-txt-bodyColor);
	--borderColor: var(--bg-info-borderColor);
	--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);

	background: var(--bgColor);
	color: var(--txt-bodyColor);
	padding: 0.5em;
	position: relative;
}
.p-blockquote .p-blockquote-container {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
}
.p-blockquote .p-blockquote-container .p-blockquote-items {
	gap: var(--gap-container-items);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: var(--s-align-flex, flex-start);
}

.p-blockquote.cx-blockquote-info .p-blockquote-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-blockquote.cx-blockquote-info .p-blockquote-header {
	width: 100%;
}
.p-blockquote.cx-blockquote-info .p-blockquote-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}


/* cx-blockquote-info-border */
.p-blockquote.cx-blockquote-info-border {
	border: 1px solid var(--bg-info-defColor);
}
.p-blockquote.cx-blockquote-info-border .p-blockquote-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-blockquote.cx-blockquote-info-border .p-blockquote-header {
	width: 100%;
}
.p-blockquote.cx-blockquote-info-border .p-blockquote-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}

/* cx-blockquote-attention */
.p-blockquote.cx-blockquote-attention {
	background: var(--bg-info-alertColor);
	color: var(--bg-info-alert-txt-bodyColor);
}
.p-blockquote.cx-blockquote-attention .p-blockquote-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-blockquote.cx-blockquote-attention .p-blockquote-header {
	width: 100%;
}
.p-blockquote.cx-blockquote-attention .p-blockquote-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}

/* cx-blockquote-attention-border */
.p-blockquote.cx-blockquote-attention-border {
	border: 1px solid var(--bg-info-alertColor);
	color: var(--alertColor);
}
.p-blockquote.cx-blockquote-attention-border .p-blockquote-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-blockquote.cx-blockquote-attention-border .p-blockquote-header {
	width: 100%;
	padding-bottom: var(--gap-container-items);
	border-bottom: 1px solid var(--alertColor);
}
.p-blockquote.cx-blockquote-attention-border .p-blockquote-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}
/* breadcrumb */
.comp__breadcrumb {
	position: relative;
	z-index: 3;
	font-size: var(--fsize-breadcrumb);
}
@media screen and (max-width: 1024px) {
	.comp__breadcrumb {
		font-size: var(--fsize-breadcrumb-sp);
	}
}
.comp__breadcrumb ul {
	height: 4.57em;
	display: flex;
	align-items: center;
}
.comp__breadcrumb ul li a {
	display: inline-block;
	margin-right: 1.75em;
}
.comp__breadcrumb ul li:first-child a {
	width: 1em;
	height: 1em;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cg%20id%3D%22%E5%AE%B6%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E7%B4%A0%E6%9D%90%22%20transform%3D%22translate(0%20-7.375)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_485%22%20data-name%3D%22%E3%83%91%E3%82%B9%20485%22%20d%3D%22M7%2C7.375%2C0%2C12.526v8.849H5.513V16.646H8.487v4.729H14V12.526Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%234b4b4b%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
	background-size: 100% auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-right: 1.75em;
}
.comp__breadcrumb ul li::after {
	content: '';
	display: inline-block;
	width: 0.5em;
	height: 0.8em;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.229%22%20height%3D%2212.093%22%20viewBox%3D%220%200%208.229%2012.093%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19446%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019446%22%20d%3D%22M-16503.08%2C2017.156l6.051%2C5.294-6.051%2C5.294%22%20transform%3D%22translate(16503.738%20-2016.404)%22%20fill%3D%22none%22%20stroke%3D%22%23d0d0d0%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
	background-size: 100% auto;
	margin-right: 1.75em;
}
.comp__breadcrumb ul li:last-child::after {
	width: 0;
	background: none;
	margin-right: 0;
}
@media only screen and (max-width:750px){
	.comp__breadcrumb .inner {
		width: 100%;
	}
	.comp__breadcrumb ul {
		white-space: nowrap;
		overflow-x: scroll;
	}
  .comp__breadcrumb ul::-webkit-scrollbar {
    display: none;
  }
}

.l-breadcrumb-container {
  font-family: var(--font-pri-sans-serif);
  font-weight: 400;
  font-size: calc(1rem * 9 / 13);
  line-height: calc(1em * 65 / 40);
  color: #6e6e6e;
  white-space: nowrap;
  background-color: #fff
}

@media(min-width:48em) {
  .l-breadcrumb-container {
    font-size: calc(1rem * 9 / 12);
    line-height: calc(1em * 60 / 40)
  }
}

.l-breadcrumb-container {
  font-weight: 400;
  font-size: calc(1rem * 9 / 13);
  line-height: calc(1em * 52 / 40);
  background-color: #e6e6e6
}
.comp__breadcrumb.breadcrumb > ul {
  display: flex;
	max-width: var(--s-content-width);
	margin: auto;
}
.comp__breadcrumb.breadcrumb > ul:after {
  content: "";
  flex-shrink: 0;
  flex-basis: 1.5rem
}
.comp__breadcrumb.breadcrumb > ul > li {
  display: flex;
  align-items: center
}
.comp__breadcrumb.breadcrumb > ul > li + li:last-child:before {
}
#app.des-main-def-gradient .comp__breadcrumb.breadcrumb > ul > li + li:last-child:before {
  background: var(--des-main-def-gradient);
}
.comp__breadcrumb.breadcrumb > ul > li > a {
  padding: .5rem 0;
  text-decoration: none;
}
.comp__breadcrumb.breadcrumb > ul {
	padding-left: 1.5rem;
}
@media screen and (max-width: 1200px) {
	.comp__breadcrumb.breadcrumb {
		padding: 0 var(--page-side--margin-sp);
	}
}
@media(min-width:48em) {
	.comp__breadcrumb.breadcrumb > ul {
		padding-left: 0;
	}
}
@media(hover:hover) {
  .comp__breadcrumb.breadcrumb > ul > li > a[href]:not([aria-current=page]):hover {
    color: var(--base-baseColor)
  }
}
.comp__breadcrumb.breadcrumb > ul > li > a[aria-current=page] {
  color: #333
}

/* ../../components_v4/comp__breadcrumb/s-breadcrumb-def.css */
.comp__breadcrumb.breadcrumb {
	background: var(--bg-breadcrumbColor);
	color: var(--bg-breadcrumb-txt-bodyColor);
}
/* p-btn */
.p-buttons.p-btn-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--gap-container-items);
}
.p-btn {
	--bgColor: var(--btn-defColor);
	--txt-headColor: var(--btn-def-txt-headColor);
	--txt-bodyColor: var(--btn-def-txt-bodyColor);
	--borderColor: var(--btn-def-borderColor);
	--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);
}
.p-btn.s-btn-back {
	--bgColor: var(--btn-backColor);
	--txt-headColor: var(--btn-back-txt-headColor);
	--txt-bodyColor: var(--btn-back-txt-bodyColor);
	--borderColor: var(--btn-back-borderColor);
	--accentColor: var(--btn-back-accentColor);
	--accent-txtColor: var(--btn-back-accent-txtColor);
	--emphasisColor: var(--btn-back-emphasisColor);
	--emphasis-txtColor: var(--btn-back-emphasis-txtColor);
	--infoColor: var(--btn-back-infoColor);
	--info-txtColor: var(--btn-back-info-txtColor);
	--lightColor: var(--btn-back-lightColor);
	--darkColor: var(--btn-back-darkColor);
	--monoColor: var(--btn-back-monoColor);
}
.p-btn.s-btn-primary {
	--bgColor: var(--btn-primaryColor);
	--txt-headColor: var(--btn-primary-txt-headColor);
	--txt-bodyColor: var(--btn-primary-txt-bodyColor);
	--borderColor: var(--btn-primary-borderColor);
	--accentColor: var(--btn-primary-accentColor);
	--accent-txtColor: var(--btn-primary-accent-txtColor);
	--emphasisColor: var(--btn-primary-emphasisColor);
	--emphasis-txtColor: var(--btn-primary-emphasis-txtColor);
	--infoColor: var(--btn-primary-infoColor);
	--info-txtColor: var(--btn-primary-info-txtColor);
	--lightColor: var(--btn-primary-lightColor);
	--darkColor: var(--btn-primary-darkColor);
	--monoColor: var(--btn-primary-monoColor);
}
.p-btn.s-btn-disabled {
	--bgColor: var(--btn-disabledColor);
	--txt-headColor: var(--btn-disabled-txt-headColor);
	--txt-bodyColor: var(--btn-disabled-txt-bodyColor);
	--borderColor: var(--btn-disabled-borderColor);
	--accentColor: var(--btn-disabled-accentColor);
	--accent-txtColor: var(--btn-disabled-accent-txtColor);
	--emphasisColor: var(--btn-disabled-emphasisColor);
	--emphasis-txtColor: var(--btn-disabled-emphasis-txtColor);
	--infoColor: var(--btn-disabled-infoColor);
	--info-txtColor: var(--btn-disabled-info-txtColor);
	--lightColor: var(--btn-disabled-lightColor);
	--darkColor: var(--btn-disabled-darkColor);
	--monoColor: var(--btn-disabled-monoColor);
}
.p-btn.s-btn-disabled {
}
.p-btn {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: var(--s-width-btn-def);
	padding: 1em 4em;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	background: var(--bgColor);
	color: var(--txt-bodyColor);
}
.p-btn::after {
	position: absolute;
	display: inline-flex;
	top: 0;
	bottom: 0;
	right: 1em;
	color: var(--accentColor);
}
.p-btn.p-btn-large,
.p-btn.cx-button-large {
	font-size: var(--fsize-btn-large);
	font-weight: var(--fweight-btn-large);
	line-height: var(--flineheight-btn-large);
	min-width: var(--s-width-btn-large);
}
.p-buttons.cx-buttons-image .p-btn {
	background: none;
	border: none;
	padding: 0;
	width: 25rem;
}
.p-btn.s-btn-radius-large {
	border-radius: 2em;
}
.p-buttons {
	display: flex;
	flex-direction: column;
	gap: var(--gap-container);
}
.p-buttons .p-btn-container {
	display: flex;
	justify-content: var(--s-align-flex, flex-start);
	align-items: center;
	gap: var(--gap-container-items);
	flex-wrap: wrap;
}
/* 共通 */
.p-container-3col-horizontal {
	--s-grid-num: 1;
	--gap-container: 1.5em;
	--container-padding: 2.5rem;

	--bgColor: var(--bg-defColor);
	--txt-headColor: var(--bg-def-txt-headColor);
	--txt-bodyColor: var(--bg-def-txt-bodyColor);
	--borderColor: var(--bg-def-borderColor);
	--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);

	display: flex;
	flex-direction: column;
	gap: var(--gap-container);
}
.p-container-3col-horizontal + * {
	margin-top: calc(var(--gap-container) * 1.5);
}
.p-container-3col-horizontal .p-container-3col-horizontal-items {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-container-vertical);
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper {
	flex: 0 0 calc((100% - (var(--gap-container-vertical) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
	width: calc(100% / var(--s-grid-num) - (var(--gap-container-vertical) * (var(--s-grid-num) - 1)));
}
.p-container-3col-horizontal.grid-2 .p-container-3col-horizontal-wrapper { --s-grid-num: 2; }
.p-container-3col-horizontal.grid-3 .p-container-3col-horizontal-wrapper { --s-grid-num: 3; }
@media only screen and (max-width: 830px) {
	.p-container-3col-horizontal.grid-2 .p-container-3col-horizontal-wrapper { --s-grid-num: 1; }
	.p-container-3col-horizontal.grid-3 .p-container-3col-horizontal-wrapper { --s-grid-num: 1; }
}
.p-container-3col-horizontal a.p-container-container {
	text-decoration: none;
}
.p-container-3col-horizontal .p-container-container {
	flex-direction: row;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
	position: relative;
	background: var(--bgColor);
	color: var(--txt-bodyColor);
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > * {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 1.5em;
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > .p-container-wrapper {
	text-align: left;
	align-items: flex-start;
	padding: var(--container-padding);
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
	display: flex;
	flex-direction: column;
	gap: 1em;
	width: 100%;
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
	margin-top: var(--gap-container-text);
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-ullist {
	padding: 2em;
}
.p-container-3col-horizontal .p-container-3col-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
	width: 100%;
}
.p-container-3col-horizontal .p-container-container > .p-container-items {
	padding: var(--s-horizontal-box-gap);
	text-align: left;
}
.p-container-3col-horizontal.s-bgcolor {
	padding: var(--padding-container);
}

.p-container-3col-horizontal .p-container-container > .p-container-images {
	align-items: center;
}
.p-container-3col-horizontal .p-container-container > .p-container-images .p-image.size-cover {
	height: 100%;
}
.p-container-3col-horizontal .p-container-container > .p-container-images .p-image.size-cover img {
	height: 100%;
	object-fit: cover;
}
.p-container-3col-horizontal .p-container-container > .p-container-images .p-embed iframe {
	width: 100%;
}
.p-container-3col-horizontal .p-container-container > .p-container-images .p-embed {
	width: 100%;
}
.p-container-3col-horizontal.size-3-3-6 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-3col-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-3col-horizontal.size-3-3-6 .p-container-container > .p-container-footer  { width: calc((100% - var(--gap-container)) * 6/12); }

.p-container-3col-horizontal.size-3-6-3 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-3col-horizontal.size-3-6-3 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-3col-horizontal.size-3-6-3 .p-container-container > .p-container-footer  { width: calc((100% - var(--gap-container)) * 3/12); }

.p-container-3col-horizontal.size-1-11 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 1/12); }
.p-container-3col-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 11/12); }
.p-container-3col-horizontal.size-2-10 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 2/12); }
.p-container-3col-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 10/12); }
.p-container-3col-horizontal.size-3-9 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-3col-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 9/12); }
.p-container-3col-horizontal.size-4-8 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 4/12); }
.p-container-3col-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 8/12); }
.p-container-3col-horizontal.size-5-7 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 5/12); }
.p-container-3col-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 7/12); }
.p-container-3col-horizontal.size-6-6 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-3col-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-3col-horizontal.size-7-5 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 7/12); }
.p-container-3col-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 5/12); }
.p-container-3col-horizontal.size-8-4 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 8/12); }
.p-container-3col-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 4/12); }
.p-container-3col-horizontal.size-9-3 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 9/12); }
.p-container-3col-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-3col-horizontal.size-10-2 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 10/12); }
.p-container-3col-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 2/12); }
.p-container-3col-horizontal.size-11-1 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 11/12); }
.p-container-3col-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 1/12); }

.p-container-3col-horizontal.layout-image-left .p-container-images { order: inherit; }
.p-container-3col-horizontal.layout-image-right .p-container-images { order: 3; }

@media only screen and (max-width: 830px) {
}
@media only screen and (max-width: 520px) {
	.p-container-3col-horizontal .p-container-container {
		flex-direction: column;
		gap: 2em;
	}
	.p-container-3col-horizontal.size-3-3-6 .p-container-container > .p-container-images  { width: 100%; }
	.p-container-3col-horizontal.size-3-3-6 .p-container-container > .p-container-navi  { width: 100%; }
	.p-container-3col-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper  { width: 100%; }
	
	.p-container-3col-horizontal.size-1-11 .p-container-container > .p-container-images  { width: 100%; }
	.p-container-3col-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
	.p-container-3col-horizontal.size-2-10 .p-container-container > .p-container-images  { width: 100%; }
	.p-container-3col-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
	.p-container-3col-horizontal.size-3-9 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-3col-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-3col-horizontal.size-4-8 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-3col-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-3col-horizontal.size-5-7 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-3col-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-3col-horizontal.size-6-6 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-3col-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-3col-horizontal.size-7-5 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-3col-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-3col-horizontal.size-8-4 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-3col-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-3col-horizontal.size-9-3 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-3col-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-3col-horizontal.size-10-2 .p-container-container > .p-container-images  { width: 100%; }
	.p-container-3col-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
	.p-container-3col-horizontal.size-11-1 .p-container-container > .p-container-images  { width: 100%; }
	.p-container-3col-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}

/* 共通 */
.p-container-horizontal {
	--s-grid-num: 1;
	--gap-container: 1.5em;
	--container-padding: 2.5rem;

	display: flex;
	flex-direction: column;
	gap: var(--gap-container);
}
.p-container-horizontal + * {
	margin-top: calc(var(--gap-container) * 1.5);
}
.p-container-horizontal .p-container-horizontal-items {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-container-vertical);
}
.p-container-horizontal .p-container-horizontal-wrapper {
	flex: 0 0 calc((100% - (var(--gap-container-vertical) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
	width: calc(100% / var(--s-grid-num) - (var(--gap-container-vertical) * (var(--s-grid-num) - 1)));
}
.p-container-horizontal .p-container-horizontal-wrapper.frame-container-valid {
	padding: var(--container-padding);
}
.p-container-horizontal.grid-2 .p-container-horizontal-wrapper { --s-grid-num: 2; }
.p-container-horizontal.grid-3 .p-container-horizontal-wrapper { --s-grid-num: 3; }
@media only screen and (max-width: 830px) {
	.p-container-horizontal.grid-2 .p-container-horizontal-wrapper { --s-grid-num: 1; }
	.p-container-horizontal.grid-3 .p-container-horizontal-wrapper { --s-grid-num: 1; }
}
.p-container-horizontal a.p-container-container {
	text-decoration: none;
}
.p-container-horizontal .p-container-container {
	flex-direction: row;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
	position: relative;
	height: 100%;
	width: var(--comp__container-horizontal__container-width);
	max-width: calc(100vw - (var(--page-side--margin-sp) * 2));
	margin: auto;
}
.p-container-horizontal .p-container-horizontal-wrapper.block-bg-container-color .p-container-container {
	background: var(--bgColor);
	color: var(--txt-bodyColor);
}
.p-container-horizontal .p-container-horizontal-wrapper.block-bg-container-color.s-bg-none .p-container-container {
	background: transparent;
	color: inherit;
}
.p-container-horizontal .p-container-horizontal-wrapper.block-bg-container-color.s-bg-none > .p-container-container > .p-container-wrapper {
	padding: 0;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
	gap: var(--gap-container-text);
	padding: var(--block-container-padding);
	flex: auto;
	justify-content: flex-start;
	text-align: var(--s-align, left);
	margin: 0;
	padding: 0;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > * {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 1.5em;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper {
	text-align: left;
	align-items: flex-start;
	padding: var(--container-padding);
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
	display: flex;
	flex-direction: column;
	gap: 1em;
	width: 100%;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
	margin-top: var(--gap-container-text);
}
/* .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-ullist {
	padding: 2em;
} */
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
	width: 100%;
}
.p-container-horizontal .p-container-container > .p-container-items {
	padding: var(--s-horizontal-box-gap);
	text-align: left;
}
.p-container-horizontal.s-bgcolor {
	padding: var(--padding-container);
}

.p-container-horizontal .p-container-container > .p-container-images {
	align-items: center;
}
.p-container-horizontal .p-container-container > .p-container-images .p-image.size-cover {
	height: 100%;
	padding: 0;
}
.p-container-horizontal .p-container-container > .p-container-images .p-image.size-cover img {
	height: 100%;
	object-fit: cover;
}
.p-container-horizontal .p-container-container > .p-container-images .p-embed iframe {
	width: 100%;
}
.p-container-horizontal .p-container-container > .p-container-images .p-embed {
	width: 100%;
}
.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-navi  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 6/12); }

.p-container-horizontal.size-12 .p-container-container { flex-direction: column; }
.p-container-horizontal.size-12 .p-container-container > .p-container-images  { width: 100%; }
.p-container-horizontal.size-12 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
.p-container-horizontal.size-1-11 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 1/12); }
.p-container-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 11/12); }
.p-container-horizontal.size-2-10 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 2/12); }
.p-container-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 10/12); }
.p-container-horizontal.size-3-9 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 9/12); }
.p-container-horizontal.size-4-8 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 4/12); }
.p-container-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 8/12); }
.p-container-horizontal.size-5-7 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 5/12); }
.p-container-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 7/12); }
.p-container-horizontal.size-6-6 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 6/12); }
.p-container-horizontal.size-7-5 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 7/12); }
.p-container-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 5/12); }
.p-container-horizontal.size-8-4 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 8/12); }
.p-container-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 4/12); }
.p-container-horizontal.size-9-3 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 9/12); }
.p-container-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-container-horizontal.size-10-2 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 10/12); }
.p-container-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 2/12); }
.p-container-horizontal.size-11-1 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 11/12); }
.p-container-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 1/12); }

.p-container-horizontal.layout-image-left .p-container-images { order: inherit; }
.p-container-horizontal.layout-image-right .p-container-images { order: 3; }

@media only screen and (max-width: 830px) {
}
@media only screen and (max-width: 520px) {
	.p-container-horizontal .p-container-container {
		flex-direction: column;
		gap: 2em;
		height: auto;
	}
	.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-images  { width: 100%; }
	.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-navi  { width: 100%; }
	.p-container-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper  { width: 100%; }
	
	.p-container-horizontal.size-1-11 .p-container-container > .p-container-images  { width: 100%; }
	.p-container-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
	.p-container-horizontal.size-2-10 .p-container-container > .p-container-images  { width: 100%; }
	.p-container-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
	.p-container-horizontal.size-3-9 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-horizontal.size-4-8 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-horizontal.size-5-7 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-horizontal.size-6-6 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-horizontal.size-7-5 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-horizontal.size-8-4 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-horizontal.size-9-3 .p-container-container > .p-container-images   { width: 100%; }
	.p-container-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-container-horizontal.size-10-2 .p-container-container > .p-container-images  { width: 100%; }
	.p-container-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
	.p-container-horizontal.size-11-1 .p-container-container > .p-container-images  { width: 100%; }
	.p-container-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}

/* 共通 */
.p-container-list {
	--s-grid-num: 2;

	display: flex;
	flex-direction: column;
	gap: var(--gap-container-items);
}
.p-container-list + .p-container-list {
	margin-top: var(--gap-container-items);
}
.p-container-list .p-container-list-items {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 0;
}
.p-container-list .p-container-list-wrapper {
	width: 100%;
	padding-top: var(--gap-container-items);
	padding-bottom: var(--gap-container-items);
}

.p-container-list .p-container-list-wrapper > * {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: var(--gap-container-items);
}
.p-container-list .p-container-list-wrapper > .p-container-container > * {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	gap: var(--gap-container-text);
}
.p-container-list .p-container-list-wrapper > .p-container-container::before {
	order: 3;
}
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header {
	flex: 0 0 10%;
	text-align: left;
	align-items: flex-start;
	justify-content: flex-start;
	order: 2;
}
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-images {
	flex: 0 0 10%;
	order: 4;
}
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-header .p-headline > .p-headline-container {
	text-align: left;
	align-items: flex-start;
}
.p-container-list .p-container-list-wrapper > .p-container-container > .p-container-items {
	flex: 1 1 100%;
	order: 3;
}
.p-container-list .p-container-list-wrapper > a.p-container-container {
	text-decoration: none;
}
.p-container-list .p-container-list-wrapper > a.p-container-container .p-image > .p-figure {
	transition: all .5s;
}
.p-container-list .p-container-list-wrapper > a.p-container-container:hover .p-image > .p-figure {
	transform: scale(1.05);
}
.p-container-list .p-container-list-items {
	border-top: 1px solid var(--borderColor);
	border-bottom: 1px solid var(--borderColor);
}
.p-container-list .p-container-list-wrapper + .p-container-list-wrapper {
	border-top: 1px dotted var(--borderColor);
}


.p-container-list.cx-container-definition .p-container-list-items {
	padding-top: 0;
	padding-bottom: 0;
}
.p-container-list.cx-container-definition .p-container-list-wrapper + .p-container-list-wrapper {
	margin-top: 0;
	padding-top: 0;
}
.p-container-list.cx-container-definition .p-container-list-wrapper > .p-container-container > .p-container-header {
	background: #e9e9e9;
	padding: var(--s-text-gap);
}
.p-container-list.cx-container-definition .p-container-list-wrapper > .p-container-container > .p-container-items {
	padding: var(--s-text-gap) var(--s-text-gap) var(--s-text-gap) 0;
}
.p-container-vertical {
	display: flex;
	flex-direction: column;
	gap: var(--gap-container);
}
.p-container-vertical.grid-1 { --comp__container-vertical__grid-num: 1; }
.p-container-vertical.grid-2 { --comp__container-vertical__grid-num: 2; }
.p-container-vertical.grid-3 { --comp__container-vertical__grid-num: 3; }
.p-container-vertical.grid-4 { --comp__container-vertical__grid-num: 4; }
.p-container-vertical.grid-5 { --comp__container-vertical__grid-num: 5; }
.p-container-vertical.grid-6 { --comp__container-vertical__grid-num: 6; }
.p-container-vertical.grid-7 { --comp__container-vertical__grid-num: 7; }
.p-container-vertical.grid-8 { --comp__container-vertical__grid-num: 8; }
.p-container-vertical.grid-9 { --comp__container-vertical__grid-num: 9; }
.p-container-vertical.grid-10 { --comp__container-vertical__grid-num: 10; }
@media only screen and (max-width: 1200px) {
	.p-container-vertical {
		--comp__container-vertical__grid-num: 3;
	}
	.p-container-vertical.grid-1 { --comp__container-vertical__grid-num: 1; }
	.p-container-vertical.grid-2 { --comp__container-vertical__grid-num: 1; }
	.p-container-vertical.grid-3 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-4 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-5 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-6 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-7 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-8 { --comp__container-vertical__grid-num: 4; }
	.p-container-vertical.grid-9 { --comp__container-vertical__grid-num: 4; }
	.p-container-vertical.grid-10 { --comp__container-vertical__grid-num: 4; }
}
@media only screen and (max-width: 830px) {
	.p-container-vertical {
		--comp__container-vertical__grid-num: 2;
	}
	.p-container-vertical.grid-1 { --comp__container-vertical__grid-num: 1; }
	.p-container-vertical.grid-2 { --comp__container-vertical__grid-num: 1; }
	.p-container-vertical.grid-3 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-4 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-5 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-6 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-7 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-8 { --comp__container-vertical__grid-num: 4; }
	.p-container-vertical.grid-9 { --comp__container-vertical__grid-num: 4; }
	.p-container-vertical.grid-10 { --comp__container-vertical__grid-num: 4; }
}
@media only screen and (max-width: 520px) {
	.p-container-vertical {
		--comp__container-vertical__grid-num: 1;
	}
	.p-container-vertical.grid-1 { --comp__container-vertical__grid-num: 1; }
	.p-container-vertical.grid-2 { --comp__container-vertical__grid-num: 1; }
	.p-container-vertical.grid-3 { --comp__container-vertical__grid-num: 1; }
	.p-container-vertical.grid-4 { --comp__container-vertical__grid-num: 1; }
	.p-container-vertical.grid-5 { --comp__container-vertical__grid-num: 1; }
	.p-container-vertical.grid-6 { --comp__container-vertical__grid-num: 1; }
	.p-container-vertical.grid-7 { --comp__container-vertical__grid-num: 1; }
	.p-container-vertical.grid-8 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-9 { --comp__container-vertical__grid-num: 2; }
	.p-container-vertical.grid-10 { --comp__container-vertical__grid-num: 2; }
}
.p-container-vertical + * {
	margin-top: var(--block--gap);
}
.p-container-vertical .p-container-vertical-items {
	--bgColor: var(--bg-defColor);
	--txt-headColor: var(--bg-def-txt-headColor);
	--txt-bodyColor: var(--bg-def-txt-bodyColor);
	--borderColor: var(--bg-def-borderColor);
	--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-def-bgcolor .p-container-vertical .p-container-vertical-items {
	--bgColor: var(--bg-secondColor);
	--txt-headColor: var(--bg-second-txt-headColor);
	--txt-bodyColor: var(--bg-second-txt-bodyColor);
	--borderColor: var(--bg-second-borderColor);
	--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);
}
.p-container-vertical .p-container-vertical-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: var(--comp__container-vertical__vertical-justify);
	gap: var(--comp__container-vertical__gap);
}

.p-container-vertical .p-container-vertical-wrapper {
	flex: 0 0 calc((100% - (var(--comp__container-vertical__gap) * (var(--comp__container-vertical__grid-num) - 1))) / var(--comp__container-vertical__grid-num));
	width: calc(100% / var(--comp__container-vertical__grid-num));
	/* background: var(--bgColor); */
	/* color: var(--txt-bodyColor); */
}
.p-container-vertical .p-container-vertical-wrapper.block-bg-container-color .p-container-container {
	background: var(--bgColor);
	color: var(--txt-bodyColor);
}

.p-container-vertical.s-bgcolor {
	padding: var(--padding-container);
}
.p-container-vertical.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical.s-main-bgcolor { background-color: var(--mainColor); }
.p-container-vertical.s-sub-bgcolor { background-color: var(--subColor); }

.p-container-vertical .p-container-vertical-wrapper.s-bgcolor {
	padding: var(--padding-container);
}
.p-container-vertical .p-container-vertical-wrapper.s-base-bgcolor { background-color: var(--baseColor); }
.p-container-vertical .p-container-vertical-wrapper.s-base-light-bgcolor { background-color: var(--base-lightColor); }
.p-container-vertical .p-container-vertical-wrapper.s-base-dark-bgcolor { background-color: var(--base-darkColor); }

.p-container-vertical.s-bgcolor {
	padding: var(--padding-container);
}

.p-container-vertical .p-container-vertical-wrapper > * {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 0;
	height: 100%;
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > * {
	display: flex;
	justify-content: center;
	align-items: var(--s-align-flex, flex-start);
	flex-direction: column;
	width: 100%;
	gap: var(--gap-container-text);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-header {
	flex-direction: column;
	gap: var(--gap-container-text);
	padding: var(--gap-container-items);
	padding-bottom: 0;
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-items {
	gap: var(--gap-container-text);
	padding: var(--block-container-padding);
	flex: auto;
	justify-content: flex-start;
	text-align: var(--s-align, left);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container .p-image {
	width: 100%;
}
.p-container-vertical .p-container-vertical-wrapper > a.p-container-container {
	text-decoration: none;
}
.p-container-vertical .p-container-vertical-wrapper > a.p-container-container .p-image > .p-figure {
	transition: all .5s;
}
.p-container-vertical .p-container-vertical-wrapper > a.p-container-container:hover .p-image > .p-figure {
	transform: scale(1.05);
}
.p-container-vertical .p-container-images .p-image {
	padding: var(--comp__container-vertical__image-padding);
}
.p-container-vertical .p-container-images .p-image.size-cover {
	width: 100%;
	padding: 0;
}
.p-container-vertical .p-container-images .p-image.size-cover .p-figure > img {
	width: 100%;
	object-fit: cover;
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-navi {
	font-size: var(--fsize-base);
	font-weight: var(--fweight-base);
	line-height: var(--flineheight-base);
	letter-spacing: var(--fletterspacing-base);
}
.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-footer {
	padding: var(--gap-container-items);
	padding-bottom: 0;
}

.p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-footer .p-links.p-link-container {
	justify-content: flex-end;
	align-items: flex-end;
	text-align: right;
	width: 100%;
}
/* 共通 */
.p-container > a.p-container-container {
	text-decoration: none;
}
.p-container.s-bgcolor {
	padding: var(--padding-container);
}
.p-container.s-base-bgcolor { background-color: var(--baseColor); }
.p-container.s-main-bgcolor { background-color: var(--des-main-defColor); }
.p-container.s-main-light-bgcolor { background-color: var(--des-main-lightColor); }
.p-container.s-main-middle-bgcolor { background-color: var(--des-main-middleColor); }
.p-container.s-main-dark-bgcolor { background-color: var(--des-main-darkColor); }
.p-container.s-sub-bgcolor { background-color: var(--des-sub-defColor); }
.p-container.s-sub-light-bgcolor { background-color: var(--des-sub-lightColor); }
.p-container.s-sub-middle-bgcolor { background-color: var(--des-sub-middleColor); }
.p-container.s-sub-dark-bgcolor { background-color: var(--des-sub-darkColor); }
.p-container.s-primary-bgcolor { background-color: var(--des-primary-defColor); }
.p-container.s-primary-light-bgcolor { background-color: var(--des-primary-lightColor); }
.p-container.s-primary-middle-bgcolor { background-color: var(--des-primary-middleColor); }
.p-container.s-primary-dark-bgcolor { background-color: var(--des-primary-darkColor); }

.p-container.grid-2 .p-container-items {
	flex-direction: row;
	margin: auto;
	justify-content: var(--s-align-flex, flex-start);
}

/* s-horizontal-contents */
.p-container.s-horizontal-contents > .p-container-container {
	flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: center;
}
.p-container.s-horizontal-contents > .p-container-container > .p-container-items {
	padding: var(--s-horizontal-box-gap);
	text-align: left;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}



.p-container.s-faq-contents {
	margin: 0 0 3rem;
	color: var(--txt-body-dark);
	text-align: left;
	border-radius: calc(var(--s-radius, 0) * 0.3rem);
	overflow: hidden;
    border-bottom: 1px solid var(--des-sub-defColor);
}
.p-container.s-faq-contents > .p-container-container > .p-container-header {
	min-height: 4rem;
	position: relative;
	padding: 1rem 1rem 2rem 5rem;
}
.p-container.s-faq-contents > .p-container-container > .p-container-header > .p-textarea {
	font-weight: 600;
	font-size: 110%;
}
.p-container.s-faq-contents > .p-container-container > .p-container-header::before {
	content: "Q";
	position: absolute;
	background-color: var(--des-main-defColor);
	color: var(--des-main-def-txt-bodyColor);
	font-size: 1.5rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 3rem;
	width: 3rem;
	top: 0;
	left: 0;
	border-radius: 1.5rem;
}
.p-container.s-faq-contents > .p-container-container > .p-container-items {
	min-height: 4rem;
	position: relative;
	padding: 1rem 1rem 3rem 5rem;
}
.p-container.s-faq-contents > .p-container-container > .p-container-items::before {
	content: "A";
	position: absolute;
	background-color: var(--des-main-defColor);
	color: var(--des-main-def-txt-bodyColor);
	font-size: 1.5rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 3rem;
	width: 3rem;
	top: 0;
	left: 0;
	border-radius: 1.5rem;
}
.s-main-bgcolor.block__faqInfo.layout01 .faq-box,
.s-main-light-bgcolor.block__faqInfo.layout01 .faq-box
 {
	background-color: var(--baseColor);
	border-bottom: 0;
}
.s-main-bgcolor.p-container.s-faq-contents > .p-container-header,
.s-main-light-bgcolor.p-container.s-faq-contents > .p-container-header
 {
	padding: 3rem 2rem 0 7rem;
}
.s-main-bgcolor.p-container.s-faq-contents > .p-container-items,
.s-main-light-bgcolor.p-container.s-faq-contents > .p-container-items
 {
	padding: 3rem 2rem 2rem 7rem;
}
.s-main-bgcolor.p-container.s-faq-contents > .p-container-header::before,
.s-main-light-bgcolor.p-container.s-faq-contents > .p-container-header::before
 {
	top: 2rem;
	left: 2rem;
}
.s-main-bgcolor.p-container.s-faq-contents > .p-container-items::before,
.s-main-light-bgcolor.p-container.s-faq-contents > .p-container-items::before
 {
	top: 2rem;
	left: 2rem;
}

/* 共通 */
.p-conversion-horizontal {
	--s-grid-num: 1;
	--gap-container: 1.5em;
	--container-padding: 2.5rem;

	display: flex;
	flex-direction: column;
	gap: var(--gap-container);
}
.p-conversion-horizontal + * {
	margin-top: calc(var(--gap-container) * 1.5);
}
.p-conversion-horizontal .p-conversion-horizontal-items {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-container-vertical);
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper {
	flex: 0 0 calc((100% - (var(--gap-container-vertical) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
	width: calc(100% / var(--s-grid-num) - (var(--gap-container-vertical) * (var(--s-grid-num) - 1)));
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper.frame-container-valid {
	padding: var(--container-padding);
}
.p-conversion-horizontal.grid-2 .p-conversion-horizontal-wrapper { --s-grid-num: 2; }
.p-conversion-horizontal.grid-3 .p-conversion-horizontal-wrapper { --s-grid-num: 3; }
@media only screen and (max-width: 830px) {
	.p-conversion-horizontal.grid-2 .p-conversion-horizontal-wrapper { --s-grid-num: 1; }
	.p-conversion-horizontal.grid-3 .p-conversion-horizontal-wrapper { --s-grid-num: 1; }
}
.p-conversion-horizontal a.p-container-container {
	text-decoration: none;
}
.p-conversion-horizontal .p-container-container {
	flex-direction: row;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
	position: relative;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper.block-bg-container-color .p-container-container {
	background: var(--bgColor);
	color: var(--txt-bodyColor);
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper > .p-container-items {
	gap: var(--gap-container-text);
	padding: var(--block-container-padding);
	flex: auto;
	justify-content: flex-start;
	text-align: var(--s-align, left);
	margin: 0;
	padding: 0;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > * {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 1.5em;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-navi {
	order: 2;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper {
	text-align: left;
	align-items: flex-start;
	padding: var(--container-padding);
	order: 1;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
	display: flex;
	flex-direction: column;
	gap: 1em;
	width: 100%;
}
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
	margin-top: var(--gap-container-text);
}
/* .p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-ullist {
	padding: 2em;
} */
.p-conversion-horizontal .p-conversion-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
	width: 100%;
}
.p-conversion-horizontal .p-container-container > .p-container-items {
	padding: var(--s-horizontal-box-gap);
	text-align: left;
}
.p-conversion-horizontal.s-bgcolor {
	padding: var(--padding-container);
}

.p-conversion-horizontal .p-container-container > .p-container-images {
	align-items: center;
}
.p-conversion-horizontal .p-container-container > .p-container-images .p-image.size-cover {
	height: 100%;
}
.p-conversion-horizontal .p-container-container > .p-container-images .p-image.size-cover img {
	height: 100%;
	object-fit: cover;
}
.p-conversion-horizontal .p-container-container > .p-container-images .p-embed iframe {
	width: 100%;
}
.p-conversion-horizontal .p-container-container > .p-container-images .p-embed {
	width: 100%;
}
.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-navi  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 6/12); }

.p-conversion-horizontal.size-1-11 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 1/12); }
.p-conversion-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 11/12); }
.p-conversion-horizontal.size-2-10 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 2/12); }
.p-conversion-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 10/12); }
.p-conversion-horizontal.size-3-9 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 3/12); }
.p-conversion-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 9/12); }
.p-conversion-horizontal.size-4-8 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 4/12); }
.p-conversion-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 8/12); }
.p-conversion-horizontal.size-5-7 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 5/12); }
.p-conversion-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 7/12); }
.p-conversion-horizontal.size-6-6 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 6/12); }
.p-conversion-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 6/12); }
.p-conversion-horizontal.size-7-5 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 7/12); }
.p-conversion-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 5/12); }
.p-conversion-horizontal.size-8-4 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 8/12); }
.p-conversion-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 4/12); }
.p-conversion-horizontal.size-9-3 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 9/12); }
.p-conversion-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-conversion-horizontal.size-10-2 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 10/12); }
.p-conversion-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 2/12); }
.p-conversion-horizontal.size-11-1 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 11/12); }
.p-conversion-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: calc((100% - var(--gap-container)) * 1/12); }

.p-conversion-horizontal.layout-image-left .p-container-images { order: inherit; }
.p-conversion-horizontal.layout-image-right .p-container-images { order: 3; }

@media only screen and (max-width: 830px) {
}
@media only screen and (max-width: 520px) {
	.p-conversion-horizontal .p-container-container {
		flex-direction: column;
		gap: 2em;
	}
	.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-images  { width: 100%; }
	.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-navi  { width: 100%; }
	.p-conversion-horizontal.size-3-3-6 .p-container-container > .p-container-wrapper  { width: 100%; }
	
	.p-conversion-horizontal.size-1-11 .p-container-container > .p-container-images  { width: 100%; }
	.p-conversion-horizontal.size-1-11 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
	.p-conversion-horizontal.size-2-10 .p-container-container > .p-container-images  { width: 100%; }
	.p-conversion-horizontal.size-2-10 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
	.p-conversion-horizontal.size-3-9 .p-container-container > .p-container-images   { width: 100%; }
	.p-conversion-horizontal.size-3-9 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-conversion-horizontal.size-4-8 .p-container-container > .p-container-images   { width: 100%; }
	.p-conversion-horizontal.size-4-8 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-conversion-horizontal.size-5-7 .p-container-container > .p-container-images   { width: 100%; }
	.p-conversion-horizontal.size-5-7 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-conversion-horizontal.size-6-6 .p-container-container > .p-container-images   { width: 100%; }
	.p-conversion-horizontal.size-6-6 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-conversion-horizontal.size-7-5 .p-container-container > .p-container-images   { width: 100%; }
	.p-conversion-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-conversion-horizontal.size-8-4 .p-container-container > .p-container-images   { width: 100%; }
	.p-conversion-horizontal.size-8-4 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-conversion-horizontal.size-9-3 .p-container-container > .p-container-images   { width: 100%; }
	.p-conversion-horizontal.size-9-3 .p-container-container > .p-container-images + .p-container-wrapper  { width: 100%; }
	.p-conversion-horizontal.size-10-2 .p-container-container > .p-container-images  { width: 100%; }
	.p-conversion-horizontal.size-10-2 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
	.p-conversion-horizontal.size-11-1 .p-container-container > .p-container-images  { width: 100%; }
	.p-conversion-horizontal.size-11-1 .p-container-container > .p-container-images + .p-container-wrapper { width: 100%; }
}

.p-dl {
	--gap-container-items: 1em;
	--gap-container-text: 0.5em;

	display: flex;
	flex-direction: column;
	gap: 0;
	justify-content: center;
	align-items: flex-start;
}
.p-dl .p-dl-horizontal-items {
	width: 100%;
}
.p-dl .p-dl-container {
	--bgColor: var(--bg-col-body1Color);
	--txt-headColor: var(--bg-col-body1-txt-headColor);
	--txt-bodyColor: var(--bg-col-body1-txt-bodyColor);
	--borderColor: var(--bg-col-body1-borderColor);
	--accentColor: var(--bg-col-body1-accentColor);
	--accent-txtColor: var(--bg-col-body1-accent-txtColor);
	--emphasisColor: var(--bg-col-body1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-body1-emphasis-txtColor);
	--infoColor: var(--bg-col-body1-infoColor);
	--info-txtColor: var(--bg-col-body1-info-txtColor);
	--lightColor: var(--bg-col-body1-lightColor);
	--darkColor: var(--bg-col-body1-darkColor);
	--monoColor: var(--bg-col-body1-monoColor);

	display: flex;
	margin: 0;
	gap: 0;
	justify-content: flex-start;
	font-size: inherit;
	width: 100%;
	background: var(--bgColor);
	color: var(--txt-headColor);
}
.p-dl .p-dl-container + .p-dl-container {
	border-top: 1px dotted var(--borderColor);
}
.p-dl .p-dl-container > .p-dl-header {
	--bgColor: var(--bg-col-theadColor);
	--txt-headColor: var(--bg-col-thead-txt-headColor);
	--txt-bodyColor: var(--bg-col-thead-txt-bodyColor);
	--borderColor: var(--bg-col-thead-borderColor);
	--accentColor: var(--bg-col-thead-accentColor);
	--accent-txtColor: var(--bg-col-thead-accent-txtColor);
	--emphasisColor: var(--bg-col-thead-emphasisColor);
	--emphasis-txtColor: var(--bg-col-thead-emphasis-txtColor);
	--infoColor: var(--bg-col-thead-infoColor);
	--info-txtColor: var(--bg-col-thead-info-txtColor);
	--lightColor: var(--bg-col-thead-lightColor);
	--darkColor: var(--bg-col-thead-darkColor);
	--monoColor: var(--bg-col-thead-monoColor);

	padding: 1em;
	background: var(--bgColor);
	color: var(--txt-headColor);
	flex: 0 0 auto;
}
.p-dl .p-dl-container > .p-dl-items {
	padding: var(--gap-container-items);
	flex: 0 0 auto;
	margin: 0;
	gap: var(--gap-container-text);
	width: fit-content;
	text-align: left;
}
.p-dl.size-1-11 .p-dl-container > .p-dl-header { width: calc((100% - var(--gap-container-text)) * 1/12); }
.p-dl.size-1-11 .p-dl-container > .p-dl-items  { width: calc((100% - var(--gap-container-text)) * 11/12); }
.p-dl.size-2-10 .p-dl-container > .p-dl-header { width: calc((100% - var(--gap-container-text)) * 2/12); }
.p-dl.size-2-10 .p-dl-container > .p-dl-items  { width: calc((100% - var(--gap-container-text)) * 10/12); }
.p-dl.size-3-9 .p-dl-container > .p-dl-header { width: calc((100% - var(--gap-container-text)) * 3/12); }
.p-dl.size-3-9 .p-dl-container > .p-dl-items  { width: calc((100% - var(--gap-container-text)) * 9/12); }
.p-dl.size-4-8 .p-dl-container > .p-dl-header { width: calc((100% - var(--gap-container-text)) * 4/12); }
.p-dl.size-4-8 .p-dl-container > .p-dl-items  { width: calc((100% - var(--gap-container-text)) * 8/12); }
.p-dl.size-5-7 .p-dl-container > .p-dl-header { width: calc((100% - var(--gap-container-text)) * 5/12); }
.p-dl.size-5-7 .p-dl-container > .p-dl-items  { width: calc((100% - var(--gap-container-text)) * 7/12); }
.p-dl.size-6-6 .p-dl-container > .p-dl-header { width: calc((100% - var(--gap-container-text)) * 6/12); }
.p-dl.size-6-6 .p-dl-container > .p-dl-items  { width: calc((100% - var(--gap-container-text)) * 6/12); }
.p-dl.size-7-5 .p-dl-container > .p-dl-header { width: calc((100% - var(--gap-container-text)) * 7/12); }
.p-dl.size-7-5 .p-dl-container > .p-dl-items  { width: calc((100% - var(--gap-container-text)) * 5/12); }
.p-dl.size-8-4 .p-dl-container > .p-dl-header { width: calc((100% - var(--gap-container-text)) * 8/12); }
.p-dl.size-8-4 .p-dl-container > .p-dl-items  { width: calc((100% - var(--gap-container-text)) * 4/12); }
.p-dl.size-9-3 .p-dl-container > .p-dl-header { width: calc((100% - var(--gap-container-text)) * 9/12); }
.p-dl.size-9-3 .p-dl-container > .p-dl-items  { width: calc((100% - var(--gap-container-text)) * 3/12); }
.p-dl.size-10-2 .p-dl-container > .p-dl-header { width: calc((100% - var(--gap-container-text)) * 10/12); }
.p-dl.size-10-2 .p-dl-container > .p-dl-items  { width: calc((100% - var(--gap-container-text)) * 2/12); }
.p-dl.size-11-1 .p-dl-container > .p-dl-header { width: calc((100% - var(--gap-container-text)) * 11/12); }
.p-dl.size-11-1 .p-dl-container > .p-dl-items  { width: calc((100% - var(--gap-container-text)) * 1/12); }
@media only screen and (max-width:830px) {
	.p-dl .p-dl-container {
		flex-direction: column;
	}
	.p-dl.size-1-11 .p-dl-container > .p-dl-header { width: 100%; }
	.p-dl.size-2-10 .p-dl-container > .p-dl-header { width: 100%; }
	.p-dl.size-3-9 .p-dl-container > .p-dl-header { width: 100%; }
	.p-dl.size-4-8 .p-dl-container > .p-dl-header { width: 100%; }
	.p-dl.size-5-7 .p-dl-container > .p-dl-header { width: 100%; }
	.p-dl.size-6-6 .p-dl-container > .p-dl-header { width: 100%; }
	.p-dl.size-7-5 .p-dl-container > .p-dl-header { width: 100%; }
	.p-dl.size-8-4 .p-dl-container > .p-dl-header { width: 100%; }
	.p-dl.size-9-3 .p-dl-container > .p-dl-header { width: 100%; }
	.p-dl.size-10-2 .p-dl-container > .p-dl-header { width: 100%; }
	.p-dl.size-11-1 .p-dl-container > .p-dl-header { width: 100%; }
}
/* p-embed */
.p-embed.image-fit-cover {
	width: 100%;
}
.p-embed.image-fit-cover .p-embed-container iframe {
	width: 100%;
}
.p-emphasis {
	--gap-container-items: 2rem;

	--bgColor: var(--bg-mainColor);
	--txt-headColor: var(--bg-main-txt-headColor);
	--txt-bodyColor: var(--bg-main-txt-bodyColor);
	--borderColor: var(--bg-main-borderColor);
	--accentColor: var(--bg-main-accentColor);
	--accent-txtColor: var(--bg-main-accent-txtColor);
	--emphasisColor: var(--bg-main-emphasisColor);
	--emphasis-txtColor: var(--bg-main-emphasis-txtColor);
	--infoColor: var(--bg-main-infoColor);
	--info-txtColor: var(--bg-main-info-txtColor);
	--lightColor: var(--bg-main-lightColor);
	--darkColor: var(--bg-main-darkColor);
	--monoColor: var(--bg-main-monoColor);

	position: relative;
	background: var(--bgColor);
	color: var(--txt-bodyColor);

	font-family: var(--ffamily-container-headline);
	font-size: var(--fsize-container-headline);
	font-weight: var(--fweight-container-headline);
	line-height: var(--flineheight-container-headline);
	letter-spacing: var(--fletterspacing-container-headline);
	padding: 0.5em;
}
.p-emphasis .p-emphasis-container {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
}
.p-emphasis .p-emphasis-container .p-emphasis-items {
	gap: var(--gap-container-items);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: var(--s-align-flex, flex-start);
}

.p-emphasis.cx-emphasis-info .p-emphasis-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-emphasis.cx-emphasis-info .p-emphasis-header {
	width: 100%;
}
.p-emphasis.cx-emphasis-info .p-emphasis-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}


/* cx-emphasis-info-border */
.p-emphasis.cx-emphasis-info-border {
	border: 1px solid var(--bg-info-defColor);
}
.p-emphasis.cx-emphasis-info-border .p-emphasis-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-emphasis.cx-emphasis-info-border .p-emphasis-header {
	width: 100%;
}
.p-emphasis.cx-emphasis-info-border .p-emphasis-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}

/* cx-emphasis-attention */
.p-emphasis.cx-emphasis-attention {
	background: var(--bg-info-alertColor);
	color: var(--bg-info-alert-txt-bodyColor);
}
.p-emphasis.cx-emphasis-attention .p-emphasis-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-emphasis.cx-emphasis-attention .p-emphasis-header {
	width: 100%;
}
.p-emphasis.cx-emphasis-attention .p-emphasis-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}

/* cx-emphasis-attention-border */
.p-emphasis.cx-emphasis-attention-border {
	border: 1px solid var(--bg-info-alertColor);
	color: var(--alertColor);
}
.p-emphasis.cx-emphasis-attention-border .p-emphasis-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-emphasis.cx-emphasis-attention-border .p-emphasis-header {
	width: 100%;
	padding-bottom: var(--gap-container-items);
	border-bottom: 1px solid var(--alertColor);
}
.p-emphasis.cx-emphasis-attention-border .p-emphasis-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}
/* 共通 */
.p-entry {
	--s-grid-num: 1;
	display: flex;
	flex-direction: column;
	gap: var(--gap-container);

	max-width: var(--s-content-width-small);
	margin-left: auto;
	margin-right: auto;

	font-size: 1.2em;
	letter-spacing: .2em;
	line-height: 2;
}
.p-entry + * {
	margin-top: calc(var(--gap-container) * 1.5);
}
.p-entry .p-entry-items {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-container-vertical);
}
.p-entry .p-entry-wrapper {
	flex: 0 0 calc((100% - (var(--gap-container-vertical) * (var(--s-grid-num) - 1))) / var(--s-grid-num));
	width: calc(100% / var(--s-grid-num) - (var(--gap-container-vertical) * (var(--s-grid-num) - 1)));
}
.p-entry.grid-2 .p-entry-wrapper { --s-grid-num: 2; }
.p-entry.grid-3 .p-entry-wrapper { --s-grid-num: 3; }
@media only screen and (max-width: 830px) {
	.p-entry.grid-2 .p-entry-wrapper { --s-grid-num: 1; }
	.p-entry.grid-3 .p-entry-wrapper { --s-grid-num: 1; }
}
.p-entry a.p-container-container {
	text-decoration: none;
}
.p-entry .p-container-container {
	flex-direction: row;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
}
.p-entry .p-entry-wrapper > .p-container-container > * {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: var(--s-text-gap);
}
.p-entry .p-entry-wrapper > .p-container-container > .p-container-wrapper {
	align-items: center;
	text-align: left;
	padding: 0;
}
.p-entry .p-entry-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
	width: 100%;
}
.p-entry .p-entry-wrapper > .p-container-container > .p-container-wrapper .p-container-items > * + * {
	margin-top: var(--gap-container-text);
}
.p-entry .p-container-container > .p-container-items {
	padding: var(--s-horizontal-box-gap);
	text-align: left;
}
.p-entry.s-bgcolor {
	padding: var(--padding-container);
}
.p-entry.s-base-bgcolor { background-color: var(--baseColor); }
.p-entry.s-main-bgcolor { background-color: var(--mainColor); }
.p-entry.s-sub-bgcolor { background-color: var(--subColor); }

/* .p-entry.size-1-11 { --s-grid-num: 1; }
.p-entry.size-2-10 { --s-grid-num: 1; }
.p-entry.size-3-9  { --s-grid-num: 1; }
.p-entry.size-4-8  { --s-grid-num: 1; }
.p-entry.size-5-7  { --s-grid-num: 1; }
.p-entry.size-6-6  { --s-grid-num: 1; }
.p-entry.size-7-5  { --s-grid-num: 1; }
.p-entry.size-8-4  { --s-grid-num: 1; }
.p-entry.size-9-3  { --s-grid-num: 1; }
.p-entry.size-10-2 { --s-grid-num: 1; }
.p-entry.size-11-1 { --s-grid-num: 1; } */

.p-entry .p-container-container > .p-container-images {
	align-items: center;
}
.p-entry .p-container-container > .p-container-images .p-image.size-cover {
	height: 100%;
}
.p-entry .p-container-container > .p-container-images .p-image.size-cover img {
	height: 100%;
	object-fit: cover;
}
.p-entry .p-container-container > .p-container-images .p-embed iframe {
	width: 100%;
}
.p-entry .p-container-container > .p-container-images .p-embed {
	width: 100%;
}
.p-entry.size-1-11 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 1/12); }
.p-entry.size-1-11 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 11/12); }
.p-entry.size-2-10 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 2/12); }
.p-entry.size-2-10 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 10/12); }
.p-entry.size-3-9 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 3/12); }
.p-entry.size-3-9 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 9/12); }
.p-entry.size-4-8 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 4/12); }
.p-entry.size-4-8 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 8/12); }
.p-entry.size-5-7 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 5/12); }
.p-entry.size-5-7 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 7/12); }
.p-entry.size-6-6 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 6/12); }
.p-entry.size-6-6 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 6/12); }
.p-entry.size-7-5 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 7/12); }
.p-entry.size-7-5 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 5/12); }
.p-entry.size-8-4 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 8/12); }
.p-entry.size-8-4 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 4/12); }
.p-entry.size-9-3 .p-container-container > .p-container-images   { width: calc((100% - var(--gap-container)) * 9/12); }
.p-entry.size-9-3 .p-container-container > .p-container-wrapper  { width: calc((100% - var(--gap-container)) * 3/12); }
.p-entry.size-10-2 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 10/12); }
.p-entry.size-10-2 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 2/12); }
.p-entry.size-11-1 .p-container-container > .p-container-images  { width: calc((100% - var(--gap-container)) * 11/12); }
.p-entry.size-11-1 .p-container-container > .p-container-wrapper { width: calc((100% - var(--gap-container)) * 1/12); }

.p-entry.layout-image-left .p-container-images { order: inherit; }
.p-entry.layout-image-right .p-container-images { order: 3; }

@media only screen and (max-width: 830px) {
}
@media only screen and (max-width: 520px) {
	.p-entry .p-container-container {
		flex-direction: column;
	}
	.p-entry.size-1-11 .p-container-container > .p-container-images  { width: 100%; }
	.p-entry.size-1-11 .p-container-container > .p-container-wrapper { width: 100%; }
	.p-entry.size-2-10 .p-container-container > .p-container-images  { width: 100%; }
	.p-entry.size-2-10 .p-container-container > .p-container-wrapper { width: 100%; }
	.p-entry.size-3-9 .p-container-container > .p-container-images   { width: 100%; }
	.p-entry.size-3-9 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-entry.size-4-8 .p-container-container > .p-container-images   { width: 100%; }
	.p-entry.size-4-8 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-entry.size-5-7 .p-container-container > .p-container-images   { width: 100%; }
	.p-entry.size-5-7 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-entry.size-6-6 .p-container-container > .p-container-images   { width: 100%; }
	.p-entry.size-6-6 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-entry.size-7-5 .p-container-container > .p-container-images   { width: 100%; }
	.p-entry.size-7-5 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-entry.size-8-4 .p-container-container > .p-container-images   { width: 100%; }
	.p-entry.size-8-4 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-entry.size-9-3 .p-container-container > .p-container-images   { width: 100%; }
	.p-entry.size-9-3 .p-container-container > .p-container-wrapper  { width: 100%; }
	.p-entry.size-10-2 .p-container-container > .p-container-images  { width: 100%; }
	.p-entry.size-10-2 .p-container-container > .p-container-wrapper { width: 100%; }
	.p-entry.size-11-1 .p-container-container > .p-container-images  { width: 100%; }
	.p-entry.size-11-1 .p-container-container > .p-container-wrapper { width: 100%; }
}

input[type="text"],
input.p-inputtext {
	width: 100%;
	font-size: var(--fsize-base);
	padding: 0.5em;
	color: var(--bg-input-txt-bodyColor);
	border: 1px solid var(--bg-input-lightColor);
	background: var(--bg-inputColor);
}
textarea,
textarea.p-textarea {
	width: 100%;
	font-size: var(--fsize-base);
	padding: 0.5em;
	color: var(--bg-input-txt-bodyColor);
	border: 1px solid var(--bg-input-lightColor);
	background: var(--bg-inputColor);
}
.p-radio {
	display: inline-block;
	margin-right: 1em;
}
input[type="radio"],
.p-radio > input {
	margin-right: 0.5em;
}
.p-checkbox {
	display: inline-block;
	margin-right: 1em;
}
.p-checkbox > input {
	margin-right: 0.5em;
}
select,
select.p-select {
	font-size: inherit;
	padding: 0.2em 1em;
	color: var(--bg-input-txt-bodyColor);
	border: 1px solid var(--bg-input-lightColor);
	background: var(--bg-inputColor);
}

.p-headline {
	position: relative;
}

.p-headline>.p-headline-container {
	display: flex;
	justify-content: var(--s-align-flex, flex-start);
	text-align: var(--s-align, left);
	align-items: center;
	flex-direction: row;
	gap: 0;
	padding: 0;
}

.p-headline .p-headline-items {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
}

/* .p-headline.s-headline-h2 */
.p-headline.s-headline-h2 .p-headline-items {
	--ffamily-head: var(--ffamily-headline);
	--fsize-head: var(--fsize-headline);
	--fweight-head: var(--fweight-headline);
	--flineheight-head: var(--flineheight-headline);
	--fletterspacing-head: var(--fletterspacing-headline);
	font-family: var(--ffamily-head);
	font-size: var(--fsize-head);
	font-weight: var(--fweight-head);
	line-height: var(--flineheight-head);
	letter-spacing: var(--fletterspacing-head);
	color: var(--comp__headline__h2-txt-color);
}
.l-section-wrapper.s-align-center .p-headline.s-headline-h2>.p-headline-container {
	text-align: center;
	justify-content: center;
	align-items: center;
}
.p-headline.s-headline-h2>.p-headline-container>*>.p-subtext {
}
.s-headline-h2 .p-headline-items>.p-subtext {
	color: var(--headlineColor);
}
@media screen and (max-width: 830px) {
	.p-headline.s-headline-h2 .p-headline-items {
		--fsize-head: var(--fsize-headline-sp);
	}
}


/* .p-headline.s-headline-h3 */
.p-headline.s-headline-h3 .p-headline-items {
	--ffamily-head: var(--ffamily-container-headline);
	--fsize-head: var(--fsize-container-headline);
	--fweight-head: var(--fweight-container-headline);
	--flineheight-head: var(--flineheight-container-headline);
	--fletterspacing-head: var(--fletterspacing-container-headline);
	font-family: var(--ffamily-head);
	font-size: var(--fsize-head);
	font-weight: var(--fweight-head);
	line-height: var(--flineheight-head);
	letter-spacing: var(--fletterspacing-head);
}
.p-headline.s-headline-h3>.p-headline-container>*>.p-subtext {
	font-size: 80%;
}
@media screen and (max-width: 830px) {
	.p-headline.s-headline-h3 .p-headline-items {
		--fsize-head: var(--fsize-container-headline-sp);
	}
}

/* .p-headline.s-headline-h4 */
.p-headline.s-headline-h4 .p-headline-items {
	--ffamily-head: var(--ffamily-container-headline);
	--fsize-head: calc(var(--fsize-container-headline) * var(--comp__headline__h4-rate));
	--fweight-head: var(--fweight-container-headline);
	--flineheight-head: var(--flineheight-container-headline);
	--fletterspacing-head: var(--fletterspacing-container-headline);
	font-family: var(--ffamily-head);
	font-size: var(--fsize-head);
	font-weight: var(--fweight-head);
	line-height: var(--flineheight-head);
	letter-spacing: var(--fletterspacing-head);
}
.p-headline.s-headline-h4>.p-headline-container>*>.p-subtext {
	font-size: 80%;
}
@media screen and (max-width: 830px) {
	.p-headline.s-headline-h4 .p-headline-items {
		--fsize-head: calc(var(--fsize-container-headline-sp) * var(--comp__headline__h4-rate));
	}
}

/* .p-headline.s-headline-h5 */
.p-headline.s-headline-h5 .p-headline-items {
	--ffamily-head: var(--ffamily-container-headline);
	--fsize-head: calc(var(--fsize-container-headline) * var(--comp__headline__h5-rate));
	--fweight-head: var(--fweight-container-headline);
	--flineheight-head: var(--flineheight-container-headline);
	--fletterspacing-head: var(--fletterspacing-container-headline);
	font-family: var(--ffamily-head);
	font-size: var(--fsize-head);
	font-weight: var(--fweight-head);
	line-height: var(--flineheight-head);
	letter-spacing: var(--fletterspacing-head);
}
.p-headline.s-headline-h5>.p-headline-container>*>.p-subtext {
	font-size: 80%;
}
@media screen and (max-width: 830px) {
	.p-headline.s-headline-h5 .p-headline-items {
		--fsize-head: calc(var(--fsize-container-headline-sp) * var(--comp__headline__h5-rate));
	}
}



/* ../../components_v4/comp__headline/s-headline-bottom-subtext.css */
.p-headline.s-headline-bottom-subtext {
}

.p-headline.s-headline-bottom-subtext.s-headline-h2 {
	position: relative;
}

.p-headline.s-headline-bottom-subtext.s-headline-h2>.p-headline-container .p-subtext.cx-text-title-en {
	opacity: .2;
	line-height: 1;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-size: .5em;
	font-weight: 900;
}

.p-headline.s-headline-bottom-subtext.s-headline-h2>.p-headline-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: var(--s-align, left);
	gap: 1em;
}

.p-headline.s-headline-bottom-subtext.s-headline-h2>.p-headline-container>.p-headline-items {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: var(--s-align, left);
	order: 2;
}

.p-headline.s-headline-bottom-subtext.s-headline-h2>.p-headline-container>.p-headline-items>.p-subtext {
	order: 3;
	letter-spacing: 3px;
	font-size: 0.4em;
}

.p-headline.s-headline-bottom-subtext.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
	margin-top: 3px;
	order: 2;
	letter-spacing: 2px;
}

.p-headline.s-headline-bottom-subtext.s-headline-h3>.p-headline-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1em;
}

.p-headline.s-headline-bottom-subtext.s-headline-h3 em {
	font-size: 1em;
	border-bottom: dotted 3px var(--txt-head-primary);
}

.s-border-small .p-headline.s-headline-bottom-subtext.s-headline-h3 em {
	border-bottom: solid 3px var(--txt-head-primary);
}

.p-headline.s-headline-bottom-subtext.s-headline-h4 {
	padding: 0;
}

.p-headline.s-headline-bottom-subtext.s-headline-h5 {
	width: 100%;
}
.p-headline.s-headline-bottom-subtext.s-headline-h5>.p-headline-container::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: var(--accentColor);
	width: 10%;
	height: 1px;
}
.p-headline.s-headline-bottom-subtext.s-headline-h5>.p-headline-container::before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: var(--accentColor);
	width: 100%;
	height: 1px;
}

:root {
	--s-image-width: auto;
	--s-image-height: auto;
	--s-image-padding: 0;
}
.p-image .p-image-wrapper {
	height: 100%;
}
.p-image {
	width: var(--s-image-width);
	height: var(--s-image-height);
	padding: var(--s-image-padding);
}
/* p-figure */
.p-image .p-figure {
	display: flex;
	justify-content: stretch;
	align-items: var(--s-align-flex, flex-start);
	flex-direction: column;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100%;
}

.p-image .p-figure .image {
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	height: 100%;
}

.p-image .p-figure .image>img {
	margin: auto;
	opacity: 0;
}

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

.p-image.size-height-20 .p-figure {
	height: 20rem;
	overflow: hidden;
}

.p-image-def {
	display: inherit;
}

.p-image-wh {
	display: none;
}

.p-image {
	position: relative;
}

.p-image>img {
	width: auto;
	max-width: 100%;
}

.p-image>figure>img {
	position: relative;
	z-index: 100;
}

.p-image.p-image-drop-shadow img {
	filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .4));
}

.p-image.p-image-overlap-container {
	margin: 2rem 3rem;
}

.p-image .p-image-overlap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.p-image .p-image-overlap:nth-child(1) {
	transform: translate(10%, 7%);
}

.p-image .p-image-overlap:nth-child(2) {
	transform: translate(-10%, -7%);
}

.p-image .p-image-overlap img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.p-image.image-bg-gray {
	background-color: #e9e9e9;
}

.p-image.image-fit-cover {
	height: 100%;
	padding: 0;
}

.p-image.image-fit-cover figure {
	height: 100%;
}

.p-image.image-fit-cover figure>img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all .3s;
}

.p-image.image-vertical-middle {
	height: 100%;
}

a.p-group-container .p-image.image-fit-cover figure {
	overflow: hidden;
}

a.p-group-container:hover .p-image.image-fit-cover figure>img {
	transform: scale(1.1);
}

.p-image.image-fit-contain {
	height: 100%;
}

.p-image.image-fit-contain figure {
	height: 100%;
}

.p-image.image-fit-contain .p-image-overlap {
	top: 1.5rem;
	left: 1.5rem;
	width: calc(100% - 3rem);
	height: calc(100% - 3rem);
}

.p-image.image-fit-contain figure>img {
	object-fit: contain;
	height: 100%;
	width: 100%;
	transition: all .3s;
}

.p-image.size-cover .p-figure > img {
	object-fit: cover;
}
.p-image.size-cover .p-figure > img {
	object-fit: contain;
}
.p-image.position-top .p-figure > img {
	object-position: top;
}

a.p-group-container .p-image.image-fit-contain figure {
	overflow: hidden;
}

a.p-group-container:hover .p-image.image-fit-contain figure>img {
	transform: scale(1.1);
}

.p-image>.p-icon {
	color: var(--des-main-defColor);
}

.p-image>.p-icon i.size-1 {
	font-size: 1rem;
}

.p-image>.p-icon i.size-2 {
	font-size: 2rem;
}

.p-image>.p-icon i.size-3 {
	font-size: 3rem;
}

.p-image>.p-icon i.size-4 {
	font-size: 4rem;
}

.p-image>.p-icon i.size-5 {
	font-size: 5rem;
}

.p-image>.p-icon i.size-6 {
	font-size: 6rem;
}

.p-image>.p-icon i.size-7 {
	font-size: 7rem;
}

.p-image>.p-icon i.size-8 {
	font-size: 8rem;
}

.p-image.maxheight-1 {
	max-height: 1rem;
}

.p-image.maxheight-2 {
	max-height: 2rem;
}

.p-image.maxheight-3 {
	max-height: 3rem;
}

.p-image.maxheight-4 {
	max-height: 4rem;
}

.p-image.maxheight-5 {
	max-height: 5rem;
}

.p-image.maxheight-6 {
	max-height: 6rem;
}

.p-image.maxheight-7 {
	max-height: 7rem;
}

.p-image.maxheight-8 {
	max-height: 8rem;
}

.p-image.maxheight-9 {
	max-height: 9rem;
}

.p-image.maxheight-10 {
	max-height: 10rem;
}

.p-image.maxheight-11 {
	max-height: 11rem;
}

.p-image.maxheight-12 {
	max-height: 12rem;
}

.p-image.maxheight-13 {
	max-height: 13rem;
}

.p-image.maxheight-14 {
	max-height: 14rem;
}

.p-image.maxheight-15 {
	max-height: 15rem;
}

.p-image.maxheight-16 {
	max-height: 16rem;
}

.p-image.maxheight-17 {
	max-height: 17rem;
}

.p-image.maxheight-18 {
	max-height: 18rem;
}

.p-image.maxheight-19 {
	max-height: 19rem;
}

.p-image.maxheight-20 {
	max-height: 20rem;
}

.p-image.maxheight-21 {
	max-height: 21rem;
}

.p-image.maxheight-22 {
	max-height: 22rem;
}

.p-image.maxheight-23 {
	max-height: 23rem;
}

.p-image.maxheight-24 {
	max-height: 24rem;
}

.p-image.maxheight-25 {
	max-height: 25rem;
}

.p-image.maxheight-26 {
	max-height: 26rem;
}

.p-image.maxheight-27 {
	max-height: 27rem;
}

.p-image.maxheight-28 {
	max-height: 28rem;
}

.p-image.maxheight-29 {
	max-height: 29rem;
}

.p-image.maxheight-30 {
	max-height: 30rem;
}

.p-images.grid {
	display: flex;
	flex-wrap: wrap;
}
.p-image.size-fix-width img {
	width: 100%;
}
.p-images {
	display: flex;
	gap: var(--comp__images__gap);
	flex-wrap: wrap;
}

.p-images.grid-1 { --comp__images__grid-num: 1; }
.p-images.grid-2 { --comp__images__grid-num: 2; }
.p-images.grid-3 { --comp__images__grid-num: 3; }
.p-images.grid-4 { --comp__images__grid-num: 4; }
.p-images.grid-5 { --comp__images__grid-num: 5; }
.p-images.grid-6 { --comp__images__grid-num: 6; }
.p-images.grid-7 { --comp__images__grid-num: 7; }
.p-images.grid-8 { --comp__images__grid-num: 8; }
.p-images.grid-9 { --comp__images__grid-num: 9; }
.p-images.grid-10 { --comp__images__grid-num: 10; }
@media only screen and (max-width: 1200px) {
	.p-image {
		--comp__images__grid-num: 3;
	}
	.p-images.grid-1 { --comp__images__grid-num: 1; }
	.p-images.grid-2 { --comp__images__grid-num: 1; }
	.p-images.grid-3 { --comp__images__grid-num: 2; }
	.p-images.grid-4 { --comp__images__grid-num: 2; }
	.p-images.grid-5 { --comp__images__grid-num: 2; }
	.p-images.grid-6 { --comp__images__grid-num: 2; }
	.p-images.grid-7 { --comp__images__grid-num: 2; }
	.p-images.grid-8 { --comp__images__grid-num: 4; }
	.p-images.grid-9 { --comp__images__grid-num: 4; }
	.p-images.grid-10 { --comp__images__grid-num: 4; }
}
@media only screen and (max-width: 830px) {
	.p-image {
		--comp__images__grid-num: 2;
	}
	.p-images.grid-1 { --comp__images__grid-num: 1; }
	.p-images.grid-2 { --comp__images__grid-num: 1; }
	.p-images.grid-3 { --comp__images__grid-num: 2; }
	.p-images.grid-4 { --comp__images__grid-num: 2; }
	.p-images.grid-5 { --comp__images__grid-num: 2; }
	.p-images.grid-6 { --comp__images__grid-num: 2; }
	.p-images.grid-7 { --comp__images__grid-num: 2; }
	.p-images.grid-8 { --comp__images__grid-num: 4; }
	.p-images.grid-9 { --comp__images__grid-num: 4; }
	.p-images.grid-10 { --comp__images__grid-num: 4; }
}
@media only screen and (max-width: 520px) {
	.p-image {
		--comp__images__grid-num: 1;
	}
	.p-images.grid-1 { --comp__images__grid-num: 1; }
	.p-images.grid-2 { --comp__images__grid-num: 1; }
	.p-images.grid-3 { --comp__images__grid-num: 1; }
	.p-images.grid-4 { --comp__images__grid-num: 1; }
	.p-images.grid-5 { --comp__images__grid-num: 1; }
	.p-images.grid-6 { --comp__images__grid-num: 1; }
	.p-images.grid-7 { --comp__images__grid-num: 1; }
	.p-images.grid-8 { --comp__images__grid-num: 2; }
	.p-images.grid-9 { --comp__images__grid-num: 2; }
	.p-images.grid-10 { --comp__images__grid-num: 2; }
}
.p-images > * {
	flex: 0 0 calc((100% - (var(--comp__images__gap) * (var(--comp__images__grid-num) - 1))) / var(--comp__images__grid-num));
	width: calc(100% / var(--comp__images__grid-num));
	/* background: var(--bgColor); */
	/* color: var(--txt-bodyColor); */
}

/* 共通 */
.p-text.cx-text-link {
	text-decoration: none;
}
.p-text.cx-datetime {
	font-size: .9em;
}
:root {
	--s-label-fsize: inherit;
	--s-label-fweight: inherit;
	--s-label-flineheight: inherit;
	--s-label-padding: 0.1rem 1rem;
}
.p-label.s-label-primary {
	--bgColor: var(--label-primaryColor);
	--txt-headColor: var(--label-primary-txt-headColor);
	--txt-bodyColor: var(--label-primary-txt-bodyColor);
	--borderColor: var(--label-primary-borderColor);
	--accentColor: var(--label-primary-accentColor);
	--accent-txtColor: var(--label-primary-accent-txtColor);
	--emphasisColor: var(--label-primary-emphasisColor);
	--emphasis-txtColor: var(--label-primary-emphasis-txtColor);
	--infoColor: var(--label-primary-infoColor);
	--info-txtColor: var(--label-primary-info-txtColor);
	--lightColor: var(--label-primary-lightColor);
	--darkColor: var(--label-primary-darkColor);
	--monoColor: var(--label-primary-monoColor);
}
.p-label.s-label-alert {
	--bgColor: var(--label-alertColor);
	--txt-headColor: var(--label-alert-txt-headColor);
	--txt-bodyColor: var(--label-alert-txt-bodyColor);
	--borderColor: var(--label-alert-borderColor);
	--accentColor: var(--label-alert-accentColor);
	--accent-txtColor: var(--label-alert-accent-txtColor);
	--emphasisColor: var(--label-alert-emphasisColor);
	--emphasis-txtColor: var(--label-alert-emphasis-txtColor);
	--infoColor: var(--label-alert-infoColor);
	--info-txtColor: var(--label-alert-info-txtColor);
	--lightColor: var(--label-alert-lightColor);
	--darkColor: var(--label-alert-darkColor);
	--monoColor: var(--label-alert-monoColor);
}
.p-label {
	display: inline-block;
	position: relative;
	background: var(--bgColor);
	color: var(--txt-bodyColor);
	box-sizing: border-box;
}
.p-label.s-label-color-headline {
	color: var(--headlineColor);
}
.p-label > * {
	display: inline-block;
	padding: 0.1rem 1rem;
}
.p-label > .p-text {
	font-size: var(--s-label-fsize);
	font-weight: var(--s-label-fweight);
	line-height: var(--s-label-flineheight);
}
.p-label.size-fix-width {
	width: 100%;
}
.p-label.s-absolute-top-right {
	position: absolute;
	top: 0;
	left: 0;
}

/* ../../components_v4/comp__label/s-label-koyou03.css */
.block__container_vertical .p-container-vertical .p-container-vertical-wrapper.block-bg-container-color .p-container-container .p-label {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	font-size: var(--fsize-container-headline);
	font-weight: 600;
	color: var(--headlineColor);
	background: transparent;
}
.block__container_vertical .p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-items {
	padding: 3em 1em;
}
.p-label.s-label-koyou03 {
	background: #000;
	color: #ffffff;
	box-sizing: border-box;
	border-radius: 1em;
	padding: 0 0.5em;	
}
.p-label-container {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	gap: var(--gap-container-items);
	font-size: var(--fsize-base);
	font-weight: var(--fweight-base);
	line-height: var(--flineheight-base);
	letter-spacing: var(--fletterspacing-base);
}
.p-label-container + .p-label-container {
	margin-left: var(--gap-container-items);
}
.p-label-container.cx-labels-alert .p-label {
	background-color: var(--bg-head-alertColor);
	color: var(--bg-head-alert-txt-bodyColor);
	border-color: var(--bg-head-alertColor);
}
.p-labels-container {
	display: flex;
	gap: 0.5em;
	flex-wrap: wrap;
}
/* p-link */
.p-links.s-align-right {
	margin-left: auto;
}
.p-links.s-align-left {
	margin-right: auto;
}
.p-links.s-align-center {
	margin-left: auto;
	margin-right: auto;
}
.p-link > span {
	display: inline-block;
	position: relative;
}
#app.btn-def-gradient .p-link > span::after {
	background: var(--btn-def-gradient);
}
.p-link-def,
.p-link.s-btn-default {
	background-color: var(--btn-defColor);
	border-color: var(--btn-def-txt-bodyColor);
	color: var(--btn-def-txt-bodyColor);
	border-width: calc(2px * var(--s-border,0));
	box-shadow: var(--s-shadow,none) rgba(0, 0, 0, .16);
}
#app.btn-def-gradient .p-link-def,
#app.btn-def-gradient .p-link.s-btn-default {
	background: var(--btn-def-gradient);
}
.p-link-def:hover,
.p-link.s-btn-default:hover {
	background-color: var(--btn-def-darkColor);
	border-color: var(--btn-def-darkColor);
	color: var(--btn-def-dark-txt-bodyColor);
	box-shadow: none;
}
.p-link-primary,
.p-link.s-btn-primary {
	background-color: var(--btn-primaryColor);
	border-color: var(--btn-primary-txt-bodyColor);
	color: var(--btn-primary-txt-bodyColor);
	border-width: calc(2px * var(--s-border,0));
	box-shadow: var(--s-shadow,none) rgba(0, 0, 0, .16);
}
#app.btn-primary-gradient .p-link-primary,
#app.btn-primary-gradient .p-link.s-btn-primary {
	background: var(--btn-primary-gradient);
}
.p-link-primary:hover,
.p-link.s-btn-primary:hover {
	background-color: var(--btn-primary-darkColor);
	border-color: var(--btn-primary-darkColor);
	color: var(--btn-primary-dark-txt-bodyColor);
	box-shadow: none;
}



.p-links.p-link-container {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-container-items);
}
.p-note {
	--gap-container-items: 2rem;

	position: relative;
	background: inherit;
	border: 1px solid var(--lightColor);
	font-size: calc(var(--fsize-base) * 0.8);
	padding: 1em;
}
.p-note .p-note-container {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
}
.p-note .p-note-container .p-note-items {
	gap: var(--gap-container-items);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: var(--s-align-flex, flex-start);
}

.p-note.cx-note-info .p-note-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-note.cx-note-info .p-note-header {
	width: 100%;
}
.p-note.cx-note-info .p-note-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}


/* cx-note-info-border */
.p-note.cx-note-info-border {
	border: 1px solid var(--bg-info-defColor);
}
.p-note.cx-note-info-border .p-note-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-note.cx-note-info-border .p-note-header {
	width: 100%;
}
.p-note.cx-note-info-border .p-note-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}

/* cx-note-attention */
.p-note.cx-note-attention {
	background: var(--bg-info-alertColor);
	color: var(--bg-info-alert-txt-bodyColor);
}
.p-note.cx-note-attention .p-note-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-note.cx-note-attention .p-note-header {
	width: 100%;
}
.p-note.cx-note-attention .p-note-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}

/* cx-note-attention-border */
.p-note.cx-note-attention-border {
	border: 1px solid var(--bg-info-alertColor);
	color: var(--alertColor);
}
.p-note.cx-note-attention-border .p-note-container {
	justify-content: flex-start;
	align-items: flex-start;
	padding: var(--gap-container-items);
}
.p-note.cx-note-attention-border .p-note-header {
	width: 100%;
	padding-bottom: var(--gap-container-items);
	border-bottom: 1px solid var(--alertColor);
}
.p-note.cx-note-attention-border .p-note-header .p-headline > .p-headline-container {
	justify-content: flex-start;
	align-items: flex-start;
}
/* p-ollist */
.p-ollist.s-border {
	padding: 1rem;
}
.p-ollist {
	display: flex;
	flex-direction: column;
	gap: 1em;
}
.p-ollist > ol {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}
.p-ollist > ol > li {
	display: inline-flex;
	position: relative;
	align-items: center;
	flex-wrap: wrap;
}
.p-ollist > ol > li > .p-ollist-child {
	margin-left: var(--gap-container-items);
	width: 100%;
}
.p-ollist > ol > li > .p-text {
	display: flex;
	align-items: center;
}
.p-ollist > ol {
	counter-reset:item;
}
.p-ollist > ol > li {
  counter-increment:item;
}
.p-ollist > ol > li:before {
	content: counter(item);
	width: 1.2em;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: var(--accentColor);
	font-size: inherit;
	font-family: system-ui;
	line-height: inherit;
}
.l-pagination-container {
  font-weight: 400;
  font-size: calc(1rem * 9 / 11);
  line-height: calc(1em * 66 / 40);
	margin-top: 4rem;
}
.l-pagination-container .pagination {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	justify-content: center;
}
@media(min-width:48em) {
  .l-pagination-container {
    font-weight: 600;
    font-size: calc(1rem * 9 / 9);
    line-height: calc(1em * 63 / 40)
  }
}

.l-pagination-container .page-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  transition: color .3s cubic-bezier(.6, -.01, .1, 1);
	color: var(--txt-linkColor);
}
.l-pagination-container .page-item a {
	z-index: 2;
}
.l-pagination-container .page-item.page-prev {
	margin-right: 1.5rem;
	width: auto;
}
.l-pagination-container .page-item.page-next {
	margin-left: 1.5rem;
	width: auto;
}

@media(min-width:48em) {
  .Pagination-pageLink {
    width: 3.5rem;
    height: 3.5rem
  }
}

.l-pagination-container .page-item.active {
	color: var(--accent-txtColor);
	background-color: var(--accentColor);
}

.l-pagination-container .page-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid var(--base-baseColor);
  opacity: 1;
  transform: scale(0);
  transition: transform .6s cubic-bezier(.6, -.01, .1, 1), opacity .6s cubic-bezier(.6, -.01, .1, 1) .2s;
	z-index: 1;
}
.l-pagination-container .page-item.page-prev:before { display: none; }
.l-pagination-container .page-item.page-next:before { display: none; }

@media(hover:hover) {
  .l-pagination-container .page-item:not(.active):hover {
    color: var(--base-baseColor);
  }
  .l-pagination-container .page-item:not(.active):hover:before {
    opacity: 0;
    transform: scale(1)
  }
}

.Pagination-ellipsis {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem
}

@media(min-width:48em) {
  .Pagination-ellipsis {
    width: 3.5rem;
    height: 3.5rem
  }
}

.p-point {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-container-horizontal);
}
/** p-remarks **/
.p-remarks {
	font-size: 80%;
	color: gray;
	position: relative;
}
/* p-table */
.p-table > table {
	--bgColor: var(--bg-col-body1Color);
	--txt-headColor: var(--bg-col-body1-txt-headColor);
	--txt-bodyColor: var(--bg-col-body1-txt-bodyColor);
	--borderColor: var(--bg-col-body1-borderColor);
	--accentColor: var(--bg-col-body1-accentColor);
	--accent-txtColor: var(--bg-col-body1-accent-txtColor);
	--emphasisColor: var(--bg-col-body1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-body1-emphasis-txtColor);
	--infoColor: var(--bg-col-body1-infoColor);
	--info-txtColor: var(--bg-col-body1-info-txtColor);
	--lightColor: var(--bg-col-body1-lightColor);
	--darkColor: var(--bg-col-body1-darkColor);
	--monoColor: var(--bg-col-body1-monoColor);

	width: 100%;
	max-width: var(--s-content-width);
	border: var(--border-container);
	margin-bottom: 1.5rem;
	background: var(--bgColor);
	color: var(--txt-bodyColor);
	font-size: inherit;
}
.p-table.s-radius-large > table {
	border-radius: 1em;
	overflow: hidden;
}
.p-table > table > thead > tr > th {
	--bgColor: var(--bg-col-theadColor);
	--txt-headColor: var(--bg-col-thead-txt-headColor);
	--txt-bodyColor: var(--bg-col-thead-txt-bodyColor);
	--borderColor: var(--bg-col-thead-borderColor);
	--accentColor: var(--bg-col-thead-accentColor);
	--accent-txtColor: var(--bg-col-thead-accent-txtColor);
	--emphasisColor: var(--bg-col-thead-emphasisColor);
	--emphasis-txtColor: var(--bg-col-thead-emphasis-txtColor);
	--infoColor: var(--bg-col-thead-infoColor);
	--info-txtColor: var(--bg-col-thead-info-txtColor);
	--lightColor: var(--bg-col-thead-lightColor);
	--darkColor: var(--bg-col-thead-darkColor);
	--monoColor: var(--bg-col-thead-monoColor);

	background: var(--bgColor);
	color: var(--txt-headColor);
	text-align: center;
}
.p-table > table > tbody > tr > th {
	--bgColor: var(--bg-col-head1Color);
	--txt-headColor: var(--bg-col-head1-txt-headColor);
	--txt-bodyColor: var(--bg-col-head1-txt-bodyColor);
	--borderColor: var(--bg-col-head1-borderColor);
	--accentColor: var(--bg-col-head1-accentColor);
	--accent-txtColor: var(--bg-col-head1-accent-txtColor);
	--emphasisColor: var(--bg-col-head1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-head1-emphasis-txtColor);
	--infoColor: var(--bg-col-head1-infoColor);
	--info-txtColor: var(--bg-col-head1-info-txtColor);
	--lightColor: var(--bg-col-head1-lightColor);
	--darkColor: var(--bg-col-head1-darkColor);
	--monoColor: var(--bg-col-head1-monoColor);

	background: var(--bgColor);
	color: var(--txt-headColor);
	text-align: center;
}
.p-table > table > tbody > tr:nth-child(2n+1) > th {
	--bgColor: var(--bg-col-head2Color);
	--txt-headColor: var(--bg-col-head2-txt-headColor);
	--txt-bodyColor: var(--bg-col-head2-txt-bodyColor);
	--borderColor: var(--bg-col-head2-borderColor);
	--accentColor: var(--bg-col-head2-accentColor);
	--accent-txtColor: var(--bg-col-head2-accent-txtColor);
	--emphasisColor: var(--bg-col-head2-emphasisColor);
	--emphasis-txtColor: var(--bg-col-head2-emphasis-txtColor);
	--infoColor: var(--bg-col-head2-infoColor);
	--info-txtColor: var(--bg-col-head2-info-txtColor);
	--lightColor: var(--bg-col-head2-lightColor);
	--darkColor: var(--bg-col-head2-darkColor);
	--monoColor: var(--bg-col-head2-monoColor);
}
.p-table > table > tbody > tr > td {
	--bgColor: var(--bg-col-body1Color);
	--txt-headColor: var(--bg-col-body1-txt-headColor);
	--txt-bodyColor: var(--bg-col-body1-txt-bodyColor);
	--borderColor: var(--bg-col-body1-borderColor);
	--accentColor: var(--bg-col-body1-accentColor);
	--accent-txtColor: var(--bg-col-body1-accent-txtColor);
	--emphasisColor: var(--bg-col-body1-emphasisColor);
	--emphasis-txtColor: var(--bg-col-body1-emphasis-txtColor);
	--infoColor: var(--bg-col-body1-infoColor);
	--info-txtColor: var(--bg-col-body1-info-txtColor);
	--lightColor: var(--bg-col-body1-lightColor);
	--darkColor: var(--bg-col-body1-darkColor);
	--monoColor: var(--bg-col-body1-monoColor);

	background: var(--bgColor);
	color: var(--txt-headColor);
}
.p-table > table > tbody > tr:nth-child(2n+1) > td {
	--bgColor: var(--bg-col-body2Color);
	--txt-headColor: var(--bg-col-body2-txt-headColor);
	--txt-bodyColor: var(--bg-col-body2-txt-bodyColor);
	--borderColor: var(--bg-col-body2-borderColor);
	--accentColor: var(--bg-col-body2-accentColor);
	--accent-txtColor: var(--bg-col-body2-accent-txtColor);
	--emphasisColor: var(--bg-col-body2-emphasisColor);
	--emphasis-txtColor: var(--bg-col-body2-emphasis-txtColor);
	--infoColor: var(--bg-col-body2-infoColor);
	--info-txtColor: var(--bg-col-body2-info-txtColor);
	--lightColor: var(--bg-col-body2-lightColor);
	--darkColor: var(--bg-col-body2-darkColor);
	--monoColor: var(--bg-col-body2-monoColor);
}
.p-table > table th,
.p-table > table td {
	border-right: var(--border-container);
	border-bottom: var(--border-container);
	padding: 1em;
}

/* p-taglist */
.p-taglist {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5em;
}
.p-taglist.s-align-center {
	margin: auto;
}
.p-taglist.s-align-left {
	margin: 0 auto 0 0;
}
.p-taglist.s-align-right {
	margin: 0 0 0 auto;
}
.p-taglist > ul {
	list-style: none;
	margin: 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 0;
}
.p-taglist > ul > li {
	display: inline-flex;
	position: relative;
	align-items: flex-start;
	text-align: left;
	background: var(--bgColor);
	color: var(--txt-bodyColor);
	padding: 0.2rem 1.3rem;
	border-radius: 3em;
}
.p-taglist > ul > li a {
	text-decoration: none;
}
.p-taglist > ul > li .p-taglist-child {
	margin-left: 0;
	width: calc(100% - 2em);
}
.p-taglist > ul > li .p-text {
	display: flex;
	align-items: center;
	margin: 0;
	width: 100%;
	line-height: 2;
}
.p-taglist > ul > li .p-headline {
	padding-top: 0 !important;	
}
.p-taglist > ul > li .p-headline > .p-headline-container {
	justify-content: flex-start;
}

.p-taglist.s-ullist-taglist .p-taglist-header {
	font-size: calc(var(--fsize-base) * 1.2);
	font-weight: bold;
}
.p-taglist.s-ullist-taglist > ul > li::before {
	color: var(--txt-bodyColor);
	display: none;
}



.p-taglist.s-ullist-emphasis {
	font-size: calc(var(--fsize-base) * 1.2);
	line-height: calc(var(--flineheight-base) * 1.2);
}
.p-taglist.s-ullist-emphasis > ul > li .p-text {
	line-height: inherit;
}

.p-taglist.s-ullist-primary {
	background: var(--bg-col-body2Color);
}
.p-taglist.s-ullist-primary > * {
	padding: 0 1em;
}
.p-taglist.s-ullist-primary > .p-taglist-header {
	background: var(--emphasisColor);
	color: var(--emphasis-txtColor);
	width: 100%;
}


.p-taglist > ul > li .p-taglist-item {
	flex: 1 1 calc(100% - 1.5em);
}
.p-taglist > ul > li.s-ullist-icon-checkbox::before {
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
}
.p-taglist > ul > li.s-ullist-icon-checkbox {
	align-items: center;
	gap: 0.5em;
}

/* 共通 */
/* base parts */
.s-text-accent { color: var(--accentColor);}
.s-text-primary { color: var(--emphasisColor);}

.p-title {}
.p-subtitle {
	margin: 0;
}
.p-text {
	font-size: inherit;
}
.p-textarea {
	line-height: inherit;
	font-size: inherit;
	text-align: left;
	display: block;
}

.p-text.cx-text-link {
	text-decoration: none;
}
.p-inlinetext.s-align-center,
.p-text.s-align-center {
	margin: auto;
}
.p-inlinetext.s-align-left,
.p-text.s-align-left {
	margin: 0 auto 0 0;
}
.p-inlinetext.s-align-right,
.p-text.s-align-right {
	margin: 0 0 0 auto;
}

.size-text-message {
	font-size: var(--fsize-message);
	align-items: var(--s-align-flex, flex-start);
}

.p-text.cx-datetime {
	font-size: .9em;
}

.p-text i + span {
	margin-left: 0.7em;
}

/* p-ullist */
.p-ullist.s-border {
	padding: 1rem;
}
.p-ullist {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5em;
}
.p-ullist.block-bg-container-color {
	padding: var(--block-container-padding);
	background: var(--bgColor);
}
.p-ullist.s-align-center {
	margin: auto;
}
.p-ullist.s-align-left {
	margin: 0 auto 0 0;
}
.p-ullist.s-align-right {
	margin: 0 0 0 auto;
}
.p-ullist > ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.p-ullist > ul > li {
	display: inline-flex;
	position: relative;
	align-items: flex-start;
	text-align: left;
}
.p-ullist > ul > li a {
	text-decoration: none;
}
.p-ullist > ul > li .p-ullist-child {
	margin-left: 0;
	width: calc(100% - 2em);
}
.p-ullist > ul > li .p-text {
	display: flex;
	align-items: center;
	margin: 0;
	width: 100%;
	line-height: 2;
}
.p-ullist > ul > li .p-headline {
	padding-top: 0 !important;	
}
.p-ullist > ul > li .p-headline > .p-headline-container {
	justify-content: flex-start;
}

.p-ullist.grid-2 > ul {
	flex-direction: row;
	flex-wrap: wrap;
}
.p-ullist.grid-2 > ul > li {
	width: calc((100% / 2) - (1em * 1));
}

.p-ullist.cx-ullist-message {
	font-size: inherit;
}

.p-ullist.s-ullist-taglist {
	--bgColor: var(--bg-annotationColor);
	--txt-headColor: var(--bg-annotation-txt-headColor);
	--txt-bodyColor: var(--bg-annotation-txt-bodyColor);
	--borderColor: var(--bg-annotation-borderColor);
	--headlineColor: var(--annotation-headlineColor);
	--headline-txtColor: var(--annotation-headline-txtColor);
	--accentColor: var(--bg-annotation-accentColor);
	--accent-txtColor: var(--bg-annotation-accent-txtColor);
	--emphasisColor: var(--bg-annotation-emphasisColor);
	--emphasis-txtColor: var(--bg-annotation-emphasis-txtColor);
	--infoColor: var(--bg-annotation-infoColor);
	--info-txtColor: var(--bg-annotation-info-txtColor);
	--lightColor: var(--bg-annotation-lightColor);
	--darkColor: var(--bg-annotation-darkColor);
	--monoColor: var(--bg-annotation-monoColor);

	background: var(--bgColor);
	color: var(--txt-bodyColor);
	padding: 1em;
	gap: 0.5em;
}
.p-ullist.s-ullist-taglist > ul {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 1em;
	padding: 1em;
}
.p-ullist.s-ullist-taglist > ul > li {
	--bgColor: var(--label-defColor);
	--txt-headColor: var(--label-def-txt-headColor);
	--txt-bodyColor: var(--label-def-txt-bodyColor);
	--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);

	background: var(--bgColor);
	color: var(--txt-bodyColor);
	padding: 0.2em 1em;
	border-radius: 3em;
}
.p-ullist.s-ullist-taglist .p-ullist-header {
	font-size: calc(var(--fsize-base) * 1.2);
	font-weight: bold;
}
.p-ullist.s-ullist-taglist > ul > li::before {
	color: var(--txt-bodyColor);
	display: none;
}



.p-ullist.s-ullist-emphasis {
	font-size: calc(var(--fsize-base) * 1.2);
	line-height: calc(var(--flineheight-base) * 1.2);
}
.p-ullist.s-ullist-emphasis > ul > li .p-text {
	line-height: inherit;
}

.p-ullist.s-ullist-primary {
	background: var(--bg-col-body2Color);
}
.p-ullist.s-ullist-primary > * {
	padding: 0 1em;
}
.p-ullist.s-ullist-primary > .p-ullist-header {
	background: var(--emphasisColor);
	color: var(--emphasis-txtColor);
	width: 100%;
}


.p-ullist > ul > li::before {
	content: "●";
	width: 1.5em;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: inherit;
	font-size: .8em;
	font-family: system-ui;
	line-height: 2.5;
	color: var(--headlineColor);
}
.p-ullist > ul > li .p-ullist-item {
	flex: 1 1 calc(100% - 1.5em);
}
.p-ullist > ul > li.s-ullist-icon-checkbox::before {
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
}
.p-ullist > ul > li.s-ullist-icon-checkbox {
	align-items: center;
	gap: 0.5em;
}

.p-ullist.s-ullist-icon-content > ul > li::before {
	content: var(--s-ullist-icon-content);
}
.p-ullist.s-ullist-icon-fontawsome > ul > li::before {
	font-family: "Font Awesome 5 Free";
	content: var(--s-ullist-icon-content);
}
.p-ullist.s-ullist-icon-materialoutlined > ul > li::before {
	content: var(--s-ullist-icon-content);
	font-family: 'Material Symbols Outlined';
	font-weight: 900;
	font-style: normal;
	font-size: inherit;
}
/* ../../components_v4/comp__ullist/s-ullist-def.css */
.p-ullist.s-ullist-def > ul > li {
	line-height: 1;
}
.p-ullist.s-ullist-def > ul > li::before {
	line-height: 1;
}

.link-btn-hover-scaledown01:hover {
	transform: scale(0.95);
}
.link-btn-hover-scaledown01:hover {
	transform: scale(0.95);
}
.link-btn-hover-scaleup01:hover {
	transform: scale(1.05);
}

.link-btn.link-btn-rightside-icon {
	position: relative;
}
.link-btn.link-btn-rightside-icon::before {
	position: absolute;
	right: 1em;
	top: calc(50% - (1em / 2) + 2px);
}

.link-container-hover-imagescaleup:hover img {
	transform: scale(1.05);
	transition: all 0.5s;
}

.link-container-hover-scaledown01:hover {
	transform: scale(0.95);
}

.link-container-hover-scaleup01:hover {
	transform: scale(1.05);
}

.link-container.link-container-hover-shadow01:hover {
	box-shadow: 0 3px 6px var(--lightColor);
}



.link-text.link-external-fontawsome.externalLinkIcon::after {
	content: var(--link-external-content);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-size: 0.8em;
	width: 1.5em;
	line-height: 1em;
	color: inherit;
	display: inline-block;
	text-align: right;
	text-decoration: none;
	vertical-align: middle;
}
.link-btn.link-external-fontawsome.externalLinkIcon::after {
	content: var(--link-external-content);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-size: 0.8em;
	width: 1.5em;
	line-height: 1em;
	color: inherit;
	display: inline-block;
	text-align: right;
	text-decoration: none;
	vertical-align: middle;
}


.link-text.link-external-customfont.externalLinkIcon::after {
	content: var(--link-external-content);
	font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	margin-left: 0.5em;
}


.link-text.link-icon-fontawsome::before {
	content: var(--link-icon-content);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-size: 0.8em;
	width: 1.5em;
	line-height: 1em;
	color: var(--accentColor);
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	text-align: left;
}
.link-gmenu-head1-text.link-icon-fontawsome::before {
	content: var(--link-gmenu-head1-icon-content);
}
.link-gmenu-head2-text.link-icon-fontawsome::before {
	content: var(--link-gmenu-head2-icon-content);
}
.link-gmenu-sub-text.link-icon-fontawsome::before {
	content: var(--link-gmenu-sub-icon-content);
}

.link-btn.link-icon-btn-fontawsome::before {
	content: var(--link-icon-btn-content);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-size: 0.8em;
	width: 1.5em;
	line-height: 1;
	color: var(--txt-bodyColor);
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	text-align: left;
}
.link-container.link-icon-container-fontawsome::before {
	content: var(--link-icon-content);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-size: 0.8em;
	width: 1.5em;
	line-height: 1em;
	color: var(--accentColor);
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	text-align: left;
	position: absolute;
}

.link-text.link-text-hover-underline01 > span {
	position: relative;
}
.link-text.link-text-hover-underline01 > span::after {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 1px;
	left: 0;
	background: var(--txt-linkColor);
	transition: all .3s;
}
.link-text.link-text-hover-underline01:hover > span::after {
	width: 100%;
}

.link-text.link-text-hover-underline01 > span {
	position: relative;
}
.link-text.link-text-hover-underline01 > span::after {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 1px;
	left: 0;
	background: var(--txt-linkColor);
	transition: all .3s;
}
.link-text.link-text-hover-underline01:hover > span::after {
	width: 100%;
}

.link-text.link-text-hover-underline01 > span {
	position: relative;
}
.link-text.link-text-hover-underline01 > span::after {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 1px;
	left: 0;
	background: var(--txt-linkColor);
	transition: all .3s;
}
.link-text.link-text-hover-underline01:hover > span::after {
	width: 100%;
}

.link-text {
	text-decoration: none;
	color: var(--txt-linkColor);
}

.link-text.link-text-icon-right {
	display: inline-flex;
	align-items: center;
	gap: 0.8em;
}
.link-text.link-text-icon-right::before {
	width: auto;
	line-height: 2;
	order: 2;
	color: var(--headlineColor);
}

.frame-container-def {
}

.frame-container-border {
	border: 1px solid var(--lightColor);
}

.frame-container-shadow01 {
	box-shadow: var(--frame-container-shadow) var(--lightColor);
}
.frame-container-hover-shadow01:hover {
	box-shadow: var(--frame-container-hover-shadow) var(--lightColor);
}

.frame-container-valid {
	border-radius: var(--frame-container-radius);
	box-shadow: var(--frame-container-shadow);
	overflow: hidden;
}



.frame-image {
}


/* ../../components_v4/decoration/em/decoration-em-underline01.css */
.decoration-em-underline01 em {
	position: relative;
	display: inline;
	background: linear-gradient(transparent 80%, var(--headlineColor) 20%);
}


/* ../../components_v4/decoration/strong/decoration-strong-scaleup01.css */
.decoration-strong-scaleup01 strong {
	font-weight: 1.5em;
	color: var(--emphasisColor);
}
@media screen and (max-width: 1024px) {
	.l-gmenu-pc-before {
		display: none;
	}
	.l-gmenu-pc-after {
		display: none;
	}
}
.l-gmenu-sp {
	display: none;
}
@media screen and (max-width: 1024px) {
	.l-gmenu-sp {
		display: block;
	}
}
@media screen and (max-width: 1024px) {
	.l-gheader-pc {
		display: none;
	}
}
.l-gheader-sp {
	display: none;
}
@media screen and (max-width: 1024px) {
	.l-gheader-sp {
		display: block;
	}
}
:root {
	--header-fsize: 1.6rem;
	--header-border: 1px solid #bbbcbc;
	--header-accent: var(--mainColor);
	--header-height-before: 7rem;
	--header-height-after: 7rem;
}
body.is-hero-scroll {
	--header-height-before: 6rem;
	--header-height-after: 5rem;
}

header {
	position: sticky;
	width: 100%;
	z-index: 4;
	top: 0;
	transition: all .5s;
	border-bottom: var(--header-border);
	height: var(--header-height-before);
}

/* l-header-container */
header .l-header-wapper {
	position: relative;
	height: 100%;
}
header .l-header-container {
	position: relative;
	margin: 0 auto;
	z-index: 1;
	justify-self: auto;
	width: var(--s-content-width);
	height: var(--header-height-before);
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.l-header-container .l-gmenu-fix {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
header .l-header-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--headerColor);
}


/* site-logo */
.l-header-container .l-header-logo-container {
	font-size: var(--fsize-base);
}
.l-header-container .l-header-logo-container .p-image {
	max-width: 30rem;
	height: var(--header-height-before);
	display: inline-block;
	box-sizing: border-box;
}
.l-header-container .l-header-logo-container .p-image > img {
	width: auto;
	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.5em 0;
	margin-right: 1.5em;
}
header .l-header-container .l-header-logo-container .p-subtitle{
	font-size: inherit !important;
	display: inline-block;
	padding-bottom: 0.5em;
}
header .l-header-container .l-header-logo-container .p-message {
	font-size: var(--fsize-small);
}
.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;
}

/* company-logo */
.l-header-complogo-container {
	margin-left: 2em;
}
.l-header-complogo-container > .p-company-logo > .p-image {
	height: var(--header-height-before);
}
.l-header-complogo-container > .p-company-logo > .p-image .p-figure {
	width: 100%;
	height: 100%;
	padding: 0.5em 0;
	margin-right: 1.5em;
}
.l-header-complogo-container > .p-company-logo > .p-image .p-figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right;
}

/* l-gmenu-sub */
.l-header-container .l-gmenu-sub-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.l-header-container .l-gmenu-sub-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	font-size: var(--fsize-base);
	font-weight: var(--fweight-base);
	line-height: var(--flineheight-base);
	letter-spacing: var(--fletterspacing-base);
}
header.is-scroll .l-gmenu-sub-container {
	font-size: calc(var(--fsize-base) * 0.9);
}
.l-header-container .l-gmenu-sub-container a {
	text-decoration: none;
}
.l-header-container .l-gmenu-sub-container li {
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: var(--header-border);
	padding: 0.5em 1.5em;
	height: 1.5em;
}
.l-header-container .l-gmenu-sub-container li:nth-child(1) {
	border-left: var(--header-border);
}

/* gmenu-main */
.l-gmenu-wrapper.l-gmenu-fix {
	position: sticky;
	top: var(--header-height-before);
	z-index: 999;
	background: var(--gmenuColor);
	color: var(--gmenu-txt-bodyColor);
	border-top: 1px solid var(--gmenu-txt-bodyColor);
}
body.is-hero-scroll .l-gmenu-wrapper.l-gmenu-fix {
	border-top: 0;
}
.l-gmenu-navi-wrapper {
	width: 100%;
}
.l-gmenu-main-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.l-gmenu-main-wrapper {
	max-width: var(--s-content-width);
	margin: auto;	
}
.l-gmenu-main-container {
	display: flex;
	justify-content: space-between;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: var(--fsize-base);
	font-weight: var(--fweight-base);
	line-height: var(--flineheight-base);
	letter-spacing: var(--fletterspacing-base);
}
body.is-hero-scroll  .l-gmenu-main-container {
	font-size: calc(var(--fsize-base) * 0.9);
}
.l-gmenu-main-container li {
	width: 100%;
	position: relative;
}
.l-gmenu-main-container li a {
	display: block;
	text-align: center;
	padding: 2em 0 1.5em;
}
.l-gmenu-main-container li:hover::after {
	content: "";
	position: absolute;
	display: block;
	width: 50%;
	height: 0.3em;
	bottom: 0;
	left: 25%;
	background-color: var(--gmenu-txt-bodyColor);
}
body.is-hero-scroll .l-gmenu-main-container li a {
	padding: 1em 0;
}

/* l-gmenu-cta-container */
.l-gmenu-cta-container {
	list-style: none;
	padding: 0;
	margin: 0;
}
.l-gmenu-cta-container .p-btn {
	height: calc(var(--header-height-before) - 1em);
	padding: 0;
}


/* SPメニュー */
.l-header-spmenu { display: none; }
.l-header-spmenu .menu-btn {
	position: absolute;
	top: 0.5em;
	right: 1em;
	display: flex;
	height: calc(var(--header-height-before) - 1em);
	width: calc(var(--header-height-before) - 1em);
	justify-content: center;
	align-items: center;
	z-index: 90;
	background-color: var(--primary-defColor);
}
.l-header-spmenu .menu-btn span,
.l-header-spmenu .menu-btn span:before,
.l-header-spmenu .menu-btn span:after {
	content: '';
	display: block;
	height: 2px;
	width: 100%;
	position: absolute;
	background-color: var(--primary-def-txt-bodyColor);
}
.l-header-spmenu .menu-btn span{ width: 70%; }
.l-header-spmenu .menu-btn span:before {
	bottom: 1.3em;
}
.l-header-spmenu .menu-btn span:after {
	top: 1.3em;
}
.l-header-spmenu #menu-btn-check:checked ~ .menu-btn {
	position: fixed;
}
.l-header-spmenu #menu-btn-check:checked ~ .menu-btn span {
	background-color: rgba(255, 255, 255, 0);
}
.l-header-spmenu #menu-btn-check:checked ~ .menu-btn span::before {
	bottom: 0;
	transform: rotate(45deg);
}
.l-header-spmenu #menu-btn-check:checked ~ .menu-btn span::after {
	top: 0;
	transform: rotate(-45deg);
}
.l-header-spmenu #menu-btn-check {
	display: none;
}
.l-header-spmenu .menu-content {
	width: 100%;
	height: calc(100vh - var(--header-height-before));
	padding-bottom: 5em;
	overflow-y: scroll;
	max-width: 400px;
	position: fixed;
	top: var(--header-height-before);
	right: 0;
	transform: translateX(100%);
	z-index: 9999;
	background-color: var(--primary-defColor);
	transition: all 0.5s;
}
.l-header-spmenu #menu-btn-check:checked ~ .menu-content {transform: translateX(0);}
.l-header-spmenu .menu-content ul.l-gmenu-sp-container {
	padding: 0rem 1rem 0;
}
.l-header-spmenu .menu-content ul.l-gmenu-sp-container li {
	border-bottom: solid 1px var(--primary-def-txt-bodyColor);
	list-style: none;
}
.l-header-spmenu .menu-content ul.l-gmenu-sp-container li a {
	display: block;
	width: 100%;
	font-size: var(--fsize-3head);
	box-sizing: border-box;
	color: var(--primary-def-txt-bodyColor);
	text-decoration: none;
	padding: 1em;
	position: relative;
}
.l-header-spmenu .menu-content ul.l-gmenu-sp-container li a > p > br { display: none; }
.l-header-spmenu .menu-content ul.l-gmenu-sp-container li a::before {
	font-family: 'Material Symbols Rounded';
	content: "\e5e1";
	display: inline-block;
	position: absolute;
	right: 1.5rem;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1em;
	height: 1em;
	transform: rotate(90deg);
}
.l-header-spmenu .menu-content ul.l-gmenu-sub-container {
	padding: 0rem 1rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.l-header-spmenu .menu-content ul.l-gmenu-sub-container li {
	border-bottom: solid 1px var(--primary-def-txt-bodyColor);
	list-style: none;
	width: 48%;
}
.l-header-spmenu .menu-content ul.l-gmenu-sub-container li a {
	display: block;
	width: 100%;
	font-size: var(--fsize-5head);
	box-sizing: border-box;
	color: var(--primary-def-txt-bodyColor);
	text-decoration: none;
	padding: 1em;
	position: relative;
}
.l-header-spmenu .menu-content ul.l-gmenu-sub-container li a > p > br { display: none; }
.l-header-spmenu .menu-content ul.l-gmenu-sub-container li a::before {
	font-family: 'Material Symbols Rounded';
	content: "\e5e1";
	display: inline-block;
	position: absolute;
	right: 1.5rem;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1em;
	height: 1em;
	transform: rotate(90deg);
}
.l-header-spmenu .menu-content .l-gmenu-cta-container {
	margin: 0;
	padding: 1rem;
}
@media only screen and (max-width: 1200px) {
	header {
		position: sticky;
	}
	#expansionFloatBanner {
		display: none;
	}
	header .l-header-container {
		height: var(--header-height-before);
		padding-left: 1em;
	}
	.l-header-container .l-gmenu-sub-wrapper {
		display: none;
	}
	.l-gmenu-wrapper.l-gmenu-fix {
		display: none;
	}
	.l-header-spmenu { display: inherit; }
}
.l-gmenu-sp .l-spgmenu-sub-container-sp {
	padding: 0;
	text-align: center;
}

.l-gmenu-sp .l-spgmenu-sub-container-sp>li>a {
	font-size: inherit;
	font-weight: inherit;
}

.l-gmenu-sp form.l-spgmenu-sub-form-sp {
	position: relative;
	border: 1px solid #ECECEC;
	background-color: #F5F6F8;
	height: fit-content;
	border-radius: 0.5rem;
	width: 100%;
	margin-bottom: 1.5rem;
}

.l-gmenu-sp form.l-spgmenu-sub-form-sp>input {
	border: 0;
	background: transparent;
	min-width: 18rem;
	width: calc(100% - 23px - 1rem);
	padding: 1.5rem;
}

.l-gmenu-sp form.l-spgmenu-sub-form-sp>button {
	border: 0;
	background: transparent;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	padding: 0;
}

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

/* gmenu-main */
.l-gmenu-sp .l-spgmenu-sp-wrapper {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	display: none;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bgColor);
	opacity: 1;
}

.l-gmenu-sp .l-spgmenu-navi-wrapper {
	width: 100%;
	max-width: var(--s-content-width);
	background: var(--bgColor);
	color: var(--txt-bodyColor);
	padding: var(--spgmenu-menu-padding);
	overflow: scroll;
	height: calc(100vh - var(--spheader-height));
	margin: 0;
}

.l-gmenu-sp .l-spgmenu-main-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: var(--spgmenu-fsize-base);
	font-weight: var(--spgmenu-fweight-base);
	line-height: var(--spgmenu-flineheight-base);
	letter-spacing: var(--spgmenu-fletterspacing-base);
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li {
	width: 100%;
	position: relative;
	border-left: 0;
	border-top: 1px solid var(--txt-bodyColor);
}
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li:first-child {
	border-top: 0;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li:last-child {
	border-right: 0;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li.is-child>a::after {
	content: "\e145";
	position: absolute;
	right: 1rem;
	margin: auto;
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 100%;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li input[type="checkbox"]:checked+a::after {
	content: "\e15b";
}
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li.is-child>a {
	padding-left: 0.5em;
	padding-right: 2em;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li a {
	display: inline-flex;
	text-align: center;
	width: 100%;
	text-decoration: none;
	align-items: center;
	position: relative;
	z-index: 1001;
	padding: var(--spgmenu-menu-padding) 1rem;
	height: auto;
	justify-content: flex-start;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	background: var(--bgColor);
	transition: all 0.5s;
	z-index: 1000;
}

.l-gmenu-sp .l-spgmenu-cta-container {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 2em;
	display: flex;
	gap: 0;
	flex-wrap: wrap;
	margin-left: 0;
	display: flex;
	gap: 2rem;
	justify-content: center;
}
.l-gmenu-sp .l-spgmenu-cta-container>li>.p-btn {
	font-size: var(--spgmenu-fsize-btn);
	font-weight: var(--spgmenu-fweight-btn);
	line-height: var(--spgmenu-flineheight-btn);
	letter-spacing: var(--spgmenu-fletterspacing-btn);
	min-width: var(--s-width-gmenu-btn);
}
.l-gmenu-sp .l-spgmenu-cta-container>li>.p-btn>span {
	padding: 0 0.5em;
}

/* child-menu */
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li .child-wrap {
	visibility: hidden;
	height: 0;
	position: fixed;
	left: 0;
	top: var(--spheader-height);
	z-index: 1001;
	margin: 0;
	width: 100%;
	text-align: left;
	opacity: 0;
	overflow: hidden;
	background: var(--bgColor);
	margin-top: 0;
	box-shadow: 0 5px 15px -5px #999;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li input[type="checkbox"] {
	display: none;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li label {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(var(--spgmenu-fsize-base) * var(--spgmenu-flineheight-base) + var(--spgmenu-menu-padding) + var(--spgmenu-menu-padding));
	z-index: 9999;
	cursor: pointer;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li input[type="checkbox"]:checked+*+.child-wrap {
	display: block;
	position: unset;
	visibility: visible;
	height: auto;
	opacity: 1;
	background: inherit;
	box-shadow: none;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li,
.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container>li:nth-child(1) {
	padding: 0;
	margin: 0;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-menu-title {
	width: 1200px;
	margin: auto;
	text-align: center;
	color: var(--txt-bodyColor);
	padding: 30px 0 10px;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-inner {
	width: 1200px;
	margin: auto;
	max-width: 100%;
	display: flex;
	justify-content: stretch;
	align-items: stretch;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-inner .search-form {
	display: flex;
	justify-content: center;
	align-items: center;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list {
	zoom: 1;
	display: flex;
	justify-content: space-between;
	vertical-align: top;
	padding: 20px 0 0 20px;
	box-sizing: border-box;
	width: 100%;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list:after {
	content: "";
	display: block;
	clear: both;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .child-list-line {
	display: flex;
	align-items: center;
	padding: 0 0 0 var(--spgmenu-menu-padding);
	width: 100%;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .child-list-line>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .child-list-line>ul>li {
	margin-bottom: 0;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	border-top: 1px dotted #fff;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list li:last-child a {
	border-right: none;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list a {
	display: flex;
	position: relative;
	text-align: left;
	justify-content: flex-start;
	height: auto;
	color: inherit;
	padding: var(--spgmenu-submenu-padding);
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .child-ttl {
	line-height: 1.2;
	position: relative;
	margin-bottom: 5px;
	color: var(--txt-bodyColor);
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .parent .child-ttl {
	font-weight: bold;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .child-ttl i {
	margin-left: 14px;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .child-ttl img {
	margin-bottom: 5px;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .child-ttl:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 11px;
	font-family: "Font Awesome 5 Free";
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .btn {
	margin-bottom: 20px;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .btn .child-ttl {
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .child-ttl.bold {
	margin-bottom: 10px;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .child-ttl.bold:before {
	content: none;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .child-ttl.bold span {
	margin-left: 0;
}
.l-gmenu-sp .l-spgmenu-main-container .child-list .child-list-line>ul>li .child-sub-list {
	margin-top: 0;
	width: 100%;
	padding: 0 var(--spgmenu-submenu-padding) var(--spgmenu-menu-padding);
}
.l-gmenu-sp .l-spgmenu-main-container .child-list .child-list-line>ul>li .child-sub-list .child-sub-list-line>ul {
	padding: 0;
}
.l-gmenu-sp .l-spgmenu-main-container .child-list .child-list-line>ul>li .child-sub-list .child-sub-list-line>ul>li {
	margin-bottom: 0;
	width: 100%;
	line-height: 2;
	display: inline-flex;
	align-items: flex-start;
	flex-direction: column;
}
.l-gmenu-sp .l-spgmenu-main-container .child-list .child-list-line>ul>li .child-sub-list .child-sub-list-line>ul>li a {
	padding: 0 var(--spgmenu-submenu-padding);
}
.l-gmenu-sp .l-spgmenu-main-container .child-list .child-list-line>ul>li .child-sub-list .child-sub-list-line>ul>li.link-icon-fontawsome>a::before {
	content: var(--link-gmenu-sub-icon-content);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-size: 0.8em;
	line-height: 1em;
	color: inherit;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	text-align: left;
	position: absolute;
	left: 0em;
}


.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list {
	padding: 0;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper .l-spgmenu-main-container .child-list .child-list-line>ul {
	flex-direction: column;
	padding: 1px 0 0 0;
}







.l-gmenu-sp.gspmenu__agtax001-button .p-humberger {
	background-color: transparent;
	border: none;
	z-index: 100000000;
	display: block;
	width: var(--spheader-height);
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	padding: 1rem;
}

.l-gmenu-sp.gspmenu__agtax001-button .p-humberger:after {
	color: var(--txt-bodyColor);
	content: "メニュー";
	display: block;
	font-size: calc(var(--spheader-height) * 0.05);
	font-weight: 700;
	left: 50%;
	top: calc(var(--spheader-height) * 0.64);
	line-height: 1;
	position: absolute;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
}
.l-gmenu-sp.gspmenu__agtax001-button .p-humberger span {
	background-color: var(--txt-bodyColor);
	border-radius: 2px;
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	-webkit-transition: 0.2s;
	transition: 0.2s;
	width: calc(var(--spheader-height) * 0.4);
}
.l-gmenu-sp.gspmenu__agtax001-button .p-humberger span:first-of-type {
	top: calc(var(--spheader-height) * 0.22);
}
.l-gmenu-sp.gspmenu__agtax001-button .p-humberger span:nth-of-type(2) {
	top: calc(var(--spheader-height) * 0.36);
}
.l-gmenu-sp.gspmenu__agtax001-button .p-humberger span:last-of-type {
	top: calc(var(--spheader-height) * 0.5);
}

.l-gmenu-sp.gspmenu__agtax001-button .p-humberger.is-open {
	-webkit-transition: pointer-events 1s;
	transition: pointer-events 1s;
}
.l-gmenu-sp.gspmenu__agtax001-button .p-humberger.is-open:after {
	content: "閉じる";
}
.l-gmenu-sp.gspmenu__agtax001-button .p-humberger.is-open span {
	width: calc(var(--spheader-height) * 0.4);
}
.l-gmenu-sp.gspmenu__agtax001-button .p-humberger.is-open span:first-of-type {
	top: calc(var(--spheader-height) * 0.35);
	-webkit-transform: translate(-50%) rotate(-45deg);
	transform: translate(-50%) rotate(-45deg);
}
.l-gmenu-sp.gspmenu__agtax001-button .p-humberger.is-open span:nth-of-type(2) {
	opacity: 0;
}
.l-gmenu-sp.gspmenu__agtax001-button .p-humberger.is-open span:last-of-type {
	top: calc(var(--spheader-height) * 0.35);
	-webkit-transform: translate(-50%) rotate(45deg);
	transform: translate(-50%) rotate(45deg);
}





.l-gmenu-sp .l-spgmenu-sp-wrapper {
	background-color: #fff;
	bottom: 0;
	display: block;
	left: 0;
	margin-top: var(--spheader-height);
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 10;
	transition: all 0.3s;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper.is-open {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.l-gmenu-sp .l-spgmenu-sp-wrapper.is-open {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.l-gmenu-sp .l-spgmenu-sp-wrapper.is-active {
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.l-gmenu-sp .l-spgmenu-sp-wrapper.is-active {
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.l-gmenu-sp .l-spgmenu-sub-form-sp {
	display: none;
}

.l-gmenu-sp .l-spgmenu-sub-wrapper-sp {
	display: none;
	margin: 0 auto;
}

.l-gmenu-sp .l-spgmenu-sub-form-sp {
	display: block;
}
.l-gmenu-sp .l-spgmenu-sub-wrapper-sp {
	display: block;
}
/* gheader__head001 */
.l-gheader-pc {
	position: sticky;
	width: 100%;
	z-index: 4;
	top: 0;
	transition: all .5s;
	border-bottom: var(--header-border);
}

/* l-header-container */
.l-gheader-pc .l-header-wapper {
	position: relative;
}
.l-gheader-pc .l-header-wapper::before {
	content: "";
	display: block;
	width: 100%;
	height: var(--header-top-line-height);
	position: absolute;
	z-index: 1002;
	background: var(--accentColor);
}
.l-gheader-pc .l-header-container {
	position: relative;
	margin: 0 auto;
	padding-top: 0;
	z-index: 1;
	justify-self: auto;
	width: var(--s-content-width);
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding-right: 0.5rem;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--borderColor);
}
.l-gheader-pc .l-header-container .l-gmenu-fix {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: var(--header-height);
}
.l-gheader-pc .l-header-container .l-header-logo-container {
	height: var(--header-height);
}
.l-gheader-pc .l-header-container .l-header-logo-container > * {
	height: 100%;
}
.l-gheader-pc .l-header-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--bg-headerColor);
}


/* site-logo */
.l-gheader-pc .l-header-container .l-header-logo-container .p-image {
	max-width: var(--header-logo-max-width);
	max-height: var(--header-height);
	height: 100%;
	padding: 1.5rem 0;
	margin-right: 1.5em;
	display: inline-block;
	box-sizing: border-box;
}
.l-gheader-pc .l-header-container .l-header-logo-container .p-image > img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.l-gheader-pc .l-header-container .l-header-logo-container .p-image .p-figure {
	width: 100%;
	height: 100%;
	padding: 0;
}
.l-gheader-pc .l-header-container .l-header-logo-container .p-subtitle{
	font-size: var(--fsize-gmenu-sub);
}
.l-gheader-pc .l-header-container .l-header-logo-container .p-image .p-figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: left;
}
.l-gheader-pc .l-header-container .p-title .p-logo .p-text {
	padding: 0 1rem;
}
.l-gheader-pc .l-header-container .l-gmenu-sub-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
/* company-logo */
.l-gheader-pc .l-header-complogo-container {
	margin-left: 2em;
}
.l-gheader-pc .l-header-complogo-container > .p-company-logo > .p-image {
	height: var(--header-height);
}
.l-gheader-pc .l-header-complogo-container > .p-company-logo > .p-image .p-figure {
	width: 100%;
	height: 100%;
	padding: 1rem 0;
}
.l-gheader-pc .l-header-complogo-container > .p-company-logo > .p-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right;
}


.l-gheader-pc .l-gmenu-cta-container {
	list-style: none;
	padding: 0;
	margin-left: 2em;
}
.l-gheader-pc .l-gmenu-cta-container > li > .p-btn {
	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);
}

.l-gheader-pc .l-header-container .l-header-logo-container .p-image .p-figure figcaption {
	display: none;
}
.l-gheader-pc .l-gmenu-function {
	display: table;
	float: right;
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}
.l-gheader-pc .l-gmenu-function li {
	display: table-cell;
	vertical-align: middle;
}
.l-gheader-pc .l-gmenu-function li .p-btn {
	font-size: 1em;
	min-width: auto;
	padding: 0.6em 3em;
}
.l-gheader-pc .l-gmenu-function li:not(:last-child) {
    padding: 0 10px 0 0;
}

/* gheader__head001 */
.l-gheader-sp {
	position: sticky;
	width: 100%;
	z-index: 4;
	top: 0;
	transition: all .5s;
	border-bottom: var(--spheader-border);
}

/* l-header-container */
.l-gheader-sp .l-header-wapper {
	position: relative;
}
.l-gheader-sp .l-header-wapper::before {
	content: "";
	display: block;
	width: 100%;
	height: var(--spheader-top-line-height);
	position: absolute;
	z-index: 1002;
	background: var(--accentColor);
}
.l-gheader-sp .l-header-container {
	position: relative;
	margin: 0 auto;
	padding-top: 0;
	z-index: 1;
	justify-self: auto;
	width: var(--s-content-width);
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding-right: 0.5rem;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--borderColor);
}
.l-gheader-sp .l-header-container .l-gmenu-fix {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: var(--spheader-height);
}
.l-gheader-sp .l-header-container .l-header-logo-container {
	height: var(--spheader-height);
}
.l-gheader-sp .l-header-container .l-header-logo-container > * {
	height: 100%;
}
.l-gheader-sp .l-header-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--bg-headerColor);
}


/* site-logo */
.l-gheader-sp .l-header-container .l-header-logo-container .p-image {
	max-width: var(--spheader-logo-max-width);
	max-height: var(--spheader-height);
	height: 100%;
	padding: 0.5rem 0;
	margin-right: 1.5em;
	display: inline-block;
	box-sizing: border-box;
}
.l-gheader-sp .l-header-container .l-header-logo-container .p-image > img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.l-gheader-sp .l-header-container .l-header-logo-container .p-image .p-figure {
	width: 100%;
	height: 100%;
	padding: 0;
}
.l-gheader-sp .l-header-container .l-header-logo-container .p-subtitle{
	font-size: var(--fsize-gmenu-sub);
}
.l-gheader-sp .l-header-container .l-header-logo-container .p-image .p-figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: left;
}
.l-gheader-sp .l-header-container .p-title .p-logo .p-text {
	padding: 0 1rem;
}
.l-gheader-sp .l-header-container .l-gmenu-sub-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
/* company-logo */
.l-gheader-sp .l-header-complogo-container {
	margin-left: 2em;
}
.l-gheader-sp .l-header-complogo-container > .p-company-logo > .p-image {
	height: var(--spheader-height);
}
.l-gheader-sp .l-header-complogo-container > .p-company-logo > .p-image .p-figure {
	width: 100%;
	height: 100%;
	padding: 1rem 0;
}
.l-gheader-sp .l-header-complogo-container > .p-company-logo > .p-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right;
}


.l-gheader-sp .l-gmenu-cta-container {
	list-style: none;
	padding: 0;
	margin-left: 2em;
}
.l-gheader-sp .l-gmenu-cta-container > li > .p-btn {
	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);
}

.l-gheader-sp .l-header-container .l-header-logo-container .p-image .p-figure figcaption {
	display: none;
}
.l-gheader-sp .l-gmenu-function {
	display: table;
	float: right;
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}
.l-gheader-sp .l-gmenu-function li {
	display: table-cell;
	vertical-align: middle;
}
.l-gheader-sp .l-gmenu-function li .p-btn {
	font-size: 1em;
	min-width: auto;
	padding: 0.6em 3em;
}
.l-gheader-sp .l-gmenu-function li:not(:last-child) {
    padding: 0 10px 0 0;
}

.l-hero-wrapper {
	--hero-height: 600px;
	--hero-main-height: 100%;
	--hero-min-margin: 2vw;
	--hero-gap: 1vw;
	--hero-bg-color: var(--baseColor);
	--hero-bg-image-position: right center;
}
.l-hero-wrapper.head__movie {
	--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);

	--fsize-1head: 4.5rem;
	--fweight-1head: 600;
	--flineheight-1head: 1.5;
	--fletterspacing-1head: 0.05em;

	--bgshape-color: var(--des-sub-defColor);
	--hero-txt-shadow: 0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;
}

/** hero **/
.l-hero-wrapper.head__movie {
  background-size: cover;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.l-hero-wrapper.head__movie .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;
}

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

.l-hero-wrapper.head__movie  .l-hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}
.l-hero-wrapper.head__movie  .l-hero-bg-after {
	position: absolute;
	top: var(--header-height);
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	opacity: 0;
}
.l-hero-wrapper.head__movie .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: var(--hero-bg-image-position);
}
.l-hero-wrapper.head__movie.s-hero-bg-image-size-contain .l-hero-bg-image {
	background-size: contain;
}

@media only screen and (min-width: 1600px) {
	.l-hero-wrapper.head__movie .l-hero-bg-image {
		max-width: 100%;
		margin: 0 auto;
	}
}

.l-hero-wrapper.head__movie .l-hero-content {
  width: 100%;
	padding: 1.5rem 1rem;
	z-index: 10;
	position: relative;
	height: var(--hero-height);
}
@media only screen and (min-width: 830px) {
	.l-hero-wrapper.head__movie .l-hero-content {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
    display: flex;
    justify-content: left;
    align-items: flex-start;
  }
}


.l-hero-wrapper.head__movie .l-hero-main {
  display: flex;
  flex-direction: column;
	color: var(--txt-bodyColor);
}
.l-hero-wrapper.head__movie .l-hero-main-title .p-page-title {
	display: inline-block;
	width: 100%;
	font-weight: 700;
}
.l-hero-wrapper.head__movie .l-hero-main-title .p-page-subtitle {
  padding: 0;
  margin: 1px 0;
	color: inherit;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}
.l-hero-wrapper.head__movie .l-hero-side {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.l-hero-wrapper.head__movie .l-hero-main + .l-hero-side {
	flex: 0 0 auto;
}
@media only screen and (max-width: 830px) {
	.l-hero-wrapper.head__movie .l-hero-content {
		flex-direction: column;
	}
  .l-hero-wrapper.head__movie .l-hero-main {
    text-align: center;
		width: 100%;
  }
  .l-hero-wrapper.head__movie .l-hero-side {
		width: 100%;
		margin-top: 4rem;
  }
}

/* l-hero-side */
.l-hero-wrapper.head__movie .l-hero-side-container {
	max-width: 60rem;
    width: 90%;
    margin: auto;
}


/* expansion - p-hero-download */
.l-hero-wrapper.head__movie .p-hero-download {
	font-size: var(--fsize-base);
	padding: 3rem;
	box-sizing: border-box;
	background: var(--baseColor);
	color: var(--base-txt-bodyColor);
	filter: drop-shadow(2px 4px 6px var(--base-txt-bodyColor));
}
.l-hero-wrapper.head__movie .p-hero-download .p-container-container {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
}
.l-hero-wrapper.head__movie .p-hero-download .p-container-header {
	font-size: var(--fsize-3head);
}



/* l-hero-wrapper */
.l-hero-wrapper.head__movie .l-hero-main-container {
	display: flex;
	flex-direction: column;
	gap: var(--gap-hero);
	font-size: var(--fsize-base);
	font-weight: var(--fweight-base);
	line-height: var(--flineheight-base);
}
@media only screen and (max-width: 830px) {
	.l-hero-wrapper.head__movie .l-hero-main-container {
		font-size: var(--fsize-base-sp);
	}
}
.l-hero-wrapper.head__movie .p-group .p-group-container {
	color: var(--text-bodyColor);
	padding: 0.5em 0;
}
.s-border-small .l-hero-wrapper.head__movie .p-group .p-group-container {
	border-top: 1px solid var(--des-main-defColor);
	border-bottom: 1px solid var(--des-main-defColor);
}

.l-hero-wrapper.head__movie .l-hero-main-header + .l-hero-main-container {
	margin-top: var(--gap-hero);
}
.l-hero-wrapper.head__movie .l-hero-main-container + .l-hero-main-footer {
	margin-top: calc(1.5rem * 1.5);
	font-size: var(--fsize-base);
	letter-spacing: var(--fletterspacing-base);
	font-weight: var(--fweight-base);
	line-height: var(--flineheight-base);
}
.l-hero-wrapper.head__movie .l-hero-main-container + .l-hero-main-footer .p-buttons .p-btn-container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: var(--gap-container-items);
}

.l-hero-wrapper.head__movie .l-hero-main-title {
	display: flex;
	flex-direction: column;
}
.l-hero-wrapper.head__movie .l-hero-main-title .p-page-title {
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 0.2em;
	font-weight: 900;
	color: var(--text-bodyColor);
}
.l-hero-wrapper.head__movie .l-hero-main-title .p-page-subtitle {
	margin-top: var(--size-xs);
	letter-spacing: 0.2em;
	font-weight: bold;
	font-size: 1.25rem;
	font-style: italic;
	letter-spacing: 0.5em;
	color: var(--text-bodyColor);
}

/* .l-hero-content */
.l-hero-wrapper.head__movie .l-hero-content {
    max-width: var(--s-content-width);
    width: auto;
	height: calc(var(--hero-height) * 1.1);
    margin: auto;
    display: flex;
    justify-content: var(--s-hero-align-flex, flex-start);
    align-items: center;
    padding: calc(var(--gap-hero-top) * 1.4) 0 var(--gap-hero-top);
    position: relative;
    font-family: var(--ffamily-1head);
    font-size: var(--fsize-1head);
    letter-spacing: var(--fletterspacing-1head);
    line-height: var(--flineheight-1head);
}
.l-hero-wrapper.head__movie .l-hero-wrapper {
	color: var(--text-bodyColor);
}
.l-hero-wrapper.head__movie .l-hero-content .l-hero-main-footer .p-buttons {
	text-align: left;
	gap: .5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: var(--s-align-flex, flex-start);
}
.l-hero-wrapper.head__movie .head__middle-headline-bg-light {
	max-width: 60vw;
	text-align: var(--s-align, left);
}
.l-hero-wrapper.head__movie .head__middle-headline-bg-light .p-headline-container .p-headline-header + .p-headline-items {
	margin-top: 1.5rem;
}
.l-hero-wrapper.head__movie .head__middle-headline-bg-light .p-headline-container > * > * + * {
margin-top: 1.25rem;
}
.l-hero-wrapper.head__movie .head__middle-headline-bg-light .p-textarea {
line-height: calc(1.5rem * 2);
}
.l-hero-wrapper.head__movie .head__middle-headline-bg-light strong {
	font-size: calc(1rem * 3);
	padding: 0.3rem 0.5rem;
	margin-right: .2rem;
	color: var(--text-bodyColor);
	font-weight: 900;
	position: relative;
	display: inline-block;
	line-height: calc(1.5rem * 2);
}
.l-hero-wrapper.head__movie .head__middle-headline-bg-light strong::before {
	content: "";
	display: block;
	top: 0rem;
	left: 0;
	width: 100%;
	height: calc(100% + .2rem);
	background-color: var(--accentColor);
	position: absolute;
	z-index: -1;
	border-radius: calc(var(--s-radius, 0) * .3rem);
	overflow: hidden;
}
.l-hero-wrapper.head__movie .head__middle-headline-bg-light small {
font-size: 1.8em;
font-weight: 900;
padding: 0 .2rem;
}
.l-hero-wrapper.head__movie .l-hero-content .p-headline > .p-headline-container > * > .p-subtext {
	background: var(--emphasisColor);
	color: var(--emphasis-txtColor);
	font-size: 0.5em;
	padding: 0.1em 0.5em;
}
.l-hero-wrapper.head__movie .l-hero-content .p-headline>.p-headline-container>*>.p-subtext {
	order: 1;
}
.l-hero-wrapper.head__movie .l-hero-content .p-headline>.p-headline-container>*>.p-inlinetext {
	order: 2;
}

.l-hero-wrapper.head__movie .l-hero-content .p-headline > .p-headline-container > * > .p-textarea {
}
.l-hero-wrapper.head__movie .head__middle-textarea {
	font-size: 1rem;
	line-height: 2;
	text-align: var(--s-align, left);
	max-width: 38vw;
	margin-left: auto;
	margin-right: auto;
	text-shadow: var(--hero-txt-shadow);
}
@media only screen and (max-width: 830px) {
	.l-hero-wrapper.head__movie .l-hero-content {
		height: auto;
	}
}


.l-hero-wrapper.head__movie .l-hero-clip.clip-type-left-radius {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}
.l-hero-wrapper.head__movie .l-hero-clip.clip-type-left-solid {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}
.l-hero-wrapper.head__movie .l-hero-clip.clip-type-center-radius {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.l-hero-wrapper.head__movie .l-hero-clip.clip-type-center-solid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.l-hero-wrapper.head__movie .l-hero-clip > svg {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 830px) {
	.l-hero-wrapper.head__movie .l-hero-content {
		padding: calc(5rem) 0 calc(3rem);
	}
	.l-hero-wrapper.head__movie .l-hero-content {
		width: 100%;
	}
	.l-hero-wrapper.head__movie .head__middle-headline-bg-light {
		max-width: none;
	}
	.l-hero-wrapper.head__movie .head__middle-textarea {
		max-width: none;
	}
}


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

/* .p-headline.s-headline-h1 */
.l-hero-wrapper.head__movie .p-headline.s-headline-h1 .p-headline-items {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	gap: var(--gap-hero-text);
	margin: 0;
}
.l-hero-wrapper.head__movie .p-headline.s-headline-h1 .p-headline-items .p-image .p-image-wrapper {
	height: var(--hero-main-height);
}
.l-hero-wrapper.head__movie .p-headline.s-headline-h1 .p-headline-items .p-inlinetext {
	text-shadow: 0 0 10px #000;
}
.l-hero-wrapper.head__movie .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;
}
.l-hero-wrapper.head__movie .p-headline.s-headline-h1 > .p-headline-container em {
	color: var(--accentColor);
}
.l-hero-wrapper.head__movie .p-headline.s-headline-h1  .p-headline-items .p-label.s-label-003::before,
.l-hero-wrapper.head__movie .p-headline.s-headline-h1  .p-headline-items .p-label.s-label-003::after {
	position: absolute;
	top: .3em;
	height: 1em;
	content: '';
}
.l-hero-wrapper.head__movie .p-headline.s-headline-h1  .p-headline-items .p-label.s-label-003::before {
	border-left: solid 2px;
	left: 0;
	transform: rotate(-30deg);
}
.l-hero-wrapper.head__movie .p-headline.s-headline-h1  .p-headline-items .p-label.s-label-003::after {
	border-right: solid 2px;
	right: 0;
	transform: rotate(30deg);
}
.l-hero-wrapper.head__movie .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-wrapper.head__movie .l-hero-content .p-blockquote .p-blockquote-container .p-blockquote-items {
	align-items: center;
}

footer > .l-footersp-container {
	display: none;
}
@media screen and (max-width: 1024px) {
	footer > .l-footersp-container {
		display: flex;
	}
}
#footer {
}
#footer .p-link {
	color: var(--base-txt-bodyColor);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
}
#footer > .l-footer-items .p-image {
	max-width: 20rem;
}
#footer > .l-footer-header {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: var(--s-content-width);
	max-width: 100%;
	margin: auto;
	padding: var(--s-grid-gap) 0;
}
#footer > .l-footer-header > .l-footer-header-wrapper {
	width: 100%;
}
#footer > .l-footer-items {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: var(--s-grid-gap);
	width: var(--s-content-width);
	margin: auto;
	padding: 1rem 0;
}

#footer .l-footer-left-wrapper,
#footer .l-footer-right-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--s-grid-gap);
	width: 50%;
}
#footer .l-footer-left-wrapper .p-headline > .p-headline-container {
	text-align: left;
}
#footer .l-footer-left-wrapper .p-textarea {
	text-align: left;
}

/* block__conversion*/
.l-section-wrapper.block__conversion {
	--block-bg-image: none;
	--block-bg-color: var(--bgColor);

	--h2-txt-color: var(--txt-headColor);
	--h2-subtxt-color: var(--txt-headColor);
	--headline-accent-color: var(--accentColor);
}
.b-conversion-koyou03 .p-buttons .p-btn-container .p-btn {
	width: 50%;
}
@media screen and (max-width: 830px) {
	.b-conversion-koyou03 .p-buttons .p-btn-container .p-btn {
		width: auto;
	}
}
/* block__conversion*/
/* block__ullist*/
.l-section-wrapper.block__ullist {
	--block-bg-image: none;
	--block-bg-color: var(--bgColor);

	--h2-txt-color: var(--txt-headColor);
	--h2-subtxt-color: var(--txt-headColor);
	--headline-accent-color: var(--accentColor);
}
/* ../../components_v4/comp__headline/s-headline-raise-hand.css */
.p-headline.s-headline-raise-hand {
}

.p-headline.s-headline-raise-hand.s-headline-h2 {
	position: relative;
}

.p-headline.s-headline-raise-hand.s-headline-h2>.p-headline-container .p-subtext.cx-text-title-en {
	opacity: .2;
	line-height: 1;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-size: .5em;
	font-weight: 900;
}

.p-headline.s-headline-raise-hand.s-headline-h2>.p-headline-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: var(--s-align, left);
	gap: 1em;
}
.p-headline.s-headline-raise-hand.s-headline-h2>.p-headline-container::before {
	content: "";
	display: inline-block;
	height: 4px;
	width: 2em;
	transform: rotate(45deg);
	background: var(--emphasisColor);
	order: 1;
}
.p-headline.s-headline-raise-hand.s-headline-h2>.p-headline-container::after {
	content: "";
	display: inline-block;
	height: 4px;
	width: 2em;
	transform: rotate(-45deg);
	background: var(--emphasisColor);
	order: 3;
}

.p-headline.s-headline-raise-hand.s-headline-h2>.p-headline-container>.p-headline-items {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: var(--s-align, left);
	order: 2;
}

.p-headline.s-headline-raise-hand.s-headline-h2>.p-headline-container>.p-headline-items>.p-subtext {
	order: 2;
	letter-spacing: 3px;
	font-size: 0.4em;
}

.p-headline.s-headline-raise-hand.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
	margin-top: 3px;
	order: 3;
	letter-spacing: 2px;
}

.p-headline.s-headline-raise-hand.s-headline-h3>.p-headline-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1em;
	padding-bottom: 1em;
}

.p-headline.s-headline-raise-hand.s-headline-h3>.p-headline-container::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: var(--accentColor);
	width: 10%;
	height: 3px;
}

.p-headline.s-headline-raise-hand.s-headline-h3>.p-headline-container::before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: var(--accentColor);
	width: 100%;
	height: 3px;
}

.p-headline.s-headline-raise-hand.s-headline-h3 em {
	font-size: 1em;
	border-bottom: dotted 3px var(--txt-head-primary);
}

.s-border-small .p-headline.s-headline-raise-hand.s-headline-h3 em {
	border-bottom: solid 3px var(--txt-head-primary);
}

.p-headline.s-headline-raise-hand.s-headline-h4 {
	padding: 0;
}

.p-headline.s-headline-raise-hand.s-headline-h5 {
	width: 100%;
}
.p-headline.s-headline-raise-hand.s-headline-h5>.p-headline-container::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: var(--accentColor);
	width: 10%;
	height: 1px;
}
.p-headline.s-headline-raise-hand.s-headline-h5>.p-headline-container::before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: var(--accentColor);
	width: 100%;
	height: 1px;
}

/* ../../components_v4/comp__ullist/s-ullist-koyou03.css */
.p-ullist.s-ullist-koyou03 {
	font-size: var(--fsize-container-headline);
	font-weight: var(--fweight-container-headline);
	padding: 3rem 6rem;
	line-height: 2.5;
}
@media screen and (max-width: 830px) {
	.p-ullist.s-ullist-koyou03 {
		padding: 3rem 3rem;
	}
}
.p-ullist.s-ullist-koyou03 > ul > li:nth-child(2n+1):before {
	content: "";
	background: url(https://koyou.files.cmssv-v4.awsv.jp/_build_/template/pages/koyou03/assets/check_icon01.png) no-repeat;
	background-size: contain;
	background-position: center;
	width: 1em;
	height: 2em;
	margin-right: 0.5em;
}
.p-ullist.s-ullist-koyou03 > ul > li:nth-child(2n):before {
	content: "";
	background: url(https://koyou.files.cmssv-v4.awsv.jp/_build_/template/pages/koyou03/assets/check_icon02.png) no-repeat;
	background-size: contain;
	background-position: center;
	width: 1em;
	height: 2em;
	margin-right: 0.5em;
}

/* block__headline*/

/* ../../components_v4/decoration/em/decoration-em-skew01.css */
.decoration-em-skew01 em {
	position: relative;
	display: inline-block;
	padding: 0 0.5em;
	color: var(--emphasis-txtColor);
}
.decoration-em-skew01 em::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: skewX(-10deg);
	background: var(--emphasisColor);
	z-index: -1;
	opacity: 1;
}
/* block__container_vertical*/

/* block__modal*/

/* block__case*/
.l-section-wrapper.block__case {
}
.b-case-koyou .p-image {
	width: 100%;
	padding: 0;
}
.b-case-koyou .p-container-horizontal .p-container-container {
	align-items: flex-start;
	background: none !important;
	color: inherit !important;
}
.b-case-koyou .p-figure img {
	width: 100%;
}
.b-case-koyou .p-container-horizontal .p-container-container > .p-container-images {
	width: 27%;
}
.b-case-koyou .p-container-horizontal .p-container-container > .p-container-wrapper {
	width: 73%;
}
@media only screen and (max-width: 830px) {
	.b-case-koyou .p-container-horizontal .p-container-container > .p-container-images {
		width: 100%;
	}
	.b-case-koyou .p-container-horizontal .p-container-container > .p-container-wrapper {
		width: 100%;
	}
}
.b-case-koyou .p-figure figcaption {
	background: var(--bgColor);
	color: var(--txt-bodyColor);
	padding: 1em;
	box-sizing: border-box;
	position: relative;
	width: 100%;
}
.b-case-koyou .p-figure figcaption::before {
	content: "\f406";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-size: 1.2em;
	width: 2.4em;
	height: 2.4em;
	line-height: 2.4em;
	color: var(--txt-bodyColor);
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	position: absolute;
	top: -1.4em;
	left: calc(50% - 1.2em);
	border-radius: 3em;
	background: var(--bgColor);
	text-align: center;
}
.b-case-koyou .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper {
	padding-top: 0;
	padding-bottom: 0;
	justify-content: flex-start;
	flex: 1 1 calc((100% - var(--gap-container)) * 7/12);
}
.b-case-koyou .p-container-header > .p-text {
	padding: 1em 0;
}
.b-case-koyou .p-headline.s-headline-sideline.s-headline-h3>.p-headline-container .p-headline-items::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 4px;
	background: #000;
	z-index: 2;
	position: relative;
}
.b-case-koyou .p-headline.s-headline-sideline.s-headline-h3>.p-headline-container {
	position: relative;
	padding-bottom: 0;
}
.b-case-koyou .p-headline.s-headline-sideline.s-headline-h3>.p-headline-container .p-headline-items {
	position: relative;
	z-index: 1;
	color: var(--txt-body-dark);
	flex-direction: row;
	align-items: center;
	gap: 0.5em;
	line-height: 2.2;
}
.b-case-koyou .p-headline.s-headline-sideline.s-headline-h3>.p-headline-container::before {
	content: "";
	position: absolute;
	width: calc(100% + 4px);
	height: 100%;
	top: 0;
	left: -4px;
	z-index: 0;
	background: var(--bgColor);
	transform: skewX(-10deg);
}
.b-case-koyou .p-headline.s-headline-sideline.s-headline-h3>.p-headline-items{
	position: relative;
}
.b-case-koyou .p-headline.s-headline-sideline.s-headline-h3>.p-headline-container::after {
	display: none
}
.b-case-koyou .p-group {
	position: relative;
}
.b-case-koyou .p-group .p-group-bg {
	width: 100%;
	height: 100%;
	background: var(--bgColor);
	position: absolute;
}
.b-case-koyou .p-group .p-group-container {
	display: flex;
	gap: 1em;
	padding: 1em;
}
.b-case-koyou .p-group > .p-group-container > .p-group-header {
	width: 25%;
}
.b-case-koyou .p-group > .p-group-container > .p-group-items {
	width: 75%;
}
.b-case-koyou .p-group .p-group-container .p-dl .p-dl-container {
	flex-direction: column;
}
.b-case-koyou .p-group .p-group-container .p-dl .p-dl-container > .p-dl-header {
	width: 100%;
	padding: 0.5em;
}
.b-case-koyou .p-group .p-group-container .p-dl .p-dl-container > .p-dl-items {
	width: 100%;
	padding: 0.5em;
}
.b-case-koyou .p-group .p-group-container .p-label {
	background: #000;
	color: #ffffff;
	box-sizing: border-box;
	border-radius: 1em;
	padding: 0 0.5em;
}
/* ../../components_v4/comp__headline/s-headline-sideline.css */
.p-headline.s-headline-sideline {
}

.p-headline.s-headline-sideline.s-headline-h2 {
	position: relative;
}

.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container .p-subtext.cx-text-title-en {
	opacity: .2;
	line-height: 1;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-size: .5em;
	font-weight: 900;
}

.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: var(--s-align, left);
	gap: 1em;
}
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container::before {
	content: "";
	display: inline-block;
	height: 4px;
	width: 7em;
	background: var(--txt-headColor);
	order: 1;
}
.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container::after {
	content: "";
	display: inline-block;
	height: 4px;
	width: 7em;
	background: var(--txt-headColor);
	order: 3;
}

.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container>.p-headline-items {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: var(--s-align, left);
	order: 2;
}

.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container>.p-headline-items>.p-subtext {
	order: 2;
	letter-spacing: 3px;
	font-size: 0.4em;
}

.p-headline.s-headline-sideline.s-headline-h2>.p-headline-container>.p-headline-items>.p-inlinetext {
	margin-top: 3px;
	order: 3;
	letter-spacing: 2px;
}

.p-headline.s-headline-sideline.s-headline-h3>.p-headline-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1em;
	padding-bottom: 1em;
}

.p-headline.s-headline-sideline.s-headline-h3>.p-headline-container::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: var(--accentColor);
	width: 10%;
	height: 3px;
}

.p-headline.s-headline-sideline.s-headline-h3>.p-headline-container::before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: var(--accentColor);
	width: 100%;
	height: 3px;
}

.p-headline.s-headline-sideline.s-headline-h3 em {
	font-size: 1em;
	border-bottom: dotted 3px var(--txt-head-primary);
}

.s-border-small .p-headline.s-headline-sideline.s-headline-h3 em {
	border-bottom: solid 3px var(--txt-head-primary);
}

.p-headline.s-headline-sideline.s-headline-h4 {
	padding: 0;
}

.p-headline.s-headline-sideline.s-headline-h5 {
	width: 100%;
}
.p-headline.s-headline-sideline.s-headline-h5>.p-headline-container::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: var(--accentColor);
	width: 10%;
	height: 1px;
}
.p-headline.s-headline-sideline.s-headline-h5>.p-headline-container::before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: var(--accentColor);
	width: 100%;
	height: 1px;
}

/* block__case*/

.b-casestudy-koyou .p-container-horizontal {
	--container-padding: 6.5rem;
}
.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-items {
	background: var(--bgColor);
    padding: 2rem;
}
.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper {
}
.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper.block-bg-container-color .p-container-container {
	border: var(--lightColor) 1px solid;
	border-radius: 1rem;
}
.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper {
    padding: 4rem var(--container-padding) 1rem;
	width: 100%;
}

.b-casestudy-koyou .p-container-header {
	position: relative;
	width: 100%;
}
.b-casestudy-koyou .p-container-header .p-headline.s-headline-h3 .p-headline-items {
	font-size: 2.3rem;
	align-items: flex-start;
	border-left: 5px solid var(--emphasisColor);
	padding: 1rem 0 1rem 2rem;
}

.b-casestudy-koyou .p-headline.s-headline-h4 {
	/* float: left; */
	margin-bottom: 1rem;
	margin-right: calc(209px + 6rem);
}
.b-casestudy-koyou .p-headline.s-headline-h4 .p-headline-items {
	display: flex;
    flex-direction: row;
	padding-bottom: 1rem;
	align-items: flex-end;
	width: 100%;
    justify-content: space-between;
	text-align: left;
}
.b-casestudy-koyou .p-headline.s-headline-h4 .p-headline-items::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #DFDFDF;
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}
.b-casestudy-koyou .p-headline.s-headline-h4 .p-headline-items::after {
	content: "";
	display: block;
	width: 4rem;
	height: 2px;
	background: #FAD47E;
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 2;
}
.b-casestudy-koyou .p-headline.s-headline-h4>.p-headline-container>*>.p-subtext {
	font-weight: 500;
	font-family: inherit;
}

.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
	background: var(--bg-secondColor);
    padding: 2rem;
	display: block;
	flex-direction: inherit;
	position: relative;
}
.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-image:first-of-type {
	position: absolute;
	right: 2rem;
	top: 2rem;
	height: 15.5rem;
}
.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-image figcaption {
	font-size: 1.2rem;
}

.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-text {
	text-align: left;
	margin-right: calc(209px + 6rem);
}
.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-text::after {

}

.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-dl {
	margin-right: calc(209px + 6rem);
}
.b-casestudy-koyou .p-dl .p-dl-container > .p-dl-header {
	background: #707070;
	color: #fff;
	white-space: nowrap;
}
.b-casestudy-koyou .p-container-footer .p-dl .p-dl-container > .p-dl-header {
	width: 8rem;
}

.b-casestudy-koyou .p-container-footer {
	display: flex;
	gap: 5rem;
	justify-content: space-between;
}
.b-casestudy-koyou .p-container-footer .p-ullist {
	padding: 0 var(--block-container-padding) var(--block-container-padding) 0;
	border: 1px solid #E8E8E8;
}
.b-casestudy-koyou .p-container-footer .p-ullist-header {
	position: relative;
	padding-right: 2rem;
	line-height: 1;
	overflow: hidden;
	margin: -1px 0 0 -1px;
}
.b-casestudy-koyou .p-container-footer .p-ullist-header::before {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
	display: block;
	width: calc(100% + 2rem);
	height: calc(100% + 2rem);
	background: #fff;
	z-index: 1;
}
.b-casestudy-koyou .p-container-footer .p-ullist-header .p-text {
	position: relative;

}
.b-casestudy-koyou .p-container-footer .p-ullist-header .p-text::after {
	content: "";
    position: absolute;
    right: -2rem;
    top: -0.5rem;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6rem 20px 0 0;
    border-color: #000 transparent transparent transparent;
	z-index: 2;
}
.b-casestudy-koyou .p-container-footer .p-ullist-header .p-text > .p-text-inner {
	font-family: var(--ffamily-container-headline);
	font-weight: 900;
	background: #000;
    color: #ffffff;
	padding: 1.5rem 2rem 1.5rem 3rem;
    font-size: 2rem;
    z-index: 2;
    position: relative;
    display: block;
}
.b-casestudy-koyou .p-container-footer .p-ullist-header .p-text > .p-text-inner {
}
.b-casestudy-koyou .p-container-footer .p-ullist.s-ullist-def > ul {
	margin: 0 2rem;
	width: calc(100% - 4rem);
}
.b-casestudy-koyou .p-container-footer .p-ullist.s-ullist-def > ul > li::before {
	align-items: baseline;
	margin-top: 1rem;
}
.b-casestudy-koyou .p-container-footer .p-ullist > ul > li {
    /* align-items: center; */
}

.b-casestudy-koyou .p-container-footer > .p-dl {
	flex: 0 0 30%;
}

@media only screen and (max-width: 520px) {
	.b-casestudy-koyou .p-container-horizontal {
		--container-padding: 2rem;
	}
	.b-casestudy-koyou .p-container-header {
		padding-right: 0;
	}
	.b-casestudy-koyou .p-container-header > .p-image {
		position: relative;
		margin-bottom: 1.5em;
	}

	.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-image:first-of-type {
		position: relative;
		right: inherit;
		top: inherit;
	}
	.b-casestudy-koyou .p-headline.s-headline-h4 {
		margin-right: 0;
	}
	.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-text {
		margin-right: 0;
	}
	.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items > .p-dl {
		margin-right: 0;
	}
	.b-casestudy-koyou .p-container-footer {
		flex-direction: column;
	}
	.b-casestudy-koyou .p-container-footer .p-ullist-header {
		padding-right: 4rem;
	}
	.b-casestudy-koyou .p-container-footer .p-ullist-header .p-text::after {
		right: -2.8rem;
	}
	.b-casestudy-koyou .p-container-footer .p-ullist.s-ullist-def > ul > li::before {
		margin-top: 0.9rem;
	}

}





.b-casestudy-koyou .s-image-slider > div {
    /* margin-right: 0; */
}
/* block__case*/
/* block__case*/
/* block__case*/
/* block__case*/
/* block__case*/
/* block__downloadInfo*/
.l-section-wrapper.block__downloadInfo {
	--block-bg-image: none;
	--block-bg-color: var(--bgColor);

	--h2-txt-color: var(--txt-headColor);
	--h2-subtxt-color: var(--txt-headColor);
	--headline-accent-color: var(--accentColor);
}
.block__downloadInfo .p-headline.s-headline-h4 .p-headline-items {
    color: var(--accentColor);
		flex-direction: column;
}


.b-downloadInfo-ookawaInfo .p-container-vertical .p-container-vertical-wrapper > .p-container-container > * {
    align-items: flex-start;
}
.b-downloadInfo-ookawaInfo .p-headline.s-headline-ookawa.s-headline-h4 .p-headline-items {
    color: var(--fcolor-4head);
    padding: 20px var(--gap-container-items) 0 var(--gap-container-items);
}
.b-downloadInfo-ookawaInfo .p-headline.s-headline-ookawa.s-headline-h4 .p-headline-items > .p-inlinetext {
	color: var(--fcolor-4head);
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;
	font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.b-downloadInfo-ookawaInfo .p-headline.s-headline-ookawa.s-headline-h4 .p-headline-items > .p-inlinetext::after {
	display: none;
}
.b-downloadInfo-ookawaInfo .p-container-vertical .p-container-vertical-wrapper > .p-container-container > .p-container-items {
    padding: 0 var(--gap-container-items) var(--gap-container-items);
}
.b-downloadInfo-ookawaInfo .s-container-vertical-ookawa + .p-buttons {
    margin: 5px auto 0;
    height: 100px;
}
.b-downloadInfo-ookawaInfo .s-container-vertical-ookawa + .p-buttons a.s-btn-ookawa {
    line-height: 100px;
    width: 100%;
    font-weight: bold;
    padding: 0;
    background-color: #50b7ae;
    border: 1px solid #50b7ae;
}
.b-downloadInfo-ookawaInfo .s-container-vertical-ookawa + .p-buttons a.s-btn-ookawa:hover {
	background-color: var(--btn-def-txt-bodyColor);
}
.block__downloadInfo.b-downloadInfo-koyou03 .p-container-horizontal .p-container-horizontal-wrapper.block-bg-container-color .p-container-container {
	background: transparent;
	flex-direction: row-reverse;
}
.block__downloadInfo.b-downloadInfo-koyou03 .p-label.s-label-koyou03 {
    background: #fff;
    color: #000;
	width: 95%;
	margin-bottom: 2rem;
	text-align: center;
	border-radius: 2em;
}
.block__downloadInfo.b-downloadInfo-koyou03 .p-label > .p-text {
	font-family: var(--ffamily-container-headline);
	font-weight: 600;
	font-size: 2.1rem;
	letter-spacing: 0.1em;
	position: relative;
	display: flex;
	align-items: center;
    justify-content: center;
	padding-top: 0.4rem;
}
.block__downloadInfo.b-downloadInfo-koyou03 .p-label > .p-text::before {
	content: "";
	display: inline-block;
	width: 2.3rem;
	height: 2.3rem;
	background: url(https://koyou.files.cmssv-v4.awsv.jp/_assets_/koyou03/download_label_icon.svg) no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 1rem;
	margin-bottom: 0.8rem;
}
.block__downloadInfo.b-downloadInfo-koyou03 .p-label > .p-text::after {
	content: "";
	display: inline-block;
	width: 2.3rem;
	height: 2.3rem;
	background: url(https://koyou.files.cmssv-v4.awsv.jp/_assets_/koyou03/download_label_icon.svg) no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: 1rem;
	margin-bottom: 0.8rem;
	transform: scaleX(-1);
}
.block__downloadInfo.b-downloadInfo-koyou03 .p-headline.s-headline-h4 .p-headline-items {
	--fsize-container-headline: 4rem;
	text-shadow: 2px 2px 0 #fff;
	text-align: left;
	line-height: 1.4;
	letter-spacing: 0.05em;
}
.block__downloadInfo.b-downloadInfo-koyou03 .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
	text-align: left;
}
@media only screen and (max-width: 830px) {
	.block__downloadInfo.b-downloadInfo-koyou03 .p-container-horizontal .p-container-horizontal-wrapper.block-bg-container-color .p-container-container {
		flex-direction: column-reverse;
		align-items: center;
	}
	.p-container-horizontal.size-7-5 .p-container-container > .p-container-images + .p-container-wrapper {
		width: 100%;
		align-items: center;
	}
	.block__downloadInfo.b-downloadInfo-koyou03 .p-label.s-label-koyou03 {
		width: 100%;
	}
	.block__downloadInfo.b-downloadInfo-koyou03 .p-headline.s-headline-h4 .p-headline-items {
		--fsize-container-headline-sp: 4rem;
	}
}
.block__downloadInfo.b-downloadInfo-koyou03 .p-headline.s-headline-h4 .p-headline-items {
	color: #1c1c1c;
}
/* block__downloadInfo*/
/* block__conceptInfo*/
.l-section-wrapper.block__conceptInfo {
	--block-bg-image: none;
	--block-bg-color: var(--bgColor);

	--h2-txt-color: var(--txt-headColor);
	--h2-subtxt-color: var(--txt-headColor);
	--headline-accent-color: var(--accentColor);
}
.block__conceptInfo .s-concept-container > .p-container-items {
	padding: calc(3rem * var(--s-margin,1));
}

.block__conceptInfo .p-headline > .p-headline-container > .p-subtext.en.bg-color > .color-default {
    background-color: var(--primary-defColor);
    color: var(--primary-def-txt-headColor);
    padding: .4rem 1rem;
}
@media only screen and (max-width: 50rem) {
    .block__conceptInfo.layout01 .s-concept-container {
        justify-content: center;
    }
}

/** layout01 **/
/* .block__conceptInfo.layout01 .p-container-horizontal .p-container-container {
    flex-direction: row-reverse;
}
.block__conceptInfo.layout01 .p-container-wrapper .p-label {
    width: fit-content;
}
.block__conceptInfo.layout01 .p-container-wrapper .p-label + .p-headline {
    margin-top: 1rem;
}
.block__conceptInfo.layout01 .p-container-horizontal .p-container-container > .p-container-wrapper .p-container-header {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}
.block__conceptInfo.layout01 .p-container-wrapper .p-headline.s-headline-h4 .p-headline-items {
    color: var(--primary-defColor);
}
.block__conceptInfo.layout01 .p-container-wrapper .p-subtext {
    color: var(--primary-defColor);
}
@media only screen and (max-width: 830px) {
    .block__conceptInfo.layout01 .p-container-horizontal .p-container-container {
        flex-direction: column-reverse;
    }
} */
.b-conceptInfo-koyou03 .p-container-horizontal .p-container-container {
	flex-wrap: wrap;
	background: var(--bgColor);
	color: var(--txt-bodyColor);
}
.b-conceptInfo-koyou03 .p-container-horizontal .p-container-container > .p-container-navi {
	order: 1;
	width: 100%;
	flex-direction: row;
	justify-content: flex-start;
	overflow: hidden;
}
.b-conceptInfo-koyou03 .p-container-horizontal .p-container-container > .p-container-images {
	flex: 0 0 30%;
	order: 2;
}
.b-conceptInfo-koyou03 .p-container-horizontal .p-container-container > .p-container-wrapper {
	flex: 0 0 100%;
	order: 3;
	padding-top: 0;
}
.b-conceptInfo-koyou03 .p-container-horizontal .p-container-container > .p-container-images + * + .p-container-wrapper {
	flex: 0 0 70%;
}
.b-conceptInfo-koyou03 .p-container-horizontal .p-container-container > .p-container-wrapper .p-container-items {
	text-align: left;
	padding: 0;
}
.b-conceptInfo-koyou03 .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-footer {
	justify-content: flex-end;
	display: flex;
}
.b-conceptInfo-koyou03 .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-footer .link-text.link-external-fontawsome.externalLinkIcon::after {
	display: none;
}
.b-conceptInfo-koyou03 .p-container-horizontal-items .p-container-horizontal-wrapper:nth-child(3) .p-container-images {
	flex: 0 0 100%;
}
.b-conceptInfo-koyou03 .p-container-horizontal-items .p-container-horizontal-wrapper:nth-child(3) .p-container-images + * + .p-container-wrapper {
	flex: 0 0 100%;
}
.b-conceptInfo-koyou03 .p-container-horizontal-items .p-container-horizontal-wrapper:nth-child(3) .p-container-images + * + .p-container-wrapper .p-image .p-figure {
	height: 37em;
}
/* ../../components_v4/comp__ullist/s-ullist-koyou0302.css */
.s-ullist-koyou0302 .p-ullist-item .p-ullist-child {
	background: var(--lightColor);
	padding: 1em;
	margin-bottom: 1em;
}
.s-ullist-koyou0302 .p-ullist-item .p-ullist-child .p-labels-header {
	width: 20em;
}
/* ../../components_v4/comp__badge/s-badge-skew01.css */
.s-badge-skew01 {
	background: inherit;
	position: relative;
	color: #ffffff;

	--ffamily-head: var(--ffamily-container-headline);
	--fsize-head: var(--fsize-container-headline);
	--fweight-head: var(--fweight-container-headline);
	--flineheight-head: var(--flineheight-container-headline);
	--fletterspacing-head: var(--fletterspacing-container-headline);
	font-family: var(--ffamily-head);
	font-size: var(--fsize-head);
	font-weight: var(--fweight-head);
	line-height: var(--flineheight-head);
	letter-spacing: var(--fletterspacing-head);
	width: auto;
	height: auto;
}
.s-badge-skew01::before {
	content: "";
	position: absolute;
	width: calc(100% + 4px);
	height: 100%;
	top: 0;
	left: -4px;
	z-index: 0;
	background: var(--bgColor);
	transform: skewX(-10deg);
}
.s-badge-skew01 > span {
	position: relative;
	z-index: 1;
	padding: 0.1rem 1rem;
	line-height: inherit;
}

/* block__conversion*/
/* block__flow*/
.l-section-wrapper.block__flow {
	--block-bg-image: none;
	--block-bg-color: var(--bgColor);

	--h2-txt-color: var(--txt-headColor);
	--h2-subtxt-color: var(--txt-headColor);
	--headline-accent-color: var(--accentColor);
}
.b-flow-vertical .p-container-vertical .p-container-vertical-wrapper {
	position: relative;
}
/* .b-flow-vertical .p-container-vertical .p-container-vertical-wrapper:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 50%;
	right: calc(-1 * var(--gap-container-horizontal) / 2);
	width: 16px;
	height: 16px;
	border-top: 3px solid var(--base-txt-bodyColor);
	border-right: 3px solid var(--base-txt-bodyColor);
	transform: rotate(45deg);
	opacity: 1;
	transition: opacity;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	will-change: opacity;
} */
@media only screen and (max-width: 830px) {
	.b-flow-vertical .p-container-vertical .p-container-header > .p-headline {
		padding: 1em 1em 0.5em;
	}
}
@media only screen and (max-width:520px) {
	.b-flow-vertical .p-container-vertical .p-container-vertical-wrapper:not(:last-child)::before {
		top: initial;
		bottom: calc(-1 * var(--gap-container-horizontal) / 1.6);
		left: 0;
		right: 0;
		margin: auto;
		z-index: 2;
		transform: rotate(135deg);
	}
	.b-flow-vertical .p-container-vertical .p-container-images .p-image .p-figure > img {
		max-height: 150px;
		width: auto;
	}
}


.b-flow-horizontal .p-container-horizontal .p-container-horizontal-wrapper {
	position: relative;
}
/* .b-flow-horizontal .p-container-horizontal .p-container-horizontal-wrapper:not(:last-child)::before {
	content: "";
	position: absolute;
	bottom: calc(-1 * var(--gap-container-horizontal) - 0.5em);
	right: 50%;
	width: 16px;
	height: 16px;
	border-top: 3px solid var(--base-txt-bodyColor);
	border-right: 3px solid var(--base-txt-bodyColor);
	transform: rotate(135deg);
	opacity: 1;
	transition: opacity;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	will-change: opacity;
} */



.b-flow-ookawahorizontal .p-container-wrapper::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
/* .b-flow-ookawahorizontal .p-container-wrapper > .p-container-header > .p-label {
    width: 15%;
    padding: 20px 50px 0 50px;
    float: left;
} */
.b-flow-ookawahorizontal .p-container-wrapper > .p-container-header > .p-label > .p-text {
	margin: 0 auto;
    width: 40px;
    height: 40px;
    padding: 5px 0 0 3px;
    font-size: 16px;
    border-radius: 20px;
    background-color: var(--primary-defColor);
    text-align: center;
}
/* .b-flow-ookawahorizontal .p-headline.s-headline-h4 {
    width: 85%;
    float: left;
} */
.b-flow-ookawahorizontal .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper {
    align-items: flex-start;
	display: block;
	padding: var(--container-padding) 0;
}
.b-flow-ookawahorizontal .p-headline.s-headline-ookawa.s-headline-h4 .p-headline-items > .p-inlinetext {
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;;
}
.b-flow-ookawahorizontal .p-headline.s-headline-ookawa.s-headline-h4 .p-headline-items > .p-inlinetext::after {
	display: none;
}
.b-flow-ookawahorizontal .p-container-horizontal-wrapper {
	position: relative;
}
.b-flow-ookawahorizontal .p-container-horizontal-wrapper:not(:last-of-type)::before {
    content: "";
    left: 0;
	right: 0;
	margin: auto;
    position: absolute;
    bottom: calc(30px - (var(--container-padding) * 2));
    width: 30px;
	height: 30px;
	background-image: url(https://www.okawaseira.co.jp/images/arrow_flow.png);
    background-color: #f6f6f6;
	background-repeat: no-repeat;
	background-size: 18px 12px;
	background-position: center;
	z-index: 2;
}
.b-flow-ookawahorizontal .p-container-horizontal-wrapper:not(:last-of-type)::after {
	border-top: 1px dotted #ccc;
    content: "";
    left: 0;
    position: absolute;
    bottom: calc(15px - (var(--container-padding) * 2));
    width: 100%;
	height: 30px;
	z-index: 1;
}
@media screen and (max-width: 740px) {
	.b-flow-ookawahorizontal .p-container-horizontal-wrapper:not(:last-of-type)::before {
		bottom: calc(18px - (var(--container-padding) * 2));
	}
	.b-flow-ookawahorizontal .p-container-horizontal-wrapper:not(:last-of-type)::after {
		bottom: calc(0 - (var(--container-padding) * 2));
	}
}
.b-flow-horizontal .p-container-horizontal .p-container-horizontal-wrapper {
	background: var(--bgColor);
	color: var(--txt-bodyColor);
}
.b-flow-horizontal .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper {
	padding: 1.5rem;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
.b-flow-horizontal .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-header {
	flex: 1 1 20%;
}
.b-flow-horizontal .p-container-horizontal .p-container-horizontal-wrapper > .p-container-container > .p-container-wrapper .p-container-items {
	flex: 1 1 80%;
	text-align: left;
}
.b-flow-horizontal .p-container-horizontal .p-headline > .p-headline-container {
	justify-content: center;
}
.b-flow-horizontal .p-container-horizontal .p-container-horizontal-items {
	display: flex;
	flex-wrap: wrap;
	gap: 3em;
}
.b-flow-horizontal .p-container-horizontal .p-container-horizontal-wrapper:not(:last-child)::before {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-size: 1.6em;
	width: 1.5em;
	line-height: 1.2;
	color: var(--headlineColor);
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	text-align: left;
	position: absolute;
	bottom: calc(-1 * var(--gap-container-horizontal) - 0.5em);
	left: 9.2%;
	width: 16px;
	height: 16px;
	opacity: 1;
}

/* block__form*/
.l-section-wrapper.block__form {
	--block-bg-image: none;
	--block-bg-color: var(--bgColor);

	--h2-txt-color: var(--txt-headColor);
	--h2-subtxt-color: var(--txt-headColor);
	--headline-accent-color: var(--accentColor);
}
.block__blog_list.layout01 .l-content-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.block__blog_list.layout01 .l-content-wrapper > .l-col-detail__item {
	width: 100%;
}
.block__blog_list.layout01 .l-col-three__item {
	display: block;
	padding: 0 0.75rem  0.75rem;
	flex: 0 0 auto;
	width: 100%;
}
.block__blog_list.layout01 .l-col-three__item .l-col-container{
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: calc(var(--s-radius, 0) * 0.3rem);
	box-shadow: var(--s-shadow,none) rgba(0, 0, 0, .5);
	overflow: hidden;
}
.block__blog_list.layout01 .l-col-three__item .l-col-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 30px rgb(49 49 49 / 30%);
	opacity: 0;
	transition: opacity .3s cubic-bezier(.4,.1,.3,1);
	border-radius: var(--s-box-radius);
}
.block__blog_list.layout01 .l-col-three__item figure {
    margin: 0;
    position: relative;
    overflow: hidden;

    padding-top: 56.25%;
    background-position: 50%;
    background-size: contain;
    border-top-left-radius: var(--s-box-radius);
    border-top-right-radius: var(--s-box-radius);
		background-color: #bfbfbf;
		border-bottom: 4px solid var(--des-main-defColor);
}
.block__blog_list.layout01 .l-col-three__item figure > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
		transition: all .3s cubic-bezier(.4,.1,.3,1);
}
.block__blog_list.layout01 .l-col-three__item figure.objfit-contain > img {
	object-fit: contain;
}
@media(hover:hover) {
  .block__blog_list.layout01 .l-col-three__item .l-col-container:hover::before {
    opacity: 1
  }
	.block__blog_list.layout01 .l-col-three__item .l-col-container:hover figure > img {
		transform: scale(1.1);
	}
}
@media (min-width: 40rem) {
	.block__blog_list.layout01 .l-col-three__item {
			width: 20rem;
	}
}




.block__blog_list.layout02 .s-table-container {
	width: 100%;
}
.block__blog_list.layout02 .l-content-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.block__blog_list.layout02 .l-content-wrapper > .l-col-detail__item {
	width: 100%;
}
.block__blog_list.layout02 .l-col-three__item {
	display: block;
	padding: 0 0.75rem  0.75rem;
	flex: 0 0 auto;
	width: 100%;
}
.block__blog_list.layout02 .l-col-three__item .l-col-container{
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: calc(var(--s-radius, 0) * 0.3rem);
	box-shadow: var(--s-shadow,none) rgba(0, 0, 0, .5);
	overflow: hidden;
}
.block__blog_list.layout02 .l-col-three__item .l-col-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 30px rgb(49 49 49 / 30%);
	opacity: 0;
	transition: opacity .3s cubic-bezier(.4,.1,.3,1);
	border-radius: var(--s-box-radius);
}
.block__blog_list.layout02 .l-col-three__item figure {
    margin: 0;
    position: relative;
    overflow: hidden;

    padding-top: 56.25%;
    background-position: 50%;
    background-size: contain;
    border-top-left-radius: var(--s-box-radius);
    border-top-right-radius: var(--s-box-radius);
		background-color: #bfbfbf;
		border-bottom: 4px solid var(--des-main-defColor);
}
.block__blog_list.layout02 .l-col-three__item figure > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
		transition: all .3s cubic-bezier(.4,.1,.3,1);
}
.block__blog_list.layout02 .l-col-three__item figure.objfit-contain > img {
	object-fit: contain;
}
@media(hover:hover) {
  .block__blog_list.layout02 .l-col-three__item .l-col-container:hover::before {
    opacity: 1
  }
	.block__blog_list.layout02 .l-col-three__item .l-col-container:hover figure > img {
		transform: scale(1.1);
	}
}
@media (min-width: 40rem) {
	.block__blog_list.layout02 .l-col-three__item {
			width: 20rem;
	}
}
.block__blog_list.layout02 .s-table-container > * {
	align-items: center;
}
.block__blog_list.layout02 .s-table-container > * > .p-container-header {
	flex: 0 0 auto;
	align-self: center;
}
.block__blog_list.layout02 .s-table-container > * > .p-container-items {
	flex: 1 1 auto;
	transition: all .3s;
}
.block__blog_list.layout02 .s-table-container > * > .p-container-items > h3 {
	font-size: 1rem;
}
.block__blog_list.layout02 .s-table-container > a[href]:hover > .p-container-items {
	color: var(--primary-defColor);
}
.block__blog_list.layout02 .s-table-container > * > .p-container-footer {
	flex: 0 0 auto;
	width: 6rem;
	align-self: center;
}
.block__blog_list.layout02 .s-table-container .l-tag-wapper {
	margin-top: 1rem;
}
.block__blog_list.layout02 .s-table-container > * > i {
	color: var(--des-main-defColor);
	transition: all .3s;
}
.block__blog_list.layout02 .s-table-container.s-main-bgcolor > * > i {
	color: var(--des-main-def-txt-bodyColor);
}
.block__blog_list.layout02 .s-table-container > a[href]:hover > i {
	color: var(--primary-defColor);
	transform: translateX(5px);
}
.block__blog_list.layout02 .s-table-container > a > i {
	display: none;
}
.block__blog_list.layout02 .s-table-container > a[href] > i {
	display: inherit;
}

.block__blog_list.layout02 .s-table-container .l-category-wapper {
	overflow: hidden;
	margin: -0.25rem;
	align-items: center;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
}
.block__blog_list.layout02 .s-table-container .p-category a {
	display: inline-block;
	padding: 0.125rem 1rem;
	font-weight: 400;
	font-size: calc(1rem * 9 / 12);
	line-height: calc(1em * 60 / 40);
	color: #fff;
	background-color: var(--des-main-defColor);
	border-radius: var(--s-label-radius);
	margin: 0.25rem;
	text-decoration: none;
}
.block__blog_list.layout02 .s-table-container .date {
	font-family: var(--font-pri-sans-serif);
	font-weight: 400;
	font-size: calc(1rem * 9 / 11);
	line-height: calc(1em * 55 / 40);
	color: #9096a2;
	margin: 0.25rem;
}

@media only screen and (max-width: 767px) {
	.block__blog_list.layout02 .s-table-container .l-category-wapper {
		flex-direction: column-reverse;
	}
}



.block__blog_list.layout03 .s-table-container > * {
	padding: 1.5rem 1rem;
}
.block__blog_list.layout03 .s-table-container > * > .p-container-header {
	flex: 0 0 auto;
	align-self: flex-start;
	width: 30%;
	max-width: 100%;
}
.block__blog_list.layout03 .s-table-container > a > .p-container-header figure {
	overflow: hidden;
}
.block__blog_list.layout03 .s-table-container > a > .p-container-header img {
	transition: all .3s;
}
.block__blog_list.layout03 .s-table-container > a[href]:hover > .p-container-header img {
	transform: scale(1.1);
}
.block__blog_list.layout03 .s-table-container > * > .p-container-items {
	flex: 1 1 auto;
	padding-right: 1.5rem;
}
.block__blog_list.layout03 .s-table-container > * > .p-container-items .l-category-wapper {
	justify-content: flex-start;
}
.block__blog_list.layout03 .s-table-container > * > .p-container-items > h3 {
	font-size: 1rem;
}
.block__blog_list.layout03 .s-table-container > * > .p-container-items > p {
	font-size: 85%;
	margin-top: 0.5rem;
}
.block__blog_list.layout03 .s-table-container > * > .p-container-items > * + * {
	margin-top: .5rem;
}
.block__blog_list.layout03 .s-table-container > * > .p-container-items > i {
	position: absolute;
	right: 1.5rem;
	bottom: 1.5rem;
	color: var(--des-main-defColor);
	font-size: 1.2rem;
	transition: all .3s;
}
.block__blog_list.layout03 .s-table-container > a[href]:hover > .p-container-items > i {
	transform: translateX(5px);
}
.block__blog_list.layout03 .s-table-container .l-tag-wapper {
	margin-top: 1rem;
}




.block__blog_list
/* block__image*/
.l-section-wrapper.block__image {
	--block-bg-image: none;
	--block-bg-color: var(--bgColor);

	--h2-txt-color: var(--txt-headColor);
	--h2-subtxt-color: var(--txt-headColor);
	--headline-accent-color: var(--accentColor);
}
.l-section-wrapper.b-image-fix .l-section-container {
	padding: 0;
}
.l-section-wrapper.b-image-fix .l-section-container .s-container-fix {
	max-width: inherit;
	width: 100%;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
:root {
	font-size: 62.5%;
}
@media only screen and (max-width: 830px) {
	:root {
		font-size: 42.5%;
	}
}

:root {
	--block-contents-max-width: var(--s-content-width);
}
html, body {
}
.page-wrapper {
}

a:hover {
	opacity: 1;
}

/* .s-param-view {
	position: absolute;
	top: 0;
	right: calc((100vw - var(--s-content-width)) / 2 * -1 + 20px);
	width: 300px;
} */



@media only screen and (max-width:1700px) {
	.l-body-wrapper + .l-body-wrapper {
		margin-top: 6vw;
	}
}
/* breadcrumb */
@media only screen and (max-width:830px) {
	.block__breadcrumb { display: none; }
}




/* .p-figure */
.p-figure > img {
	width: auto;
	max-width: 100%;
}

a > figure {
	transition: all .3s;
}
a:hover > figure {
	/* transform: scale(1.02); */
}


/* p-contatiner */
.l-section-container > .l-content-wrapper > .p-contatiner {
	margin-bottom: 5rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-2 > .p-contatiner-items > * {
	flex: 0 0 calc(50% - 2rem);
	margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-3 > .p-contatiner-items > * {
	flex: 0 0 calc(33.3% - 2rem);
	margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-4 > .p-contatiner-items > * {
	flex: 0 0 calc(25% - 2rem);
	margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-5 > .p-contatiner-items > * {
	flex: 0 0 calc(20% - 2rem);
	margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-6 > .p-contatiner-items > * {
	flex: 0 0 calc(16.6% - 2rem);
	margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-1 { flex: 0 0 calc(100% / 12 * 1); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-2 { flex: 0 0 calc(100% / 12 * 2); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-3 { flex: 0 0 calc(100% / 12 * 3); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-4 { flex: 0 0 calc(100% / 12 * 4); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-5 { flex: 0 0 calc(100% / 12 * 5); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-6 { flex: 0 0 calc(100% / 12 * 6); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-7 { flex: 0 0 calc(100% / 12 * 7); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-8 { flex: 0 0 calc(100% / 12 * 8); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-9 { flex: 0 0 calc(100% / 12 * 9); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-10 { flex: 0 0 calc(100% / 12 * 10); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-11 { flex: 0 0 calc(100% / 12 * 11); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-12 { flex: 0 0 calc(100%); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-text {
	padding: 0 3rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-text .p-buttons {
	text-align: center;
	margin-top: 1rem;
}
.p-contatiner > .p-contatiner-header .p-headline-container {
	padding: 0.1rem 0 0.1rem 1rem;
	font-size: 1.3rem;
	line-height: 1.6;
	border-left: 4px solid var(--base-primaryColor);
	margin-bottom: 1.5rem;
}
.p-contatiner > .p-contatiner-header .p-headline-container .p-text-inner.color-default {
	font-weight: 600;
}
@media only screen and (max-width:830px) {
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items {
		flex-direction: column;
	}
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > * {
		margin-bottom: 1rem;
	}
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > * {
		flex: 0 0 100%;
	}
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-1,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-2,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-3,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-4,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-5,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-6,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-7,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-8,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-9,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-10,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-11,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-12 {
		flex: 0 0 calc(100%);
	}
	/* .p-contatiner > .p-contatiner-header .p-headline-container {
		font-size: 1.6rem;
	} */
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-text {
		padding: 0;
		margin-bottom: 2rem;
	}
}

.subtext-bg-red .p-subtext {
	overflow: hidden;
}
.subtext-bg-red .p-subtext > .p-text-inner.color-default {
	background: var(--base-baseColor-light2);
	color: var(--base-baseColor-opp);
	padding: 0.6rem 1.0rem;
	display: inline-block;
	position: relative;
}
.subtext-bg-red .p-subtext > .p-text-inner.color-default::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.0rem 5.0rem 0 0;
	border-color: var(--base-baseColor-light2) transparent transparent transparent;
	position: absolute;
	top: 0;
	right: -5.0rem;
}

/* p-buttons */
.l-section-wrapper > .l-section-container > .l-footer-wrapper > .p-buttons {
	text-align: var(--s-align-opp, left);
}



.p-group.grid > .p-group-container > .p-group-items {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p-group.grid > .p-group-container > .p-group-items > *.col-1 { flex: 0 0 calc(100% / 12 * 1); }
.p-group.grid > .p-group-container > .p-group-items > *.col-2 { flex: 0 0 calc(100% / 12 * 2); }
.p-group.grid > .p-group-container > .p-group-items > *.col-3 { flex: 0 0 calc(100% / 12 * 3); }
.p-group.grid > .p-group-container > .p-group-items > *.col-4 { flex: 0 0 calc(100% / 12 * 4); }
.p-group.grid > .p-group-container > .p-group-items > *.col-5 { flex: 0 0 calc(100% / 12 * 5); }
.p-group.grid > .p-group-container > .p-group-items > *.col-6 { flex: 0 0 calc(100% / 12 * 6); }
.p-group.grid > .p-group-container > .p-group-items > *.col-7 { flex: 0 0 calc(100% / 12 * 7); }
.p-group.grid > .p-group-container > .p-group-items > *.col-8 { flex: 0 0 calc(100% / 12 * 8); }
.p-group.grid > .p-group-container > .p-group-items > *.col-9 { flex: 0 0 calc(100% / 12 * 9); }
.p-group.grid > .p-group-container > .p-group-items > *.col-10 { flex: 0 0 calc(100% / 12 * 10); }
.p-group.grid > .p-group-container > .p-group-items > *.col-11 { flex: 0 0 calc(100% / 12 * 11); }
.p-group.grid > .p-group-container > .p-group-items > *.col-12 { flex: 0 0 calc(100%); }
.p-group.grid > .p-group-container > .p-group-items > *.col-text {
	padding: 0 3rem;
}
.p-group.grid > .p-group-container > .p-group-items > *.col-text:nth-child(1) { padding-left: 0; }
.p-group.grid > .p-group-container > .p-group-items > *.col-text:nth-last-child(1) { padding-right: 0; }
.p-group.col-text .p-buttons {
	text-align: center;
	margin-top: 1rem;
}
.p-group.col-text .p-label {
	padding: 0 3rem;
	margin-bottom: 1rem;
}
.p-group.col-text .p-group-items > .p-headline > .p-headline-container {
	font-size: 1.4rem;
	color: var(--base-primaryColor);
	margin-bottom: 1rem;
}
.p-group.col-text .p-group-items > .p-headline > .p-headline-container .p-subtext {
	font-size: 80%;
}

.p-group.col-text .p-group-items > .p-textarea {
	margin-bottom: 1rem;
}
.p-group.col-text .p-group-items > .p-headline-container em {
	font-style: normal;
	font-size: 250%;
	color: var(--base-primaryColor);
	font-weight: 700;
}
@media only screen and (max-width:830px) {
	.p-group.grid > .p-group-container > .p-group-items {
		flex-direction: column;
	}
	.p-group.grid > .p-group-container > .p-group-items > * {
		margin-bottom: 2rem;
	}
	.p-group.grid > .p-group-container > .p-group-items > *.col-1,
	.p-group.grid > .p-group-container > .p-group-items > *.col-2,
	.p-group.grid > .p-group-container > .p-group-items > *.col-3,
	.p-group.grid > .p-group-container > .p-group-items > *.col-4,
	.p-group.grid > .p-group-container > .p-group-items > *.col-5,
	.p-group.grid > .p-group-container > .p-group-items > *.col-6,
	.p-group.grid > .p-group-container > .p-group-items > *.col-7,
	.p-group.grid > .p-group-container > .p-group-items > *.col-8,
	.p-group.grid > .p-group-container > .p-group-items > *.col-9,
	.p-group.grid > .p-group-container > .p-group-items > *.col-10,
	.p-group.grid > .p-group-container > .p-group-items > *.col-11,
	.p-group.grid > .p-group-container > .p-group-items > *.col-12 {
		flex: 0 0 calc(100%);
	}
	.p-group.col-text .p-group-items > .p-textarea {
		margin-bottom: 1rem;
	}
	.p-group.grid > .p-group-container > .p-group-items > *.col-text {
		padding: 0;
	}
}


.block__blog_list .l-col-three__item {
	background: var(--base-defColor);
	text-decoration: none;
}
.block__blog_list .l-col-three__item:hover {
	box-shadow: 0 0 0.5rem var(--base-primaryColor);
}
.block__blog_list .l-col-container {
	position: relative;
	height: 100%;
}
.block__blog_list .l-col-container figure {
	height: 15.0rem;
	display: flex;
	overflow: hidden;
	position: relative;
	background-image: url(https://koyou.files.cmssv-v4.awsv.jp/_build_/template/pages/svltd/assets/blog_sample.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.block__blog_list .l-col-container figure::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
}
.block__blog_list .l-col-container figure img {
	object-fit: cover;
	height: 100%;
}
.block__blog_list .l-col-container .l-body-container {
	padding-bottom: 3rem;
}
.block__blog_list .l-col-container .l-body-container .category {
	padding: 1rem 1rem 0;
}
.block__blog_list .l-col-container .l-body-container .category .label {
	background: var(--base-defColor-dark1);
	color: var(--base-defColor);
	font-size: .9rem;
	padding: 0.5rem 1rem;
}
.block__blog_list .l-col-container .l-body-container .date {
	position: absolute;
	bottom: 1rem;
	/* color: var(--base-defColor-light1); */
	right: 1rem;
}
.block__blog_list .l-col-container .l-body-container .title {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0;
	width: 80%;
	height: 15.0rem;
	left: 10%;
	color: #FFF;
	font-size: 1.2rem;
	font-weight: 400;
}
.block__blog_list .l-col-container .l-body-container .summary {
	padding: 1rem 1rem 0;
}
@media only screen and (max-width:830px) {
	.p-group.grid > .p-group-container > .p-group-items {
		flex-direction: column;
	}
}


/* service-3point */
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point {
	margin: 5rem 3rem 7rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * {
	text-align: center;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container{
	display: inline-block;
	position: relative;
	border: 1px solid var(--base-defColor-opp);
	text-align: center;
	font-size: 1rem;
	font-weight: 400;
	padding: 3rem;
	background: var(--base-defColor);
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container::before {
	content: "";
	position: absolute;
	display: block;
	top: .5rem;
	left: .5rem;
	width: 100%;
	height: 100%;
	border-right: 1px solid var(--base-defColor-opp);
	border-bottom: 1px solid var(--base-defColor-opp);
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container .p-textarea {
	line-height: 1.5;
	font-size: 1.2rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container em {
	font-style: normal;
	font-size: 250%;
	color: var(--base-primaryColor);
	font-weight: 700;
}
@media only screen and (max-width:830px) {
	.l-section-container > .l-content-wrapper > .p-contatiner.service-3point {
		margin: 2rem;
	}
	.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container{
		width: 100%;
	}
	.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * {
		margin-bottom: 2rem;
	}
}


.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > *{
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	border: 1px solid var(--base-defColor-opp);
	text-align: center;
	font-size: 1rem;
	font-weight: 400;
	min-height: 4rem;
	margin-bottom: 2rem;
	padding: 1rem;
	background: var(--base-defColor);
	transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > * a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	z-index: 9;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > *::before {
	content: "";
	position: absolute;
	display: block;
	top: .5rem;
	left: .5rem;
	width: 100%;
	height: 100%;
	border-right: 1px solid var(--base-defColor-opp);
	border-bottom: 1px solid var(--base-defColor-opp);
	transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive {
	padding-left: 2rem;
	padding-right: 2rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive:hover {
	cursor: pointer;
	background: var(--base-primaryColor);
	color: var(--base-primaryColor-opp);
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive::after {
	position: absolute;
	top: 0;
	right: 1rem;
	height: 100%;
	align-items: center;

	content: "";
    display: flex;
    /* background: var(--txt-bodyColor); */
    -webkit-mask-box-image: url(/_assets_/icon/chevron-right-solid.svg);
    -webkit-mask-box-image-repeat: space;
    mask-image: url(/_assets_/icon/chevron-right-solid.svg);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive:hover::before {
	top: 0;
	left: 0;
}


/* case-list */
.l-section-container > .l-content-wrapper > .p-contatiner.case-list > .p-contatiner-items > *{
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	border: 1px solid var(--base-defColor-opp);
	font-size: 1rem;
	font-weight: 400;
	min-height: 4rem;
	margin-bottom: 2rem;
	padding: 2rem;
	background: var(--base-defColor);
	transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.case-list > .p-contatiner-items > *::before {
	content: "";
	position: absolute;
	display: block;
	top: .5rem;
	left: .5rem;
	width: 100%;
	height: 100%;
	border-right: 1px solid var(--base-defColor-opp);
	border-bottom: 1px solid var(--base-defColor-opp);
	transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.case-list > .p-contatiner-items .p-group-footer {
	text-align: center;
}



/* profile */
.profile {
	margin-bottom: 5rem;
	padding: 4rem;
	background-color: #FFF;
}
.profile .profile-container {
	padding: 0 3rem;
}
.profile .profile-container .profile-name {

}
.profile .profile-container .profile-name .p-subtext {
	font-size: 1rem;
}
.profile .profile-container .profile-name .p-text {
	font-size: 1.2rem;
	font-style: normal;
}
.profile .profile-container .profile-name .p-text em {
	font-style: normal;
	font-size: 150%;
}
@media only screen and (max-width:830px) {
	.profile {
		padding: 1rem;
	}
	.profile .p-image {
		padding: 3rem;
	}
	.profile .profile-container {
		padding: 0;
	}
	.p-group.grid > .p-group-container > .p-group-items {
		display: flex;
	}
}


#country.l-section-wrapper.grid-3 .l-content-wrapper > * {
    margin: 0 1rem 1rem 0;
}
#country.l-section-wrapper.grid-3 .l-content-wrapper > .p-image {
	flex: 0 0 calc(29.3% - 1rem);
}
#country.l-section-wrapper.grid-3 .l-content-wrapper > .p-group {
	margin-left: 1rem;
	flex: 0 0 calc(39.3% - 2rem);
}


/* block__explanationInfo */
.block__explanationInfo .l-section-container {
	padding-top: calc(var(--block--paddingT) * 0.5);
	padding-bottom: calc(var(--block--paddingB) * 0.5);
}
.block__explanationInfo .p-textarea {
	text-align: var(--s-align, left);
	font-size: var(--fsize-base-primary);
	font-weight: var(--fweight-base-primary);
	line-height: var(--flineheight-base-primary);
}

/* .p-container-horizontal */
.p-container-horizontal .p-headline > .p-headline-container {
	justify-content: flex-start;
}
.p-container-horizontal .p-container-horizontal-wrapper > .p-container-container .p-container-items > * + * {
	margin-top: var(--gap-container-items);
}

/* p-container */
.p-container .p-container-items {
	display: flex;
	flex-direction: column;
	gap: var(--gap-container);
}





.work-block {
	width: 100%;
	gap: calc(var(--gap-container) + 2em);
}
.work-block .p-container-container {
	position: relative;
}
.work-block .p-container-vertical-items {
	justify-content: var(--s-align-flex, flex-start);
}
.s-border-small .work-block .p-container-vertical-items > * .p-container-container {
	position: relative;
	border-bottom: 1px solid var(--primary-defColor);
}
.s-border-small .work-block .p-container-vertical-items > * .p-container-container::before {
	content: "";
	position: absolute;
	display: block;
	width: 75%;
	height: 1px;
	top: 0.4rem;
	right: 0;
	background: var(--primary-defColor);
}
.work-block .p-container-header {
	text-align: center;
	margin-bottom: calc(-3rem / 3);
	z-index: 2;
}
.work-block .p-container-header > .p-badge.s-badge-003 {
	position: absolute;
	top: -1em;
	left: calc(50% - 1em);
	display: flex;
	height: 3rem;
	width: 3rem;
	border-radius: calc(3rem / 2);
	background: var(--btn-defColor);
	color: var(--txt-head-lightColor);
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	font-size: 1.3rem;
}
#app.btn-def-gradient .work-block .p-container-header > .p-badge.s-badge-003 {
	background: linear-gradient(-90deg, var(--btn-def-gradient-st) 0%, var(--btn-def-gradient-en) 100%);
}
.work-block .p-container-header > .p-badge.s-badge-004 {
	position: absolute;
	top: -.5em;
	left: 0;
	display: flex;
	width: 3rem;
	background: var(--btn-defColor);
	color: var(--txt-head-lightColor);
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	font-size: 1.3rem;
}
.p-badge.s-badge-004 {
	white-space: nowrap;
}
#app.btn-def-gradient .work-block .p-container-header > .p-badge.s-badge-004 {
	background: linear-gradient(-90deg, var(--btn-def-gradient-st) 0%, var(--btn-def-gradient-en) 100%);
}
.work-block .p-container-items {
	position: relative;
	background: var(--baseColor);
	padding: 2rem 1rem;
	width: 100%;
	align-items: center !important;
}
.work-block .p-container-items > .p-textarea {
	text-align: center;
	font-size: 1.6rem;
}


.p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper > .p-container-container .p-container-items > .p-textarea {
	letter-spacing: .1em;
	line-height: 1.6;
}

.p-container-horizontal.s-container-horizontal-005 .p-container-horizontal-wrapper > .p-container-container > .p-container-images {
	background: #FFF;
	align-self: center;
}




#strength .strength-14 .p-container-items > .p-headline.s-headline-h4 .p-headline-items {
	font-size: 1.8rem;
}

:root {
	--gmenuColor: #fff;
}
.l-gheader-pc .l-header-wapper {
	height: var(--header-height);
}
.l-gheader-pc .l-header-container .l-header-logo-container .p-image {
	padding: 1rem 0;
}
.l-gheader-pc .l-header-container .l-header-logo-container .p-image .p-figure img {
	height: calc(var(--header-height) - 2rem);
}
body.is-hero-scroll .l-gmenu-wrapper.l-gmenu-fix {
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
}

.l-gmenu-main-container li {
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}
.l-gmenu-main-container li::before {
	position: absolute;
	content: "";
	height: 3.2rem;
	width: 2px;
	background: var(--emphasisColor);
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: inline-block;
}
.l-gmenu-main-container li:last-child::after {
	position: absolute;
	content: "";
	height: 3.2rem;
	width: 2px;
	background: var(--emphasisColor);
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: inline-block;
}
.l-gmenu-main-container li:hover:last-child::after {
	right: 0 !important;
	margin-right: 0;
}

.l-gmenu-main-container li a {
	padding: 1.5em 0;
    line-height: 1.4;
	position: relative;
	font-weight: 500;
}
.l-gmenu-main-container li a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
    height: 5px;
    background: var(--base-headlineColor);
    bottom: 2rem;
    visibility: hidden;
	z-index: 1;
}
.l-gmenu-main-container li a:hover::after {
	visibility: visible;
}
.l-gmenu-main-container li a.p-link > span {
	z-index: 2;
	position: relative;
}




.s-image-slider {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;

	scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
	flex-wrap: nowrap;
}
.s-image-slider::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.s-image-slider::-webkit-scrollbar-thumb {
  background: black;
  border-radius: 10px;
}
.s-image-slider::-webkit-scrollbar-track {
  background: transparent;
}
.s-image-slider > div {
	scroll-snap-align: start;
	flex-shrink: 0;
	width: 300px;
	height: 200px;
	margin-right: 20px;
	border-radius: 10px;
	background: #eee;
	transform-origin: center center;
	transform: scale(1);
	transition: transform 0.5s;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 100px;
}
.s-image-slider img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.l-gheader-sp .l-header-container .l-header-logo-container {
	max-width: 45vw;
}
.l-gheader-sp .l-gmenu-function li .p-btn {
	font-size: 1rem;
	min-width: auto;
	padding: 0.6em 1em;
}

.p-container-vertical .p-container-vertical-wrapper {
	background-color: #FFF;
}
.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-items {
	background: #FFF;
	padding: 2rem;
}
.b-casestudy-koyou .p-container-horizontal .p-container-horizontal-wrapper .p-container-container {
	--lightColor: #cccccc;
	border: var(--lightColor) 1px solid;
	border-radius: 1rem;
}

a:hover > figure {
	opacity: 0.8;
}

.l-gheader-pc .l-gmenu-function li .p-btn {
	line-height: 1.3;
}
:root {
	--bg-primary: url()
}